/*
---------------------------------------------------------------------------------
Nature Podcast - Specific Styles
---------------------------------------------------------------------------------
*/

/* constant */
#extranav p, #content p { font-size: 80%; }

/* header and footer */
#hdr { border-bottom: none; }

#ftr #footer-links { 
	background: #fff url(/podcast/images/footer_bg.jpg) no-repeat top left;
	min-height: 33px;
}

#ftr #footer-links ul li a:link, #ftr #footer-links ul li a:visited { 
	background: none; 
}

#page-content { 
	background: #fff url(/podcast/images/content_bg.gif) repeat-x top left;
	clear: both;
	padding-top: 15px;	
}

#content #page-content #left-column {
	float: left;
	width: 330px;
}

.two-column { margin-left:345px; }

#content #page-content #middle-column { 
	float: left;
	width: 58%;
}

#content #page-content #right-column {
	float: right;
	width: 39%;
}

#content #page-content #left-column { margin-right: 15px; }
#content #page-content #right-column { margin-left: 1%; }

/* sub navigation styles */
#sub-nav {
	background-repeat: no-repeat;
	background-position: bottom left;
	border-top: 2px solid #fff;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
	width: 100%;
}

#sub-nav li {
	float: left;
	font-size: 70%;
	font-weight: bold;
	padding: 2px 0;
}

#sub-nav li.right-side { float: right; }

#sub-nav li.sn1 {
	padding-left:3em;
	padding-right:3em;
}

#sub-nav li.sn2 { padding-left: 3em; }
#sub-nav li.sn3 { padding-right: 2em; }
#sub-nav li.sn4 { padding-right: 1.8em; }
#sub-nav li.sn5 { padding-right: 1.8em; }

#sub-nav li a {
	background-position: center left;
	background-repeat: no-repeat;
}

#sub-nav li a, #sub-nav li a:hover, #sub-nav li a:visited {
	color: #fff;
	padding: 4px 0 4px 27px;
}

/* lh column - episode styles */
.episode {
	background-position: top left;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0 0 0 8px;	
}

.episode .right-corner {
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 10px 0 0 10px;	
}

.episode #episode-title { 
	color: #fff;
	font-size: 140%;
	font-weight: normal;
	margin: 0;
}

.episode .pub-date {
	color: #fff;
	font-size: 80%;
	margin: 3px 0;
}

.episode .full-episode {
	background-position: top left;
	background-repeat: no-repeat;
	color: #5C7996;
	cursor: pointer;
	display: none;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 25px;
}

.js-enabled .episode .full-episode {
	display: inline;
	padding: 2px 0 2px 25px;
}

#episode-sections, #episode-sections ul {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#episode-breakpoints li { padding: 0 10px 20px 0; }

#episode-sections #this-episode {
	color: #333;
	font-size: 90%;
	margin: 0;
	padding: 10px 0;
}

#episode-breakpoints .section-desc .section-links li { 
	float: none;
	font-size: 70%;
	margin-bottom: 0;
	padding: 0;
}

#episode-breakpoints .play-time { float: left; }
#episode-breakpoints .section-desc { margin: 0 0 0 3em; }

#episode-breakpoints .play-section {
	background-position: center top;
	background-repeat: no-repeat;
	color: #327BC6;
	cursor: pointer;
	display: none;
	font-size: 80%;
	font-weight: bold;
	margin: 5px 0 0;
	padding: 30px 4px 0;
	text-decoration: underline;
}

.js-enabled #episode-breakpoints .play-section {
	display: block;
}

#episode-breakpoints h3 {
	font-size: 80%;
	margin: 0;
}

#episode-breakpoints p { margin: 5px 0; }

#episode-breakpoints .play-time .time {
	font-weight: bold;
	margin: 0;
}

#episode-breakpoints li a { font-weight: bold; }

/* middle column - styles */

#middle-column .about-section { padding: 210px 30px 0 30px; }

#middle-column h2 {
	background-position: top right;
	background-repeat: no-repeat;	
	font-size: 140%;
	font-weight: normal;
	padding: 12px 0;
}

#middle-column h3 { font-size: 100%; }

#middle-column p.other-resources {
	font-weight: bold;
	margin: 0;
}

/* rh column - sponsor links styles */
.supported {
	background-color: #fff;
	border: 1px solid #d9e0e8;
	margin: 0 0 20px;
	padding: 5px;
}

.supported-advert {
	background-color: #fff;
	border: 1px solid #d9e0e8;
	margin: 0 0 20px;
	padding: 0px;
}

