/*
Theme Name: Science Update 2.0
Theme URI: http://ehrweb01.aaas.org
Description: The latest Science Update Theme
Author: Chrissy
Author URI: http://www.pongos.com
Version: 1.0
*/
* { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
body {
	font: 10pt Arial, Helvetica, sans-serif;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #CCCCCC;
	margin: 0;
	padding: 0 !important;
}
a img {
	border: none; /* removes the blue boxes around the images */
}
a {
	color: #2D5E85;
}
p, h2, ul, ol {
	margin-bottom: 20px;
}
#container {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}
#header {
	background: url(images/top_banner.jpg) no-repeat;
	height: 2px;
	padding-top: 100px;
	padding-left: 88px;
}
#nav {
	margin: 0;
	padding: 0;
}
#nav li {
	float: left; /* adds space below the nav */
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-right: 18px;
}
#nav li a {
	font-weight: bold;
	font-size: 9pt;
	text-transform: uppercase;
	color: #70A0D1;
	text-decoration: none;
}
#nav li a:hover {
	color:#555;
}
#search {
	font-size: 9px;
	height: 19px;
	width: 200px;
	margin-top: 5px;
}
#search input[type=text] {
	height: 15px;
	width: 145px;
	font-size: 9px;
	vertical-align: top;
	margin-right: 5px;
}
#mainContent {
	padding: 20px 0 20px 20px;
	background-image: url(images/shell_bg.gif);
	background-repeat: no-repeat;
	text-align: left;
	background-color: #fff;
	min-height: 400px;
}
#mainContent .single-column {
	padding: 0 30px 0 10px;
}
#mainContent .entry h2 {
	margin-bottom: 10px;
	font-size: 18pt;
	font-weight: normal !important;
	text-transform: uppercase;
	font-weight: bold;
	color:#DC442A
}
#mainContent .entry .date {
	color: #2D5E85;
}
#mainContent .entry h3 {
	color:#2D5E85;
	font-size:11pt;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom: 10px;
}
#mainContent #daily {
	width: 210px;
	float: left;
	margin-left: 10px;
}
#mainContent #daily h2 {
	margin-bottom: 10px;
}
#mainContent #daily .show .date {
	color:#2D5E85;
	font-size:7pt;
	text-transform:uppercase;
	margin-bottom: 0;
}
#mainContent #daily .show .title {
	color:#DC442A;
	font-size:9pt;
	text-transform:uppercase;
	margin-bottom: 0;
}
#mainContent #daily .show .excerpt {
	color:#333333;
	font-size:9pt;
	margin-bottom: 0;
}
#mainContent #daily .show .links, #mainContent #daily .show .excerpt a {
	text-transform:uppercase;
	font-size: 9pt;
	text-align: right;
	margin-top: 4px;
	margin-bottom: 8px;
}
.powerpress_player {
	margin:1em 0;
}
#mainContent #podcast {
	width: 275px;
	float: left;
	margin-left: 30px;
	margin-top: 12px;
}
#mainContent #podcast h2 {
	background-color: #3483c5;
	margin-bottom: 0;
}
#mainContent #podcast .show {
	padding: 6px;
	background-color: #d5dfde;
	color: #333333;
}
#mainContent #podcast .thumbnail {
	text-align: center;
	margin: 1px 0 3px 0;
}
#mainContent #podcast .caption {
	font-size: 8pt;
}
#mainContent #podcast .heading {
	margin-bottom: 5px;
}
#mainContent #podcast .show .date {
	color:#2D5E85;
	font-size:7pt;
	text-transform:uppercase;
	margin-bottom: 0;
}
#mainContent #podcast .show .excerpt {
	font-size: 9pt;
}
#mainContent #podcast .show .buttons {
	text-align: right;
	margin-bottom: 5px;
}
#mainContent #podcast .show .podcastlink {
	text-transform: uppercase;
	text-align: right;
	font-size: 8pt;
	margin-bottom: 5px;
}
#mainContent #ads {
	margin-top: 40px;
	width: 190px;
	float: right;
	font-size: 9pt;
}
#mainContent .single-column h3 {
	color: 	#DC442A;
	text-transform: uppercase;
	margin-bottom: 20px;
}
#mainContent .searchresults th {
	width: 150px;
	text-transform:uppercase;
	vertical-align: top;
}
#mainContent .searchresults td {
	padding-bottom: 10px;
	vertical-align: top;
}
#mainContent #archive {
	padding-right: 0;
}
#mainContent #archive h2, #mainContent #archive h3, #mainContent #archive h4 {
	background: none;
	margin-bottom: 5px;
}
#mainContent #archive h4 {
	margin-top: 10px;
	color: 	#DC442A;
}
#mainContent #archive .entry {
	padding-right: 30px;
}
#mainContent #archive #radio {
	padding-top: 5px;
	width: 470px;
	float: left;
}
#mainContent #archive #by-topic a, #mainContent #archive #by-date a, #mainContent #archive #podcast a {
	font-size: 9pt;
	text-transform:uppercase;
}
#mainContent #archive #by-topic, #mainContent #archive #by-date {
		width: 210px;
		float: left;
		margin-right: 25px;
		color: #2D5E85;
}
#mainContent #archive #podcast {
	background-color: #d5dfde;
	padding: 5px;
	margin: 0 10px 0 0;
	width: 235px;
	float: left;
	color: #2D5E85;
}

