/* colors
------------------------------------------------------------------------------------
#c62a14 - red links
#ff3506 - red link hover color
#636363 - h2s
#898989 - h3s
#959595 - nav links, breadcrumb hover
#534741 - nav links hover, breadcrumb hover
#d7d7d7 - dividers
#707070 - venture
------------------------------------------------------------------------------------*/

body {
    margin: 0 auto;
    background: url('/common/templates/www.stephenwolfram.com/images/banner.png') repeat-x left 57px;
}

#wrapper {
    width: 900px;
    margin: 0 auto;
    padding: 0 40px;
}

#header {
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
}

#scrapbook #header { padding: 10px 0 4px; }

#nav {
    display: inline-block;
    float: right;
    margin: 0;
}

#nav ul {
    list-style-type: none;
    display: inline-block;
    margin: 20px 0 0;
    padding: 0;
}

#nav ul li {
    display: inline-block;
    vertical-align: middle;
}

#nav ul li a {
    color: #959595;
    font-family: Georgia, Times New Roman, serif;
    font-size: 12px;
    margin: 0 8px 0 8px;
    letter-spacing: .04rem;
}

#nav ul li a:hover { color: #534741; }

#nav ul li .twitter:before,
#nav ul li .facebook:before,
#nav ul li .linkedin:before,
#nav ul li .soundcloud:before,
#nav ul li .twitch:before {
    background: url('/common/templates/www.stephenwolfram.com/images/social-sprite.png') no-repeat;
    background-size: 101px 41px;
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
}

/*#nav ul li .facebook,
#nav ul li .twitter { margin: 0 3px 0 0; }*/

#nav ul li .twitter,
#nav ul li .facebook,
#nav ul li .linkedin,
#nav ul li .soundcloud,
#nav ul li .twitch { margin: 0 1px; }

#nav ul li .twitter:before { background-position: 0 0; }

#nav ul li .twitter:hover:before { background-position: 0 -20px; }

#nav ul li .facebook:before { background-position: -20px 0; }

#nav ul li .facebook:hover:before { background-position: -20px -20px; }

#nav ul li .linkedin:before { background-position: -40px 0; }

#nav ul li .linkedin:hover:before { background-position: -40px -20px; }

#nav ul li .soundcloud:before { background-position: -60px 0; }

#nav ul li .soundcloud:hover:before { background-position: -60px -20px; }

#nav ul li .twitch:before { background-position: -80px 0; }

#nav ul li .twitch:hover:before { background-position: -80px -20px; }

#content { margin: 50px 0; }

#footer {
    clear: both;
    width: 900px;
    margin: 0 auto;
    padding: 20px 40px;
    font-size: 13px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
}

#blog #footer { padding: 0; }

#footer p,
#footer a {
    line-height: 10px;
    font-size: 9px;
}

#about li.about a,
#blog li.blog a,
#publications li.publications a,
#media li.media a,
#scrapbook li.scrapbook a,
#contact li.contact a { color: #c62a14; }

.breadcrumb { margin: 0 0 2px !important; }

.breadcrumb a {
    color: #959595;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.breadcrumb a:hover { color: #534741; }

.pipe {
    margin: 0 5px;
    display: inline-block;
}

.raquo { color: #c62a14; }

.divider {
    border-bottom: 1px solid #d7d7d7;
    margin: 0 0 15px;
}

.aligncenter { text-align: center; }

#noscript {
    background: #ffffdb;
    border: 1px solid #eeedb9;
    top: 110px;
    padding: 5px;
    position: absolute;
    width: 808px;
    text-align: center;
}