/*
	This is the section (site) specific css for photography.
	It contains unique elements such as color schemes and backgrounds.
	Please fewer comments in here and add more comments to the wiki at
	http://wiki.nationalgeographic.com/index.php/Site-wide_CSS_implementation
*/


/* =Body
-----------------------------------------------------------------------------*/
body {
	background: #fff url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/body.gif') repeat-x top center;
}

/* =Homepage Specific
-----------------------------------------------------------------------------*/
#content-container-home  #main-header {
	margin-bottom: 16px;
}

#content-container-home  #main-header h2 {
	margin-top: 2px;
}

/* =Content Title
-----------------------------------------------------------------------------*/
#content-title .sub {
	float: none;
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 10px;
	padding-bottom: 0;
}

#content-title .super {
	font-size: 30px;
	font-weight: normal;
	margin: 6px 0 16px 0;
}


/* =Features and Collections skin override for photography skin
-----------------------------------------------------------------------------*/
.collection .body {
	padding-left: 18px;
}

.collection .header {
	padding-left: 11px;
}

.collection h2 {
	border-bottom: none;
	font-size: 16px;
	padding-top: 4px;
}

.feature h2, .highlight h2 {
	color: #fff;
	padding-bottom: 0;
	padding-top: 4px;
}

	.feature .promo h3 {
		margin-bottom: 6px;
		
	}
	
	.feature .promo p {
		margin-bottom: 9px;
	}


/* =Two-Column Collection (for type 'two-column', displays horizontally with no header)
-----------------------------------------------------------------------------*/
#content-center-well .two-column {
	margin-left: 0;
}

#content-center-well .two-column .header {
	display: block;
	padding-top: 12px;
}

#content-center-well .two-column .body {
	border: 0;
	padding-bottom: 10px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 10px;
}

#content-center-well .two-column .footer {
	height: 7px;
	padding: 0 14px;
}


#content-center-well .two-column h2 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
}

#content-center-well .two-column .promo {
	margin-right: 15px;
	margin-bottom: 0;
	padding-right: 0;
}

	#content-center-well .two-column .promo h3 {
		border-bottom: none;
		font-size: 13px;
		padding: 0;
	}

	#content-center-well .two-column .promo h3 a {
		color: #000 !important;
	}

	#content-center-well .two-column .promo-last {
		margin-right: 0 !important;
	}

	#content-center-well .two-column .promo .thumb img {
		height: auto;
		width: auto;
	}



/* =Horizontal Collection
-----------------------------------------------------------------------------*/
#content-center-well .horizontal .promo {
	margin-bottom: 22px;
	margin-right: 18px;
}


/* =Photo Tips Collection (for skin override 'tips')
-----------------------------------------------------------------------------*/
/* No Frames for Icons */
#content-center-well .tips img {
	border: none !important;
}

#content-center-well .tips .promo {
	margin-bottom: 10px;
	margin-right: 25px;
}


/* =Highlight Collection (for skin override 'highlight')
-----------------------------------------------------------------------------*/
#content-center-well .highlight .header {
	height: 25px;
}

#content-center-well .highlight .body {
	border: none;
}

#content-center-well .highlight .footer {
	height: 20px;
}


/* =Other Collection (currently used skygrid wallpaper gallery)
-----------------------------------------------------------------------------*/
#content-center-well .other .header {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/other-580-header.gif') no-repeat top left;
	padding: 10px 14px 10px 15px;
}

	#content-center-well .other .header h2 {
		color: #000;
		font-weight: bold;
	}
	
	.other .promo {
		height: 130px !important;
	}

#content-center-well .other .body {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/other-580-body.gif') repeat-y top left;
	border: 0;
	padding: 0 14px;
}

	#content-center-well .other .body .action {
		margin-top: 8px;
	}

#content-center-well .other .footer {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/other-580-footer.gif') no-repeat;
	height: 7px;
	padding: 0 14px;
}


/* =Shaded Collection (for skin override 'shaded')
-----------------------------------------------------------------------------*/
#content-center-well .shaded .body {
	border-left: 1px solid #cdcdcd !important;
	border-right: 1px solid #cdcdcd !important;
}

#content-center-well .shaded .footer {
	height: 22px;
}

	#content-center-well .shaded .header {
		padding-top: 14px !important;
	}

		#content-center-well .shaded .header h2 {
			color: #000;
			font-size: 16px;
			font-weight: bold;
		}

	#content-center-well .shaded .promo h3 a {
		color: #000;
	}



