/*  
Theme Name: Mathematica25
Theme URI: http://www.wolfram.com
Description: Theme for the Mathematica25 website.
Version: 1.0
Author: Daniel Sherman & Sue Feng
Author URI: http://www.wolfram.com
*/


/* MENU STYLES THAT ARE NEEDED TO MAKE IT RED                                                            */
/* ------------------------------------------------------------------------- */

#menu table { border-collapse: inherit; }
	#menu .logo { background-image: url('/common/images2010/wolframlogo10-red.gif'); }
.WRIdropMenu a.WRImenuHover, a.topLevel:hover { color: #dc0200 !important; }
.WRImenuContents a.WRImenuHover, .WRImenuContents a:hover { background-color: #dc0200; color: #fff !important; }
	/* old overrides, just in case */
	#nav li.hover a { color: #dc0200; }
	#nav ul a.hover, #nav ul a:hover { background-color: #dc0200; }



/* GLOBAL STYLES THAT CAME FROM DEPRICATED WWW  GLOBAL.CSS                                                            */
/* ------------------------------------------------------------------------- */

body {
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #222222;
}

div#pageWrap {
	padding-top:22px;
}

div#pageWrap {
	width: 1000px;
	margin:0 auto;
}


/* HEADINGS                                                                  */
/* ------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 130%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 110%;
}

h1, h2, h3, h4, h5, h6, b, strong {
	font-weight: bold;
}


/* PARAGRAPHS                                                                  */
/* ------------------------------------------------------------------------- */

p {
	padding-bottom: 1em;
}




/* LINKS                                                                     */
/* ------------------------------------------------------------------------- */

a:link, a:visited, a:active {
	text-decoration: none;
	color: #e00400;
}

a:hover, a:visited:hover, a:active:hover {
	text-decoration: none;
	color: #bb0000;
}

/* LISTS                                                                     */
/* ------------------------------------------------------------------------- */

ul, ol {
	line-height: 16px;
}

ul li {
	list-style: none;
	margin: 7px 0;
	padding-left: 17px;
	background: url('/common/images/li-bullet1.gif') no-repeat 0 1px;
}

ul.linkedbulletlist1 li{
	margin: 11px 0;
	background: url('/common/images/orange-link-button.gif') no-repeat 2px 2px;
	line-height: 12px;
}

ul.linkedbulletlist2 li {
	margin: 11px 0;
	padding-left: 11px;
	background: url('/common/images/bullet_red2.gif') no-repeat 0 6px;
}

/* move to /technology/guide/css/techguide.css? */
ul.redbullets li {
	background: url('/common/images2008/list_bullet_red.gif') no-repeat 0 7px;
	margin: 0 0 0 3px;
	padding: 0 0 3px 12px;
}

ol {
	margin-left: 18px;
}

ol li {
	margin: 7px 0;
}



/* UTILITY                                                                   */
/* ------------------------------------------------------------------------- */

.clearAll {
	clear: both;
}

hr {
	margin: 1em 0;
	border: none;
	border-top: 1px solid #000;
}













/* main html elements and homepage elemets start here 
------------------------------------------------------------------------ */
.hideMe{
display: none;
}

body{
color:#646464;
background-color:#A60C00;
margin:0px;
padding:0px;
font: 14px Arial, Helvetica, sans-serif;
background-image:none;
}

html{
background: none;
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #e00400;
}

a:hover, a:visited:hover, a:active:hover {
	text-decoration: none;
	color: #bb0000;
}

.centerMe{
margin: 0px auto 0px auto;
width: 961px;
}

#mainMenu{
height:55px;
background-color:#000;
}

#menu{
width: 961px;
background: url('/common/images/mainmenu_bg.png') repeat-x;
margin: 0 auto;
}

#menu table{
width: 900px;
}

#menuspace{
display: none;
}

#banner{
width: 100%;
height:299px;
background-color:#000;
background-image:url('images/bannerBackground.jpg');
background-repeat:no-repeat;
background-position:center; 
}
#banner a {
display: block;
width: 100%;
height: 299px;
font-size: 0;
}
/* top blurbs sections
------------------------------------------------------------------------ */
#intro {
background: #fff url('images/top-blurb-gradient') repeat-x left bottom;
padding: 30px 41px 20px !important;
padding: 1px;
overflow: hidden;
}

