/*   
Theme Name: Nature ENCODE
Version: 1.0
*/
@charset utf-8;

/*	GLOBAL AND LAYOUT
	------------------	*/

body {
	background: #CBDCE6 url(images/top-gradient.png) 50% 0 repeat-x;
}

#constrain {
	width: 980px;
	-webkit-text-size-adjust: 100%;
	position: relative;
}

#constrain.tab-add {
	width: 1100px;
	padding-right: 30px;
}
	
#constrain-content {
	padding-bottom: 45px;
}

#content {
	width: 100%;
	padding-right: 0;
}

section {
	position: relative;
}

section#upper {
	width: 100%;
	padding: 0;
	margin-bottom: 35px;
	background: #000;
}

.home section#upper {
	margin-bottom: 10px;
}
	
section#middle {
	width: 625px;
	padding-right: 300px;
}

.wide #middle {
	width: 100%;
	padding-right: 0;
}

.single-threads #middle {
	width: 100% ;
	padding-right: 0;
}

section#lower {
	clear: both;
	overflow: hidden;
}

.clear {clear: both;}

.none {display: none;}
.lg-tablet-portrait {display: none;}



/*	POPUP FOR IPAD PROMPT
	------------------------------	*/
	
.popover {
	position: fixed;
	width: 575px;
	top: 12%;
	left: 50%;
	z-index: 510;
	margin-left: -325px;
	padding: 25px 55px 35px 20px;
	border: 3px solid #000;
	background: #fff;
	box-shadow: 1px 1px 50px 5px #000;
	-webkit-box-shadow: 1px 1px 50px 5px #000;	
}

.popover p {
	margin-bottom: 25px;
}

.popover a.btn {
	display: inline-block;
	background-color: #333;
	margin-bottom: 15px;
	padding: 12px;
	width: 45%;
	border-radius: 2px;
	font-size: 1.1em;
	text-align: center;
	color: #fff;
}


/*	LINKS, ALIGNMENTS AND IMAGES
	------------------------------	*/

a {color: #069;}
a:visited {color: #5C7996;}

a.more {
	padding-top: 1px; 
	padding-right: 12px; 
	background: url(http://nature.com/view/images/grey-arrow-right.png) no-repeat 100% 50%;
	font-weight: bold; 
	float: right;
}

#additional-papers a.more {
	clear: left;
	float: right;
}

a.to-top { 
	margin-top: 15px;
	padding-left: 15px;
	background: url(http://nature.com/view/images/arrow_small_up.gif) 0 60% no-repeat; 
}

.teasers.news a.to-top {
	margin-top: 0px;
}

#content h2, #content h3, p {
	margin-top: .8em;
	margin-bottom: .4em;
}

.left {float: left;}
.right {float: right;}
.aligncenter {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}

img.alignleft {
	float: left;
	margin: 8px 10px 5px 0;
}

.thumb {
	float: left;
	margin: 0 20px 5px 0;
}

img.equation {
	display: inline-block;
	margin-top: -.1em;
	padding: 0 6px;
	vertical-align: bottom;
}


/*	HEADER
	------------------	*/
	
#header {
	background: #000 url(images/masthead.jpg) no-repeat 0 0;
}

#header h1 a {	
	height: 60px;
	width: 370px;
	background: transparent url(images/logo-nature-white.png) no-repeat 15px 10px;
}

	
/*	FOOTER
	------------------	*/
		
#constrain-footer {
	background: #F2F4F6;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#E1E4E9), to(white));
	background: -webkit-linear-gradient(top, #E1E4E9, white);
	background: -moz-linear-gradient(top, #E1E4E9, white);
	background: -ms-linear-gradient(top, #E1E4E9, white);
	background: -o-linear-gradient(top, #E1E4E9, white);
	background: linear-gradient(top, #E1E4E9, white);
	padding: 10px 0;
}

#footer .copyright {
	background: url(http://nature.com/view/images/npg_logo_full.png) 0 50% no-repeat;
	padding: 20px 0 20px 225px;
	margin: 0 20px;
	clear: both;
}

#footer .footer-links a {
	color: #54606A;
	line-height: 1.7em;
}

#footer .copyright {
	color: black;
}

#footer .copyright a {
	color: black;
}


/*	NAVIGATION
	------------------	*/
	
nav ul {
	list-style: none;
}
	
ul#main-navigation li:first-of-type a {
	border-left: none;
}

ul#main-navigation li.menu-item-71 a {
	border-left: none;
}

ul#main-navigation li a:hover,
ul#main-navigation li.current_page_item a,
ul#main-navigation li.current-menu-item a,
ul#main-navigation li.current_page_parent a,
ul#main-navigation li.current-post-ancestor a {
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

