/* ============================================================


National Geographic Global Screen CSS


Notes:
================
* 2007/10/08 - Added most beginning definitions (BT)
* 2007/12/06 - Added Document Flow Clears & main-header and content-title sponsor areas (BT)
* 2007/12/06 - Added Page Hierarchy/Level Specific elements (BT)


In This CSS:
================
+Testing
+General
+Header
+Navigation
+Content
+Footer
+Advertisements
+Forms
+Flash
+Page Hierarchy/Level Specific (level-1, level-2, level-3, etc.)
+Layout Specific (Boxgrid, Skygrid, etc.)
+Miscellaneaous


============================================================ */


/* ------------------------------------------------------------
+Testing
------------------------------------------------------------ */
/* div { border: 1px solid red; } */




/* ------------------------------------------------------------
+General
+Brian Talbot
+Tom Cheney
+AG
------------------------------------------------------------ */
body {
	background: #fff url("http://www.nationalgeographic.com/global/images/ws/backgrounds/body.gif") 0 0 repeat-x;
	font-family: arial, helvetica, sans-serif;
/* AG addition for IE7/6 compatibility */ 
	text-align: center
}


#page-container {
	font-size: 62.5%;
	margin: 12px auto 0 auto;
	width: 980px;
/* AG addition for IE7/6 compatibility */
	text-align: left
}




a:link, a:visited {
	color: #044E8E;
	text-decoration: none;
}


a:hover, a:active {
	text-decoration: underline;
}


a img {
	border: none;
}


p {
	color: #000;
	line-height: 1.4em;
}


li {
	color: #000;
}




/* ------------------------------------------------------------
+Header
------------------------------------------------------------ */
#header {
	background: transparent url("http://www.nationalgeographic.com/global/images/ws/backgrounds/header.gif") 0 0 no-repeat;
	height: 153px;
/* AG edit for IE7 - padding: 0 0 5px 0; to padding: 0 0 10px 0; */
	padding: 0 0 10px 0;
	width: 980px;
}
	/* Header Logo */
	#header #global-header-logo {
		float: left;
	}
	
	#header #global-header-logo h1 {
		margin: 0;
		padding: 12px 0 0 12px;
	}


		#header #global-header-logo h1 a {
			background: transparent url("http://www.nationalgeographic.com/global/images/ws/backgrounds/header-h1.gif") 0 0 no-repeat;
			display: block;
			height: 30px;
			text-indent: -99999px;
			width: 171px;
		}
		
		
	/* Header Search */
	#header #global-header-search {
		float: left;
		margin: 22px 35px 4px 102px;
	}
	
		#header #global-header-search label {
			display: none;
		}
		
		#header #global-search-input {
			border: none;
			float: left;
			height: 15px;
/* AG edit for IE7 - width: 192px; to width: 180px; */
			width: 180px;
		}
		
		#header #global-search-submit {
			float: left;
			width: 71px;
		}




	/* Header Links */
	#header #global-header-links {
		float: left;
		width: 394px;
	}
	
		#header #global-header-links ul {
			list-style: none;
			margin: 25px 0 0 0;
			padding: 0;
		}


			#header #global-header-links ul li {
				display: inline;
				margin: 0 12px 0 0;
				padding: 0;
			}
				
				#header #global-header-links ul li a {
					background: transparent;
					color: #fff;
					font-size: 1.1em; /* around 11px */
					font-weight: bold;
					text-decoration: none;
				}
				
					#header #global-header-links ul li.last {
						margin-right: 0;
					}
				
					#header #global-header-links ul li a:hover, #header #global-header-links ul li a:active {
						text-decoration: underline;
					}
					
	
	/* Header Ad */
	#header #global-header-ad {
		clear: both;
		float: left;
		height: 90px;
		margin: 20px 0 0 15px;
		width: 728px;
	}
	
	/* Header Plug */


