body {
    margin: 0;
    background: url(../images/body-background.png) repeat-x;
}

body, input, textarea, select {
    font-family: "Helvetica Neue",  Helvetica,  sans-serif;
}

select {
    font-size:100%;
}


header, nav, section, footer {
    display: block;
    margin: 10px auto;
    width: 80%;
    min-width: 800px;
}

a {
    color: #1B79B0;
}

a.deselect {
    float: right;
    margin-left: 1em;
}

img {
    border: none;
}

.error, .required {
 color: #CF1F36;
}

h2 {
    font-size: 1em;
    margin-top: 2em;
}

header h1 {
    margin: 20px 0 0 0;
    height: 68px;
}

header img {
    border: none;
}

header p.tagline {
    margin: 0 0 15px 80px;
}

section {
    clear: all;
}

section#tweet {
    background: white;
}

section p {
    margin: 1.5em 0 0 80px;
    max-width: 40em;
}

section#share p {
    padding: 0.5em 0 0.5em 80px;
    margin-left: 0px;
    background: #eee;
    max-width: 100%;
}

section#share img {
    vertical-align: -15%;
    margin: 0 0.3em 0 0.5em;
}

section#share a {
    color: black;
    text-decoration: none;
}

body.crunch section {
    margin-top: 30px;
}

body.crunch section p {
    padding: 0;
    margin: 1em 0;
}

body.crunch div.errors {
    border:2px solid #CF1F36;
    padding:0 0.5em;
    font-weight:bold;
    font-size:150%;
    width:25.5em;
}
body.crunch div.errors p {
    margin: 0.5em 0;
}

body.crunch input.name {
    font-size: 1.5em;
    width: 26.3em;
}

body.crunch input.text {
    font-size: 1em;
    width: 28em;
}

body.crunch input.site {
    width: 19em;
}

body.crunch label, body.crunch p.caption {
    font-weight: bold;
    margin: 1em 0 0.5em 0;
}

body.crunch p.caption:after, h2:after {
    content: ':'
}

body.crunch div.icon {
    border-radius: 33px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 33px;
}

body.crunch div.icon {
    padding: 0.5em 40px 0.5em 20px;
    margin-left: -16px;
    border: 6px solid white;
    clear: left;
    min-height: 66px;
    width: 26em;
    font-size: 90%;
    vertical-align: middle;
}

body.crunch div.icon p {
    margin: 0;
}

body.crunch div.icon p.description {
    padding-top: 0.5em;
}

body.crunch div.icon img {
    vertical-align: middle;
}

body.crunch div.icon:hover, body.crunch div.selected {
    border-color: #E7F5FD;
}

body.crunch div.selected {
    background: #E7F5FD;
}

body.crunch div.icon p.input {
    float: left;
    margin-right: 10px;
}

body.crunch div.icon input {
    margin-right: 10px;
}

body.crunch div.multiple {
    width: 550px;
}

body.crunch div.multiple p.description {
    clear: left;
    margin-left: 100px;
    width: 28em;
}

body.crunch textarea {
    height: 2.5em;
    width: 39.8em;
    font-size: 1em;
}

body.crunch section p.explanation {
    clear: left;
    margin: 1em 0;
}

body.crunch p.submit {
    border: none;
    text-align: right;
}

nav ol {
    margin-left: -40px;
    Xbackground: #eee;
    font-weight: bold;
    list-style: none;
    height: 35px;
    width: 100%;
}

nav li {
    float: left;
    padding: 0 5px 0 42px;
    background: 5px 0 no-repeat;
    line-height: 35px;
    font-size: 14px;
}

nav li.selected {
    background-color: white;
}

nav li.home {
    background-image: url(../images/nav-home.png);
}

nav li.about {
    background-image: url(../images/nav-about.png);
}

nav li.idea {
    background-image: url(../images/nav-1.png);
}

nav li.team {
    background-image: url(../images/nav-2.png)
}

nav li.product {
    background-image: url(../images/nav-3.png)
}

nav li.revenue {
    background-image: url(../images/nav-4.png)
}

nav li.funding {
    background-image: url(../images/nav-5.png)
}

nav li.partnership {
    background-image: url(../images/nav-6.png)
}

nav li.generate, nav li.cruncher {
    background-image: url(../images/nav-7.png)
}

nav li.finished {
    background-image: url(../images/nav-finished.png)
}

footer {
    display: block;
    margin-top: 4em;
}

footer p, footer a {
    color: #999;
}

footer p {
    font-size: 80%;
    max-width: 50em;
    margin: 2em 0;
}

footer p#links a {
    margin-right: 1.5em;
    color: #1B79B0;
}

body.about a.logo {
    float: right;
    margin: 0 0 0.5em 1em;
}

body.about p {
    clear: right;
}

body.generate p.caption {
    margin: 2em 0;
}

body.crunch table.sites {
    border-collapse: collapse;
    margin-top: 1em;
}

body.crunch table.sites th {
    text-align: left;
}

body.crunch table.sites td {
    vertical-align:top;
}

body.crunch table.sites td input.text {
    width: 19.2em;
    margin-right: 0.5em;
}

body.index {
    background-image: url(../images/body-index-background.png);
}

body.index header p.illustration {
    padding: 10px 0 10px 160px;
    margin: 0 0 0 -80px;
    height: 174px;
}

body.index header {
    margin-bottom: 0;
}

body.index section {
    margin-top: 0;
}

body.index section ol {
    padding: 0;
    list-style: none;
}

body.index section li {
    padding: 33px 10px 33px 80px;
    background: left center no-repeat;
    float: left;
}

body.index section#tweet li {
    float: none;
}

body.index #query {
  font-family: "Helvetica Neue",  Helvetica,  sans-serif;
     margin-left: 80px;
}

body.index section li.idea {
    background-image: url(../images/icons/start-idea.png);
    width: 8em;
}

body.index section li.text {
    background-image: url(../images/icons/start-text.png);
    width: 7em;
}

body.index section li.plan {
    background-image: url(../images/icons/start-plan.png);
    width: 9em;
}

body.index section big {
    font-size: 2em;
}

body.index footer p {
    margin-top: 2em;
}

#counter:after {
    content: " characters left";
}