/*
 * Theme Name: presscenter.wolfram.com
 * Theme URI: http://wolfram.com/
 * Description: Wolfram Press Center Theme, Jan 2016
 * Version: 1.0
 * Author: Wolfram Research
 * Author URI: http://wolfram.com/
 * Tags: Wolfram
 *
 *
 *        Contact WBI for problems or updates to this theme
 *
 */

body {
    background: url('/common/images2010/m8/topnav_bg.gif') repeat-x 0 175px;
}

body,
p,
td,
tr,
h1,
h2,
h3,
blockquote,
small,
textarea {
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    color: #222;
    font-weight: 400;
}

div#pageWrapper {
    overflow: hidden;
    margin: 0 auto;
    width: 1000px;
    margin-top: 50px;
}

div#mainWrap-posting {
    float: left;
    width: 700px;
}

p.intro {
    width: 550px;
}

h1 {
    font-size: 45px;
    color: #dd1100;
    padding: 0;
    margin: 0 0 40px 0;
}

h2 {
    font-size: 35px;
    color: #D51100;
}

h2.grey {
    color: #aeaeae;
    margin: 0 0 40px 0;
}

h3 {
    font-size: 21px;
    color: #D10;
}

h3.orange {
    color: #f97834;
    margin-bottom: 0px;
}

h3.orange a {
    color: #f97834;
}

h3.grey {
    color: #aeaeae;
}

div#main p {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    margin: 0px 0px 15px;
}

a,
a:link {
    color: #dd1100;
    text-decoration: none;
}

a:hover {
    color: #f97834;
}

strong {
    font-weight: 600;
}

ul {
    color: #666;
    line-height: 100%;
    padding: 0;
    padding-bottom: 6px;
    list-style-type: none;
    margin: 0;
}

ul li {
    background: url("/common/images2010/m8/red_bullet.gif") no-repeat 0px 5px;
    font: 13px/16px Arial, Helvetica, sans-serif;
    padding-left: .8em;
    margin: 0em 0 0 0;
    padding-bottom: 7px;
}

ul li a,
ul li a:link {
    color: #666;
}

ul li a:active,
ul li a:hover,
ul li a:link:hover,
ul li a:visited:hover {
    color: #bb0000;
}

ul li a.inline,
ul li a.inline:link {
    color: #e00400;
}

ul li a.inline:visited {
    color: #e00400;
}

ul li a.inline:active,
ul li a.inline:hover,
ul li a.inline:link:hover,
ul li a.inline:visited:hover {
    color: #bb0000;
}

#topnav_wrap {
    margin: 0 auto;
    margin-top: 24px;
    width: 1000px !important;
    position: relative;
    width: 930px;
    height: 51px;
}

#topnav {
    width: 1040px !important;
    margin: 0 auto;
    overflow: hidden;
}

div#topnav_wrap img {
    margin: 0;
}

#topnav table td img {
    margin: 0 5px 0 20px;
}

#topnav div {
    float: left;
    display: inline;
    font: 13px/30px Arial, Helvetica, sans-serif;
}

div#presscentertab {
    background: url("/common/images2010/m8/topnav_tab.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0);
}

div#presscentertab a {
    background: url("/common/images2010/m8/topnav_tab.gif") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    color: #E20400 !important;
}

div#topnav div a,
div#topnav div a:link {
    display: inline-block;
    height: 30px;
    margin-left: 20px;
    padding-right: 20px;
    color: #5d5d5d;
}

div#topnav div a:visited {
    color: #5d5d5d;
}

div#topnav div a:hover,
div#topnav div a:visited:hover {
    color: #bb0000;
}

h2.sub-heading {
    color: #777;
    font-size: 28px;
    margin: 20px 0 0 0;
}

h2.rss-heading {
    color: #777;
    font-size: 28px;
    margin: 20px 0 0 0;
}

.rss-heading img {
    vertical-align: middle;
}

.rss-heading span {
    vertical-align: middle;
    padding-right: 10px;
}

.divider {
    border-top: 1px solid #CCC;
    height: 1px;
    margin-top: 60px;
    padding-bottom: 25px;
}

#mainWrap-posting .divider {
    width: 700px;
}

.right-grey {
    background-color: #f3f3f3;
    padding: 10px 25px 25px 25px;
    margin: 20px 0 0 0;
    width: 200px;
}

.right-column {
    float: left;
    margin: 70px 0 0 50px;
}

.right-column p {
    font-size: 14px;
}

.right-column p.headline {
    font-size: 16px;
    line-height: 34px;
}

.side-divider {
    border-top: 1px solid #CCC;
    margin: 10px 0 5px 0;
    height: 1px;
}

.right-column img {
    float: left;
    padding-right: 10px;
}

.social-message {
    margin: 20px 0 0 10px;
    font-size: 16px;
    color: #f97834;
    text-align: center;
}

.social-icons {
    margin: 20px 0 0 25px;
}

.news-item h1 {
    margin: 20px 0 0 0;
    color: #f97834;
    font-size: 16px;
}
.news-item h2 {
    display: none;
}

.news-item p.date {
    margin: 2px 0 0 0;
    color: #aeaeae;
    font-size: 14px;
}

.news-item .excerpt {
    margin: 2px 0 0 0;
    font-size: 14px;
    line-height: 1.4em;
}