/* AG edit for IE7 - float: left; to float: right; */


	#header #global-header-plug {
		float: right;
		padding: 35px 0 0 20px;
	}
	
	#header #global-header-plug p {
		margin: 0;
		padding: 0;
	}
	
		#header #global-header-plug a.global-header-plug01 {
			background: transparent url("http://www.nationalgeographic.com/global/images/globalnav/subs_ngm_promo_15dollars.gif") 0 0 no-repeat;
			display: block;
			height: 56px;
			text-indent: -9999px;
			width: 199px;
		}




/* ------------------------------------------------------------
+Navigation
------------------------------------------------------------ */
#global-left-container {
	background: #fff url("http://www.nationalgeographic.com/global/images/ws/backgrounds/global-left-container.gif") 0 0 no-repeat;
	float: left;
	padding: 23px 0 0 0px;
	width: 140px;
}


	#global-left-container #global-left-nav {
		background: #858585 url("http://www.nationalgeographic.com/global/images/ws/backgrounds/global-left-nav.gif") 0 0 repeat-y;
	}
	
		#global-left-container #global-left-nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			#global-left-container #global-left-nav ul li {
				font-size: 1.1em; /* around 11px */
				font-weight: bold;
				text-transform: uppercase;
			}
			
				#global-left-container #global-left-nav ul li a {
					border-top: 1px solid #999;
					display: block;
					padding: 4px 10px 4px 13px;
				}
				
					#global-left-container #global-left-nav ul li a.first {
						border-top: none;
					}
					
					#global-left-container #global-left-nav ul li a.last {
						border-bottom: 1px solid #999;
					}
				
					#global-left-container #global-left-nav ul li a:link, #global-left-container #global-left-nav ul li a:visited {
						background-color: transparent;
						color: #fff;
					}
					
					#global-left-container #global-left-nav ul li a:hover, #global-left-container #global-left-nav ul li a:active {
						color: #fc0;
						text-decoration: none;
					}
					
					#global-left-container #global-left-nav ul li a.selected {
						background-color: #fbfbfb;
						color: #000;
					}
					
					/* Specific Navigation States Based on Body Class */
					body.home a#global-left-navA01,
					body.animals a#global-left-navA02,
					body.daily-news a#global-left-navA03,
					body.greenguide a#global-left-navA04,
					body.history a#global-left-navA05,
					body.kids a#global-left-navA06,
					body.maps a#global-left-navA07,
					body.music a#global-left-navA08,
					body.people-and-places a#global-left-navA09,
					body.photography a#global-left-navA10,
					body.science-and-space a#global-left-navA11,
					body.video a#global-left-navA12,
					body.national-geographic-magazine a#global-left-navB01,
					body.magazines a#global-left-navB02,
					body.shop a#global-left-navB03,
					body.subscriptions a#global-left-navB04,
					body.tv-and-film a#global-left-navB05,
					body.travel-with-us a#global-left-navB06,
					body.our-mission a#global-left-navB07 {
						background-color: #fbfbfb !important;
						color: #000 !important;
					}
			
		/* First Set of Global Navigation Items */
		#global-left-container #global-left-nav #global-left-navA {
		}
		
		/* Second Set of Global Navigation Item */
		#global-left-container #global-left-nav #global-left-navB {
			background: transparent url("http://www.nationalgeographic.com/global/images/ws/backgrounds/global-left-navB.gif") center bottom no-repeat; /* Future-proofing */
			margin-top: 36px;
			padding-bottom: 86px;
		}
					
		
	/* Sub Nav #1 (Online Shops Call) */
	#global-left-subnav1 {
		margin-bottom: 30px;
	}
		#global-left-subnav1 h3 {
			margin: 0 0 15px 0;
		}
		
			#global-left-subnav1 h3 a {
				background: transparent url("http://www.nationalgeographic.com/global/images/ws/backgrounds/global-left-subnav1-header-shop.gif") 0 0 no-repeat;
				display: block;
				height: 68px;
				text-indent: -99999px;
				width: 140px;
			}
			
		#global-left-subnav1 ul {
			list-style: disc outside url("http://www.nationalgeographic.com/global/images/ws/buttons/art-bullet-31659C.gif");
			font-size: 1.2em; /* around 12px */
			/*font-weight: bold;*/
			margin: 0;
			padding: 0;
		}
		
			#global-left-subnav1 ul li {
				border-bottom: 1px dashed #dbdbdb;
				margin: 6px 6px 0px 25px;
				padding: 0px 4px 4px 0;
			}
			
	/* Sub Nav #2 (Newsletters) */
	#global-left-subnav2 {
		margin-bottom: 20px;
		padding: 0 0 0 14px;
	}
	
		#global-left-subnav2 h3 {
			color: #c60;
			font-size: 1.5em; /* around 15px */
			font-weight: bold;
			margin: 0;
		}
		
			#global-left-subnav2 h3 span {
				font-size: 1.4em; /* around 20px */
			}
		
		#global-left-subnav2 p {
			color: #666;
			font-size: 1.2em;
			margin: 0 0 4px 0;
		}
		
	/* Sub Nav #3 (Advertisement) */
	#global-left-subnav3 {
		padding: 0 0 0 14px;
	}
	
	#global-left-subnav3 h4 {
		font-weight: normal;
		margin: 0;
	}
	
	
	/* Inside Navigation */
	#inside-nav {
		float: left;
		list-style: none;
		margin: 0 0 6px 0;
		padding: 0;
		width: 100%;
	}
	
		#inside-nav li {
			float: left;
			font-size: 1.3em;
			margin-right: 20px;
			text-transform: uppercase;
		}