.supported li, .supported-advert li {
	list-style-type: none;
	margin: 0;
	padding: 5px;
	text-align: center;
}

.supported ul, .supported-advert ul {
	margin: 0;
	padding: 0;
}

.supported a:link img, .supported a:visited img, .supported-advert a:link img, .supported-advert a:visited img  {
	border: none;
	margin: 0 auto;
}

/* rh column - archive styles */

.archive {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.archive h2 {
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 160%;
	font-weight: normal;
	margin: 0;
	padding-left: 8px;
}

.archive h2 span {
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	padding: 10px 0 35px 15px;
}

.archive-items {
	list-style-type: none;
	margin: 0;
	padding: 0 15px;
	background-color: #FFFFFF;
}

.archive-items li { 
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 0 40px 30px;
}

.archive-items li.blue-icon { background-image: url(/podcast/images/icons/podcast_blue.gif); }
.archive-items li.green-icon { background-image: url(/podcast/images/icons/podcast_green.gif); }
.archive-items li.red-icon { background-image: url(/podcast/images/icons/podcast_red.gif); }
.archive-items li.complete-archive a { font-size: 80%; }

.archive-items .download-podcast {
	float: left;
	font-size: 80%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.archive-items .download-podcast li { 
	float: left;
	margin:  0 5px 0 0;
	padding: 0 5px 0 0;
}

.archive-items p { margin: 0; }

.archive-items h3 {
	font-size: 80%;
	margin-top: 0;
}

.archive-items h3.pub-date { margin: 0; }

#content #archive {
	list-style-type: none;	
	margin: 0;
	padding: 0;
}

body.js-enabled #archive .archive-list {
	display: none;
}

ul.archive-list {
	list-style-type: none;
	margin: 10px 0 20px 10px;
	padding: 0;
}

#archive .heading a { padding-left: 12px; }
#archive .heading.on { background-image:url(/common/images/archive_minus.gif); }
#archive .heading { background:transparent url(/common/images/archive_plus.gif) no-repeat left center; }

/* applied by javascript */
body.js-enabled #archive .category {display: none;}
body.js-enabled #archive .heading a {cursor: pointer;}
/* end applied by javascript */
/* more box styles */

.more {
	background-position: top left;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 20px 0 0;
	padding-left: 9px;
}

.more li {
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	padding: 5px 10px 0 10px;
}

.more h2 {
	color: #fff;
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 15px
}

.more h3 {
	font-size: 80%;
	margin: 0;
}

div.archive-ad {
	float: left;
	margin-right: 50px;
}

div.ad300x250 img {
/*	width:100%;*/
	min-height:250px;/* IE7 fix */
/*	height:250px;*/
}

div.ad300x250.square img { max-width:300px; }

* html div.skyscraper {/* IE only - "shrinks" flash ads by hiding overflow */
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

.ad300x250 p {
	color: #999;
	margin: 0 0 5px;
}

/* archive page styles */

.archive-trans {
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding-left: 9px;
}

.archive-trans .archive-trans-main {
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
	padding: 15px 30px;
}

.archive-trans h1, .extranav-box h2, .subscribe-box h2 {
	color: #fff;
	font-size: 160%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.archive-years {
	float: left;
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0;
}

.archive-years li {
	border-right: 1px solid #000;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 5px 2px 0;
	font-size: 80%;
}

.archive-years li a { font-weight: bold; }
.archive-years li.last { border-right: none; }

.podcast-archive {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li.podcast-archive {
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 80%;
	margin: 0 0 20px;
	padding: 0 0 0 35px;
}

/* taken from current site */

/* external links */
#content .archive-trans-main a:not([href^="/nature/"]):not([href^="#"]):not([href^="http://media.nature.com"]):not([href^="mailto:"]):not([href^="http://www.nature.com/nature/"]):not([class^=""]) {
	padding-right:10px;
	background:url(/common/images/icons/external_grey.gif) no-repeat right center;
}
#content .archive-trans-main  a:hover:not([href^="/nature/"]):not([href^="#"]):not([href^="http://media.nature.com"]):not([href^="mailto:"]):not([href^="http://www.nature.com/nature/"]):not([class^=""]) {background-image:url(/common/images/icons/external_red.gif);}
/* end external links */

#content h2.podcastArchive a:link, #content h2.podcastArchive a:visited {
	background: url(/common/images/archive_plus.gif) no-repeat left center;
	color: #0054A6;
	font-weight: bold;
	margin: 3em 0 1em 0;			
	padding-left: 15px;
	text-decoration: none;
}
	
#content h2.podcastArchive a:hover {
	background: url(/common/images/archive_plus_red.gif) no-repeat left center;
	color: #c03;
}
	