.news-item a {
    color: #dd1100;
}

.news-item a:hover {
    color: #f97834;
}

.news-items {
    margin-bottom: 50px;
}


div#pageWrapper a.connect {
    color: #f97834;
}

div#pageWrapper a.connect:hover {
    color: #dd1100;
}

.products {
    margin-top: 50px;
}

a.product-box {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    background: transparent;
    width: 222px;
    height: 150px;
    color: #666;
    padding: 18px 9px 18px 0px;
    position: relative;
    z-index: 1;
}

a.product-box img {
    display: block;
    margin: 0 auto;
}

a span.caption {
    padding: 10px 0 0 0;
    margin: 0px;
    font-weight: 300;
    font-size: 13px;
    text-align: left;
    display: inline-block;
}

a:hover span.caption {
    color: #f97834;
}

a span.special-caption {
    margin-left: 20px;
}

.red {
    color: #dd1100;
}

#pageWrapper a.breadcrumb {
    font-size: 20px;
    color: #797979;
    margin: 0;
}

#pageWrapper a.breadcrumb:hover {
    color: #f77700;
}

p.red a:hover {
    color: #dd1100;
}

p.grey a {
    color: #dd1100;
    font-size: 16px!important;
    float: left;
    padding-right: 25px;
}

p.grey a:hover {
    color: #ac000e;
}

.clear-both {
    clear: both;
}

hr.image-divider {
    border: 0;
    background: #CCC;
    height: 1px;
    margin-top: 60px;
    margin-bottom: 30px;
}


/*
 * Media Resources page
 */

#media {
    margin: 0 66px 0 0;
}

#media h1 {
    margin: 0 0 20px 0;
}

#media p.intro {
    width: 700px;
}

#media .invisible-divider {
    margin-bottom: 50px;
    clear: both;
}

#media img {
    display: block;
    margin: 0 0 10px 0;
}

#media .image-divider {
    border: 0;
    background: #CCC;
    height: 1px;
    margin-top: 40px;
    margin-bottom: 40px;
}

#media .media-link {
    margin: 0 20px 0 0;
}

#media .other-images {
    font-size: 15px;
    color: #666;
}

#media p.uses, #book p.uses {
    font-size: 11px;
    color: #a3a3a3;
    margin-bottom: 50px;
}

#media .images-grid{
   width:750px;
}

#media .images-grid img{
   display:inline-block;
   margin:0 13px 10px 0;
}

/*
 * Books
 */

#book {
    margin: 0 66px 100px 0;
}

#book h1 {
    font-size: 45px;
    color: #1377a7;
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

#book .subheading {
    font-size: 25px;
    font-style: italic;
    color: #5e5e5e;
    line-height: 1.5;
    margin: 0 0 40px;
}

#book h2 {
    font-size: 20px;
    color: #1377a7;
    font-weight: 400;
    margin: 0 0 30px;
}

#book a {
    color: #dd1100;
    text-decoration: none;
}

#book a:hover {
    color: #f77700;
}

#book p {
    font-size: 15px;
    line-height: 1.6;
}

#book p:last-child {
    margin: 0;
}

#book .left {
    width: 565px;
    display: inline-block;
    vertical-align: top;
    margin: 0 40px 0 0;
}

#book .left + img {
    margin: 5px 0 0 0;
}

#book blockquote {
    quotes: "“" "”" "‘" "’";
    color: #1377a7;
    font-style: italic;
    line-height: 1.8;
    margin: 30px 0 0 0;
}

#book blockquote:before,
blockquote:after {
    font-size: 40px;
    line-height: 1;
    height: 30px;
    display: inline-block;
    vertical-align: bottom;
}

#book blockquote:before {
    content: open-quote;
}

#book blockquote:after {
    content: close-quote;
}

#book .author {
    color: #5a5a5a;
    text-align: right;
    margin: 6px 0 30px;
}

#book hr {
    background: #ccc;
    height: 1px;
    border: 0;
    margin: 40px 0;
}

#book ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none;
    width: 28%;
    vertical-align: top;
}

#book ul li {
    margin: 0 0 15px;
    padding: 0;
    background: none;
    font-size: 19px;
    color: #000;
}

#book ul li:last-child {
    margin: 0;
}

#book .book-info {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    margin: 0 40px 0 0;
}

#book .book-info a {
    display: inline-block;
    margin: 0 15px 0 0;
}

#book .book-info a:last-child {
    margin: 0;
}

#book .book-info img {
    display: block;
    margin: 0 auto 10px;
}

#book p + .book-info {
    margin: 30px 60px 0 0;
}

#book .half {
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

#book .half h2 {
    margin: 0 0 30px;
}

#book .half ul {
    width: 100%;
}

#book .half ul li {
    font-size: 14px;
}

#book .half img {
    margin: 10px auto;
}

p.alignright {
	text-align: right;
}

.button {
    border-radius: 3px;
    padding: 8px 16px;
    margin: 50px 50px 0px 0px;
}

a.red {
    background: #dd1100;
    color: #fff;
    
}

a:hover.red {
    background: #f97834;
    color: #fff;
}

a.medium {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1em;
}

a.button {
    display: inline-block;
    
}

.inner a {
    color: #dd1100;
    text-decoration: none;
}