/* 
Theme Name: Science Progress: Honeydew Ascendant
Theme URI: http://www.scienceprogress.org
Description: Science Progress Blog
Version: 4.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; font-weight:normal}
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;}

/* HTML5 help */
section, article, header, footer, nav, aside, hgroup {display:block}


/* STRUCTURE + LAYOUT */

body {background:#fff}
header {overflow:hidden; margin-bottom:1em;}
footer {padding:20px 0; text-align:center;overflow:auto; display:block; width:100% }

#container {
	display:block; 
	width:940px;
	margin:2.1276595744681% auto; 
	padding:2.1276595744681%;
	background: #fff;
	overflow:auto;
	}

#primary {overflow:hidden; margin:10px 0; display:block;}

#main  {width:70.2127659574468%;float:left; padding:2.1276595744681%; border:1px solid #ccc;} /* 660 / 940 = 70.212% */
#sidebar {width:23.4042553191489%; float:right;} /* 220 / 940 = 0.234042553191489 */

#topstory {overflow:hidden; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.topstoryart {float:left; padding:0 0 10px 0}
.topfeaturebox {margin-left:36.3636363636364%; padding:0 0 3.03030303030303% 0} /* 240 / 660 = 36.3636363636364 */
.topfeaturebox-wide {margin-left:0;padding:0 0 3.03030303030303% 0}

.search {float:right; display:block; margin-left:4.14%; width:23.404255319148936%}

.masthead {float:left; width:42.553191489361702%;}	
	
nav {float:right; overflow:hidden; margin-top:18px;}
nav ul li {display:inline-block; padding:0 .5em 3px; line-height:.8em;border-right:2px solid #ccc;}
nav ul li:last-child {padding-right:0; border-right:0;}
	
article {padding:10px 0; overflow:hidden;}	

#sidebar section {padding:20px 0 0 0}
#sidebar section.first {padding-top:0}
#sidebar ul li{margin-bottom:5px; font-size:.9em}
#sidebar p {font-size:.9em;}

.post-navigation {margin:1em auto; text-transform:uppercase;font-size:.9em;text-align:center;}
.postnav-older {display:inline-block;text-align:right; width:50%; float:left;}
.postnav-newer {display:inline-block;text-align:left; width:50%; float:right;}
.postnav-older a{padding-right:1em;border-right:1px solid #ccc;}
.postnav-newer a{padding-left:1em;}


/* Typography and Base Styling */

body, html > body {font-family: Calibri,"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px;color:#333;}	
	
strong {font-weight:bold;}
em {font-style:italic;}
	
a {color: #c00; text-decoration:none} 
a:hover {text-decoration:underline; color:#900}
	
nav {font-size:1.25em;}	
	
p {line-height: 125%;font-size:1em;padding:5px 0;}

h1 {font-size:2em; padding-bottom:10px}

h2,h3 {padding:0 0 10px 0;}
	
h2 {font-size:1.4em; padding:0 0 5px 0}
h3 {font-size:1.2em; padding:0}	

#sidebar #connect h3 {border:0;}
#sidebar #connect section.emailbox {padding:0;margin-top:-3px;}
#sidebar #connect section.emailbox h3 {margin-bottom:3px;}
#sidebar #connect section.emailbox h3 {margin-bottom:3px;}

#sidebar h3.follow {display:inline; position:relative; top:-6px;}

#sidebar h3 {font-size:1.1em; padding-bottom:5px; margin-bottom:10px; font-weight:normal; color:#666; border-bottom:1px solid #ccc;}
#sidebar h4 {padding:0 0 10px}	
	
#sidebar ul li.fullarchive {padding-top:5px}
	
blockquote {margin:1em 3em 1em 4em;}
	
p.project_of {padding-top:30px}	

.topfeaturebox h1 {position:relative;top:-5px; padding:0 0 5px 0; font-size:1.8em}
.topfeaturebox-wide h1 {padding:0; font-size:1.8em}
.topfeaturebox h2, .topfeaturebox-wide h2 {padding:0; font-size:1.25em}
.topfeaturebox p, .topfeaturebox-wide p {font-size:1em; line-height:1.5em; padding:1em 0 .5em;}
.topfeaturebox-wide p {font-size:1.1em}
.topfeaturebox p.author, .topfeaturebox-wide p.author  {font-size:.9em; font-style:normal; padding:5px 0 0 0} 
.topstoryart img {padding-top:0}



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

p.kicker {
font-size: .8em;
color: #666;
text-transform: uppercase;
padding:0 0 5px 0;
}

p.author {color:#666; font-size: .9em;padding:0;}
.picright, .alignright {float:right; margin:0 0 10px 5px}
.picleft, .alignleft {float:left; margin:0 10px 10px 0}

.search .inputbox {width:80%; border:2px solid #ccc; padding:5px;}

#connect .email {width:55%; padding:5px; border: 2px solid #ccc;}
#connect .icon {padding-left:5px}
.signup {padding-bottom:20px}


/* Buttons */
.smallbutton {
   padding:6px 10px 5px; 
   background:#c00; 
   border:0;
   font-size:.7em; font-weight:bold;
   text-align:center;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;}
	 
.smallbutton:hover {background:#900;}
.smallbutton a {color:#fff}
	 
#connect .smallbutton {position:relative;top:14px}
#connect input .styled_button, .styled_button {
	padding:4px 5px 6px;
	background:#c00; 
	border:0;
	font-size:.7em; 
	font-weight:bold;
	text-align:center;
	color:#fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float:right;
	}
	
    .styled_button:hover {background:#900;}




/* More legacy CSS */

/*tables*/

.feature_table {font-family: Calibri,"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 0 10px 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:.8em; color:#666; text-transform:uppercase; margin-bottom:0; font-family:arial, sans-serif;}


.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;
	font-size:.9em;
	line-height:1.3em;
 	}		
.featurebox img {float:right;margin:0 0 0 1em;}
.featurebox h1 {margin-bottom:5px}
.featurebox h2 {margin:0 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}

.featurebox .kicker {width:100%;clear:both;display:block; font-size:1em; padding:0 0 .5em 0}



/* 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 */

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

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

.story span.kicker {display:block;margin:0;padding:0 0 .25em 0}

.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;
 }




.blogpost ul li, .story ul li {
list-style-type: disc;
list-style-image: none;
list-style-position: inside;
padding: 0.75em 0 0;
margin-left: 2em;
line-height: 1.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; width:99.696969696969697%;height:auto;}

.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:#999;
  font-size:.9em;
  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:#999;
  font-size:.9em;
  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:.9em; 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:.9em; text-align:left}
.photobox-left p.credit {font-size:.9em; text-align:right; color:#999;margin:.25em 0 .5em 0; padding:0}

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


  

/* COMMENTS */

#startcomments {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#startcomments.kicker {padding-top:2em;}


.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;}

p.disclaimer {font-size:.8em;font-family:"Trebuchet MS", Verdana, Helvetica, Trebuchet, sans-serif; padding:0 0 1em 0; margin:0; color:#666;}



/* 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;
  width:33%;
  float:right; 
  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:0 0 1em 1em;
  width:33%;
  float:right;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  font-size:.9em;
  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;}
.scholarbox img {width:100%;height:auto}

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

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




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

/* webtech styles */
/* trick to hide the twitter extra stuff */
.twtr-hd, .twtr-ft {
  display: none;
}

.tweetbox {background:url(images/bird_32_blue.png) 185px 8px no-repeat;}