.top-blurb {
width: 100%; 
overflow: hidden;
font-size: 1.3em;
line-height: 1.5em;
margin: 0 0 30px 0;
}
.left, .right {
width: 400px;
float: left;
}
.left {
margin: 0 30px 0 0;
}
.top-post-link {
width: 345px;
float: left;
margin: 0 40px 10px 0;
}
.top-post-link img {
float: left;
margin: 0 10px 0 0;
}
.top-post-title {
font-family: Enriqueta;
margin: 7px 0 0;
display: block;
font-size: 15px;
}
a:hover .top-post-title {
color: #cc7800;
}
.top-post-meta {
display: block;
margin: 3px 0 0 0;
color: #5c7b89;
font-size: 12px;
}

#noJs p{
background-color:#FFF;
margin:0px;
padding:30px 10px 30px 10px;    
text-align: center;
color: #A60C00;
font-size: 20px;
}

#content{
padding: 1px;
}

.homeContent {
background: url('images/contentBackground.png') repeat-y right top #F3F3F3;       
}

#story{
margin: 0px;
padding: 50px 0px 29px 42px;
background: url('images/storyBackground.png') repeat-x left bottom;
}

#story h1{
color: #DA2900;
font-size: 30px;
line-height: 30px;
height: 31px; 
width: 650px;
margin: 0px 0px 9px 0px;
font-family: Enriqueta;
font-weight: normal;
}

#story p{
font-size: 14px;
line-height: 21px;
width: 650px;    
}

#story #contribute{
float: right;
width: 235px;
height:119px;
background: url('images/contribute.png') no-repeat;
margin: 0px -17px 0px 0px;
}

#story #contribute a{
font-size: 16px;
line-height: 21px;
font-family: Enriqueta;
text-decoration: none;
color: #FFF;
text-decoration: none;
display: block;
padding: 20px 10px 20px 75px;
}

#collectionsWrap{
margin: 0px;
padding: 1px;
float: left;
width: 684px;
margin-left: 18px;
}

#collections{
}

.m25Ajax{
height:48px;
}

.m25AjaxLoading{
background-image: url('images/m25Ajax.gif'); 
background-repeat: no-repeat;
background-position: center center;
}

/* Collections of images
------------------------------------------------------------------------ */
div.collection{
opacity:0.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
padding-bottom: 36px;
}

h2.collectionName{
background: url('images/redCollection.png') no-repeat;
width: 725px;
height: 51px;
margin: 0px 0px -2px -36px;
padding: 8px 0px 0px 45px;
font-size: 16px;
line-height: 16px;
font-family: Enriqueta;
color: #FFF;
font-weight: normal;
}
.collectionName span {
	font: 12px Arial, Helvetica, sans-serif;
	color: #383838;
}

div.collectionItems{
}

div.firstCollection{
padding-bottom: 0px;
}

div.showCollection{
padding-bottom: 36px;
}

div.firstCollection .hideCollection{
display: none;
}

div.firstCollection h2.collectionName{
background: url('images/greyCollection.png') no-repeat;
}

div.firstCollection h2.collectionName a{
display: block;
width: 665px;
text-decoration: none;
color: #5D5D5D;
}

div.firstCollection h2.collectionName span{
float: right;
}

div.collectionItem{
float: left;
display: inline;
margin: 0px 7px 14px 7px;
padding: 7px;
background-color: #9AABBC;
width: 0px;
height: 0px;
opacity:0.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}

div.collectionItem a{
margin: 0px;
padding: 0px;
}

div.collectionItem a img{
border: none;
margin: 0px;
padding: 0px;
}

div.collectionClear{
clear: both;
}

/* Feedback bubbles
------------------------------------------------------------------------ */
#homePageFeedback{
margin: 0px;
float: right;
width: 220px;
font-size: 12px;
}