/* =Topic Pages
-----------------------------------------------------------------------------*/

.topicpage-leadparagraph {
	padding: 25px 250px 0px 35px;
	height: 260px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-left: -1px; /*just in environment */
	color: #fff;
	margin-top: 1px;
}

.topicpage-leadparagraph h2 {
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 12px;
}

.topicpage-leadparagraph .action {
	border: 1px #65B749 solid;
	border-bottom-color: #215011;
	padding: 3px 10px 3px 10px;
	background-image: url(/staticfiles/NGS/Photography/SiteAssets/img/buttons/button-background-green.gif);
	background-repeat: repeat-x;
	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(/staticfiles/NGS/Photography/SiteAssets/img/buttons/button-arrow-white.gif) no-repeat 0px 4px;
	display: block;
	padding-left: 8px;
}


/* =Article & Bio Pages
-----------------------------------------------------------------------------*/
.inline-container .caption {
	color: #666;
	font-size: 11px;
	padding-top: 5px;
}

.inline-container img {
	border: 1px solid #333;
}


/* =Image-Viewer
-----------------------------------------------------------------------------*/
.image-viewer .body {
	width: 470px;
}

.image-viewer .footer {
	background: #fff url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/image-viewer-footer.gif') top left repeat-x;
	height: 28px;
}

	.image-viewer .footer ul {
		list-style: none;		
		margin: 0 15px;
		padding: 0;
	}
	
		.image-viewer .footer ul li {
			float: left;
		}
		
			.image-viewer .footer ul li a {
				color: #fff;
				display: block;
				font-size: 10px;
				margin: 0 25px 0 0;
				padding: 5px 0 9px 0;
				text-decoration: none;
				text-transform: uppercase;
			}
			
				.image-viewer .footer ul li a.last {
					margin-right: 0;
				}
			
			/* Specific Links and Icons */
			.image-viewer .footer ul li a.wallpaper {
				background: url('/staticfiles/NGS/Photography/SiteAssets/img/icons/image-viewer-wallpaper.gif') 0 3px no-repeat;
				padding-left: 25px;
			}
			
			.image-viewer .footer ul li a.enlarge {
				background: url('/staticfiles/NGS/Photography/SiteAssets/img/icons/image-viewer-enlarge.gif') 0 6px no-repeat;
				padding-left: 17px;
			}
				
			.image-viewer .footer ul li a.buy {
				background: url('/staticfiles/NGS/Photography/SiteAssets/img/icons/image-viewer-buy.gif') 0 5px no-repeat;
				padding-left: 22px;
			}
			
			.image-viewer .footer ul li a.email {
				background: url('/staticfiles/NGS/Photography/SiteAssets/img/icons/image-viewer-email.gif') 0 7px no-repeat;
				padding-left: 22px;
			}
			
				
			


/* =Gallery-Viewer
-----------------------------------------------------------------------------*/
.gallery-viewer .footer { /* New background isn't needed just yet */
/*	background: #fff url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/image-viewer-footer.gif') top left repeat-x; */ 
}

	/*
	.gallery-viewer .footer ul {
		list-style: none;		
		margin: 0 15px 0 15px;
		padding: 0;
	}

		.gallery-viewer .footer ul li {
			float: left;
		}

			.gallery-viewer .footer ul li a {
				color: #fff;
				display: block;
				font-size: 10px;
				margin: 0 25px 0 0;
				padding: 5px 0 0 0;
				text-decoration: none;
				text-transform: uppercase;
			}

				.gallery-viewer .footer ul li a.last {
					margin-right: 0;
				}
				*/

			/* Specific Links and Icons - Not used just yet, but hopefully in the future */
			.gallery-viewer .footer ul li a.wallpaper {
				background: url('/staticfiles/NGS/Photography/SiteAssets/img/icons/image-viewer-wallpaper.gif') 0 2px no-repeat;
				padding-left: 25px;
			}
			.gallery-viewer .footer ul li a.enlarge {
				background: url('/staticfiles/NGS/Photography/SiteAssets/img/icons/image-viewer-enlarge.gif') 0 6px no-repeat;
				padding-left: 17px;
			}
			.gallery-viewer .footer ul li a.buy {
				background: url('/staticfiles/NGS/Photography/SiteAssets/img/icons/image-viewer-buy.gif') 0 5px no-repeat;
				padding-left: 22px;
			}
			.gallery-viewer .footer ul li a.email {
				background: url('/staticfiles/NGS/Photography/SiteAssets/img/icons/image-viewer-email.gif') 0 7px no-repeat;
				padding-left: 22px;
			}
			