#content h2.podcastArchiveOpen a:link, #content h2.podcastArchiveOpen a:visited {
	background:url(/common/images/archive_minus.gif) no-repeat left center;
	color: #0054A6;
	font-weight: bold;
	margin: 3em 0 0.5em;			
	padding-left: 15px;
	text-decoration: none;
}
	
#content h2.podcastArchiveOpen a:hover {
	background: url(/common/images/archive_minus_red.gif) no-repeat left center;
	color: #c03;	
}
/* taken from current site */

.archive-trans-main h2 {
	background: url(/ncponc/images/dots.gif) repeat-x left bottom;
	color: #000;
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 0.5em;
	padding: 5px 0;
}

li.podcast-archive h3 {
	float: left;
	font-size: 100%;
	margin: 0 5px 0 0;
}

/* archive rh page styles */

.faq-list li a, .extranav-box li a, .subscribe-box a { font-weight: bold; }

.img-holder {
	background-position: bottom left;
	background-repeat: no-repeat;
	min-height: 185px;
	padding-left: 2px;	
}

.img-holder .podcast-img {
	background-position: bottom right;
	background-repeat: no-repeat;
	display: block;
	min-height: 185px;
}

/* help section */
/* rh box */
.extranav-box { 
	background-position: top right;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
}

.extranav-box li {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	padding: 15px 20px;
}

.listen li, .comp-box li {
	height: auto;
	min-height: 64ex;
}

/* faq list */
#middle-column .faq-list { 
	list-style-type: none;
	margin: 0;
	padding: 215px 30px 0;
}

#middle-column .faq-list ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#middle-column .faq-list h2, #middle-column  .faq-list h3, .sub-methods h3 {
	color: #717A82;
	margin: 0;
	padding: 0;
}

#middle-column .faq-list h2 { 
	font-size: 180%;
	margin-bottom: 1ex;
}

#middle-column  .faq-list h3 { font-size: 100%; }
#middle-column  .faq-list p { margin: 0.5ex 0 2ex }

/* subscribe */
.subscribe-box {
	background-position: top right;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0 0 50px;
	padding: 0 9px 0 0;
}

.subscribe-box li.subscribe-box-left {
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 20px;
}

.sub-methods, .sub-methods ul.subscribe-type {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#player-area { background: url(/podcast/images/player_area_top.gif) no-repeat top left; }
#player-area-bottom {
	background: url(/podcast/images/player_area_bottom.gif) no-repeat bottom left;
	min-height: 15px;
}

#player-area #player-swfholder { padding: 0px 3px 3px 85px; }

#player-area .player-options {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 8px 5px 0;
}

#player-area .player-options li {
	padding: 7px 0;
	text-align: right;
}

#player-area .player-options li a {
	font-size: 70%;
	padding: 7px 30px 7px 0;
}

#player-area .player-options li a:link, #player-area .player-options li a:visited, #player-area .player-options li a:hover { 
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#player-area .player-options li a.download { background: url(/podcast/images/player_icons/download.gif) no-repeat top right; }
#player-area .player-options li a.itunes { background: url(/podcast/images/player_icons/itunes.gif) no-repeat top right; }
#player-area .player-options li a.subscribe { background: url(/podcast/images/player_icons/rss.gif) no-repeat top right; }

#player-area .embed-player { padding: 0 15px; }

#player-area .embed-player span {
	color: #fff;
	font-size: 70%;
	font-weight: bold;
}

#player-area .embed-player #embed-code-form {
	font-size: 80%;
	margin: 0;
	padding: 0;
}

#player-area .embed-player #embed-code-form #embed-code {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-size: 80%;
	margin: 5px 0 0;
	padding: 2px;
	width: 98%;
}

/* ------------  adverts -----------------*/

div.ad-rh {
	background: none;
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
}

div.ad-rh p {
	color: #999;
	font-size: 80%;
	margin: 0;
}

div.skyscraper img, div.skyscraper embed, div.skyscraper iframe {
	height: 600px;
	min-height: 600px;
	width: 100%;
}

div.skyscraper.wide img, div.skyscraper.wide embed, div.skyscraper.wide iframe { max-width: 160px; }

.supported .logo { width: 100%; }

.right-corner p+p {
	visibility: hidden;
}

.right-corner p+p a{
	float: left;
	visibility: visible;
}