/* 
Theme Name: Science Progress: The Return of Beeker
Theme URI: http://www.scienceprogress.org
Description: Science Progress Online Magazine
Version: 3.0
Author: Matt A. Pusateri
Author URI: http://www.mattmedia.net
*/


/* Science Progress Master CSS */

/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* STRUCTURE + LAYOUT */

body {margin:0; padding: 0;}

#container {
	display:block;
	width:938px;
	margin:12px auto;
	padding:12px;
	background: #fff;
    }
	
#header {display:relative; clear:both; line-height:1em;padding-bottom:1.5em; height:60px;}	

#header img.logo {float:left; padding:0;margin-right:2em;}

#main, #homemain {
	display:block;
	margin: 0 18px 0 0;
	padding:1em 0;
	width:526px;
    float:left;
	}
	
#homemain {padding-top:0}	

#side {display:block;margin:0 0 0 560px;padding:1em 0;}	

#homeside {display:block; margin:0 0 0 560px;padding:0 0 1em 0;}	

#topstory {display:block; overflow:hidden; height:1%; margin-bottom:18px}
	
#topstoryart img {
    height:225px;
	width:225px;
	float:left;
	background-color:#333333;
	border:1px black solid;
	margin:3px 18px 9px 0;
 	}		
	
#blog {
	display:block;
	clear:both;
	}	

#features {
	display:block;
	clear:both;
	}

#footer {
	margin: 48px auto 1em auto;
	text-align:center;
	width:900px;
	display:block;
	clear:both;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}	
	
.story {
	display:block;
	margin-bottom:18px;
	width:591px;
  	}	

#blogcomments {margin-top:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#666;}
#comment {width:500px;}

textarea#comment  {border:1px solid #ccc;}

/* navigation stuff */
#header-items {
	float:right; 
	font-weight:normal; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:8px 0 4px 0;
	margin:0;
	width:470px;
	}
#header-items ul li {display:inline; font-size:1.3em; padding-left:.4em;}
#header-items ul li a {text-decoration:none;}
#header-items ul li a img {display:inline;}
#header-items ul li img {display:inline;}


/* FORMATTING + STYLE */	
	
/* General Style */
	
body {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:13px;
	}

html > body {font-size:13px;}

strong {font-weight:bold;}
em {font-style:italic;}




blockquote {
   margin:1em 3em 1em 4em;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   }