/* =Previous/Next/Back Navigation (aka Slide Navigation) (sized for boxgrid layout)
-----------------------------------------------------------------------------*/

/* Previous & Next Slide Navigation */
.slide-navigation {
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
}

	.slide-navigation a {
		text-transform: uppercase;
	}

		.slide-navigation a.previous {
			background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/image-navigation-previous.gif') 0 1px no-repeat;
			margin-right: 5px;
			padding-left: 15px;
		}

		.slide-navigation a.next {
			background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/image-navigation-next.gif') right 1px no-repeat;
			margin-left: 5px;
			padding-right: 15px;
		}


/* Back Navigation */
.back-navigation {
	border-bottom: 1px solid #cecece;
	float: right;
	margin: -36px 0 28px 0;
	padding: 0 0 10px 0;
	position: absolute;
	text-align: right !important;
	width: 486px;
}

		.back-navigation a.previous {
			background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/image-navigation-previous.gif') 0 1px no-repeat;
			margin-right: 5px;
			padding-left: 15px;
		}


/* =Thumb-Viewer (aka Thumbnail Galleries) (sized for boxgrid layout and based on 4 102x68 images per row currently)
-----------------------------------------------------------------------------*/
.thumb-viewer .row {
	margin: 0 0 21px 0;
}

	.thumb-viewer .last {
		margin-bottom: 23px;
	}

.thumb-viewer .image {
	text-align: center;
	float: left;
	margin-right: 16px;
	width: 104px;
}

	.thumb-viewer .image p {
		margin-top: 7px;
	}

.thumb-viewer img {
	border: 1px solid #666;
}



/* =Photo of the Day
-----------------------------------------------------------------------------*/
.date {
	float: left;
	margin-bottom: 5px;
	margin-left:8px;
	width: 45%;
}

/* Summary and Text that Sometimes comes after a Photo */
.summary {
	margin: 15px 10px;
}

	.summary h3 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 5px;
	}
	
	.summary p, .caption p {
		margin-bottom: 8px;
	}
	
		.summary p.credit {
			color: #000;
			font-style: normal;
			font-size: 12px;
			margin-bottom: 20px;
			margin-top: 0;
		}
		
/* =Search by Date Form
-----------------------------------------------------------------------------*/
.search-by-date {
	background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/pod-search-486.gif') top left no-repeat;
	height: 78px;
	margin: 18px 0 0 0;
	padding: 12px 15px;
	width: 458px;
}

	.search-by-date h3 {
		font-size: 13px;
	}

form dl {
	margin: 0;
}

	.search-by-date form dl dd, .search-by-date form #search-by-date-submit {
		float: left;
		font-size: 13px;
		margin-left: 0;
		margin-right: 10px;
	}
	
.search-by-date .error {
	color: red;
	font-size: 11px;
	margin: -8px 0 5px 0;
}
	
/* =Email to a Friend
-----------------------------------------------------------------------------*/
.pod-email-frame {
	height: 370px;
	margin: 0;
	padding: 0;
	width: 360px;
}

.email-form {
/*	margin-bottom: 62px;*/
}	
	
	.email-form .image-information {
		float: left;
		margin: 17px 19px 0 0;
		width: 104px;
	}
	
		.email-form .image-information img {
			border: 1px solid #333;
		}
		
				.email-form .image-information p {
					font-size: 11px;
					color: #666;
					margin-top: 12px;
				}
		
		.email-form dl {
			float: left;
			width: 171px;
		}
		
			.email-form dl input {
				width: 100%;
			}
		
		.email-form dd {
			margin: 0 10px 12px 0 !important;
		}
		
			.email-form dt label {
				font-weight: bold;
				margin-bottom: 7px;
			}

			
		.email-form .submit {
			margin-left: 123px;
		}
		
		/* Used if Paul's JS show/hide is used */
		/* #email_thankyou {
					display: none;
		} */


/* =AJAX Loading Status
-----------------------------------------------------------------------------*/
.loading {
	background: #eee;
	border: 4px solid #dedede;
	height: 350px;
	margin: 0 0 22px 0;
	padding: 60px 30px;
	text-align: center;
}

	.loading h3 {
		border-bottom: 1px solid #cecece;
		font-size: 18px;
		padding-bottom: 8px;
	}

	.loading img {
		display: block;
		margin: 0 auto 10px auto;
	}



/* =Wallpaper Instructions
-----------------------------------------------------------------------------*/
.image-wallpaper {
	border-bottom: 1px solid #ccc;
	padding-bottom: 25px;
}