#breadcrumbs li a:hover {
	background-color: #069;
}

#breadcrumbs li:first-child {
	margin-left: 0;
	z-index: 10;
}

#breadcrumbs li:first-child a,
#breadcrumbs li.current_page_ancestor a {
	color: white;
	margin: 0;
	padding: 6px 23px 6px 13px;
	background-image: url(http://nature.com/view/images/background-dark-grey-crumb.png);
	border: 0;
}

#breadcrumbs li:first-child span {
	padding-left: 13px;
}

#breadcrumbs li.current span {
	background-image: url(http://nature.com/view/images/background-med-grey-crumb.png);
}

#breadcrumbs li:first-child a:hover,
#breadcrumbs li.current_page_ancestor a:hover {
	background-image: url(images/background-blue-crumb.png);
	background-color: transparent;
}

#breadcrumbs li:nth-child(2), #breadcrumbs li:first-child + li {
	margin-left: -20px;
}

#breadcrumbs li:nth-child(2) a, #breadcrumbs li:first-child + li a {
	padding-left: 24px;
}

#breadcrumbs li:nth-child(2), #breadcrumbs li:first-child + li {
	z-index: 9;
}

#breadcrumbs li:nth-child(3), #breadcrumbs li:first-child + li + li {
	z-index: 8;
}

#breadcrumbs li:nth-child(4), #breadcrumbs li:first-child + li + li + li {
	z-index: 8;
}


/* prev/next threads and archive/search pagination */

.prev-next-article li a div.nav-details,
.prev-next-article li a div.nav-details h3,
.prev-next-article li a div.nav-details p,
.prev-next-article li a div.nav-details span {
	text-decoration: none !important;
}

#content ul.prev-next-article {
	z-index: 600;
}

.threads .prev-next-article li.prev {
	left: -390px;
}

.threads .prev-next-article li.next {
	right: -708px;
}

.archive-navigation, .pagination {
	clear: both;
	float: right;
	margin-top: 20px;
	overflow: hidden;
}


/*	TABLES AND DATA TABLES
	------------------	*/

th, td {
	padding: 5px;
}

th {
	background-color: #eee;
	font-weight: bold;
}

thead th {
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

tfoot tr {
	border-top: 1px solid #ccc;
}

table.datatbl {
	margin: 20px 0;
	font-size: .92em;
	width: 100%;
	border: 1px solid #ddd;
}

.datatbl td {
	border-left: 1px solid #ddd;
}

.datatbl caption {
	font-weight: bold;
	margin-bottom: 5px;
}


/*	LISTS
	------------------	*/
	
.page #content ul {
	padding-left: 30px;
}

.page #content ul li {
	list-style-type: disc;
	margin-bottom: 1em;
}

.page #content ol li {
	margin-bottom: 1em;
}	


/*	HEADINGS
	------------------	*/				
.single-threads .thread-head {
	border-bottom: 1px solid #E7E7E7;
}

.home .primary-heading {
	margin-bottom: 20px;
}

.primary-heading {
	border-bottom: 1px solid #B7B7B7;
}

	
/*	CREDITS / DOI IF NEEDED
	------------------	*/	

dl.citation {
	font-size: 0.85em;
}

dl.citation dt {
	display: none;
}

dl.citation dt.doi {
	display: inline;
}

dl.citation dd {
	padding: 0 3px 0 0;
	display: inline;
}

dl.citation dd.doi {
	background: none;
	padding-left: 0;
	margin-left: 0;
}

#ext-article-previewer dl.citation dd {
	display: block;
}

dl.citation .journal-title {
	font-style: italic;
}

.authors {
	font-size: 0.85em;
	overflow: hidden;
	margin: 0.25em 0 .5em;
	font-size: 0.85em;
}

	
/*	SIDEBAR AND WIDGETS
	------------------	*/
	
#extranav {
	margin-top: 635px;
}

.no-js #extranav, .ie-6 #extranav, .infographic-closed #extranav {
	margin-top: 0;
}

/* widgets */

aside.box {
	border: 1px solid #E7E7E7;
	margin: 0 0 20px 0;
	padding: 9px 9px 0;
	overflow: hidden;
	background: #fff url(http://www.nature.com/view/images/bg_box_grad.gif) repeat-x 0 0;
}
	
aside.no-padd {
	padding: 0;
}

aside.no-bg {
	background: none;
}

.box a {
	font-weight: bold;
}

aside.widget_sidebar_ad,
aside.no-style {
	padding: 0;
	background: none;
	border: none;
}
	
