/* 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; }
#nav { display: inline-block; float: right; margin: 0; }
  #nav ul { list-style-type: none; display: inline-block; margin: 20px 0 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 .contact:before, #nav ul li .facebook:before, #nav ul li .twitter:before, #nav ul li .linkedin:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url('/common/templates/www.stephenwolfram.com/images/social-sprite.png') no-repeat; }
  #nav ul li .contact, #nav ul li .facebook, #nav ul li .twitter { margin: 0 3px 0 0; }
  #nav ul li .contact { margin: 0 3px 0 10px; }
  #nav ul li .linkedin { margin: 0; }
  #nav ul li .contact:before {  }
    #nav ul li .contact:hover:before { background-position: 0 -26px; }
  #nav ul li .twitter:before { background-position: -26px 0; }
    #nav ul li .twitter:hover:before { background-position: -26px -26px; }
  #nav ul li .facebook:before { background-position: -52px 0; }
    #nav ul li .facebook:hover:before { background-position: -52px -26px; }
  #nav ul li .linkedin:before { background-position: -78px 0; }
    #nav ul li .linkedin:hover:before { background-position: -78px -26px; }
#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; }
#noscript { background: #ffffdb; border: 1px solid #eeedb9; top: 110px; padding: 5px; position: absolute; width: 808px; text-align: center; }