body {background:#fff; color:#000;}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, th, td, form, blockquote {font-family:Georgia, serif;}

a:link, a:hover, a:visited, a:active {color:#0072bc;}

div#header div#themeNav ul#breadcrumb li {color:#666; font-family:Arial, sans-serif;}
div#header div#themeNav ul#breadcrumb a {color:#000;}

/* landing page */
	
body.landingPage {background: url(../img/stateofscience/bg_landing-page_cube-art.png) no-repeat center 30px;}

	body.landingPage h2 {position:absolute; top:396px; left:13px;}

div#landingCopy {position:absolute; left:360px; top:36px;}

	div#landingCopy p {font: normal 14px/20px Georgia, serif;}
	
	div#landingCopy h3 {font:bold 12px/16px Arial, sans-serif; text-transform:uppercase; margin:2em 0 1.5em;padding-left:32px; background:url(../img/stateofscience/marker_double-arrow.png) no-repeat left center;}
	
	div#landingCopy ul#listOne {width:288px; float:left;}
	
	div#landingCopy ul#listTwo {width:288px; float:right;}
	
	div#landingCopy ul li {font:normal 12px/16px Arial, sans-serif; margin-bottom:1em; padding-left:28px;}
	
	div#landingCopy ul li a {font-weight:bold;}
	
	div#landingCopy ul li span.author {font-size:10px; text-transform: uppercase}
	
	div#landingCopy ul li img {margin-left:-28px; float:left;}

/* state of science article sidebar */

div#sidebarContainer {float:right; width:300px; margin-top: -37px;}

/* sidebar state of science identity block */

div#sosIdentity {}

	div#sosIdentity img {display:block;}

	div#sosIdentity div#sosCopy {background:#f3f4f4; border:1px solid #ccc; border-top: 0; padding:12px 12px 0;}
	
	div#sosIdentity div#sosCopy p {font-size:11px; line-height:16px; font-family:Arial, sans-serif; margin-bottom:12px;}
	
	div#sosIdentity div#sosCopy p.label {color:#666;}
	
	div#sosIdentity div#sosCopy p.label select {width:260px;}
	
/* sidebar rectangle block */

div.rectangleSpace {margin:24px 0;}

	div.rectangleSpace h6 {font-size:10px; font-weight:normal; color:#666; font-family:Arial, sans-serif; margin-bottom:6px; text-align:center; text-transform:uppercase;}

/* article body and copy styles */

div#articleContainer {width:640px; padding-top:60px;}

/* state of science section navigation */

ul.sosSectionNav {position:relative; height:14px; border-top:1px solid #eee; font-size:12px; text-transform:uppercase; margin-bottom:24px; padding-top:2px;}

	ul.sosSectionNav li.next {float:right;}
	ul.sosSectionNav li.prev {float:left;}
	ul.sosSectionNav li.title {text-align:center; position:absolute; width:200px; top:2px; left:50%; margin-left:-100px;}
	
	body.cityPage .sosSectionNav {color: #f8a050;}
	body.cityPage .sosSectionNav a {color: #000;}
	
	body.fundamental .sosSectionNav {color: #f6ac00;}
	body.fundamental .sosSectionNav a {color: #000;}

div#articleContainer h2.fundamental {font-size:60px; font-weight:normal; line-height:60px; letter-spacing:-2px; margin-bottom:24px;}

/* question at top of fundamentals */

div#articleContainer div#fundamentalQuestions {float:right; margin-top:6px; width:238px; height:48px; padding-left:43px; background:url(../img/stateofscience/bg_fundamental-cube.png) no-repeat left center;}

	div#articleContainer div#fundamentalQuestions p {font-size:11px; line-height: 16px; padding:4px 6px 6px; font-family:Arial, sans-serif; border-left:1px solid #eee;}

div#articleContainer h2.cityName {position: relative; padding-right: 107px; font-size:48px; font-weight:normal; line-height:60px; letter-spacing:-2px; margin-bottom:24px;}

	div#articleContainer h2.brazil {padding-left: 60px; background: url(../img/stateofscience/flag_brazil.gif) 0 13px no-repeat;}
	div#articleContainer h2.china {padding-left: 60px; background: url(../img/stateofscience/flag_china.gif) 0 13px no-repeat;}
	div#articleContainer h2.germany {padding-left: 60px; background: url(../img/stateofscience/flag_germany.gif) 0 13px no-repeat;}
	div#articleContainer h2.saudiArabia {padding-left: 60px; background: url(../img/stateofscience/flag_saudi_arabia.gif) 0 13px no-repeat;}
	div#articleContainer h2.nigeria {padding-left: 60px; background: url(../img/stateofscience/flag_nigeria.gif) 0 13px no-repeat;}

div#articleContainer h3.subhead {font-size:14px; text-transform:uppercase; margin-bottom: 4px; margin-top:2em; padding-left:32px; background:url(../img/stateofscience/marker_double-arrow.png) no-repeat left center;}

div#articleContainer h3.primarySource {font-size:18px; font-weight:normal; text-transform: uppercase;}

div#articleContainer p {font-size:14px; line-height:20px; margin-bottom:1em;}

div#articleContainer p span.graphLead {font:bold 12px Arial, sans-serif; text-transform: uppercase;}

div#articleContainer div#articleDek {margin-bottom:2em;}

	div#articleContainer div#articleDek p {font: normal 22px/24px Arial, sans-serif; text-transform: uppercase}

	body.venter div#articleContainer div#articleDek p b {color:#34a6c5; font-weight:normal;} 
	
	body.shapin div#articleContainer div#articleDek p b {color:#e22523; font-weight:normal;}

	body.index div#articleContainer div#articleDek p b {color:#8d71a8; font-weight:normal;}

div#articleContainer div#articleTitle {padding-left:30px; background:url(../img/stateofscience/marker_article-title.png) no-repeat left center;margin-bottom:1em;}

	body.shapin div#articleContainer div#articleTitle {background-image:url(../img/stateofscience/marker_article-title_shapin.png)}

	div#articleContainer div#articleTitle h2 {font: bold 14px/18px Arial, sans-serif;}
	
	div#articleContainer div#articleTitle p {font: normal 10px/14px Arial, sans-serif; text-transform: uppercase;}

/* city maps */

#cityMap {position: absolute; top: 0; right: 0; width: 95px; height: 58px;}

/* data at top of city content */

body.cityPage ul.cityStats {margin-bottom: 20px; border-bottom: 1px solid #ebebeb; font: normal 11px arial;}
body.cityPage ul.cityStats li {padding: 4px 0; border-top: 1px solid #ebebeb; color: #7d7d7d;}
body.cityPage ul.cityStats li span {color: #000;}

/* inset photo for city */

div.insetPhoto {float: right; width: 310px; margin: 0 0 12px 0; border-left: 12px solid #fff;}
	
	div.insetPhoto img {display: block;}
	div.photoHolder {position: relative;}
	
	div#articleContainer div.insetPhoto p {padding: 12px; background: #f5f5f5; font: normal 11px/15px arial; color:#000; font-size:11px;}
	
	div.insetPhoto ul {padding: 12px; background: #f5f5f5;}
	div.insetPhoto li {margin: 0 0 6px; padding: 0; font: bold 11px/15px arial; color: #f8a050; text-transform: uppercase;}
		div.insetPhoto li span {font-weight: normal; color: #000; text-transform: none;}
	
	div.photoCaption {position: absolute; bottom: 0; padding: 12px; background: url(../img/stateofscience/bg_photoCaption.png);}
		div.photoCaption h4 {margin: 0 0 3px; font: normal 18px/18px georgia; color: #fff;}
		div.photoCaption ul {padding: 0; background-color: transparent;}
		div.photoCaption ul li {margin-bottom: 1px; color: #f8a050;}
		div.photoCaption ul li span {color: #fff;}
		
/* full width photo and caption */

div.fullPhoto {}

	div#articleContainer div.fullPhoto p {font:normal 11px/18px Arial, sans-serif; color:#333; margin-top:1em; padding-bottom:1em; border-bottom:1px solid #eee;}

/* metric */
	
div#articleContainer div.metric {margin:1em 0;}

		div#articleContainer div.insetMetric {width:320px; float:right; margin-left:1em; margin-top:0;}
	
		div#articleContainer div.metric h4 {height:24px; font-size:11px; font-family:Arial, sans-serif; border-bottom:6px solid #f6ac00; text-transform:uppercase; line-height:24px; font-weight:normal;}
		
		div#articleContainer div.metric h4 b {background:#f6ac00; color:#fff; float:left; height:18px; padding:0 12px 6px; margin-right:12px;}
		
		body.shapin div#articleContainer div.metric h4 {border-color:#e22523;}
		
		body.shapin div#articleContainer div.metric h4 b {background-color:#e22523;}
		
		body.venter div#articleContainer div.metric h4 {border-color:#34a6c5;}
		
		body.venter div#articleContainer div.metric h4 b {background-color:#34a6c5;}
		
		div#articleContainer div.metric p {font:normal 11px/18px Arial, sans-serif; color:#333; margin-top:1em; padding-bottom:1em; border-bottom:1px solid #eee;}

/* table */

div#articleContainer table {font-size:10px; margin:1.5em 0 3em;}

	div#articleContainer table th {font-size:11px; vertical-align:top; text-align: left; font-family:Arial, sans-serif; background: #ffd169; padding:12px 6px; text-transform:uppercase;}
	
	div#articleContainer table td {font-size:11px; vertical-align:top; text-align: left; font-family:Arial, sans-serif; padding:12px 6px;}
	
	div#articleContainer table tr.alt td {background: #fff7e4}
	
	div#articleContainer table td a {font-weight:bold;}

/* chart key list */

ul.chartKey {}

	ul.chartKey li {font-size:11px; font-family:Arial, sans-serif; margin-bottom:1em; margin-left: 20px; line-height:18px;}
	
	ul.chartKey li span.keyNumber {background:#000; float:left; font-weight:bold; color:#ffdf96; padding:0 4px; margin-left: -20px;}
	
div.chartInline {margin: 1em 0; padding:0.5em 0; border-style: solid; border-color: #eee; border-width:1px 0;}
	
	div.chartInline h4 {font: bold 11px/15px Arial, sans-serif;}
	
	div#articleContainer div.chartInline p {font: normal 11px/15px Arial, sans-serif; color:#333;}

/* inline photo slideshow */

div#inlineSlideShow {position:relative; margin:1em 0; overflow:hidden; width:640px; height:324px;}

	div#inlineSlideShow div#slideNav {position:absolute; top:0; left:428px;}

	div#inlineSlideShow div.slideBlock {position:absolute; top:0; left:640px;}
	
	div#inlineSlideShow div#sb_0 {left:0;}
	
	div.slideBlock div.imageBlock {position:absolute; top:0; left:0; border:1px solid #999; padding:12px;}

	div.slideBlock div.copyBlock {position:absolute; top:48px; left:428px; width:212px;}
	
	div.slideBlock div.copyBlock h4 {font: bold 12px/16px Arial, sans-serif;}
	
	div.slideBlock div.copyBlock h5 {font: bold 12px/16px Arial, sans-serif; color:#fbb03b;}
	
	div#articleContainer div.slideBlock div.copyBlock p {font: normal 11px/16px Arial, sans-serif; color:#333;}
	
	div#articleContainer div.slideBlock div.copyBlock p.location {font-size:12px; margin-bottom:0; color:#000;}
	
	div#articleContainer div.slideBlock div.copyBlock p.credit {color:#888;}
	
/* article pagination */

div#articleContainer div.pagination {border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:1.5em 0; padding:0 3px;}

	div#articleContainer div.pagination p {font-size:12px; font-family:Arial, sans-serif; margin-bottom:0; font-weight:bold;}

	div#articleContainer div.pagination p.links {float:right;}

/* article metadata */

div#articleContainer div#articleMetadata {margin-top: 30px;}

	div#articleContainer div#articleMetadata img {float:left; margin:0 8px 3em 0;}
	
	div#articleContainer div#articleMetadata p {font-size:11px; font-family:Arial, sans-serif; line-height:16px; padding-top:8px;}

/* footer overrides */

div#footerBlock {clear:both;}
div#footerBlock div.inner {background: url(../img/logo_phylotaxis_white.png) 100% 0 no-repeat;}
div#footerBlock p {color: #333;}
div#footerBlock p a {color: #000;}


/*-  SELF-CLEARING FLOATS
----------------------------------------------------------------------*/
.mod:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}