#extranav .box-footer {
	width: 100%;
	margin: 10px 0 0 -9px;
	padding: 2px 9px;
	border-top: 1px solid #C8C7CF;
	background: #fff url(http://www.nature.com/view/images/bg_box_grad.gif) repeat-x 0 0;
	text-align: right;
}

.box-footer a {
	padding-right: 12px;
	background: url(http://nature.com/view/images/grey-arrow-right.png) no-repeat 100% 50%;
}

/* target specific widgets */

aside.box a.sidebar-illumina-logo {
	display: block;
	width: 300px;
	height: 80px;
	margin: 0 auto;
	background: transparent url(images/logo-illumina.png) no-repeat 50% 45%;
	text-indent: -2500em;
}

aside#text-2 { /* about widget */
	padding-bottom: 0;
}

.ereader.box, .ipad-app.box, .encode-poster.box, .encode-free-nature-copy.box {
	margin-bottom: 3px;
	padding: 0;
	background: #eee;
	border-color: #eee;
}
		
.ereader.box:hover, .ipad-app.box:hover, .encode-poster.box:hover, .encode-free-nature-copy.box:hover {
	background-color: #fff;
}
		
.ereader.box a {
	display: block;
	padding: 11px 5px 12px 50px;
	background: url(images/logo-epub.png) no-repeat 10px 9px;
}

.ereader.box a:hover {
	background-position: 10px -49px;
}

.ipad-app.box a {
	display: block;
	padding: 12px 10px 10px 140px;
	background: url(images/icon-app-store.png) no-repeat 10px 11px;
}
	
.ipad-app.box a:hover {
	background-position: 10px -59px;
}

.encode-poster.box a {
	display: block;
	padding: 10px 5px 10px 50px;
	background: url(images/icon-poster.png) no-repeat 10px 7px;
}

.encode-poster.box a:hover {
	background-position: 10px -37px;
}

.encode-free-nature-copy.box a {
	display: block;
	padding: 10px 5px 10px 50px;
	background: url(images/icon-pub.png) no-repeat 10px 7px;
}

.encode-free-nature-copy.box a:hover {
	background-position: 10px -45px;
}

aside.social-widget {
	padding: 0;
	background: none;
	border: none;
}
	
aside.social-widget ul {
	width: 100%;
}

aside.social-widget li {
	display: block;
	float: left;
	width: 50%;
	font-size: .86em;
	font-weight: bold;
}

aside.social-widget li a {
	display: block;
	background: #eee no-repeat 5px center;
	border: 1px solid #eee;
	line-height: 1em;
	margin-right: 3px;
	padding: 9px 5px 9px 25px;
}
		
aside.social-widget li.last a {
	margin-right: 0;
}

aside.social-widget ul li a:hover {
	background-color: #fff;
}

aside.social-widget li.facebook a { 
	background-image: url(images/icon-fb.jpg);
}

aside.social-widget li.facebook a:hover { 
	background-image: url(images/icon-fb-colour.jpg);
}

aside.social-widget li.twitter a {
	background-image: url(images/icon-twitter.jpg);
}

aside.social-widget li.twitter a:hover {
	background-image: url(images/icon-twitter-colour.jpg);
}

#extranav h1 {
	color: #707070;
	margin: 0 0 3px;
}


/*	ENCODE EXPLORER
	-----------------	*/	

.infographic-closed #upper {
/* hide but don't remove, we'll need its data attr */
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height: 1px;
	width: 1px; 
	margin: -1px;
	padding: 0;
	border: 0; 
}


/* shrink button / launch tab */

.infographic-shrinker {
	color: #fff;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -5px;
	right: -3px;
	cursor: pointer;
	z-index: 1100;
	background: transparent url(../../../common/images/close-button.png) scroll 0 0 no-repeat;
	text-indent: -2500px;
}

.infographic-shrinker:hover {
	background-position: 0 100%;
}

.tab-add .infographic-launcher {
	display: block;
	position: absolute;
	top: 20px;
	right: -41px;
	width: 30px;
	height: 190px;
	text-indent: -2500em;
	background: #000 url(images/explorer-ninety-degrees.png) no-repeat 50% 50%;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.infographic-launcher {
	display: none;
}

/* override larger text on article pages from global.article.css */
.single-threads #constrain-content #content .encode-infographic {
	font-size: 110%;
}

/* no javascript */

.no-js section#upper, .infographic-closed .infographic-shrinker {
	display: none;
}

.no-js .home section#upper {
	display: block;
	width: 595px;
	height: 215px;
	padding: 15px;
	background: #000 url(../../../common/images/bg-main.jpg) no-repeat 0 40%;
}