a {color: #cc0000; text-decoration:none} 
p a:hover, .post-data a:hover {color: #cc0000; text-decoration:underline}
a:hover {color:#000;}

p {
   line-height: 1.5em;
   font-size:1em;
   margin-top:.5em;
   margin-bottom:.5em;
   }

h1 {
	font-size:2em;
	line-height:1.1em;
	font-weight:normal;
	margin: 0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

h2,h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:normal;
	padding:0 0 .5em 0;
	}
	
h2.pagetitle {font-size:1.8em; padding-bottom:1.5em;}

#features h2  {
	font-size:1.5em;
	font-weight:normal;
	color:#333;
	padding:0 0 6px 0;
	margin:0 0 1em 0;
	border-bottom:1px dotted #333;
    }

#homeside h2 {font-size:1.5em; font-weight:normal; color:#333; padding:0 0 6px 0; margin:0; border-bottom:1px dotted #333; display:block; }

* html #homeside h2, * html #features h2 {border-bottom: none;	padding: 0 0 1px 0; background: url(images/hrule.gif) repeat-x bottom;} /* IE6 tweak to get dots, not dashes */
* html #topstorytease h2 {background:none}


#topstorytease h1 {font-size:1.6em; padding:0; margin:0}
#topstorytease h2 {font-size:1.3em; border:none; background:none; margin:12px 0;padding:0;}
#topstorytease p {font-size:1.15em}
#topstorytease p.author {font-size:1em;}



.heavyem {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1em; font-weight:bold; color:#cc0000; display:inline;}

.blogpost ul li, .story ul li {
	list-style:disc inside; 
	padding:.75em 0 .75em 0; 
	margin-left:3em; 
	line-height: 1.5em;
	}

.blogpost ol li, .story ol li {
	list-style-type: decimal; 
	padding:.75em 0 .75em 0; 
	margin-left:3em; 
	line-height: 1.5em;
	}


#homeside ul li.bloghome {padding:1em; display:block; border-bottom:2px solid #ccc; background:#f2f2f2;font-size:1em;}
.bloghome h3 {margin:0; padding:5px 0 0 0; font-size:1.15em; line-height:1.5em}



.story p.tags, .blogpost p.tags {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-size:1em}
p.tags a {color:#c00;}

p.postmetadata {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666}

.hrule {border-bottom: 1px dotted #666;margin: 0 0 1em 0; padding:0;}
* html .hrule {border-bottom: none;	padding: 1px; background: url(cssimages/hrule.gif) repeat-x bottom;} /* IE6 tweak to get dots, not dashes */

.bloghome p.timestamp {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;font-weight:normal;margin-bottom:0; padding:0}

#footer p {color:#666;margin-bottom:18px}

/*tables*/

.feature_table {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:  1em; border: 1px solid #666666; padding: 0.5em 0.5em 0.5em 0.5em;}

.feature_table td {padding: 0.5em 0.5em 0.5em 0em;}


/*ul links*/
.blogpost ul li a, .story ul li a {color: #cc0000;}
.blogpost ul li a:hover, .story ul li a:hover {color: #cc0000;}

.byline {display:block; margin:0; padding:0; font-size:.95em;}
.bylinebasic {display:block; width:400px; float:left;}

.author {font-size:1em; font-weight:normal; color:#666; display:inline; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.author a {font-weight:normal}
.timestamp {font-size:1em; font-weight:bold; color:#666; display:inline;}
.kicker {font-size:1em; color:#666; text-transform:uppercase; margin-bottom:1em; font-family:arial, sans-serif;}

#startcomments.kicker {padding-top:2em;}

.marginbox {}

#side h2 a {text-decoration:none}
#side h2 a:hover {text-decoration:underline}
#side .recent li {padding-bottom:1em; line-height:1.5em;}
#side .recent {margin-bottom:18px;}	
#side .recent h2 {font-size:1em; color:#666; text-transform:uppercase; margin-bottom:1em; font-family:arial, sans-serif;}

.highlighted {
   line-height: 1.5em;
   font-size:1em;
   display:block;
   background: #f5f5f5; 
   border:#c00 1px solid; 
   padding:1em;
   }

.highlightpen {
   background-color: #f5f5f5; 
   border:#c00 1px solid; 
   padding:0;
   display:inline; 
  }   



/* Blog */

#blog h2 {
	font-size:1.667em;
	line-height:1.286em;
	font-weight:normal;
	color:#333;
	padding-bottom:6px;
	border-bottom:1px dotted #333;
    }

* html #blog h2 {border-bottom: none;	padding: 1px; background: url(images/hrule.gif) repeat-x bottom;} /* IE6 tweak to get dots, not dashes */


#blog ul {list-style:none; margin:0; padding:0; }

#blog ul li {
	display:block;
	padding:12px 12px 0 0;
	clear:both;
	text-indent:0;
	margin:0;
	text-align:left;
	}
	
#blog ul li div.post-tease {
	width:500px;
	float:right;
	display:block;
	}
	
#blog ul li div.post-tease p{display:block; margin:0; padding:0}		
	
#blog ul li div.post-data {
	width:70px;
	display:block;
	text-indent:0;
	float:left;
	margin:0;
	padding:0;
	border:0;
	line-height:1.5em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}	
		
#blog ul li p {display:block;}		
#blog ul li h3 {font-size:1.2em; line-height:1.2em; font-weight:bold; margin-bottom:0}

#blog h3 a {text-decoration:none}
#blog h3 a:hover {text-decoration:underline}



/* Story Tease on Home Page */

.storytease {margin-bottom:18px; line-height:1.5em; overflow:hidden; height:1%; }
.storytease h2 {color:#333; font-size:1.2em; font-weight:bold;}
.storytease h3 {color:#333; font-size:1.4em; font-weight:normal; margin:0; padding:0}
.storytease p {margin:.5em 0 0 0; font-size:1.1em}	
.storytease p.author {font-weight:normal;padding:0;margin:0}	
.storytease a {display:inline; text-decoration:none}
.storytease a h3 {color:#c00}
	
	

/* Feature Box */
	
.featurebox {
    display:block;
	background-color:#f5f5f5;
	background:url(images/boxback.gif) repeat-x;
	border:1px solid #ccc;
	padding:1em;
	margin-bottom:18px;
	border-bottom:2px solid #c00;
	overflow:hidden;
 	}		
.featurebox img {float:right;margin:0 0 0 1em;}
.featurebox h2 {margin:.5em 0 .25em 0}
.featurebox h2 a{
	font-size:1.2em;
	font-weight:normal;
	line-height:1.25em;
	text-decoration:none;
	}
#homeside .featurebox h3 {color:#333; font-size:1.4em; font-weight:normal; margin:6px 0 0 0;}
	
.featurebox p {margin:0; padding:0;line-height:1.75em;}
.featurebox b, .featurebox strong {color:#666}



/* Blog Post */

.blogpost {
	display:block;
	padding-bottom:1.5em;
	clear:both;
	}

.blogpost h2 {
	font-size:1.5em;
	line-height:1.25em;
	font-weight:normal;
	color:#333;
    padding:0 0 .5em 0;
    margin:0;
	}

.blogpost p, .blogpost ul, .blogpost ol {margin:0; padding:0 0 1em 0; font-size:1.15em;}

.blogpost h2 {margin:0 0 9px 0; padding:0; 	border-bottom:1px dotted #333;}
.blogpost h2 a {text-decoration:none}

* html .blogpost h2 {border-bottom: none; padding: 1px; background: url(images/hrule.gif) repeat-x bottom;} /* IE6 tweak to get dots, not dashes */

div.blogpost .byline {display:block; padding:.5em 0 1em 0;}
div.blogpost .timestamp {font-weight:normal}

/* Appending SP bug to end of post

.entry {display:inline;}
.entry p:last-child:after {content: url(http://stage.scienceprogress.org/wp-content/themes/ScienceProgressB/images/splogo-end2.gif) }
*/


/* Full Story */

.story h2 {
	font-size:1.5em;
	line-height:1em;
	font-weight:normal;
	color:#333;
	padding:12px 0 12px 0;
	}

.story p, .story ol, .story ul {font-size:1.15em; padding:.5em 0; font-family: Georgia, serif;}


.story p.pullquote, .blogpost p.pullquote {
 font-family: Georgia, serif;
 font-size:1.8em;
 line-height:1.5em;
 text-align:right;
 color:#666;
 display:block;
 float:right;
 width:10em;
 margin: 0 0 .5em .5em;
 }

/* Story Toolbox */
	
.toolbox {
  display:block;
  width:70px;
  padding:1em;
  border:1px solid #ccc;
  float:right;
  margin:0 0 1em 1em;
  }
  
.toolbox ul li {list-style:square; margin:0 0 .5em 1em;}  

.toolbutton {
 display:block;
 width:60px;
 font-size:1em;
 text-transform:uppercase;
 text-align:left;
  } 
  
.toolbox ul li a {text-decoration:none;color:#333;}  

.toolbox ul li a:hover {text-decoration:underline;}  
  
.inlinetoolbox {
  width:180px;
  display:block;
  float:right;
  font-size:1em;
  font-weight:normal;
 /* line-height:1em;*/
  text-align:right;
  }  

.inlinetoolbox ul li {
  list-style-type:square;
  margin:0 0 0 1em;
  display:inline;
  }  	



/* Story Photos */

.widestoryphoto {display:block; clear:both; padding-bottom:1em; font-family:Arial, Helvetica}

.widestoryphoto img {border:1px solid #ccc; margin:0; padding:0;}

.widestoryphoto .credit, .picright .credit, .picleft .credit {
  display:block;
  margin:0;
  padding:.5em 0 .5em 0;
  text-align: right;
  color:#999;
  font-size:.9em;
  }

.widestoryphoto .caption, .picright .caption, .picleft .caption {
  color:#333;
  font-size:1em;
  text-align:left;
  display:block;
  margin:0;
  padding:0 0 1.5em 0;
  line-height:1.5em;
  }  

.picright {display:block; float:right; margin:4px 0 .5em .5em;}
.picleft  {display:block; float:left; margin:4px .5em .5em 0;}

.fullcaption {
  color:#333;
  font-size:.95em;
  line-height:1.2em;
  text-align:left;
  display:block;
  margin:0;
  padding:.5em 0 .5em 0;
  }

#sidetime {display:block; width:200px; margin: 0 0 0 2em;}
#sidetime img {border: 1px solid #ccc; margin:0;}


/* Photobox Code */

.photobox-right {width:300px; float:right; margin:5px 0 0 1.5em; padding:0; font-family:"Trebuchet MS", Verdana, Helvetica, Trebuchet, sans-serif; display:inline}
.photobox-right p.caption {font-size:1em; text-align:left}
.photobox-right p.credit {font-size:.9em; text-align:right; color:#666;margin:.25em 0 .5em 0; padding:0}

.photobox-left {width:300px; float:left; padding:5px 1.5em 0 0; margin: 0; font-family:"Trebuchet MS", Verdana, Helvetica, Trebuchet, sans-serif; display:inline}
.photobox-left p.caption {font-size:1em; text-align:left}
.photobox-left p.credit {font-size:.9em; text-align:right; color:#666;margin:.25em 0 .5em 0; padding:0}

/*---------------*/  


  

/* COMMENTS */
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 2em 0 .5em; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
.commentmetadata {margin: 0; display: block;}

cite {font-weight:bold;}




/* SEARCH */

#search {float:right; display:block;}

#searchform {display:block; padding: 1em 0 2em 0}

#inlinesearchform {display:relative; margin-left:1em;}
.inlinesearchsubmit {display:block; float:right; color:#333; font-size:12px; padding:0; margin:0 .5em 0 0; width:100px; border:1px solid #ccc;}
#inlinesearchbutton {display:block; float:right; width:60px; font-size:10px; padding:0; margin:0;}

#searchresults .post h2 {padding:.5em 0 0 0; margin:0;}
#searchresults .post h2 a {text-decoration:none; padding:0; margin:0;}

.search-excerpt {line-height:1.5em; padding:0; margin:0}
.search-excerpt img {display:none}

form #s {border: 1px solid #ccc;}

#searchsubmit {float:right; color:#333; font-size:small; display:block; margin:.5em 0 1em 0;}



/* ARCHIVES */

#archivebox {margin:2em 0 1em 0}
#archivebox a:hover, #archivebox h4 a {color: #c00;}
#archivebox a, #archivebox h4 a:hover {color:#000;}

#archivebox h2, #archivebox h3 {
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
   font-weight:normal;
   color:#cc0000; 
   font-size:1.4em;
   border-bottom:1px solid #666;
   padding:0 0 5px 0;
   margin:0 0 .66em 0;
   }

#archivebox h4, #archivebox h4 a {font-weight:bold;}

#archivebox h5 {font-weight:normal; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:1px; font-size:1.1em; color:#666;margin:0;padding:0}

#archivebox img, .archiveitem img {display:none; visibility:hidden;}  

.smallfoot {display:block; color:#666; font-size:.9em; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-top:4px;border-top:1px solid #ccc;margin-top:.5em;}

.archiveitem {line-height:1.5em; margin:1em 0 1em 0;}

.archive-section {overflow:hidden; height:1%; padding: 0 0 1.5em 0;}

.feature-archives {
	display:block;
	margin: 0 9px 0 0;
	padding:1em 0;
	width:591px;
    float:left;
}

.blog-archives {
	display:block;
	margin:0 0 0 612px;
	padding:1em 0;
}

#archivebox p.postarchive {margin:0; padding:1em 0 0 0}
#archivebox .archive-section .blog-archives p.postarchive a {
	font-weight:normal;
	color:#C00;
	}



/* SCHOLAR COLUMN */

.scholar {
  display:block;
  padding:1em;
  margin-left:612px;
  position:absolute;
  width:281px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  font-size:1em;
  clear:both;
  }
  
.scholar h2 a {text-decoration:none}
.scholar h2 a:hover {text-decoration:underline}
.scholar .recent ul li, .scholar .recent ul {margin:0; padding:0 0 .5em 0; text-indent:0;list-style:none;}
.scholar .recent {margin-bottom:18px;}	
.scholar .recent h2 {font-size:1em; color:#666; text-transform:uppercase; margin-bottom:1em; font-family:arial, sans-serif;}  

.scholarbox {
  display:block;
  padding:1em;
  margin-top:1.5em;
  margin-left:624px;
  position:absolute;
  width:279px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  font-size:1em;
  clear:both;
  border:1px solid #ccc;
  background:url(images/boxback.gif) repeat-x;
  }
  
.scholarbox .kicker {color:#000;}  
.scholarbox ul li {margin:1em 0 0 0;padding:0 0 0 0;}  
.scholarbox h3 {font-size:1.2em; font-weight:bold; line-height:1.5; padding:0 0 .5em 0; margin:0; text-align:center;}


ul.monthlyarchives  li {padding-top:.5em}

p.project-of {margin-top:3em}


/* SIGN UP PAGE */
table.eloqua_signup td {padding: 0px 10px 10px 0px; }


/* MULTIHEADER - TABS CSS */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Structure */

#sciencetab {width:526px}



/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {list-style: none; margin: 0; padding: 0 2px 2px 2px;}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0; 
    font-weight: bold;
    font-size:2em;
    }
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 2px;
    background: #fff;
}
.ui-tabs-nav a {
    margin: 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #333;
}
.ui-tabs-nav .ui-tabs-selected a {
    color:#c00;
    }

.ui-tabs-nav a span {
    padding-right: 0;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
	overflow:hidden; height:1%; 
    border: 1px solid #ccc;
    padding: 18px;
    margin-bottom:18px;
    background: #f5f5f5; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}