/* ------------------------------------------------------------
+Header
------------------------------------------------------------ */
#content-container {
/* background: #fff url("http://www.nationalgeographic.com/global/images/ws/backgrounds/content-container.gif") 0 0 no-repeat; */
	background: #fff url("http://blogs.nationalgeographic.com/blogs/globalblog/assets/headerbgimage.gif") 0 0 no-repeat;
	border-bottom: 1px solid #adbbac;
	float: left;
	padding: 11px 14px 5px 18px;
	width: 808px;
} 


/* Main Header */
#main-header {


	margin-bottom: 6px;
	padding-bottom: 3px;
}


	#main-header h2 {
		float: left;
		font-size: 3.4em;
		font-weight: 400;
		margin: 8px 0;
	}
	
		#main-header h2 a {
			color: #000;
		}


			#main-header h2 a:hover, #main-header h2 a:active {
				text-decoration: none;
			}
			


/* ------------------------------------------------------------
+Content
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	color: #000;
	margin: 0;
}


/* General Content */
#content-center-well, #content-right-rail {
	font-size: 1.2em;
}


/* Content Title */
#content-title h2 {
	font-size: 3.0em;
	font-weight: normal;
	float: left;
	margin: 5px 14px 10px 0px;
}
		


/* +Content Center Well
------------------------------------------------------------ */
#content-center-well {
	float: left;
}


#content-center-well h3 {
	font-size: 1.6em;
}


/* Topic Lead Paragraph */
.topicpage-leadparagraph {
	padding: 25px 40% 0px 32px;
	height: 255px !important;
	background-repeat: no-repeat;
	font-size: 13px;
	margin-bottom: 5px;
	color: #fff !important;
	margin-top: 1px;
}


	.topicpage-leadparagraph h3 {
		color: #fff;
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 12px;
		display: block !important;
	}


	.topicpage-leadparagraph p {
		color: #fff;
	}


	.topicpage-leadparagraph .action {
		border: 1px #ccc solid;
		border-bottom-color: #eee;
		padding: 3px 10px 3px 10px;
		display: block;
		width: 230px;
	}


	.topicpage-leadparagraph a:link,
	.topicpage-leadparagraph a:visited,
	.topicpage-leadparagraph a:hover,
	.topicpage-leadparagraph a:active {
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		text-transform: uppercase;
	}


	.topicpage-leadparagraph .action a {
		background: url('http://www.nationalgeographic.com/button-arrow-white.gif') no-repeat 0px 4px;
		display: block;
		padding-left: 8px;
	}
	
	.topicpage-leadparagraph-caption {
		font-style: italic;
		margin: 0 0 15px 0;
		padding: 0;
		text-align: right;
	}
	
		.topicpage-leadparagraph-caption p {
			margin: 0;
			padding: 0;
		}
	
	/* Right Align Option */
	.topicpage-leadparagraph.right-align {
		padding: 25px 32px 0px 45%;
		text-align: right;
	}
	
	/* Dark Text Option */
 	.topicpage-leadparagraph.dark-text p,
 	.topicpage-leadparagraph.dark-text h3,
	.topicpage-leadparagraphdark-text a:link,
	.topicpage-leadparagraph.dark-text a:visited,
	.topicpage-leadparagraph.dark-text a:hover,
	.topicpage-leadparagraph.dark-text a:active {
		color: #000 !important;
	}