.no-js .encode-infographic p.closed-mssg {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 50px 15px 80px;
	color: #fff;
	font-size: 1em !important;
	line-height: 1.4em !important;
	background: url(../../../common/images/logo.png) 15px 0 no-repeat;
}

.no-js .encode-infographic a {
	display: block;
	position: absolute;
	bottom: 30px;
	left: 30px;
	padding: 7px 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	font-size: 13px;
	text-align: center;
	color: #fff;
	background: #F63239;
	cursor: pointer;
}

.no-js .encode-infographic a:hover {
	text-decoration: none;
	background-color: #CE0808;
	color: #fff;
}

	
/*	CAROUSELS
	-----------	*/	
	
.es-carousel-wrapper {
	background: #fff;
	padding: 1px 35px 10px 38px;
	position: relative;
}

.es-carousel {
	overflow:hidden;
}

.es-carousel ul {
	display:none;
	padding: 0 !important;
}

.es-carousel ul li {
	height:100%;
	float:left;
	display:block;
	list-style: none;
}
	
#content .es-carousel .teaser-title {
	margin-top: .8em;
	font-size: .96em;
	line-height: 1.3em;
}

#content .es-carousel p {
	margin-top: 5px;
}
	
	
/* prev/next buttons */

.es-nav span {
	position:absolute;
	top:23px;
	left:0;
	background:transparent url(images/nav.png) no-repeat 0 45%;
	width:25px;
	height: 300px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	opacity:0.8;
}

.es-nav span.es-nav-prev {
	border-right: 1px solid #eee;
}

.es-nav span.es-nav-next{
	right:0;
	left:auto;
	background-position: 100% 45%;
	border-left: 1px solid #eee;
}

.es-nav span:hover{
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1.0;
}

.es-nav span.inactive {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: .4;
	cursor: default;
}


/* no javascript */

.no-js .es-carousel-wrapper {
	padding: 10px 0;
}

.no-js .es-carousel ul {display:block;}

.no-js .es-carousel ul li {
	width: 145px;
	margin-right: 14px;
	border-bottom: 1px solid #e7e7e7;
	background-position: 0 95% !important;
}


/* half carousel */

#news-carousel {
	padding: 1px 39px 10px 40px;
	min-height: 170px;
}

/* non-nature article carousel */
	
#ext-article-previewer {
	width: 100%;
}

#ext-article-previewer .es-nav span {
	height: 210px;
}

#ext-article-previewer li {
	padding-bottom: 40px;
	min-height: 170px;
}

#ext-article-previewer li.genome-biology {
	background: url(images/logo-gb.png) 0 100% no-repeat;
}

#ext-article-previewer li.genome-research {
	background: url(images/logo-gr.png) 0 100% no-repeat;
}

#ext-article-previewer li.bmc-genetics {
	background: url(images/logo-bmcg.png) 5px 100% no-repeat;
}
	

/*	MEDIA PLAYER, USING PODLOVE PLUGIN
	-----------------------------------	*/
	
.mediaelementjs_player_container {
	margin-top: 20px;
}	


/*	TEASERS FOR HOME, ARCHIVE AND SEARCH PAGES
	--------------------------------------------	*/
	
.teasers {
	overflow: hidden;
}

.post-type-archive-threads .standfirst, .type-threads h1.teaser-title {
	margin-left: 50px;
}
		
.teasers .post {
	padding: 10px 0;
	border-top: 1px solid #E7E7E7;
	position: relative;
	overflow: hidden;
	float: left;
	width: 300px;
	margin: -1px 0 0;
}

.search-results .teasers .post {
	width: 100%;
}

.teasers .featured {
	clear: left;
	width: 625px;
	border-bottom: 1px solid #E7E7E7;
	border-top: none;
}
		
.teasers .even,
.paged.category .teasers .odd,
.category-additional-research-papers .teasers .odd,
.post-type-archive-threads .teasers .odd,
#lower .teasers .featured,
#lower #additional-papers .first,
#lower #additional-papers .fourth {
	clear: left;
	margin-right: 25px;
}

.paged.category .teasers .odd,
.category-additional-research-papers .teasers .even,
.post-type-archive-threads .teasers .even,
#lower #research-teasers .second,
#lower .teasers .sixth {
	clear: none;
	margin-right: 0;
}

#lower #additional-papers .second {
	clear: none;
}
	
.search-results h1.teaser-title {
	margin-top: 0;
}
	
.teasers p.excerpt, .teasers .standfirst p {
	margin-top: 3px;
}

#media-teasers .third.featured,
.home #media-teasers .second.featured,
#lower .featured {
	border-bottom: none;
}

