/*
name: BlogWild
designer: National Geographic
designer_url: http://www.nationalgeographic.com
*/

/* temporary tophat hacks until tophat css is updated on production */
#navigation_tophat_primary {
	padding-left: 0;
}
#header_search_submit {
	vertical-align: middle !important;
}

/*  generic styles and resets */
	body{
		margin:0;
		padding:0;
		background-image:url(bg_page.gif) !important;
		background-repeat:repeat-x;
		background-position:0 157px;
	}
	/* fix for IE, no effect on other browsers */
	form{
		margin:0;
		padding:0;
	}
	.clearer{display:block; margin:0; padding:0; clear:both; font-size:1px; width:1px; height:1px; overflow:hidden;}
	#header{
		background-color:#000;
		height:157px;
	}
	
	#header .topAd{	
		text-align:center;
	}
	
	#page-container{
		width:991px;
		margin:0 auto;
	}
	
	#content-container{
		font-family:Arial;
		font-size:10pt;
		line-height:1.3em;
		padding:6px 21px 30px 26px;
		background-color:#fff;
		background-image:url(bg_head_shadow.gif);
		background-repeat:repeat-x;
	}
	#content-container a{
		color:#0063a0;
		text-decoration:none;
	}
	#content-container img,
	#content-container a img{
		border:none;
	}
	#content-container p,
	h1,h2,h3,h4,h5,h6{
		margin:0 0 10px 0;
		padding:0;
	}
	h2{
		font-size:14pt;
	}
	#content-main{
		float:left;
		width:609px;
		padding-right:15px;
		margin-right:20px;
	}
	#content-right-rail{
		float:left;
		width:300px;
		
	}
	#content-footer{
		margin:50px 0 0 0;
		padding:25px 0;
		border-top:1px solid #e6e6e6;
	}
	#content-container .wrapper{
		background-image:url(bg_content_divider.gif);
		background-repeat:repeat-y;
		background-position:624px 0;
	}
	#content-container #content-footer .wrapper{
		background-position:475px 0;
	}
	
/* title and search field  */
	#content-container #content-top{
		background-image:url(bg_logo.gif);
		background-repeat:no-repeat;
		margin-bottom:25px;
	}
	#content-container #content-top{
		height:152px;
		position:relative;
	}
	#content-container #blogLogo a{
		width:629px;
		height:152px;
		display:block;
	}
	#content-container #blogLogo span{
		display:none;
	}
	#content-container #globalSearch{
		position:absolute;
		top:40px;
		left:650px;
	}
	#content-container #globalSearch label{
		display:block;
		font-weight:bold;
		margin-bottom:2px;
	}
	#content-container #globalSearch span{
		float:left;
		padding:0;
		margin:0;
		border:1px solid #e6e6e6;
		border-left:none;
		display:block;
		background-image:url(bg_search_button.gif);
	}
	#content-container #globalSearch span input{
		opacity:0;
		filter:alpha(opacity=0);
		padding:0;
		margin:0;
		width:33px;
		height:23px;
	}
	#content-container #globalSearch .searchField{
		float:left;
		padding:2px;
		margin:0;
		height:19px;
		width:229px;
		border:1px solid #e6e6e6;
	}
	#content-container #globalSearch ul{
		clear:both;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
		font-size:8pt;
	}
	#content-container #globalSearch ul li{
		display:inline;
		margin:0;
		padding:0 10px 0 0;
	}
	#content-container #globalSearch ul li.label{
		font-weight:bold;
	}
	
	/* Fix margin on ul for links to the left of the search box in ngheader.js - LB 052109 */
	#header_featured_links {
	   margin:2px 0;
	}

	

