/*
Theme Name: Stephen Wolfram v2
Theme URI: http://blog.stephenwolfram.com/
Description: Stephen Wolfram blog Theme.
Version: 2.0
Author: Sue Feng
Author URI: http://www.wolfram.com/
Tags: stephenwolfram
*/

/* new */
#wrapper { width: 90% !important; max-width: 1100px !important; min-width: 979px; }
#blog #content { width: 63%; float: left; min-width: 615px; margin: 91px 20px 0 0; }
#blog #content h2 { margin: 5px 0 0; }
h3, .date { font-size: 13px; line-height: 21px; font-weight: normal; margin: 0 0 20px; display: block; }
h2 a, #content h1.blog-post-title { font-family: Georgia; font-size: 36px; font-weight: normal; line-height: 1.2; color: #c62a14; font-style: normal; border-bottom: 0; }
#blog #content .post_content h2 { margin: 0; display: inline-block; font-style: italic; font-weight: normal; color: #c62a14; padding-right: 12px; font-size: 18px; float: left; line-height: 1.3; }
#blog #content .post_content h3 { padding-bottom: 5px; padding-top: 7px; color: #333; margin-bottom: 7px; font-size: 15px; font-weight: 600; }
#blog #content .post_content h3 a { color: #333; }
#blog #content .post_content a:hover { color: #D76A00; }
#blog #content h2.searchresults-heading { color: #c62a14; font-weight: bold; margin: 0 0 40px; }
.clearboth { clear: both; }
.date { font-family: Georgia; }
a.selected { color: #c62a14 !important; }
.hide { display: none !important; }

#blog .post_content a.more-link { box-sizing: border-box; width: 140px; white-space: nowrap; background-color: #e46900; color: white; font-weight: normal; font-size: 11px; padding: 6px 11px 6px 11px; border-radius: 5px; line-height: 11px; margin: 10px 0 0 0; }
#blog .post_content a.more-link:hover { background-color: #f5770c; }
#blog .post_content a.more-link::after { content: "\203A"; font-size: 17px; margin: 0 0 0 5px; top: 1px; position: relative; line-height: 11px; }
#blog .post_content a{ text-decoration: none; outline: none; color: #19749a; }

body { font-family: Georgia, 'Times New Roman', serif; font-size: 13px; line-height: 20px;  }
.post_head h2 { margin: 20px 0 0 0; padding: 0; font-size: 25px; line-height: 28px; color: #c62a14; font-weight: normal; }
#noscript { width: 887px !important; }
#postContainer, #loadMore { display: none; }

#blog .booktag { position:absolute; top: 142px; display:block; color: #615d5d; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: url('http://wac.36f4.edgecastcdn.net/0036F4/small/blogsw/post/book-icon.jpg') no-repeat left center; padding: 0 0 0 17px; white-space: nowrap; }
#blog .booktag:hover { color: #d76a00; }
#blog a.cloudtag { position:absolute; top: 142px; display:block; color: #e67208; font-style: italic; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: url('http://wac.36f4.edgecastcdn.net/0036F4/small/blogsw/post/opencloud-icon.png') no-repeat left center; padding: 0 0 0 27px; white-space: nowrap; }
#blog a.cloudtag:hover { color: #c62a14; }
.admin-bar#blog .booktag, .admin-bar#blog .cloudtag { top: 170px; }

tt { font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight: 600; }

/* LINK COLORS */
a { text-decoration: none; outline: none; color: #c62a14; }
  a.more-link, .post_foot a { font-weight:normal; }
  a.more-link { color: #d71920; display: block; padding-top: 5px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: 600; font-size: 12px; }
a:hover { color: #D76A00; }
.sidebar-image-caption a{ font-weight:bold;text-decoration: none; outline: none; color: #636363;}
  .sidebar-image-caption:hover a { color: #C62A14; }
  .sidebar-image-caption a:hover { color:  #C62A14; }
a.more-post { font-size:13px; font-family: arial,sans-serif; padding:0;}
a.more-post, a.more-post:link, a.more-post:visited { color:#777;}
a.more-post:hover, a.more-post:visited:hover {font-weight: normal; color:#cc0000;}

a.black { color: #000; }
  a.black:hover { color: #D76A00; }
  a .chevron { color: #d71920; }

.comm span a { color: #fff; }
.comm b a { color: #000; }
.comm a:hover {  }

h1 { font-size: 23px; color: #464646; border-bottom: 1px solid #dcdcdc; margin: 0 0 25px; padding: 0 0 3px 0; }

h1 a { font-family: Georgia; font-size: 28px; font-weight: normal; color: #636363; margin: 0 0 38px; line-height: 34px; }

header h1 { border-bottom: 0; }

/* GENERAL */
form { margin:0; padding:0; }
.center { text-align: center; }
.rsswidget img { display:none; }

table#post_head, table#post_content { border-collapse: collapse; }
td { padding: 0; }

#outerWrap { width: 900px; margin: 0 auto; position: relative; }
#outer { position: relative; }

#nav ul li { margin: 0; }

.pageHeader { background:url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/sw-headerBG.gif') repeat-x; height:73px; width:100%; overflow:hidden;}
.logo { margin:7px 0 0 64px; float:left;}
.urllogo { margin:13px 0 0 340px; float:left;}

/* Mini Social Icons
------------------------------------------------------------------------------------*/
.social { line-height: 1 !important; }
.socialIcons { height: 15px; padding: 0; font-size: 0; }
.socialIcons .icon { width: 16px; height: 15px; display: inline-block; margin: 0 5px 0 0; background: url('images/sprite-icons.png'); }
.socialIcons .facebook { background-position: 0 0; }
.socialIcons .facebook:hover { background-position: 0 -15px; }
.socialIcons .twitter { background-position: -16px 0; }
.socialIcons .twitter:hover { background-position: -16px -15px; }
.socialIcons .reddit { background-position: -32px 0; }
.socialIcons .reddit:hover { background-position: -32px -15px; }
.socialIcons .linkedin { background-position: -48px 0; }
.socialIcons .linkedin:hover { background-position: -48px -15px; }

#pagination { text-align:right; color:#777; font-family:arial,sans-serif; font-size:12px; letter-spacing:1px; margin-bottom:30px; }
    #pagination a, #pagination a:link, #pagination a:visited { color:#777; margin-right:7px;}
        #pagination a.active { color: #d71920; }
    #pagination a:hover, #pagination a:visited:hover { color: #D76A00; }

a img, img { border: 0; }

#logo a span{display:none;}
#logo, #logo a{ display: inline-block; width: 338px;height: 61px; margin: 0; }
#logo a#sw-h1-title {width: 253px;height:48px;background: url(/common/templates/www.stephenwolfram.com/images/stephen-wolfram-blog-logo.png) no-repeat;vertical-align:top;}
#logo a#blog-h1-title {width: 81px;height:61px;background: url(/common/templates/www.stephenwolfram.com/images/stephen-wolfram-blog-logo.png) no-repeat top right;}
#logo a#sw-h1-title:hover, #logo a#blog-h1-title:hover {opacity: .8;}

/* SEARCH IN SIDEBAR */
#sidebar { font-family: arial,sans-serif; }
#sidebar #search { background: #ff8502; margin: 0 0 20px;}
#sidebar .headerSearchSubmit { background: url('images/search.png') no-repeat center center; border: 0; width: 32px; height: 32px; position: absolute; cursor: pointer; outline: 0; }
#sidebar #search .searchboxsub { color: #555; font-style: italic; }
#sidebar #search input[type="text"] { width: 280px; height: 27px; margin: 2px 0 2px 2px; padding: 1px 0 0 10px; border: 0; font-size: 12px; }
#sidebar .searchboxsub-on { color: #000; font-style: normal; }
#sidebar .headerSearchSubmit { padding: 0; }

.scrapbook { margin:20px 0; }
a.rssfeed, a.rssfeed:link, a.rssfeed:visited { color:#555; }
a.rssfeed:hover, a.rssfeed:visited:hover { color:#cc0000; }


/* CONTENT AREA */
#main_wrapper { width: 505px; margin: 0; float: left; }
#main_body, #main_body_single { border-width: 0 1px 0 1px; }
#main_body_single { margin-left:68px; }
#blog #footer { margin: 30px auto 30px auto; font-size: 9px; color: #666; }

.post_head { width: 505px; margin-bottom: 20px; }

  .post_head tr { vertical-align: bottom; }
  .post_head h1 { margin: 20px 0 0 0; padding: 0; font-size: 25px; line-height: 28px; color: #cb0e15; font-weight: normal; }
  .post_head .date { font-size: 14px; line-height: 21px; white-space: nowrap; color: #636363; font-weight: bold; }

.post_content { margin: 0; vertical-align: top; font-size: 16px; color: #333; line-height: 1.7; }
.single_post_content .post_content p, #content .post_content p { font-size: 16px; line-height: 1.7; max-height: 9999999px; -webkit-text-size-adjust: 100%; color: #333; }
    .comm { width: 140px; height: 25px; font-size: 12px; line-height: 25px; text-align: right; display:none;}
      .comm span { display: inline-block; padding: 0 0 0 5px; background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/sprite_main.gif') no-repeat -40px -96px; }
        .comm span a { display: inline-block; padding: 0 5px 0 0; background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/comm_right.gif') no-repeat bottom right; color: #fff; }
      .comm b { display: inline-block; width: 90px; text-align: left; }
    .tags { position: relative; left: 50px; width: 95px; margin: 0; padding: 0; font-size: 11px; color: #666; }

    div.flashdiv { margin: 0 0 13px 0; padding: 10px; font-size: 13px; line-height: 17px; border: 2px solid #ADADAD; color: #5C5C5C; }
    object, embed { margin-bottom: 15px; }

.post_content ul, .post_content ol, .single_post_content ul, .single_post_content ol { font-size: 16px; line-height: 1.7; color: #333; margin: 0; padding: 0 0 10px 0; }

.post_content li, .single_post_content li { margin: 0 0 0 30px; padding: 0 0 5px 0; }

.post_content blockquote, .single_post_content blockquote { margin: 0 40px; padding: 0; }
  .post_content blockquote p, .single_post_content blockquote p { text-indent: -5px }
  blockquote.flat p { text-indent: 0px !important; }
  blockquote cite { display: block; text-align: right; font-size: 12px; color: #808080; }

div.wp-caption { margin-top: 5px; }
.post_content p.wp-caption-text, .single_post_content p.wp-caption-text { font-size: 12px; color: #444; margin: 3px 2px 15px; }

.post_foot { position: relative; margin:10px 0 35px; clear: both; overflow: hidden; border-bottom: 1px solid #ccc; padding: 0 0 12px 0; }
.post_foot.last, .post_foot.single { border-bottom: 0; }
.post_foot.single { margin: 10px 0 20px; padding: 0; }
  .post_foot div { line-height: 15px; vertical-align: middle; font-size:10px;font-family: arial,sans-serif;}
  .post_foot .category p, .post_foot .category a { font-size: 11px !important; }
  .post_footer_left { float: left; display: inline-block; }
  #content .category p { margin: 0; padding: 0; }
  .post_foot .authoricon { left: 5px; width: 32px; height: 30px; background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/sprite_authors.gif') no-repeat; }
    .post_foot .stephenwolfram { background-position: -47px 0; }
  .post_foot .author { left: 40px; font-size: 12px; font-style: normal; }
  .post_foot .social { right: 0; font-size: 10px; float: right; bottom: 0; }

.post_separator { border-top: 1px solid #dcdcdc; height: 15px; margin:0 60px 0 105px;}
.post_separator_no_margin { border-top: 1px solid #dcdcdc; height: 15px; margin-top: 15px; }

.lower { text-transform: lowercase; }

#banner_more_posts, #footer_more_posts { font-size: 12px; }
#banner_more_posts { padding: 10px 0; border-bottom: 1px solid #dcdcdc; }
#footer_more_posts { margin:25px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #c9c9c9; }
    #footer_more_posts .footer_centered { float: none; margin: 0 auto !important; }
    #footer_more_posts > a:only-of-type >  span {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }
  #footer_next_page { float: left; }
  #footer_prev_page { float: right; }
  #footer_next_page, #footer_prev_page { box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; padding: 6px 10px; border-radius: 5px; background: #e40000; margin: 0; line-height: 11px; display: inline-block; position: relative; top: 0; margin: 6px 4px 6px 4px; color: #fff; font-size: 11px; text-transform: uppercase; }
  #footer_prev_page::after { content: "\203A"; font-size: 17px; margin: 0 0 0 5px; }
  #footer_next_page::before { content: "\2039"; font-size: 17px; margin: 0 5px 0 0; }
  #footer_prev_page:hover, #footer_next_page:hover { background: #ff1010; }


#footer_more_posts.singlenav { margin: 0; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
    #footer_more_posts.singlenav a { display: block; color: #d71920; }
    #footer_more_posts.singlenav a:hover { color: #D76A00; }
    .footer_post_wrapper { width: 100%; position: relative; margin: 0 0 15px 0; }
    .footer_thumbnail { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; }
    .footer_post { width: 490px; display: inline-block; vertical-align: middle; margin: 0 0 0 15px; }
    .footer_post p { padding: 0 !important; font-size: 12px !important; }
    .footer_post a { font-weight: bold; }

.entry_bottom_heading { color: #636363; font-size: 12px !important; font-weight: bold; padding: 15px 0 20px 0 !important; }

div.swfSpacer {
  /* FF  */ margin-top: 18px !important;
  /* IE6 */ margin-top: 0; }
  /* IE7 */ * + html div.swfSpacer { margin-top: 0!important }




/* SINGLE PAGE OVERRIDES */
#main_body_single table.post_head { left: 105px; }
.single_post_content { position: relative; left: 105px; width: 505px; margin:2px 0 0 1px;}
    .single_post_content img { /* border: 1px solid #eee; */ }
    .single_post_content p, #content p { margin: 0; padding: 0 0 15px 0; font-size: 13px; line-height: 20px; }
    .single_post_content p.first {  }
    .single_post_content div.flashdiv { margin: 0 0 13px 0; padding: 10px; font-size: 14px; line-height: 20px; border: 2px solid #ADADAD; color: #5C5C5C; }
    .single_post_content object, .single_post_content embed { margin-bottom: 15px; }

#main_body_single .post_foot { margin: 0 0 0 5px; }

.singlenav { position: relative; height: 16px; }
  .singlenav .alignleft { left: 110px; }
  .singlenav .alignright { right: 65px; }

.featurepage ul { margin-top: -11px; padding-bottom: 15px; }




/* COMMENTS */
#comments { position: absolute; top: -40px; }
#comments_wrapper{ position: relative; }
  #commentform p { margin: 0; padding: 0; }

h3#comments-heading, h3.featured-comments-heading {color: #D71920; cursor: pointer; font-weight: bold; }
h3.featured-comments-heading { cursor: default; margin: 25px 0 5px; padding: 0; font-size: 15px; line-height: 28px; }
h3#comments, div#respond h3 { margin: 0 0 20px 0; padding: 0 5px; font-size: 15px; line-height: 28px; }
  h3#comments-heading .num-comments { display: inline-block; padding: 0 0 0 5px; background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/sprite_main.gif') no-repeat -60px -95px; }
    h3#comments-heading .num-comments span { display: inline-block; padding: 0 5px 0 0; background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/comm_big_right.gif') no-repeat right 5px; color: #fff; }
    #comments span#show-all-comments {background: none; padding: 0;}

#hide-comments {color: #C62A14; cursor: pointer; padding-left: 5px; position: relative; top: -15px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }

ol.commentlist { list-style: none; margin: 0; padding: 0; }
  ol.commentlist li { padding-left: 0; }
ul.children { list-style: none; margin: 0; padding-left: 35px; }
  ul.children li { padding-left: 0; }

table.balloon tr { vertical-align: top; }
td.uleft, td.uright, td.lleft div, td.lright div { width: 6px; height: 7px; background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/sprite_comments.gif') no-repeat; }
td.uleft { background-position: top left; }
td.uright { background-position: top right; }
td.lleft div { background-position: bottom left; }
td.lright div { background-position: bottom right; }
td.umid { font-size: 1px; line-height: 1px; border-top: 1px solid #d7d7d7 !important; }
td.mid { border: solid #d7d7d7; border-width: 0 1px; padding: 5px 15px; }
  td.mid p { margin: 0; padding: 0 0 8px 0; font-size: 12px; line-height: 17px; }
td.comment-author div, td.comment-meta div { margin: 6px 0; padding: 5px; text-align: right; font-weight: bold; font-size: 12px; }
td.comment-author div{ padding: 10px 35px 15px 15px; background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/comm_balloon_point.gif') no-repeat right top; font-size: 12px; white-space: nowrap; }
td.comment-meta div { border-top: 1px solid #d7d7d7; color: #878787; }
  a.comment-permlink, a.comment-permlink:hover, .commentmetadata a { color: #878787; }
#emailError, #nameError, #commentError { font-size: 10px; }

#featured-comments { background: #f2f2f2; padding: 15px; margin: 0 0 15px; border-radius: 5px; border: 1px solid #ebebeb; }
#featured-comment-reply { margin-left: 30px; }
    .reply-wrapper td.uleft, .reply-wrapper td.uright, .reply-wrapper td.lleft div, .reply-wrapper td.lright div { background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/sprite_comments.png') no-repeat;  }
    .reply-wrapper td.uleft { background-position: top left; }
    .reply-wrapper td.uright { background-position: top right; }
    .reply-wrapper td.lleft div { background-position: bottom left; }
    .reply-wrapper td.lright div { background-position: bottom right; }
    .reply-wrapper .comment-author div { margin: 0; color: #424242; padding-top: 15px; }
    .reply-wrapper .comment-author img { margin: 0 5px 0 0; vertical-align: middle; }
    .reply-wrapper .comment-author { margin-right: 20px; }
    .reply-wrapper td.comment-author div{ padding: 10px 35px 15px 15px; background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/comm_balloon_point.png') no-repeat right top; font-size: 12px; white-space: nowrap; }
    .reply-wrapper .comment-meta div { margin: 0; background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/comm_balloon_bottom.png') repeat-x right -2px; border-top: 0; padding-top: 15px; }
    .reply-wrapper .mid { padding: 5px 15px; line-height: 18px;  border: solid #ebebeb; border-width: 0 1px; }
    .reply-wrapper .umid { border-top: 1px solid #ebebeb !important; }
    .reply-wrapper td.lleft, .reply-wrapper td.lright, .reply-wrapper .lleft div, .reply-wrapper .lright div { height: 9px !important; }
    #featured-comment-reply td.uleft, #featured-comment-reply td.uright, #featured-comment-reply td.lleft div, #featured-comment-reply td.lright div
    { background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/reply_sprite_comments.png') no-repeat; width: 8px; height: 8px; }
    .reply-wrapper td.lmid, .reply-wrapper td.umid, .reply-wrapper td.mid { background: #fff; }
    #featured-comment-reply td.uleft { background-position: top left; }
    #featured-comment-reply td.uright { background-position: top right; }
    #featured-comment-reply td.lleft div { background-position: bottom left; height: 8px; }
    #featured-comment-reply td.lright div { background-position: bottom right; height: 8px; }
    #featured-comment-reply td.umid { font-size: 1px; line-height: 1px; border-top: 2px solid #ffcb81 !important; background: #fff; }
    #featured-comment-reply td.mid { border: solid #ffcb81; border-width: 0 2px; padding: 5px 15px; background: #fff; }
    #featured-comment-reply td.comment-meta div { background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/reply_comm_balloon_bottom.png') repeat-x right -3px; border-top: 0; padding-top: 15px; }
    #featured-comment-reply td.comment-author div{ background: url('http://wac.36F4.edgecastcdn.net/0036F4/small/blogsw/theme/reply_comm_balloon_point.png') no-repeat right -1px; padding-top: 20px; }

.button { color: #fff; background: #e00400; padding: 3px 10px; border-radius: 4px; border: 0; cursor: pointer; }

#join-small, #exit-button { display: none; }
        #respond { padding-top: 40px; }
#join-small.join-small-js, #exit-button.exit-button-js { display: block; }
#respond.respond-js { padding-top: 0; }
div#join-small { width: 620px; height: 89px; margin: 40px 0 -3px -6px; font-size: 11px; background: url('images/join-bubble.png') no-repeat; }
div#join-small .input-fields { width: 100%; }
  div#join-small .input-fields .inner { padding: 16px; position: relative; }
  div#join-small .input-fields #fakeComment { border: 1px solid #cdcdcd; width: 510px; height: 40px; padding: 0 20px;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 38%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(38%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 38%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 38%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 38%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 38%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
    #join-button { position: absolute; top: 23px; left: 575px; cursor: pointer; }
  .placeholder { font-size: 14px !important; font-weight: bold; font-style: italic; position: absolute; top: 24px; left: 20px; }
div#join-big .inputs-fields { position: relative; top:-20px; right: -3px;}
div#exit-button { width: 100%; text-align: left; }
div#exit-image { cursor: pointer; width: 21px; height: 21px; float: right; position: relative; bottom: -11px; right: -8px; background: url('images/exit.png')}

div#respond h3 { margin-bottom: 10px; padding: 0 9px; font-size: 15px; line-height: 28px; position: relative;}
div#respond form { margin: 0; padding: 0 0px 0px; }
td.join {vertical-align: top; padding: 10px 20px 0 0;}
div#respond .level { padding: 10px 0 0; }
  div#respond label { color: #999999; text-align: left; padding: 6px 2px; font-size: 12px; vertical-align: top; line-height: 12px;}
    div#respond .half-length { float: left; width: 50%;}
    div#respond .half-length .pad-left {padding-left: 9px;}
    div#respond .half-length input { width: 100%;}
  div#respond .half-length input#url { width: 620px;}
  input#author, input#email, input#url, textarea { border: 1px solid #b5b5b5; }
  div#comment-area { background: url('images/comment-bubble.png') top left no-repeat; width: 620px; height: 186px; resize: none; }
  div#comment-area div { padding: 9px 11px 0 10px; }
    textarea { font: 11px Arial, Helvetica, Geneva, sans-serif; width: 595px; height: 145px; resize: none; }
  input#submit { margin: 10px 0 0 0; float: right; }
.cancel-comment-reply { position: absolute; top: 0; right: 10px; }



.navigation { position: relative; margin: 0 5px 10px; height: 14px; line-height: 14px; }
  .navigation div { position: absolute; top: 0; }
  .navigation .alignleft { left: 0; }
  .navigation .alignright { right: 0; }



/* SIDEBAR */
#sidebar { width: 326px; float: right; margin: 100px 0 0 0; font-size: 12px; }
.sidebar-inner { margin: 0 0 0 10px; }
.sidebar-pod { width: 100%; overflow: hidden; padding: 0 0 20px; position: relative; }
a.more-recent-posts { position: absolute; bottom: 40px; right: 0; color: #959595; }
.sidebar-pod a:hover { color: #c62a14; }
.sidebar_post_wrapper { width: 100%; position: relative; margin: 0 0 20px 0; }
    .sidebar_thumbnail { display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; }
    .sidebar_post { width: 200px; display: inline-block; vertical-align: middle; margin: 0 0 0 15px; }
    .sidebar_post p { padding: 0 !important; margin: 0 !important; font-size: 12px !important; line-height: 17px; }
    .sidebar_post a { font-weight: bold; color: #000; }
p.sidebar-heading { text-transform: uppercase; color: #636363; font-size: 12px !important; font-weight: bold; background: url('images/sidebar-divider.png') no-repeat -40px bottom; padding: 15px 0 20px 0 !important; margin: 0 !important; }
.sidebar-image-caption { margin: 10px 0 10px 0; display: inline-block; float: right; }
.sidebar-image-caption p { text-align: right; font-size: 10px; font-family:Helvetica,Arial,sans-serif; line-height: 14px; margin: 0 !important; color: #636363; }

.categories-list-row { margin: 0 0 0 -20px; overflow: hidden; }
.categories-list { margin: 0 0 0 30px; padding: 0; list-style: none; display: inline-block; vertical-align: top; }
.categories-list a { color: #363636; line-height: 20px; }
.sidebar-archive { width: 300px; }
.sidebar-archive a { color: #363636; }
.sidebar-archive a:hover { color: #c62a14; }
.sidebar-archive ul { list-style: none; margin: 0; padding: 0; }
.sidebar-archive li { display: inline-block; border-left: 1px solid #aaa; padding: 0 4px 0 7px; margin: 0 0 10px; line-height: 12px; }
.sidebar-archive li.first { border-left: 0; padding: 0 4px 0 0; }
.archive-heading { margin: 25px 0 5px 0 !important; font-size: 11px !important; }

#sidebar .sidebar-social { display: inline-block; overflow: hidden; vertical-align: top; margin: 10px 0 0 0; }
#sidebar .big-social-icon { background: url('images/sprite-icons.png') no-repeat; width: 26px; height: 26px; float: left; margin: 0; }
#sidebar .big-social-icon.rss { background-position: 0 -30px; }
  #sidebar .big-social-icon.rss:hover { background-position: 0 -56px; }
#sidebar .big-social-icon.facebook { background-position: -26px -30px; margin: 0 0 0 5px; }
  #sidebar .big-social-icon.facebook:hover { background-position: -26px -56px; }
#sidebar .big-social-icon.twitter { background-position: -52px -30px; margin: 0 0 0 5px; }
  #sidebar .big-social-icon.twitter:hover { background-position: -52px -56px; }
#sidebar .big-social-icon.linkedin { background-position: -78px -30px; margin: 0 0 0 5px; }
  #sidebar .big-social-icon.linkedin:hover { background-position: -78px -56px; }

/* temp search results */
p.searchresultstemp { margin: 0; padding: 30px 0 0 0; position: relative; left: 105px; font-style: italic; color: #cb0e15;}



/* SEARCH RESULTS */
div.search-wolfram-results-container { padding: 22px 105px; font-size: 11px; }

div.search-divider { margin: 0; padding: 0; }

div.search-summary { border-bottom: 1px solid #d7d7d7; position: relative; width: 100%; }
  span.search-summary-right { position: absolute; right: 0; bottom: 2px; }
  span.search-summary-left { padding: 0 0 5px 0; font-size: 25px; line-height: 28px; color: #cb0e15; }

div.search-all { margin: 0; padding: 3px 0 10px 0; }
div.search-all img, div.search-all-link img { border: 0; margin: 0 2px -5px 0; }

div.search-result-title { margin: 10px 0 5px 0; padding: 0; border: 0; font-size: 14px; font-weight: bold; }

span.search-separator, span.search-result-type { margin: 0 0 2px 0; padding: 0; border: 0; font-size: 11px; font-weight: normal; }

div.search-result-summary { margin: 0; padding: 0 0 10px 0; border-bottom: 1px solid #d7d7d7; }

div.search-notfound-message { margin: 10px 0 10px 0; padding: 0; }

div.search-notfound-message img { margin: 0 2px 0 0; padding: 0; }

span.search-navigation-paginator { float: right; }
span.search-navigation-paginator-divider { padding: 0 3px; }
span.search-navigation-prevnext img { margin: 0 2px 0 2px; }
.search_thumbnail { display: inline-block; margin: 0 10px 0 0; vertical-align: middle; }
.searchresult h3 a { font-size: 18px; line-height: 20px; font-family: Georgia; font-weight: normal; }
.searchresult h3 { margin: 0; }
.searchresult { margin: 0 0 30px; }
.searchresult .date { margin: 0; }
.searchresult .search_post { display: inline-block; width: 530px; vertical-align: middle; }

/*--------colorbox--------*/
#colorbox { z-index: 999999999999 !important; }
#cboxOverlay { z-index: 99999999999 !important; }
.colorbox-container { position: relative; z-index: 0; }
#cboxContent { padding: 46px 0 0 0; background: transparent !important; }
#cboxTitle { padding: 20px 0 0 0; color: #535353 !important; }
.colorbox.cboxElement { position: relative; display: inline-block; }
.colorbox-container.aligncenter { display: block; text-align: center; }
.colorbox-container.alignleft { display: inline-block; float: left; margin:0 1em 1em 0 }
.colorbox-container.alignright { display: inline-block; float: right; margin:0 0 1em 1em }
.colorbox-zoom{ background: url("images/sprite-icons.png") no-repeat 0px -82px; content: ""; position: absolute; height: 25px; width: 25px; bottom: 3px; right: -2px; z-index: 9000; cursor: pointer; }
.colorbox-container:hover .colorbox-zoom{ background-position: -24px -82px; }

/*---code styles from jeremyd---*/
.code { font-family: Consolas,Arial; font-weight: bold; }
code { font-family: Consolas,Arial; font-weight: bold;}

.code.math { color: rgb(0, 115, 180); }
code.math { color: rgb(0, 115, 180); }

.code.smp { color: rgb(170, 128, 39); }
code.smp { color: rgb(170, 128, 39); }

/* positioning */
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* audio */
.WriAudio { position: relative; display: inline-block; padding: 5px 10px 5px 20px; border-radius: 5px; border: 1px solid transparent; background: transparent; position: relative; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0); cursor: pointer; margin-left: -20px; }
.WriAudio.show { margin-left: 0; }
.WriAudio.show,
.WriAudio:hover { background: #f7f7f7; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); border: 1px solid #e5e5e5; }
.WriAudio.show .play,
.WriAudio:hover .play { width: 26px; height: 26px; background-image: url('/wp-content/plugins/WriAudio/play-animation@2x.png'); background-repeat: no-repeat; background-position: 0 0; background-size: 52px; position: absolute; top: 0; left: -15px; bottom: 0; margin: auto; }
.WriAudio.paused .play { background-position: 0 -27px; }
.WriAudio:active .play { background-position: -27px 0; }
.WriAudio.paused:active .play { background-position: -27px -27px; }
.WriAudio .tooltip { display: none; }
.WriAudio:hover .tooltip { display: block; background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 3px; padding: 8px; position: absolute; top: -53px; left: 0; right: 0; margin: auto; width: 130px; color: #898989; font-size: 12px; font-family: 'Roboto', Arial, Helvetica, sans-serif; text-align: center; z-index: 10; white-space: nowrap; }
.WriAudio:hover .tooltip:before { content: ''; border-top: 9px solid #f5f5f5; border-bottom: 9px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; display: block; width: 0; height: 0; position: absolute; top: 36px; left: 0; right: 0; margin: auto; z-index: 10; }

.WriAudio:hover .tooltip:after { content: ''; border-top: 10px solid #e5e5e5; border-bottom: 10px solid transparent; border-left: 11px solid transparent; border-right: 11px solid transparent; display: block; width: 0; height: 0; position: absolute; top: 36px; left: 0; right: 0; margin: auto; z-index: 9; }
.WriAudio audio { display: none; }


/* Oops
------------------------------------------------------------------------------------*/
#oops #wrapper { overflow: inherit; }
#oops #content { margin: 100px 0 0 70px; overflow: hidden; width: 635px; float: left; }
#oops #footer { margin: 0 auto 0; padding: 0 0 0 140px; }
#oops img { vertical-align: middle; }
#oops strong { margin: 0 0 0 10px; font-size: 18px; vertical-align: middle; }
.oops-heading { color: #c62a14; font-size: 16px; font-weight: bold; margin: 15px 0 0; display: block; letter-spacing: 1px; }
.oops-content { margin: 80px 0; }
.oops-content ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; color: #555; }
.oops-content ul li { padding: 0 0 0 12px; margin: 0 0 20px 0; background: url('/common/templates/www.stephenwolfram.com/images/bullet.png') no-repeat left 6px; }


/* Slider
------------------------------------------------------------------------------------*/
.ui-widget { font-size: 11px; }
.ui-slider .ui-slider-handle { height: 1.8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.6em; }
.cat-link {padding-left: 20px; color: grey;}
.cat-link:hover {color: #ea2300;}
.cat-link h3 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 200;}
.cat-link {background-image: url('/wp-content/themes/sw-v2/images/list-icon.png'); background-repeat: no-repeat; background-position: left center;}
.cat-link:hover {background-image: url('/wp-content/themes/sw-v2/images/list-icon-over.png');}

/* Code Toggle
------------------------------------------------------------------------------------*/
.toggle-controls { color: #828282; cursor: pointer; font-size: 12px;}
.toggle-controls *, .toggle-controls *:after, .toggle-controls *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
.toggle-controls:hover { color: #dd1100; }
.toggle-controls i { border: 1px solid #aaa; display: inline-block; font-style: normal; height: 9px; margin-right: 5px; position: relative; width: 9px; }
.toggle-controls:not(.open) i:before { background-color: #aaa; content: ''; height: 7px; left: 3px; position: absolute; top: 0px; width: 1px; }
.toggle-controls i:after { background-color: #aaa; content: ''; height: 1px; left: 0px; position: absolute; top: 3px; width: 7px; }
.toggle-me { display: none; }

/* WL Code
------------------------------------------------------------------------------------*/
.InCell { margin-left: -10px; margin-top: -.5rem; }
.InCell.collapsible { display:none; }