.category-news-comment .teasers p.excerpt {
	margin-left: 100px;
}

#lower .teasers .first, 
#lower .teasers .second,
#lower #additional-papers .third {
	border-top: none;
}

#lower .teasers .fifth {
	margin-right: 25px;
}

	
/*	ABOUT PAGE
	------------------	*/
	
a.ipad-store-link {
	display: block;
	float: left;
	width: 270px;
	height: 250px;
	text-indent: -2500em;
	background: transparent url(images/ipad-app.jpg) no-repeat left top;
}
	
/*	SINGLE THREADS PAGES
	-------------------	*/

.single-threads .thread-head {
	margin-left: 320px;
	min-height: 250px;
}

.single-threads article .content .content {
	margin-left: 320px;
}

.single-threads .overview {
	padding-left: 70px;
}

.single-threads .content article {
	clear: both;
	margin-top: 20px;
}

.single-threads .authors {
	margin-top: 0;
	font-weight: bold;
}

ul.thread-component-list{
	margin-left: 0;
}

ul.thread-component-list>li{
	list-style-type: none;
}

.overview p {
	margin-top: 0;
	margin-bottom: 1em;
}

.whatis-thread {
	font-style: italic;
	margin: -10px 0 15px;
	padding: 20px 0;
	border-bottom: 1px solid #e7e7e7;
}


/* threads sidebar */

.single-threads #extranav {
	width: 300px;
	position: absolute;
	top: 20px;
	left: 300px;
}

.single-threads #extranav img {
	max-width: 100%;
	height: auto;
}

.single-threads #extranav aside {
	border: none;
}

.single-threads #extranav aside a {
	margin: 0;
	width: 205px;
	height: 70px;
	background-position: 0 50%;
}


/* figures */

.single-threads div.figure {
	clear: none;
	margin-top: 15px;
}

div.figure-content {
	border-bottom: 1px solid #e7e7e7;
}

.single-threads .data-table .figure-content {
	padding-top: 100px;
	background: transparent url(images/bg_table.gif) 10px 15px no-repeat;
}


/* component credits */

.single-threads li .section-heading {
	width: 300px;
	float: left;
	padding-right: 10px;
	margin-top: 5px;
	margin-right: 10px;
	font-size: 13px;
	background-position: 0 0 !important;
	line-height: 1.4em;
}

.single-threads .section-heading a {
	margin-right: 0 !important;
	padding-right: 15px;
}

.single-threads li.nature-journal .section-heading {
	background: url(images/logo-nature.png) no-repeat;
	padding-top: 27px
}

.single-threads li.genome-biology .section-heading {
	background: url(images/logo-gb.png) no-repeat;
	padding-top: 30px;
}

.single-threads li.genome-research .section-heading {
	background: url(images/logo-gr.png) no-repeat;
	padding-top: 35px;
}

.single-threads ul.authors, .single-threads dl.citation {
	clear: left;
}

.single-threads ul.authors {
	margin-bottom: 5px;
	float: left;
	width: 300px;
	padding-right: 10px;
	margin-right: 10px;
	clear: left;
	font-size: 12px;
	line-height: 1.4em;
}

.single-threads dl.citation {
	display: block;
	width: 300px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 1.4em;
}


/* headings and thread number icons */

.single-threads .article-heading {
	margin-bottom: 10px !important;
	margin-left: 68px;
}

.article-heading .thread-number, .teaser-title .thread-number {
	display: inline-block;
	float: left;
	width: 23px;
	height: 20px;
	margin: 3px 7px 0 -50px;
	padding: 9px;
	background: url(images/thread-numbers.png) no-repeat;
	font-size: .7em;
	color: #A1AEB7;
	text-indent: -2500em;
}

.article-heading .thread-number {
	width: 30px;
	margin: 5px 15px 0 -63px;
}