/*  Feature Images (inserts into paragraphs) */
	.featureImage{
		float:left;
		margin:0 20px 20px 0;
	}
	#content-right-rail .featureImage{
		margin:0 10px 10px 0;
	}
	.featureImage p.caption{
		margin-bottom:0 !important;
		font-size:9pt !important;
		font-style:italic;
		width:360px;
	}
	.featureImage p.credit{
		color:#797979;
		margin-bottom:0 !important;
		font-size:8pt !important;
	}




/* center content items */

	/* post styles */
		.post{
			margin-bottom:20px;
			padding-top:35px;
			border-top:1px solid #e6e6e6;
		}
		.post.first{
			border-top:none;
			padding-top:0;		
		}
		.post .head{
			margin-bottom:10px;
			
		}
		#content-container .post .head p.date{
			margin:0 0 10px 0;
			padding:0 0 0 20px;
			line-height:1em;
			color:#464646;
			font-size:13.5pt;
			font-weight:bold;
			background-image:url(bg_date.gif);
			background-repeat:no-repeat;
			background-position:0 center;
			text-transform:uppercase;
		}
		#content-container .post .head img{
			float:left;
			vertical-align:middle;
			margin-right:20px;
		}
		#content-container .post .head h2{
			font-size:18pt !important;
		}
		#content-container .post .head h2 a{
			color:#000;
		}
		#content-container .post .head h3{
			font-size:10pt !important;
			color:#525252;
			text-transform:uppercase;
		}
		#content-container .post .keywords{
			clear:both;
			margin-bottom:15px;
			background-color:#fafafa;
			padding:10px;
			color:#999;
			border-top:1px dotted #c7c7c7;
			border-bottom:1px dotted #c7c7c7;
			font-weight:bold;
		}
		#content-container .post .keywords h4{
			display:inline;			
			font-size:13pt;
		}
		#content-container .post .keywords ul{
			list-style:none;
			display:inline;
			margin:0;
			padding:0;
		}
		#content-container .post .keywords ul li{
			list-style:none;
			background-image:none !important;
			display:inline;
			padding:0;
		}
		#content-container .post .content p{
			font-size:12pt;
		}
	/* button styles */
		#content-container a.button{
			background-image:url(bg_button.jpg);
			background-repeat:repeat-x;
			font-size:11pt;
			height:25px;
			line-height:25px;
			font-weight:bold;
			color:#fff;
			display:block;
			float:left;
		}
		#content-container a.button span{
			background-image:url(bg_button_left.jpg);
			background-repeat:no-repeat;
			padding-left:9px;
			height:25px;
			display:block;
		}
		#content-container a.button span span{
			background-image:url(bg_button_right.jpg);
			background-repeat:no-repeat;
			background-position:100% 0;
			padding:0 9px 0 0;
			height:25px;
			display:block;
		}
		#content-container a.email{
			background-image:url(icon_email.gif);
			background-repeat:no-repeat;
			background-position:10px center;
			background-color:#f5f5f5;
			border:1px solid #fff;
			height:23px;
			line-height:23px;
			padding:0 13px 0 35px;
			font-size:9pt;
			font-weight:bold;
			display:block;
			float:left;
		}
		
		#content-container a.diggit,
		#content-container a.stumbleupon,
		#content-container a.reddit{
			background-repeat:no-repeat;
			background-position:0 center;
			background-color:#f5f5f5;
			border:1px solid #fff;
			height:23px;
			line-height:23px;
			padding:0 8px 0 30px;
			font-size:9pt;
			font-weight:bold;
			display:block;
			float:left;
		}
		#content-container a.diggit{
			background-image:url(icon_diggit.gif);
		}
		#content-container a.stumbleupon{
			background-image:url(icon_stumbleupon.gif);
		}
		#content-container a.reddit{
			background-image:url(icon_reddit.gif);
		}
		
		#content-container .post .actions a{
			margin-right:15px;
			vertical-align:middle;
		}
		#content-container .post .actions{
			margin-bottom:30px;
			vertical-align:middle;
		}

	
		/* comments */
		#content-container .comments{
			border-top:1px solid #e6e6e6;
			padding:25px 0 20px 0;
		}
		#content-container .comments .comment,
		#content-container .comments .count{
			border-bottom:1px dotted #e6e6e6;
			padding-bottom:10px;
			margin-bottom:15px;
		}
		#content-container .comments .write h3,
		#content-container .comments .count h3{
			background-repeat:no-repeat;
			background-position:0 center;
			padding:0 0 0 50px;
			font-size:20pt;
			color:#464646;
		}
		
		
		#content-container .comments .write h3{
			background-image:url(icon_comment.gif);
			line-height:38px;
		}
		#content-container .comments .count h3{
			background-image:url(icon_hi.gif);
			line-height:30px;
			margin-bottom:15px;
		}
		#content-container .comments .comment h4{
			font-size:15pt;
			color:#1B5A03;
			margin-bottom:20px;
		}
		#content-container .comments .comment p{
			font-size:12pt;
		}
		
		#content-container .comments .write p{
			font-weight:bold;
			color:#666;
		}
	
		#content-container .comments #comments-open-data div{
			margin-bottom:5px;
		}
		#content-container .comments #comment-form-name label,
		#content-container .comments #comment-form-email label,
		#content-container .comments #comment-form-url label{
			display:block;
			float:left;
			width:100px;		
		}
		#content-container .comments #comment-form-remember-me input{
			margin-right:10px;
		}
