﻿/* ##################################################### */
/* ----------------->>> STRUCTURE <<<------------------- */
/* ##################################################### */

div.ad_120x90 {
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg142x100ad_small.gif) no-repeat;
}

#skyscraper, div#advertisingModule160x600 {
	padding:13px 3px 4px;
	width: 160px;
	height: 600px;
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg170x620skyscraper.gif) -2px 0 no-repeat;
}

#box_ad {
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg311x270box_ad.gif) no-repeat;
}


#content_layout, #article_layout, #slide_layout {
	background-color: #c82f32;
}


#nav_header {
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg961x180video_hdr.jpg) no-repeat;
	background-position: -3px 0px;
	height: 179px;
}
	#global_nav {
		margin-left: 23px;
		padding: 8px 0 0 8px;
		background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg913x071video_nav.gif) no-repeat;
		height: 63px !important;
		width: 905px !important;
	}
	#section_nav {
		margin-left: 23px;
		padding: 8px 0 0 8px;
		background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg913x071video_nav.gif) no-repeat;
		height: 63px !important;
		width: 905px !important;
	}
	.search_cell {
		vertical-align: bottom;
		text-align: right;
		padding: 0 10px 5px 0;
		width: 534px;
	}
	.header_ad {
		margin: 0 0 12px 5px;
		color: #f4cd05;
		font-size: .95em;
	}

#section_header_landing {
    /static/common/admin/
    width: 737px;
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg600x068video_hdr.gif) right top no-repeat;
}
	#section_header_subpage {
        /*margin-left: 3px;*/
		min-height: 73px;
        width: 737px;
		background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg600x073video_subhdr.gif) right top no-repeat;
	}
		/*#section_header_subpage td.hdr_ad {
			background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg737x073story_hdr.gif) right top no-repeat;
		}*/


#landing_feature, #category_feature {
    width:717px;
	margin-bottom: 6px;
	padding: 10px 10px 10px 10px;
	background-color: #fffec8;
}
#landing_feature {
    /static/common/admin/
}
	#landing_feature table td, #category_feature table td{
		vertical-align: top;
	}
	td.landing_feature_img, td.category_feature_img {
		padding-right: 12px;
		width: 474px;
	}
	td.landing_feature_img_sm {
		padding: 0 32px 20px 20px;
	}
		td.landing_feature_img img, td.category_feature_img img, td.landing_feature_img_sm img {
			border: 2px solid #b11721;
		}
			td.landing_feature_img img:hover, td.category_feature_img img:hover, td.landing_feature_img_sm img:hover {
				border-color: #fff;
			}
	td.category_feature_img {
		width: 274px;
	}
		

#did_you_know {
	padding-top: 32px;
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg170x170dyk.gif) 50% 0 no-repeat;
}

#poll {
	float: left;
	background: #b71111 url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg170x150poll.gif) no-repeat;
}
	.poll_ftr {
 		background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/brd170x012poll_bot.gif) no-repeat;
 		width: 170px;
		height: 12px;
 	}


td.whats_popular {
}
	.whats_popular_feat {
		background-color: #c547c5;
	}
	.whats_popular_img {
		margin: 0 0 8px 13px;
		border: 2px solid #670e6e;
		display: block;
		width: 270px;
	}
		.whats_popular_img:hover {
			border-color: #fff;
		}

td.cool_clicks {
}
	td.cool_clicks div {
		background-color: #0072bb;
	}
	td.cool_clicks p {
		color: #fff;
	}

td.category_links {
	padding-right: 5px;
	vertical-align: top;
	width: 187px;

}

td.category_recent_rated {
	padding-bottom: 12px;
	vertical-align: top;
	width: 546px;
}
	td.category_recent_rated div.tab_div {
		border: 2px solid #fff;
		border-top: none;	
		float: left;
		background: #0072bb url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg542x135recent_rated.jpg) top no-repeat;
	}
		.recent_rated_tab td {
			background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/oth100x002white_bar.gif) bottom repeat-x;
			vertical-align: top;
		}
		td.more_tab {
			vertical-align: bottom!important;
			text-align: right;
			width: 429px;
		}



#my_favorites {
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg729x081my_favorites.jpg);
}
	#my_favorites table img {
		border-color: #940101;
	}
	
	.fav_bin_txt_img {
			background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/txt104x017favorites.gif);
	}