.single-threads .article-heading .thread-number.one,
.post-type-archive-threads .teaser-title .thread-number.one {background-position: 0 -49px;}
.single-threads .article-heading .thread-number.two,
.post-type-archive-threads .teaser-title .thread-number.two {background-position: 0 -150px;}
.single-threads .article-heading .thread-number.three,
.post-type-archive-threads .teaser-title .thread-number.three {background-position: 0 -251px;}
.single-threads .article-heading .thread-number.four,
.post-type-archive-threads .teaser-title .thread-number.four {background-position: 0 -352px;}
.single-threads .article-heading .thread-number.five,
.post-type-archive-threads .teaser-title .thread-number.five {background-position: 0 -453px;}
.single-threads .article-heading .thread-number.six,
.post-type-archive-threads .teaser-title .thread-number.six {background-position: 0 -554px;}
.single-threads .article-heading .thread-number.seven,
.post-type-archive-threads .teaser-title .thread-number.seven {background-position: 0 -655px;}
.single-threads .article-heading .thread-number.eight,
.post-type-archive-threads .teaser-title .thread-number.eight {background-position: 0 -756px;}
.single-threads .article-heading .thread-number.nine,
.post-type-archive-threads .teaser-title .thread-number.nine {background-position: 0 -857px;}
.single-threads .article-heading .thread-number.ten,
.post-type-archive-threads .teaser-title .thread-number.ten {background-position: 0 -958px;}
.single-threads .article-heading .thread-number.eleven,
.post-type-archive-threads .teaser-title .thread-number.eleven {background-position: 0 -1059px;}
.single-threads .article-heading .thread-number.twelve,
.post-type-archive-threads .teaser-title .thread-number.twelve {background-position: 0 -1160px;}
.single-threads .article-heading .thread-number.thirteen,
.post-type-archive-threads .teaser-title .thread-number.thirteen {background-position: 0 -1261px;}

	
	
/*	IE
	------------------	*/
	
.ie6 #upper {
	background-color: #fff;
}


/*		Large Tablet Portrait *ONLY*
--------------------------------------------- */

@media only screen and (max-width: 768px) and (min-width: 750px) and (orientation: portrait) {

	.lg-tablet-portrait {
		display: block;
	}
	
	.lg-tablet-portrait.no-infographic-mssg {
		margin-bottom: 20px;
		padding: 10px 25px 15px;
		color: #fff;
		font-size: 1em !important;
		line-height: 1.4em !important;
		background: url(../../../common/images/bg-main.jpg) 0 50% no-repeat;
	}
	
	.lg-tablet-portrait.no-infographic-mssg p {
		padding-top: 50px;
		background: url(../../../common/images/logo.png) 0 0 no-repeat;
	}
	
	.single-threads #extranav {
		top: 150px;
	}
	
}

/* Retina Worthy Images
----------------------------------------------------*/

@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
/* Styles */
	
	#header h1 a {	
		background-image: url(images/logo-nature-white@2x.png);
		-webkit-background-size: 355px 48px;
		-moz-background-size: 355px 48px;
		background-size: 355px 48px;
	}
	
	#header {
		background-image: url(images/masthead@2x.jpg);
		-webkit-background-size: 968px 108px;
		-moz-background-size: 968px 108px;
		background-size: 968px 108px;
	}
	
	a.ipad-store-link {
		background-image: url(images/ipad-app@2x.jpg);
		-webkit-background-size: 270px 250px;
		-moz-background-size: 270px 250px;
		background-size: 270px 250px;
	}
	
	aside.box a.sidebar-illumina-logo {
		background-image: url(images/logo-illumina@2x.png);
		-webkit-background-size: 200px 45px;
		-moz-background-size: 200px 45px;
		background-size: 200px 45px;
	}
	
	.encode-poster.box a {
		background-image: url(images/icon-poster@2x.png);
		-webkit-background-size: 31px 70px;
		-moz-background-size: 31px 70px;
		background-size: 31px 70px;
	}
	
	.ereader.box a {
		background-image: url(images/logo-epub@2x.png);
		-webkit-background-size: 30px 100px;
		-moz-background-size: 30px 100px;
		background-size: 30px 100px;
	}
	
	.encode-free-nature-copy.box a {
		background-image: url(images/icon-pub@2x.png);
		-webkit-background-size: 31px 78px;
		-moz-background-size: 31px 78px;
		background-size: 31px 78px;
	}
	
	.ipad-app.box a {
		background-image: url(images/icon-app-store@2x.png);
		-webkit-background-size: 116px 110px;
		-moz-background-size: 116px 110px;
		background-size: 116px 110px;
	}
	
	.article-heading .thread-number, .teaser-title .thread-number {
		background-image: url(images/thread-numbers@2x.png);
		-webkit-background-size: 40px 1299px;
		-moz-background-size: 40px 1299px;
		background-size: 40px 1299px;
	}
	
	#ext-article-previewer li.nature,
	.single-threads li.nature .section-heading {
		background-image: url(images/logo-nature@2x.png);
		-webkit-background-size: 75px 18px;
		-moz-background-size: 75px 18px;
		background-size: 75px 18px;
	}
	
	.single-threads li.genome-biology .section-heading,
	#ext-article-previewer li.genome-biology {
		background-image: url(images/logo-gb@2x.png);
		-webkit-background-size: 120px 21px;
		-moz-background-size: 120px 21px;
		background-size: 120px 21px;
	}
	
	#ext-article-previewer li.genome-research,
	.single-threads li.genome-research .section-heading {
		background-image: url(images/logo-gr@2x.png);
		-webkit-background-size: 82px 27px;
		-moz-background-size: 82px 27px;
		background-size: 82px 27px;
	}
	
	#ext-article-previewer li.bmc-genetics {
		background-image: url(images/logo-bmcg@2x.png);
		-webkit-background-size: 51px 35px;
        -moz-background-size: 51px 35px;
        background-size: 51px 35px;
		
	}
	
}