/* +Content Right Rail
------------------------------------------------------------ */
#content-right-rail {
	float: left;
	padding-left: 18px;
}




/* +Main Footer
------------------------------------------------------------ */
#main-footer {
	clear: left;
}






/* ------------------------------------------------------------
+Footer
------------------------------------------------------------ */
#global-footer {
	border-top: 1px dashed #dbdbdb;
	color: #666;
	font-size: 12px;
	margin: 20px 0;
	text-align: center;
	width: 100%;
}


	#global-footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		#global-footer ul li {
			border-right: 1px solid #ccc;
			display: inline;
			margin: 0 3px 0 0;
			padding: 0 6px 0 0;
		}
		
			#global-footer ul li.last {
				border-right: none;
				margin-right: 0 !important;
				padding-right: 0 !important;
			}


	#global-footer #global-footer-level1 {
		margin-top: 25px;
	}
	
		#global-footer #global-footer-level1 li {
			margin: 0 6px 0 0;
			padding: 0 3px 0 0;
		}


	#global-footer #global-footer-level2 {
		margin-top: 15px;
	
	}


	#global-footer #global-footer-level3 {
		margin-top: 30px;
	}


	#global-footer .copy {
		margin: 15px 0 0 0;
	}
	






/* ------------------------------------------------------------
+Forms
------------------------------------------------------------ */






/* ------------------------------------------------------------
+Flash
------------------------------------------------------------ */






/* ------------------------------------------------------------
+Advertisements
------------------------------------------------------------ */


.advertisement {
	margin-bottom: 20px;
}


.advertisement *, .advertisement-text {
	color: #ccc !important;
	font-size: 10px;
	text-transform: uppercase;
}


#main-header .sponsor, #content-title .sponsor {
	float: right;
	margin: 0 0 0 20px;
	width: 210px;
}




/* ------------------------------------------------------------
+Page Hierarchy/Level Specific (level-1, level-2, level-3, etc.)
------------------------------------------------------------ */


/* Level-1 (Site Homepages) */
body.level-1 #content-title {
	display: none;
}


/* Level-2 (Main Internal Pages) */
body.level-2 #main-header h2 {
	font-size: 1.6em;
	font-weight: normal;
}


body.level-2 #main-header .sponsor {
	display: none;
}


body.level-2 #inside-nav li {
	font-size: 1.1em;
}




/* ------------------------------------------------------------
+Layout Specific (Boxgrid, Skygrid, etc.)
------------------------------------------------------------ */
/* Boxgrid */
body.boxgrid #content-center-well {
	width: 486px;
}


body.boxgrid #content-right-rail {
	width: 304px;
}




/* Skygrid */
body.skygrid #content-center-well {
	width: 580px;
}


body.skygrid #content-right-rail {
	width: 210px;
}




body.skygrid .topicpage-leadparagraph {
	background: transparent url("http://www.nationalgeographic.com/global/images/ws/placeholders/topicpage-leadparagraph.jpg") 0 0 no-repeat; /* placeholder */
}
body.skygrid .topicpage-leadparagraph.dark-text {
	background: transparent url("http://www.nationalgeographic.com/global/images/ws/placeholders/topicpage-leadparagraph-light.jpg") 0 0 no-repeat; /* placeholder */
}




/* Wide One Column */
body.wide #content-center-well {
	width: 100%;
}


body.wide #content-right-rail {
	display: none;
}


/* ------------------------------------------------------------
+Right Rail Collections
------------------------------------------------------------ */