/* Spotlights */

#mainContent #spotlights #spotlights-link {
	display:block;
	margin:.5em 3em 0 0;
	text-align:right;
	text-transform:uppercase;
}

#spotlights .spot-listing {
	/*width:450px;*/ /* <-- why commented out? */
	margin-bottom: 10px;
	width:60%;
}

#spotlights .spot-listing h3, .spot-before {
	color:#2d5e85;
}

#spotlights .spot-listing .spot-before, .spot-listing .spot-title {
	text-transform:uppercase;
}

#spotlights .spot-listing .spot-title {
	color:#dc442a;
}

#spotlights .fltlft {
	padding:20px;
}

#spotlights div > p {
	display:inline;
}

#spotlight-single .spotlight-item-listen {
	font-size:10px;
	float:left;
	width:220px;
}

#spotlight-single .spotlight-item-info {
	float:left;
	width:440px;
	padding:0 20px 0 0;
}

#spotlight-single .spotlight-item-info h4 {
	color:#dc442a;
}

#spotlight-single h3 {
	color:#dc442a;
}

#spotlight-single .spotlight-item-transcript {
	display:block;
	margin:-15px 0 20px;
}

#spotlight-single {
	padding:10px 40px 10px 20px;
}

#spotlight-single .entry {
	padding:0 0 15px;
}

#spotlight-single #list-children {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	padding:10px 0 10px 20px;
	margin:0 0 10px;
}

#spotlight-single #list-children li {
	float:left;
	width:250px;
}

#spotlight-single .spotlight-image {
	float:left;
}

#spotlight-single .spotlight-image img {
	width:200px;
	height:auto;
}

#spotlight-single .spotlight-content {
	float:left;
	width:450px;
}

/* About Page */

#about {
	padding:10px 10px 0;
}

#staff {
	background-color:#dce8f5;
	width:310px;
	float:right;
	padding:15px 15px 0;
	margin:20px 15px 0 25px;
}

#staff h3, #mainContent #about h3 {
	color:#dc442a;
	font-size:14pt;
	font-weight:normal !important;
	margin-bottom:10px;
	text-transform:uppercase;
}

#staff li {
	list-style-type:none;
}

#staff img {
	float:left;
}

/* Footer */

#footer {
	font-size: 9px;
	margin-top: 20px;
	text-align: center;
	background: url(images/footer_line.gif) repeat-x 0px 20px;
}
#footer .bottomnav {
	height: 20px;
	font-size: 8pt;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#footer .bottomnav a {
	color: #3483C5;
}
#footer p {
	margin: 0;
	padding-bottom: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.fltrt, .alignright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft, .alignleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
form.cform {
	width: 500px;
}
form.cform ol.cf-ol li {
	clear: both;
}
form.cform ol.cf-ol li label { /* Contact form labels */
	margin:2px 10px 0 0;
	text-align:left;
	font-size: 10pt;
	display:block;
	color:#000;
	padding:2px;
	width: 200px;
	float: left;
}
form.cform ol.cf-ol li label span {
	width: 200px;
}
.linklove {
	display: none !important;
}
/*
	PowerPress
*/
.powerpress_player {
	display: inline;
}



/* Extra styles */
.small-text {
	font-size: 0.7em;
}
.caption-text {
	font-size: 0.7em;
	font-style: italic;
}
.bold-small-text {
	font-size: 0.7em;
	font-weight: bold;
}




/* Sign Up Now button for /stations page */

.sign-up-box {
	margin:10px 0;
	border:1px solid #6c3;
	background:#e7f7d3;
	padding:6px 20px 20px;
}

.big-red-button {
	width:150px;
	display:block;
	float:left;
	border:1px solid #f00;
	background-color:#f88;
	margin:6px 10px 0 0;
	padding:7px 3px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:1px 1px 3px #000;
	border-radius:22px;
	-moz-border-radius:22px;
	-webkit-border-radius:22px;
	background-image:-moz-linear-gradient(bottom,#f22,#f66);
	background-image:-webkit-gradient(linear,left bottom,left top,from(#f22),to(#f66));
}


/* Style cleanups for signup/login forms */

#mainContent #wpmem_login .button_div, #mainContent #wpmem_reg .button_div {
	border:0;
	margin-bottom:20px;
	padding-right:12px;
}

#mainContent #wpmem_login .button_div input {
	margin-bottom:8px;
}

#mainContent #wpmem_login .button_div + div + div {
	padding-right:12px;
}