#ad_article_btm {
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/txt120x015advertisement.gif) no-repeat;
}


#related_content {
	width: 291px;
	background: #cbd1f7 url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/bg307x059related_content.gif) no-repeat;
}




/* ###################################################### */
/* ----------------->>> NAVIGATION <<<------------------- */
/* ###################################################### */





/* #################################################### */
/* ------------------>>> LISTS <<<------------------- */
/* #################################################### */

.cool_clicks ul, .category_recent_rated ul {
	margin: 0 10px 10px 10px;
	padding: 0;
	float: left;
	color: #fff;
	display: inline;
}
	.cool_clicks ul li, .category_recent_rated li {
		margin: 0;
		padding: 7px 0;
		list-style: none;
		width: 398px;
		border-bottom: 2px solid #80d2e8;
		float: left;
	}
		.category_recent_rated li {
			width: 518px;
		}
		.cool_clicks ul li.last_row, .category_recent_rated ul li.last_row {
			border: none;
		}
	.clicks_list_img {
		margin-right: 10px;
		float: left;
		border: 2px solid #181951;
	}
		.clicks_list_img:hover {
			border-color: #fff;
		}

	.mostrecent_list_img {
		margin-right: 10px;
		float: left;
		border: 2px solid #181951;
	}
		.mostrecent_list_img:hover {
			border-color: #fff;
		}


#related_content li {
	width: 290px;
}
	#related_content li.cat_name {
		border-color: #c184ff;
		color: #610b69;
	}
		#related_content li img, #article_slide_thm li img, #article_slide_container img {
			border-color: #610b69;
		}
		#related_content li a {
			color: #000;
		}
			#related_content li a:hover {
				color: #610b69;
			}



/* ######################################################## */
/* ------------------>>> TEXT STYLES <<<------------------- */
/* ######################################################## */

/* header styles */

.whats_popular h4 {
	margin: 0 0 10px 13px;
	font-size: 13px;
	color: #fff000;
}

.cool_clicks h4, .category_recent_rated h4 {
	margin: 0;
	font-size: 13px;
	color: #fff;
}
	.category_recent_rated h4 {
		font-size: 16px;
	}

.whats_popular_feat h4 {
	margin-bottom: 0;
}

.tab_div h4 {
	margin: 10px 0;
}

h5 {
	color: #610b69;
}
/* end header styles ============================= */


td.landing_feature_img p.img_caption, td.category_feature_img p.img_caption {
	padding-right: 13px;
	text-align: right;
}
	#article_slide_container p.img_caption {
		margin: 0;
		color: #610b69;
	}


p.article_byline {
	color: #4d005e;
}

.whats_popular p {
	margin: 0 0 15px 0;
	padding: 0 13px;
	color: #fff;
}
	.whats_popular #ng_com_tout p {
		padding: 0;
	}


/*td.landing_feature_txt p {
	min-height: 255px;
}
	# html td.landing_feature_txt p {
		height: 255px;
	}*/

/* ################################################################ */
/* ------------------->>> BUTTONS AND LINKS <<<-------------------- */
/* ################################################################ */

.tab_div h4 a {
	color: #fff;
}

a.top_rated_link {
	display: block;
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/tab096x062rated_0.gif) top no-repeat;
}
a.most_recent_link {
	display: block;
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/tab103x062recent_0.gif) top no-repeat;
}
	a.top_rated_link:hover, a.most_recent_link:hover {
		background-position: 0 -31px;
	}


a.more_tab_top, a.more_tab_btm {
	font-size: 11px;
	color: #000;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	width: 72px;
	display: block;
	float: right;
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg072x020more_tab.gif) no-repeat;
}
a.more_tab_top {
	margin-bottom: 2px;
	padding-top: 5px;
	height: 15px;
}
a.more_tab_btm {
	padding-top: 3px;
	height: 17px;
	background: url(http://kids.nationalgeographic.com/staticfiles/NGS/NGKids/SiteAssets/img/video/bg072x020more_tab_btm.gif) no-repeat;
}
	a.more_tab_top:hover, a.more_tab_btm:hover {
		text-decoration: underline;
	}


.tab_div .but_add_faves, .tab_div .but_play {
	margin-top: 20px;
}
	.but_add_faves {
		margin-top: 12px;
	}
	


/* ##################################################### */
/* ------------------->>> EXTRAS <<<-------------------- */
/* ##################################################### */