#homePageFeedback h2{
margin: 20px 0px 13px 0px;
padding: 0px 16px 0px 11px;
font-size: 18px;
line-height: 18px;
font-family: Enriqueta;
color: #B76919;
font-weight: normal;
}

#homePageFeedback a{
float: none;
margin: 0 0 20px 6px;
}

.feedback{
width: 207px;
margin-bottom: 40px;
}

.feedbackBubbleTop{
background: url('images/homepageFeedbackBubbleTop.png') no-repeat;
height: 10px;   
}

.feedbackBubbleMiddle{
background: url('images/homepageFeedbackBubbleMiddle.png');
padding: 0px 20px 10px 20px;
font-family: Georgia;
font-style: italic;
font-size: 13px;
line-height: 21px;
color: #B76919;   
}

.feedbackBubbleMiddle p{
margin: 0px;
padding: 10px 0px 0px 0px;
}

.feedbackBubbleMiddle  a{
text-decoration: none;
margin-left: 0px;
color: #DC2728;
}

.feedbackBubbleBottom{
background: url('images/homepageFeedbackBubbleBottom.png') no-repeat;     
height: 37px;
}

.submitter{
color: #B76919;
margin-top: -7px;
padding: 0 0 0 20px;
font-weight: bold;
font-size: 13px;
}

.profession{
color: #4F4E4E;
padding: 0 0 0 20px;
font-size: 13px;
}

#clearContent{
clear: both;
}

/* links and titles for all pages other than home
------------------------------------------------------------------------ */
a.backTo{
text-decoration: none;
color: #DC2728;
display: block;
margin-top: 20px;   
}

h1.titleOrInfo{
margin: 30px 0 10px 0; 
color: #DA2900;
font-size: 24px;
font-family: Enriqueta;
font-weight: normal;
line-height: 24px;
height: auto; 
display: block;
text-align: left;
}
  
.singleFeedback h1 {
margin: 30px 0; 
}

.singleFeedback p {
text-align: left;
line-height: 20px;
} 

.feedbackContent h1 { 
margin: 30px 0px 20px 8px; 
font-size: 30px;
}

.indexCollection h1 {
margin: 30px 0px 30px 8px; 
}


/* for all single presentations.
------------------------------------------------------------------------ */
#lightboxContent{
background: #f5f0df;
background: -moz-linear-gradient(top,#f5f0df 0%, #fffff2 50px);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f0df), color-stop(50px,#fffff2));
background: -webkit-linear-gradient(top,#f5f0df 0%,#fffff2 50px);
background: -o-linear-gradient(top,#f5f0df 0%,#fffff2 50px);
background: -ms-linear-gradient(top,#f5f0df 0%,#fffff2 50px);
background: linear-gradient(to bottom,#f5f0df 0%,#fffff2 50px);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f0df', endColorstr='#fffff2',GradientType=0 );
}

.singleElement{
margin: 0px auto 0px auto;
padding: 1px 15px 20px 15px;
width: 770px; 
text-align: center;
}

.singleElement img {
margin: 20px 0 0;
}

div.paginatedLinks{
text-align: center;
padding: 10px 0px 0px 0px;
}

div.paginatedLinks a{
text-decoration: none;
color: #DC2728;
} 

#content.singleContent{
background: #F3F3F3 !important;      
}

/* for index presentations. 
------------------------------------------------------------------------ */
.indexContent{
background: url('images/storyBackground.png') repeat-x #F3F3F3;
}

.indexCollection{
margin: 0px auto 0px auto;
padding: 1px 10px 20px 10px;
width: 912px; 
}

/* for the feedback index 
------------------------------------------------------------------------ */
.feedbackContent{
background: url('images/storyBackground.png') repeat-x #F3F3F3;
}

.feedbackCollection{
margin: 0 auto 0 auto;
padding: 1px 0 0 0;
width: 892px; 
}

td.feedbackColumn{
width: 207px;
border-spacing:0;
border-collapse:collapse;
vertical-align: top;
padding:8px;
}

div.feedbackColumnWrap{
}

div.feedbackColumnWrap .feedback{
opacity:0.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}

/* lightbox styles 
------------------------------------------------------------------------ */
#lightbox{
position: fixed;
top: 0;
left: 0;
background-image: url('images/lightboxBackground.png');
min-width: 100%;
height: 100%;
text-align: center;
font-size: 0;
}

#lightbox:before{
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}    

#lightboxStage{
display: inline-block;
vertical-align: middle;
position: relative;
padding: 8px 0px 8px 0px;
background-color: #FFFFFF;
background-image: url('images/lightboxLoading.gif'); 
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.39);
-moz-box-shadow:    0px 0px 10px rgba(0, 0, 0, 0.39);
box-shadow:         0px 0px 10px rgba(0, 0, 0, 0.39);
font-size: 14px;
text-align: left;
}