/*		Tablet Portrait and below
--------------------------------------------- */

@media only screen and (max-width: 768px) {
		
	section#upper, .tab-add .infographic-launcher {
		display: none;
	}
	
	#extranav {
		margin-top: 20px !important;
		padding-top: 25px;
		border-top: 1px solid #B7B7B7;
	}
	
	.single-threads #extranav {
		margin-top: 0 !important;
		padding-top: 0px;
		border-top: none;
	}
	
	#constrain, #constrain.tab-add { 
		width: 100%;
		padding: 0;
	}	

	#top-ads .leaderboard {
		width: 90%;
		height: auto;
		padding: 0;
		overflow: hidden;
	}
	
	#top-ads .leaderboard img {
		max-width: 100%;
		height: auto;
	}
	
	#content {width: 99.9%;}
	#foreword {margin: 0 10px;}
	
	#header {
		background-position: 50% 0;
	}
	
	.single-post .content {
		/* prevents table data etc from being cutoff */
		overflow-x: scroll;
	}
	
	.teasers .post {
		width: 47%;
		float: left;
		clear: none;
	}
	
	#additional-papers.teasers .post.odd {
		margin-right: 3%;
		clear: left;
	}
	
	#additional-papers.teasers .post.even {
		margin-right: 0;
	}
	
	section#middle, section#lower, #extranav, .two-col, .home #news-teasers, section#ext-article-previewer, .teasers .featured { 
		clear: both;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	
	#lower #additional-papers.teasers .post.third {
		border-top: 1px solid #E7E7E7;
	}
	
	#lower #research-teasers.teasers .second {
		border-top: 1px solid #E7E7E7;
		margin-right: 3%;
	}
	
	#lower .teasers .fifth {
		margin-right: 0;
	}
	
	.teasers .featured .thumb {
		margin-right: 4%;
	}
	
	.category-news-comment .teasers p.excerpt {
		margin-left: 0;
	}
	
	#extranav aside {
		float: left;
		width:  41%;
		margin-right: 2%;
		margin-left: 2%;
		padding-right: 2%;
		padding-left: 2%;
	}
	
	#extranav .box-footer {
		width: 104%;
		margin: 3% 0 0 -5%;
	}
	
	#extranav aside.social-widget {
		padding: 0;
		width: 45%;
	}
	
	aside img, img.fig {
		max-width: 100%;
		height: auto;
	}
	
	.single-threads #extranav,
	.single-threads li .section-heading,
	.single-threads ul.authors,
	.single-threads dl.citation {
		width: 33%;
		margin-right: 0;
	}
	
	.single-threads #extranav aside {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.single-threads .thread-head, .single-threads article .content .content {
		margin-left: 37%;
		min-height: 0;
	}
	
	.whatis-thread {
		clear: both;
		padding: 5px 0 10px;
	}

}



/*		Wide Mobile and below: 480px.
		Inherits styles from: Default Layout, Tablet Layout.
----------------------------------------------------*/

