/* reset */
* {margin:0;padding:0;border:0;outline:0;}
table{}
td{padding:8px; border:1px solid #202020;}
.round{border-radius:3px; -moz-border-radius:3px; height:150px; width:150px;}
.clear{clear:both;}
p{margin-bottom:10px;}
h1{margin:10px;}
ul{padding:10px 30px;}
ol{padding:10px 50px 0 50px;}
ol br{display:none;}
blockquote{margin: 10px 15px; padding:15px 25px; background:url(http://www.evolutionnews.org/graphics/blockquote-quotation.png) no-repeat #eaeaea; -moz-border-radius: 5px; border-radius: 5px; overflow:hidden;}
q{margin:15px 30px; display:block;}
q:before{content:normal;}
q:after{content:normal;}
.post .author a:link{color:#e28d1c;}
.post .author a:visited{color:#e28d1c;}
.post .author a:hover{color:#333;}
.entry-content{line-height:1.5em;}
#comment-url, #comment-email, #comment-author{border:solid 1px #ddd; margin-bottom:4px;}
.mt-image-left{float:left; margin:5px 15px 15px 0 !important;} /*Overwrites movable type auto margins when image is inserted*/
.mt-image-right{float:right; margin:5px 0 15px 15px !important;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset */


body{
	background: #bfbfbf;
	font-size:1em;
	margin: 0px;
	font-family: verdana;
	font-size: .8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#container{margin:0 auto; width:960px; padding:0 8px;}
#top{width:940px; background:#999; padding:0 10px 10px 10px; border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; margin-bottom:10px;}
	#top-content{width:920px; background:#333; color:#fff;padding:10px;}
		#top-content .about{width:920px; padding:10px; margin:-10px; font-size:.8em; color:#8c8c8c; background:#1a1a1a; border-bottom:1px solid #8c8c8c;}
		#top-content .about a:link{color:#8c8c8c; text-decoration:none;}
		#top-content .about a:visited{color:#8c8c8c;}
		#top-content .about a:hover{color:#fff;}
		#top-content .donate a:link{color:#fff; position:absolute; margin-left:60px; text-decoration:none; font-size:12px; font-weight:bold;}
		#top-content .donate a:visited{color:#fff; text-decoration:none;}
		#top-content .donate a:hover{color:#ccc;}
		#top-content hr{overflow:hidden; line-height:1px; height:1px; width:940px; background-color:#8c8c8c; color:#8c8c8c; border: #8c8c8c; margin:8px 0 12px -10px;}
		
		#top-content-middle{margin:12px -10px; padding:15px 20px 0 20px; display:block; height:45px; border-bottom:1px solid #8c8c8c;}
		
		#nav{text-transform:uppercase;}
		#nav ul{display:inline; list-style:none;}
		#nav li{display:inline;}
		#nav a{color:#e6e6e6; text-decoration:none; padding:11px; line-height:18px; font-size:13px; border:1px solid #333;}
		#nav a:hover{color:#000; background:#666; border:1px solid #777;}
		#nav a:visited{}
		#nav a:active{}
	#top img{padding:0; margin:0; border:0;}
	.right{float:right; width:360px;}
	#rss a{background:url('../graphics/social-media.gif') top left no-repeat; height:24px; width:24px; float:left; margin-right:10px;}
	#rss a:hover{background:url('../graphics/social-media.gif') bottom left no-repeat; float:left;}
	#facebook a{background:url('../graphics/social-media.gif') top left no-repeat; background-position:-27px 0; height:24px; width:24px; float:left; margin-right:10px;}
	#facebook a:hover{background:url('../graphics/social-media.gif') top left no-repeat; background-position:-27px -24px; float:left;}
	#twitter a{background:url('../graphics/social-media.gif') top left no-repeat; background-position:-51px 0; height:24px; width:24px; float:left; margin-right:10px;}
	#twitter a:hover{background:url('../graphics/social-media.gif') top left no-repeat; background-position:-51px -24px; float:left;}
	#youtube a{background:url('../graphics/social-media.gif') top right no-repeat; height:24px; width:60px; float:left;}
	#youtube a:hover{background:url('../graphics/social-media.gif') bottom right no-repeat; height:24px; width:60px; float:left;}



#main{width:940px; background:#999; padding:10px; margin-bottom:20px; border-radius:3px; -moz-border-radius:3px;}
	#main-column{width:620px; background: #f0f0f0; float:left; padding-bottom:10px; border-radius:3px; -moz-border-radius:3px;}
	#main-column-category{width:940px; background: #f0f0f0; float:left; padding-bottom:10px; border-radius:3px; -moz-border-radius:3px;}
		.post a:link{color:#00f;}
		.post a:visited{color:#6883db;}
		.post a:hover{color:#e28d1c;}
		
		.post h2{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:bold; color:#000; margin:0; padding:0;}
		.post h2 a:link{color:#000; text-decoration:none;}
		.post h2 a:visited{color:#000; text-decoration:none;}
		.post h2 a:hover{color:#555; text-decoration:none;}
		.post h3{font-size:1em; font-weight:bold; font-style:italic; color:#e28d1c; margin:0 0 10px 0; padding:0;}
		.post .date{font-size:.9em; font-weight:100; font-style:normal; color:#a6a6a6; display:inline;}
		.post img{margin-right:10px;}
		.post img.image-right{margin:0 0 10px 10px; float:right;}
		.post img.image-left{margin:0 10px 10px 0; float:left;}
		#main-column .shadow-post img{max-width:580px;}
		#entry-summary .shadow-post .shadow1 .shadow2 .post img{max-height:73px; width:auto;}
		
		.shadow-post {position:relative; left:0px; top:0px; margin:10px;}			 
		.shadow-post-cover{margin:0; border-bottom:10px solid #999;}			 
		.shadow-post-category{position:relative; left:0px; top:0px; margin:10px; width:620px;}			 
			.shadow-post, .shadow-post-category .shadow1 {border:1px solid #eee;}	 
			.shadow-post, .shadow-post-category .shadow2 {border:1px solid #e9e9e9;}		 
			.shadow-post, .shadow-post-category .post {
				background:#ffffff;
				border: 1px solid #dcdcdc;
				padding: 10px;
				border-radius:3px; -moz-border-radius:3px;
				}
		
		.more{color:#e28d1c; text-decoration:none;}
			
		.tab{
			background:url('../graphics/tab-head-right.gif') no-repeat scroll top right;
			background-color:#333;
			height:26px; 
			background-repeat:none;
			margin:0; 
			font-size:16px;
			color:#fff;
			}
		.tab span{
			background:url('../graphics/tab-head-left.gif') no-repeat;
			display: inline;
			padding:0 0 0 10px;
			}
		.tab .tab-text{position:relative; top:2px; font-weight:100; display:inline;}
		.tab .date{
			color:#e28d1c;
			text-align:right;
			padding-right:30px;
			float:right;
			font-weight:100;
			background:none;
			font-size:12px;
			padding-top:4px;
			}
		.tab #dots{
			background: url('../graphics/four-dots-orange.gif') no-repeat;
			background-repeat:no-repeat;
			padding-left:13px;
			display:inline;
			}
	#side-column{
		width:310px;
		float:right;
		background: #f0f0f0;
		border-radius:3px; 
		-moz-border-radius:3px;	
		height:100%;
		}
		#side-column-content{
			width:291px;
			padding:9px;
			}
			
		#side-column-content h3{ 
			border: 1px solid #cccccc; 
			background:url(../graphics/tab-subhead.gif) no-repeat top left; 
			font-weight: 100;
			font-size:14px; 
			color: #fff;
			height:20px;}
		#side-column-content h3{color:#fff; text-decoration:none; line-height:20px; padding:2px 0 0 10px; }
		#side-column-content #accordion h3{ line-height:18px; padding:2px 0 0 10px; }
		#side-column-content h3:link{ 
			color: #fff;
			text-decoration: none; }
		#accordion h3:hover{ 
			border: 1px solid #c3d3f4; 
			background:url(../graphics/tab-subhead.gif) no-repeat bottom left; 
			font-weight: 100;
			color: #fff; }
		#accordion h3:active{ 
			border: 1px solid #c3d3f4; 
			background:url(../graphics/tab-subhead.gif) no-repeat bottom left; 
			font-weight: 100;
			color: #fff;
			height:20px;
			font-size:14px; }
		#top-podcasts{background:url(../graphics/idthefuture.jpg) no-repeat; height:152px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; padding:15px;}
		#top-podcasts a:link{color:#afbde0;}
		#top-podcasts a:visited{color:#afbde0;}
		#top-podcasts a:hover{color:#fff;}
			.bullet{display:none;}
		#top-videos{width:289px; height:163px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
			.mediaListItemImage{width:289px; height:217px;}
		#participate{height:350px;}
		#links a:link{color:#00f;}
		#links a:visited{color:#6883db;}
		#links a:hover{color:#e28d1c;}
			
	.entry-categories ul li{display:inline; list-style:none;}
		
	.entry-footer{float:right; color:#777;}
	.entry-footer a:link{color:#000; text-decoration:none;}
	.entry-links{float:right; font-size:1.1em;}
		.entry-links a:link{color:#000; text-decoration:none;}
		.entry-links a:visited{color:#000; text-decoration:none;}
		.entry-links a:hover{color:#bbb; text-decoration:none;}
	.content-nav{text-align:center;}
		.content-nav a:link{color:#000;}
		.content-nav a:visited{color:#000;}
		.content-nav a:hover{color:#bbb;}
	#footer{
		width:250px;
		padding:20px;
		margin-top:10px;
		color:#999;
		border:1px solid #dcdcdc;
		background:#fff;
		border-radius:3px; 
		-moz-border-radius:3px;	
		}
	.cover-body{position:relative; height:182px; overflow:hidden;}
	.cover-excerpt{padding:10px; font-size:11px;}
	.cover-body img{width:620px; margin:0;}
	.cover-author{position:absolute; bottom:0; right:0; background:url(../graphics/cover-author-bg.png) repeat; padding:5px 10px; font-size:14px; font-style:italic; font-weight:bold; color:#fff;}
	.cover-author a:link, .cover-author a:visited{text-decoration:none; color:#fff;}
	.cover-author a:hover{text-decoration:none; color:#ccc;}
	h2.cover-story{position:relative; padding:10px; background:#333; width:600px; border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-right-radius:3px; -moz-border-radius-topright:3px; }
	h2.cover-story a:link{color:#fff;}
	h2.cover-story a:visited{color:#fff;}
	h2.cover-story a:hover{color:#ccc;}
	h2.cover-story a:active{color:#fff;}

		
/**************************************************
Code for creating a CSS button with two graphics
**************************************************/

a.button{
    background: transparent url('../graphics/btn-right.gif') no-repeat scroll top right;
    font-size:12px;
	color: #000;
	font-weight:bold;
	display:block;
	float:left;
    height: 25px;
    margin-right: 10px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.button span{
    background: url('../graphics/btn-left.gif') no-repeat left top;
    display: block;
    line-height: 14px;
    padding: 6px 0 5px 18px;
}
a.button:hover{background: url('../graphics/btn-right.gif') no-repeat right bottom;}
a.button:hover span{background: url('../graphics/btn-left.gif') no-repeat left bottom;}
a.button:active {background: url('../graphics/btn-right.gif') no-repeat right bottom; outline:none;} /* hide dotted outline in Firefox */
a.button:active span {background: url('../graphics/btn-left.gif') no-repeat left bottom;} 

/*Search box CSS*/
fieldset.search {
	border: none;
	padding-left:10px;
	float:right;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	background:#fff;
	color: #bbb;
	font-size: 1.2em;
	width: 150px;
	height:21px;
	padding:3px 0 0 5px;	
}
.search input.box:focus {
	background: #fff;
	outline: none;
	color:#000;
}
.search button.btn {
	height: 24px;
	width:24px;
	padding:0 5px;
	cursor: pointer;
	background:url(../graphics/search-btn.gif);
}
.search button.btn:hover {background:url(../graphics/search-btn.gif) no-repeat bottom right;}

/*Features bar sliding Top Articles*/
	.input-toggle{position:absolute; top:-21px; right:20px; height:18px; width:18px;}
	.pause-btn{background:url('http://www.discovery.org/blogs/evolutionNews/graphics/play-pause.gif') top left;}
	.play-btn{background:url('http://www.discovery.org/blogs/evolutionNews/graphics/play-pause.gif') top right; display: none;}
	.pause-toggle{text-align:right; position:relative;}
	#scrollup { 
		position: relative; 
		overflow: hidden; 
		height: 182px; 
	} 
	.headline { 
		position: absolute; 
		top: 210px; 
		padding:0px 10px;
	}
	.image{margin-top:-5px; border:0; padding:0;}
	.articles{margin:0 !important;
	 padding:0 !important;}
	 
	 
/* Form Buttons designed for Comments section of ENV */
.form-button{padding:5px; color:#000; font-weight:bold; text-transform:uppercase; background:#e18d1c; border-radius:3px; -moz-border-radius:3px; border:1px solid #999; font-size:.9em;}
.form-button:hover{color:#000; font-weight:bold; background:#bfbfbf; outline:none;}

textarea#comment-text{border:1px solid #ddd;}
.author{color:#e28d1c; font-weight:bold;}
#comments{background:#F0F0F0; padding:10px; border:1px solid #e0e0e0; border-radius:3px; -moz-border-radius:3px;}
#comments .inner{background:#fff; padding:10px; border:1px solid #ddd; margin-bottom:10px; border-radius:3px; -moz-border-radius:3px;}
#comments .comment-reply .inner{background:#f7f7f7;}
#comments-open-footer{margin-top:10px;}
.comment-policy{font-size:12px; margin-left:15px;}
span.comment-policy a:link{color:#00f;}
span.comment-policy a:visited{color:#6883db;}
span.comment-policy a:hover{color:#e28d1c;}

#page-title{margin-left:0px;}


/* floating image and caption CSS */
.floatimgleft {
	float:left;
	margin:10px;
	border-width: 1px;
	border-style: solid;
	border-color: #b3b2b3;
	padding:10px;
}

.floatimgright {
	float:right;
	margin:10px;
	border-width: 1px;
	border-style: solid;
	border-color: #b3b2b3;
	padding:10px;
}

.floatimgcenter {
	border-width: 1px;
	border-style: solid;
	border-color: #b3b2b3;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;
}

.captionText {
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:1px;
	font-style: italic;
	line-height: 14px;
}	


/* pullquote CSS */
.pullquoteleft {
	float:left;
	width:150px;
	margin-top:10px;
	margin-bottom:15px;
	margin-right:10px;
	padding-bottom:10px;
	font-family: Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height:30px; 
	color:#fcd15a; 
	text-align: left;
}

.pullquoteright {
	float:right;
	width:150px;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:10px;
	padding-bottom:10px;
	font-family: Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height:30px; 
	color:#fcd15a; 
	text-align: right;
}


.pullquotecenter {
	width:350px;
	margin-top:10px;
	margin-bottom:15px;
	margin-left: auto;
	margin-right: auto;
	padding:15px;
	font-family: Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height:30px; 
	color:#fcd15a; 
	text-align: center;
}