#lightboxStage .exit{
position: absolute;
top: -11px;
right: -11px;
background-image: url('images/lightboxExit.png'); 
background-repeat: no-repeat;
background-position: center center;
width: 48px;
height: 48px;
}

#lightboxStage .exitHover{
cursor: pointer; 
}

#lightboxStage .submitter{
position: absolute;
margin-top: 5px;
padding: 0px;
top: 100%;
right: 0px;
color: #FFF;
font-weight: normal;
}

#lightboxStage .previous{
position: absolute;
top: 0px;
left: -50px;
width: 50px;
height: 100%;
background-image: url('images/lightboxPrevious.png'); 
background-repeat: no-repeat;
background-position: center center;
}

#lightboxStage .previousHover{
cursor: pointer; 
}

#lightboxStage .next{
position: absolute;
top: 0px;
right: -50px;
width: 50px;
height: 100%;
background-image: url('images/lightboxNext.png'); 
background-repeat: no-repeat;
background-position: center center;
}

#lightboxStage .nextHover{
cursor: pointer; 
cursor: hand;
}

.contributeIFrame{
width: 940px;
height: 630px;
}

.theContributeIFrame{
width: 940px;
height: 630px;
border: none;
}

#lightbox .lightboxMaxHeight{
background-color: #FFFFF2;
width: 800px;
max-height: 80%;
}

#lightboxTitle{
background-color: #FFFFF2;
text-align: center;
padding: 10px; 
color: #DA2900;
font-size: 18px;
line-height: 18px;
font-family: Enriqueta;
}

.feedbackTitle {
display: block;
padding: 0 0 5px 40px;
text-align: left;
}

#lightboxContent{
overflow-y: auto;
overflow-x: hidden;
}

#lightboxContent .singleContent .singleElement{
width: auto;
padding: 30px 50px;
}

.links {
line-height: 18px;
padding-bottom: 0;
}

.image-border {
border: 1px solid rgb(218, 216, 208);
}

/* contribute form styles  
------------------------------------------------------------------------ */
#page {
margin: 0 auto;
background: #fff;
clear: both;
position: relative;
}
.page-template-form-php {
padding: 20px 0 300px;
background: transparent;
width: auto;
}
.page-template-form-php #content {
margin: 40px 0 0 20px;
}

.page-template-form-php h1 { 
color: #ed1b2f;
font-size: 23px;
line-height: 30px;
margin-bottom: 4px;
}

.page-template-form-php h3 {
font-size: 22px;
line-height: 32px; 
color: #5c7b89;
font-weight: normal;
margin-bottom: 20px;
}


p.last-name { 
display:none; 
}

.share-blurb {
width: 290px;
float: left;
margin: 70px 40px;
color: #646464;
font-size: 18px;
line-height: 30px;
}

.uploadform {
border: 1px solid #ddd;
border-radius: 10px;
background: #f5f5f5;
padding: 0 30px 10px 30px;
width: 460px;
float: left;
margin: 0;
}
.page-template-form-php #content .uploadform {
padding: 20px 30px 10px 30px;
}
.uploadform input, .uploadform textarea {
width: 448px;
padding: 5px;
border: 1px solid #ddd;
margin-bottom: 7px;
font-family: Arial, Helvetica, sans-serif;
}

.uploadform #send-contribution{
width: auto;
}

#file-upload {
position:relative;
margin-bottom: 13px;
margin-top: 10px;
}