/* =Multimedia Box
-----------------------------------------------------------------------------*/
#content-center-well .multimedia .header { display: none; }


/* =Poll
-----------------------------------------------------------------------------*/
.but_vote {
	background: url('/staticfiles/NGS/Photography/SiteAssets/img/buttons/poll-votebutton-white.gif') 0 0 no-repeat;
}



/* =Screensaver Pages (not to be included in CMS portlets, but entered in by Content Editors)
-----------------------------------------------------------------------------*/
#screensaver {
	margin: 10px 0 30px 0;
}

	#screensaver img {
		border: 1px solid #333;
		float: left;
		margin: 0 20px 10px 0;
	}

	#screensaver p {
		margin: 0 0 15px 0;
	}

	#screensaver h2 {
		margin: 0 0 10px 0;
	}
	
	#download-call {
		clear: left !important;
		margin: 25px 0 !important;
	}
	
		#download-call ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
	
			#download-call ul li {
				line-height: auto;
				margin-bottom: 0 !important;
			}
			
				#download-call ul li.last {
					margin-bottom: 0;
				}

				#download-call a {
					/*background: transparent url("/staticfiles/NGS/Photography/SiteAssets/img/icons/download.gif") 0 -1px no-repeat;*/
					display: block;
					font-weight: bold;
					padding: 5px 0 5px 30px;
				}
				
					a.mac {
						background: transparent url("/staticfiles/NGS/Photography/SiteAssets/img/icons/mac.gif") 0 0 no-repeat;
					}
					
					a.windows {
						background: transparent url("/staticfiles/NGS/Photography/SiteAssets/img/icons/windows.gif") 0 0 no-repeat;
						border-bottom: 1px solid #dedede;
						margin-bottom: 6px;
						padding-bottom: 8px !important;
					}

	#download-instructions div {
		margin: 10px 0 0 0;
		width: 45%;
	}

	#download-instructions div ol {
		margin-left: 0;
		padding-left: 25px !important;
	}
	
		#download-instructions ol li {
			margin: 0 0 15px 0;
		}

		#download-instructions .pc {
			border-right: 1px solid #eee;
			padding-right: 20px;
			float: left;
		}

		#download-instructions .mac {
			float: right;
		}


/* =Photo of the Day Right Rail 
-----------------------------------------------------------------------------*/
.photo-of-the-day {
	height: 200px;
	margin:  0 0 8px 0;
	padding: 13px 15px;
}

	.photo-of-the-day h2 {
		font-weight: bold;
		padding-top: 0;
	}

	.photo-of-the-day img {
		border: 1px solid #666;
		margin: 6px 0;
	}
	
	.photo-of-the-day a, .photo-of-the-day a:link, .photo-of-the-day a:visited, .photo-of-the-day a:hover, .photo-of-the-day a:active {
		color: #fff !important;
	}
	
		.photo-of-the-day a.enlarge {
			background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/icons/pod-enlarge.gif') 0 0 no-repeat;
			font-size: 11px;
			margin-top: 5px;
			padding: 4px 0 5px 20px;
			text-transform: uppercase;
		}
		
		.photo-of-the-day a.archive {
			background: transparent url('/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/pod-collection-arrow.gif') center right no-repeat;
			padding: 0 10px 0 0;
		}
	
	.photo-of-the-day ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
		.photo-of-the-day ul li {
			margin: 0 0 4px 0;
		}
	


/* =Flash Modules
-----------------------------------------------------------------------------*/
#a-z-module {
	margin-bottom: 22px;
}

#flashTimeline {
	margin-top: -12px; /* Needed to fix bad/un-neccessary <p> inserted by CMS HTML */
	margin-top: 0px; /* targets IE6 and 7 */
}



/* =Tip of the Week Right Rail
-----------------------------------------------------------------------------*/
.photo-tip {
	margin-bottom: 13px;
}

	.photo-tip .body {
		padding: 0 0 19px 18px !important;
	}

	.photo-tip .header {
		padding: 13px 58px 0 18px !important;
		height: auto !important;
	}
	
	.photo-tip h2 {
		color: #000;
		font-size: 18px;
		margin-bottom: 11px;
	}

		.photo-tip .body h4 {
			font-size: 12px !important; 
		}
	
	.photo-tip .action {
		font-size: 12px;
	}