/* right rail styles */
	#content-right-rail .module{
		padding-top:25px;
		margin-bottom:25px;
		border-top:1px solid #e6e6e6;
		color:#333;
	}
	#content-right-rail #popular{
		border-top:none;
		padding-top:0;
	}
	#content-right-rail #popular ol{
		padding-left:40px;
		margin:0;
	}
	#content-right-rail .module h3{
		margin:0 0 10px 0;
		padding:0 0 0 20px;
		line-height:1em;
		color:#464646;
		font-size:13.5pt;
		font-weight:bold;
		background-image:url(bg_date.gif);
		background-repeat:no-repeat;
		background-position:0 center;
	}

	#content-right-rail a.moreLink{
		font-weight:bold;
	}
	
	#content-right-rail .content{
		padding-left:20px;
	}
	#content-right-rail .thumbList ul{
		list-style:none;
		padding:0;
		margin:0;
	}
	#content-right-rail .thumbList ul li{
		padding:0;
		margin:0 0 15px 0;
		clear:both;
		color:#666;
	}
	#content-right-rail .thumbList ul li img{
		float:left;
		margin:0 10px 15px 0;
	}
	#content-right-rail .thumbList ul li span.name{
		font-weight:bold;
	}
	#content-right-rail #boxAd{
		width:300px;
		padding:0;
		margin:0 0 25px 0;
	}
	#content-right-rail #boxAd h4{
		font-size:7.5pt;
		color:#ccc;
		margin:0 0 2px 0;
		padding:0;
		line-height:1em;
		text-transform:uppercase;
	}
	
	#content-right-rail #supportModule .titleImage{
		margin-bottom:15px;
		
	}
	#content-right-rail #supportModule .logo{
		float:right;
	}
	
	
/*  footer items */
	#content-footer .c1{
		float:left;
		width:422px;	
		padding:3px 40px 10px 10px;
	
	}
	#content-footer .c2{
		float:left;
		width:404px;
		padding:3px 20px 10px 48px;
	}
	#content-footer .c2 ul,
	#content-footer .c1 ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	#content-footer .c2 li,
	#content-footer .c1 li{
		float:left;
		margin:0 0 5px 0;
		padding:0 20px 0 0;
	}
	#content-footer .c2 li{
		width:114px;
	}
	#content-footer .c1 li{
		width:191px;
	}
	#content-footer .c2 h3,
	#content-footer .c1 h3{
		color:#999;
		text-transform:uppercase;
		font-size:13pt;
		margin-bottom:20px;
	}