#attachment {
font-size: 4px; 
width: 95px; 
padding:0; 
height: 28px; 
opacity: 0; 
filter: alpha(opacity: 0);  
position: absolute; 
top: 0px; 
right: 140px;
display: inline;
cursor: pointer;
z-index: 9000;
}

#file-field {
    width:200px;
padding: 5px;
    font-size: 13px;
    border: 1px solid #d5d5d5;
color: #333;
margin-right: 10px;
}

label {
color: #5c7b89;
font-size: 14px; 
font-weight: bold;
margin-bottom: 10px;
display: inline-block;
}

#formfeedback {
margin: 70px 15px;
}

.thank-you-message {
margin: 64px 15px;
}

.thank-you-message p {
font-size: 16px;
line-height: 22px;
}

#formfeedback p {
padding-bottom: 1em;
font-size: 1.4em;
color: #646464;
}

::-webkit-input-placeholder {
   font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
   font-style: italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-style: italic;  
}

:-ms-input-placeholder {  
   font-style: italic; 
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder 
{
    color: transparent;
}

.grey {
font-weight: normal;
color: #646464;
font-size: 13px;
}

.required {
line-height: 35px;
}

.required-text {
line-height: 35px;
float: right;
}

.error {
color: #ed1b2f;
position: absolute;
top: 25px;
display: block;
}

.file-error {
color: #ed1b2f;
display: block;
}

.required-field {
position: relative;
}

input.red-border, textarea.red-border {
border: 1px solid #ed1b2f !important;
}

.infoWrapper-right {
position: relative;
display: inline;
text-align: left;
}

.infoBoxWrapper-right {
color: #5d5c5c;
position: absolute;
top: -32px;
left: 0;
display: none;
padding-left: 15px;
}

.infoBoxWrapper-right .infoTop {
width: 180px;
height: 24px;
background: url("images/infoBox-right.png") no-repeat 0 0;
}

.infoBoxWrapper-right .infoMiddle {
width: 137px !important;
width: 185px;
padding: 0 10px 0 30px;
background: url("images/infoBox-right.png") no-repeat 0px -24px;
font-size: 11px;
}

.infoBoxWrapper-right .infoBottom {
width: 180px;
height: 30px;
background: url("images/infoBox-right.png") no-repeat 0 bottom;
}

.infoWrapper-right img {
cursor: pointer;
margin-left: 5px;
vertical-align: middle;
}

/* buttons
----------------------------------------------*/
.button, .button:hover, a.button, a.button:hover, 
.button.large, a.button.large, a.button.large:hover, 
.red-button, .red-button a, .red-button a:hover {
color: #fff !important;
border: 0;
text-decoration: none;
}
.button {
height: 28px;
line-height: 28px;
background: url('images/button-bg.jpg') repeat-x;
border-radius: 5px;
padding: 0 15px;
display: inline-block;
font-size: 13px;
}

.button.large {
height: 35px;
line-height: 35px;
background: url('images/button-bg.jpg') repeat-x;
border-radius: 5px;
padding: 0 15px;
display: inline-block;
}

.button:hover, .button.large:hover {
background: #4590b7;
cursor: pointer;
}

.share-contribution {
background: url('images/share-another-contribution.png') no-repeat;
width: 214px;
height: 27px;
display: inline-block;
position: absolute;
left: 50px;
top: 395px;
}

#send-contribution {

}

.red-button {
height: 25px;
line-height: 25px;
background: url('images/red-button.png') repeat-x;
border-radius: 5px;
padding: 0 15px;
display: inline-block;
float: right;
margin: 33px 9px 0 0;
}

.red-button:hover {
background: #e00400;
cursor: pointer;
}

/* oops
------------------------------------------------------------------------ */
.oops {
text-align: left;
}
h1.oops-heading {
color: #e00400;
font-size: 24px;
font-weight: bold;
margin: 35px 0 0 20px;
line-height: 27px;
}

img.oops-image {
float: left;
margin: 30px 30px 0 0;
}

.oops-button {
float: none;
margin: 20px 0 50px;
}

/* misc
------------------------------------------------------------------------ */
.clearfloat {
clear: both;
}