#content-right-rail .collection {
	margin-bottom: 20px;
}


#content-right-rail .collection h3 {
	display: none;
}


#content-right-rail .collection .promo {
	clear: both;
	color: #000;
	margin-bottom: 18px;
}


#content-right-rail .collection .promo h4 {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: normal;
}


#content-right-rail .collection .promo img {
	float: left;
	margin-top: 3px;
}


#content-right-rail .collection .promo p {
	padding-left: 112px;
	margin: 0px;
}


#content-right-rail .collection .footer {
	clear: both;
}


.boxgrid #content-right-rail .collection .promo {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}


.boxgrid #content-right-rail .collection .promo-last {
	border-bottom: none;
}


/* ------------------------------------------------------------
+Article
------------------------------------------------------------ */


.article .author,
.article .date {
	font-size: 13px;
}


.article .byline p {
	margin: 0px;
	padding: 0px;
}


/* ------------------------------------------------------------
+General
------------------------------------------------------------ */


.sponsored-links {
	clear: both;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: verdana,arial,sans-serif;
}


.sponsored-links-skygrid {
}


.sponsored-links h3 {
	font-size: 16px !important;
	margin: 0px 0px 10px 0px;
}


.sponsored-link {
	float: left;
	width: 45%;
	padding: 0px 20px 15px 0px;
}


.sponsored-links-skygrid .sponsored-link {
	float: left;
	padding: 0px 20px 15px 0px;
}


.sponsored-links-uno .sponsored-link {
	float: none;
	width: 95% !important;
	text-align: left;
}


.sponsored-link h4 {
	font-size: 12px !important;
	color: #044E8E;
	text-decoration: underline;
}


.sponsored-link .first-description {
	font-size: 10px;
	margin: 0px;
}


.sponsored-link .second-description {
	display: none;
	font-size: 10px;
	margin: 0px;
}


.sponsored-link .sponsored-link-url {
	font-size: 10px;
	margin: 0px;
}


.sponsored-links-uno .sponsored-link h4 {
	font-size: 14px !important;
}


.sponsored-links-uno .sponsored-link .first-description {
	font-size: 12px !important;
}


.sponsored-links-uno .sponsored-link .second-description {
	font-size: 12px !important;
}


.sponsored-links-uno .sponsored-link .sponsored-link-url {
	font-size: 12px !important;
}


#sponsored-link003, sponsored-link005, sponsored-link007 {
	clear: both;
}


.sponsored-tag {
	clear: both;
	width: 100%;
}


.ads-by-google {
	display: block;
	float: right;
	margin: -10px 0px 0px 0px;
	font-size: 10px;
}


html>body .ads-by-google {
	width: 78px;
	height: 16px;
	background: transparent url('http://pagead2.googlesyndication.com/pagead/abglogo/abg-en-100c-000000.png') no-repeat;
	text-indent: -9999px;
}


.sponsored-links-uno .ads-by-google {
	float: left;
}




/* ------------------------------------------------------------
+Miscellaneous
------------------------------------------------------------ */
abbr { cursor: pointer; }


.bold { font-weight: bold; }


.leftie { float: left; }
.rightie { float: right; }


/* Thanks to http://www.positioniseverything.net/easyclearing.html */	
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/* Known Needed Document Flow Clears - Thanks to http://www.positioniseverything.net/easyclearing.html */
	#global-left-container, #main-header, #content-title, #global-footer-level1, #global-footer-level2, #global-footer-level3, #inside-nav {
		display: block;
	}
	
		#global-left-container:after, #main-header:after, #content-title:after, #global-footer-level1:after, global-footer-level2:after, #global-footer-level3:after, #inside-nav:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
	
	
.clear {
	background: transparent;
	clear: both;
	font: 1px/1px verdana, arial, helvetica, sans-serif;
	height: 0;
}


.hidden {
		font-size: 1px;
		left: -9999px;
		line-height: 0px;
		margin: 0;
		padding: 0;	
		position: absolute;
		width: 9999px;
	}
		
	.hiddenText {
		text-indent: -9999px;
	}