@media only screen and (max-width: 480px) {
	
	body {background: #000;}
	
	#upper {
		display: none !important;
	}
	
	article iframe {
		max-width: 100%;
		height: auto;
		min-height: 180px;
	}
	
	.teasers .post {
		width:  100% !important;
		margin: 0 !important;
	}
	
	.teasers .featured img {
		margin-bottom: 15px;
	}
	
	.teasers .featured, .thread-head, .single-threads .thread-head {
		border-bottom: none;
	}
	
	h3, #content h1.teaser-title, #content h2.teaser-title {
		clear: left;
	}
	
	#main-navigation {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		background: white;
	}
	
	#header #main-navigation li {
		position: relative;
		float: left;
		padding: 0;
		width: 44%;
		margin: 0 5% 0 1px;
	}
	
	#header #main-navigation li a {
		border: 0;
		display: block;
		width: 100%;
		font-size: 1em;
		padding: 6px 0 6px 7px;
		margin: 5px 0 0 0;
		border-radius: 2px;
		background: #3B6178;
		background: -webkit-gradient(linear, 0 0, 0 30, from(#8CA6B6), to(#3B6178));
		background: -moz-linear-gradient(top, #8CA6B6, #3B6178 30px);
		border-left: solid 1px #3B6178;
		border-right: solid 1px #8CA6B6;
	}
	
	#header #main-navigation li a:hover,
	#header #main-navigation li.current_page_item a,
	#header #main-navigation li.current-menu-item a,
	#header #main-navigation li.current_page_parent a {
		background: -webkit-gradient(linear, 0 0, 0 30, from(#3B6178), to(#8CA6B6));
		background: -moz-linear-gradient(top, #3B6178, #8CA6B6 30px);
	}
	
	#header.constrain {
		padding: 0;
		padding-top: 50px;
		border: none;
		min-height: 0;
	}
	
	#header {
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		background-size: 100%;
	}
	
	#header h1 {
		top: 0;
	}
	
	#header h1 a {
		-webkit-background-size: 148px 20px;
		-moz-background-size: 148px 20px;
		background-size: 148px 20px;
		background-position: 15px 0;
		width: 178px;
		height: 20px;
	}
	
	#header form.search-form {
		display: block;
		position: relative;
		clear: both;
		float: left;
		height: 22px;
		margin: 0;
		width: 97.5%;
		background: #DDD;
		padding: 1.5%;
		border-bottom: 5px solid white;
		border-top: 5px solid white;
	}
	
	#header form.search-form input.txt {
		width: 75%;
		font-size: 100%;
		padding: 2px;
	}
	
	#header form.search-form button {
		color: #575E66;
		background: #E1E4E9;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#FDFCFD), to(#E1E4E9));
		background: -moz-linear-gradient(top, #FDFCFD, #E1E4E9);
		vertical-align: middle;
		border: 1px solid #C7C8CC;
		margin: 0 10px 0 0;
		width: 36px;
		height: 22px;
		font-size: 85%;
		font-weight: bold;
		padding: 3px;
		border-radius: 2px;
	}
	
	#breadcrumbs {
		clear: both;
		border-right: none;
		border-left: none;
		border-top-width: 10px;
		background-color: #fff;
	}
	
	#foreword {
		padding: 0;
	}
	
	#foreword h1 {
		font-size: 1.2em;
		margin-left: 5px;
		padding: 0 10px;
		background: none;
	}
	
	#foreword p.sitemap {
		display: none;
	}
	
	#extranav aside {
		clear: both;
		float: none;
		width:  96%;
		margin-right: 0;
		margin-left: 0;
		padding: 1% 2%;
	}
	
	aside.social-widget li a {
		padding-top: 10%;
		padding-right: 10%;
		padding-bottom: 10%;
	}
	
	.single-threads .thread-head,
	.single-threads .overview,
	.single-threads #extranav,
	.single-threads li .section-heading,
	.single-threads ul.authors,
	.single-threads dl.citation,
	.single-threads .overview,
	.single-threads article .content .content,
	#extranav aside.social-widget  {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	
	.single-threads .article-heading {
		width: 84%;
		margin-right: 0;
		margin-left: 0;
		padding-left: 15%;
		padding-bottom: 5px;
	}
	
	.single-threads .overview {
		padding-left: 0;
		border-bottom: 1px solid #e7e7e7;
	}
	
	.single-threads .section-heading a {
		margin-right: 0 !important;
	}
	
	.single-threads li .section-heading {
		padding-top: 30px;
		background-position: 0 0 !important;
	}
	
	.single-threads .article-heading .thread-number {
		margin-left: -54px;
	}
	
	.single-threads #extranav {
		position: relative;
		top: auto;
		left: auto;
	}
	
	.single-threads #extranav aside a {
		width: 100%;
		background-position: 50% 50%;
	}
	
	#footer .copyright {
		background-position: top left;
		padding: 50px 0 0;
		margin-top: 10px;
	}
	
	#footer ul.footer-links {
		width: auto;
		float: none;
		font-weight: bold;
		font-size: 1.1em;
		border-bottom: 1px dotted #CCC;
		border-right: 0;
		margin: 0 20px;
	}
}

@media only print {

	#upper, .infographic-launcher, .to-top {
		display: none !important;
	}
	
	section#upper, section#middle, section#lower {
		width: 100%;
		padding-right: 0;
	}
	
	.teasers .post {
		float: left !important;
		width:  47% !important;
		margin-right: 3% !important;
	}
	
	.es-carousel ul {
		width: 100% !important;
		display: block !important;
	}
	
	.es-carousel ul li {
		width: 145px !important;
		margin-right: 14px !important;
		margin-bottom: 12px;
	}
}