/* =Sponsors Right Rail Collection (for type 'sponsors-right-rail')
-----------------------------------------------------------------------------*/
#content-right-rail .sponsors-right-rail {
	background-color: #e5e4ea;
	border: 1px solid #cac9ce;
}
	
	#content-right-rail .sponsors-right-rail h3 {
/*		font-size: 12px;*/
	}
	

/* =Promo Right Rail Collection
-----------------------------------------------------------------------------*/
#content-right-rail .right-rail .promo {
	border-bottom: 1px solid #d5d5d5;
}
#content-right-rail .right-rail .promo-last {
	border-bottom: none;
}
		
.bulleted-list h2 {
	border-bottom:1px solid #ccc;
	color:#000;
	margin-left:0px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:5px;
	width:100%;
}

/* =For IE6
-----------------------------------------------------------------------------*/
* html  a.windows {
	margin-bottom: -10px !important;
}

* html li.last a {
	margin-bottom: 0;
	padding-bottom: 0;
}

* html #download-instructions div ol {
	margin-left: 19pt;
	padding-left: 0;
}

* html .image-viewer .footer ul li a {
	padding: 0;
}

	* html .image-viewer .footer ul li a.wallpaper {
		background-position: 0 -2px;
	}

	* html .image-viewer .footer ul li a.enlarge {
		background-position: 0 2px;
	}

	* html .image-viewer .footer ul li a.buy {
		background-position: 0 -1px;
	}

	* html .image-viewer .footer ul li a.email {
		background-position: 0 2px;
	}

* html .back-navigation {
	position: absolute;
}


/* =For IE7
-----------------------------------------------------------------------------*/

>body .image-viewer .footer ul li a {
	padding-top: 4px;
}


*:first-child+html #download-instructions div ol {
	border: 1px solid red !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

*+html .other-nav .half h2 {
	margin-bottom: 15px !important;
}

*+html .other-nav .half ul {
	padding-left: 15px !important;
}

*+html .photographic .promo {
	height: 120px !important;
}

/* =For Safari
-----------------------------------------------------------------------------*/
html[xmlns*=""] body:last-child .back-navigation {
	position: static;
}

/* =Ask a Photographyer Styling
-----------------------------------------------------------------------------*/
.button a {
	border: 1px solid #044E8E;
	padding: 5px 10px;
}

.button a:hover, .button a:active {
	background: #bbdcf9;
	padding:  5px 10px;
	text-decoration: none;
}

ul.nobullet {
	list-style-type: none;
	margin-left: 0 !important;
	margin-top: 10px !important;
}

ul.questions {
	margin-bottom: 15px;
	margin-top: 10px !important;
}

	ul.questions li {
		margin-bottom: 5px;
	}

.submitted {
	font-style: italic;
	color: #999;
	margin-top: 6px;
}

.question {
	margin: 20px 0 40px 0;
}

.question h3 {
	font-size: 12px;
	margin-bottom: 10px;
}




/* =Two-Column Collection (for type 'two-column', displays horizontally with no header)
-----------------------------------------------------------------------------*/

/* =Manually entered index pages in CMS (i.e. Patterns in Nature) box grid
-----------------------------------------------------------------------------*/
#content-center-well .shaded-manual{
width: 486px !important;  
}

#content-center-well .other-manual{
width: 486px !important;  
}

#content-center-well .shaded-manual .header {
background:transparent url(/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-greyshaded-header.gif) no-repeat scroll 0pt 0%;  
}

#content-center-well .shaded-manual .footer {
background:transparent url(/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-486-greyshaded-footer.gif) no-repeat scroll 0pt 0%;  
}

#content-center-well .shaded-manual .body {
background:transparent url(/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/feature-580-greyshaded-body.gif) repeat-x scroll 0pt 0%; 
padding-bottom:40px;
padding-right:0px;
}


* html #content-center-well .shaded-manual .body {
padding-bottom:0px !important;
}

* html #content-center-well .promo-manual-featured {
margin-bottom:0px !important;
}

#content-center-well .promo-manual-featured {
height:120px;
}

#content-center-well .other-manual .footer { 
background:transparent url(/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/other-486-footer.gif) no-repeat scroll 0% 0%;
}

#content-center-well .other-manual .header { 
background:transparent url(/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/other-486-header.gif) no-repeat scroll left top;
}


#content-center-well .other .body-manual {
background:transparent url(/staticfiles/NGS/Photography/SiteAssets/img/backgrounds/other-486-body.gif) repeat-y scroll left top;
}

#content-center-well .action-manual {
padding-top:5px;
}

.summary .podsummary 
{
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 5px;
}