/* ============================================================
Print Specific CSS
* Created by Brian Talbot on 2009-01-06.
* Copyright (c) 2009 National Geographic. All rights reserved.

Notes:
================
* 2009-01-06 - Adding Placeholder File
* 2009-05-28 - Creating print.css from screen.css - creating article print styles - Lauren Brandstein
* 2010-01-04 - Moved print.css from dtest to redesign repo - Braddock
* 2010-01-15 - Re-fitting article-only print.css to latest markup - LB
* 2010-01-19 - Expanding article-only print.css to gallery - LB

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

/*In This CSS:
================
+General
+Article
+Gallery
+What to Hide
============================================================ */



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

body.article,
body.gallery {
	font: 16px "Times New Roman", serif, sans-serif;
	line-height: 1.4;
}

body.article *,
body.gallery * {
	min-height: 0 !important;
}

body.article a:link,
body.article a:visited,
body.article a:hover,
body.article a:active,
body.gallery a:link,
body.gallery a:visited,
body.gallery a:hover,
body.gallery a:active {
	color: #000;
	text-decoration: none;
}

body.article img,
body.gallery img {
	border: 1px solid #000;
}

body.article .advertisement img,
body.gallery .advertisement img {
	border: none;	
}

/*body.article #navigation_tophat_container #navigation_mainA #header_logo h2.org,
body.gallery #navigation_tophat_container #navigation_mainA #header_logo h2.org {
	background:transparent url(../../themes/global/i/presentation/ng_logo_small.png) no-repeat scroll left top;
	display:block;
	height:41px;
	margin:0 auto .5in;
	max-width:7.5in;
	text-indent: -9999px;
	width:138px;
}*/

body.article #body_wrap,
body.gallery #body_wrap {
	background-image: none !important;
}

body.article #container,
body.gallery #container {
	margin: 0 auto;
	max-width: 7.5in;
}

body.article #page_head,
body.gallery #page_head {
	overflow: visible;
	width: 100%;
}

body.article #page_head h2.subtitle,
body.gallery #page_head h2.subtitle {
	border-bottom: none;
	color: #000;
	/*float: left;*/
	font-family: Georgia, "Times New Roman", serif;
	font-size: inherit;
	font-weight: normal;
	height: auto;
	line-height: normal;
	margin: 0 0 20px 0;
	padding: 0;
	text-indent: 0;
}

body.article #page_head .advertisement,
body.gallery #page_head .advertisement {
	float: right;
	height: 50px;
	margin: 6px 0 0;
	width: 210px;
}

body.article #container h2,
body.gallery #container h2 {
	border-bottom: 1px solid #000;
	height: 58px;
	margin: .25in 0 0 0;
	padding: 0 0 .25in 0;
	text-indent: -9999px;
}

body.article.news #header_site h2,
body.gallery.news #header_site h2 {
	background: transparent url(../../news/i/presentation/news_header.gif) no-repeat scroll left top;
	height: 63px;
	text-indent: -9999px;
	/*width: 447px;*/
}

body.article h3,
body.gallery h3 {
	margin-top: 0;
}

body.article #content #content_page_specific div,
body.article #content #content_page_specific h2,
body.gallery #content #content_page_specific div,
body.gallery #content #content_page_specific h2 {
	min-height: 0;
}

body.article #copyright,
body.gallery #copyright {
	background: url(../../themes/global/i/presentation/ng_logo_small.png) no-repeat center top;
	clear: both;
	font-size: .875em;  margin-top: 28px;
	padding-top: 50px;
	position: relative;
	text-align: center;
	top: 30px;
}

body.article #photo_credits,
body.gallery #photo_credits {
	font-size: 12px;
	margin: 0 auto;
	max-width: 7.5in;
	position: relative;
	top: -100px;
}

body.article #photo_credits h2,
body.gallery #photo_credits h2 {
	float: left;
	font-size: 12px;
	margin: 0;
}

body.article #photo_credits ol,
body.gallery #photo_credits ol {
	display: inline;
	list-style-type: none;
	margin: 10px auto 0;
}

body.article #photo_credits ol li,
body.gallery #photo_credits ol li {
	border-left: 1px solid #d5d5d5;
	float: left;
	padding: 0 7px;
}

body.article #photo_credits ol > li:first-child,
body.gallery #photo_credits ol > li:first-child {
	border: 0;
}

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

body.article #page_head h1 {
	font-size: 2.25em;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 10px 0;
	padding: 0;
	position: static;
	/*width: 100%;*/
}

body.article.animals #page_head h1 {
	display: inline;
	font-size: 3em;
	margin-right: 5px;
}

body.article .article_thumb {
	float: left;
	margin: .15in .35in .15in 0;
	width: 200px;
}

body.article .article_thumb .caption {
	color: #333;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

body.article .primary_photo {
	border: none;
}

body.article .primary_photo img {
	border: 1px solid #000;
	display: block;
}

body.article .caption {
	color: #333;
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-indent: .6em;
}

body.article .caption p {
	margin-bottom: 8px;
}

body.article .credit {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	/*margin: 0;*/
	text-indent: .6em;
}

body.article .article_body {
	clear: none;
}

body.article .author {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: .25in;
}

body.article .publication {
	font-size: 1.1em;
	margin-top: 0;
}

body.article .publication_time {
	font-weight: bold;
	margin-bottom: 20px;
}

body.article .article_text p:first-child {
	font-size: 1.3em;
}

/* ------------------------------------------------------------
+Gallery
------------------------------------------------------------ */

body.gallery #content_page_specific h2 {
	display: none;
}

body.gallery #content_page_specific #gallery h2,
body.gallery #content_page_specific #gallery_text h2 {
	border-bottom: 1px solid #000;
	display: block;
	float: left;
	height: 28px;
	margin: 0.25in 0 0;
	padding: 0 0 0.15in;
	text-indent: 0;
	width: 100%;
}

#gallery ul {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0;
}

#gallery ul li {
	margin-bottom: 50px;
	overflow: visible;
	width: 100%;
}

#gallery a.thumb {
	border: 1px dashed #000;
	float: right;
	margin-right: 10%;
	padding: 1%;
}

#gallery .thumb h2 {
	display: block;
}

#gallery_text {
	margin: 0;
	padding: 0;
}

#gallery_text li.active h2 {
	border-bottom: none;
	height: auto;
	margin: 20px 0 10px;
	padding: 0;
	text-indent: 0;
}

#gallery_text p.credit {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	margin-top: 8px;
}

/* ------------------------------------------------------------
+What to Hide (& Unhide)
------------------------------------------------------------ */

body.article .advertisement,
body.gallery .advertisement,

body.article #content #content_page_specific h2,

body.article .aside,
body.gallery .aside,

body.article .date,
body.gallery .date,

body.article .jcarousel-skin-gallery,
body.gallery .jcarousel-skin-gallery,

body.article .promo_collection,
body.gallery .promo_collection,

body.article .subsection002,
body.gallery .subsection002,

body.article .subtitle+a,
body.gallery .subtitle+a,

body.article #account,
body.gallery #account,

body.article #article_rating,
body.gallery #article_rating,

body.article #article_topics,
body.gallery #article_topics,

body.article #comments_block,
body.gallery #comments_block,

body.article #footer_breadcrumb,
body.gallery #footer_breadcrumb,

body.article #footer_global .nav,
body.gallery #footer_global .nav,

body.article #footer_global h2,
body.gallery #footer_global h2,

body.article #footer_site,
body.gallery #footer_site,

body.article #gallery_text p.publication_time,
body.gallery #gallery_text p.publication_time,

body.article #next_image,
body.gallery #next_image,

body.article #photo_credits+*,
body.gallery #photo_credits+*,

body.article #related_news,
body.gallery #related_news,

body.article #share,
body.gallery #share,

body.article #skip_navigation,
body.gallery #skip_navigation,

body.article #header_ads,
body.gallery #header_ads,

body.article #navigation_tophat_container #navigation_mainA,
body.gallery #navigation_tophat_container #navigation_mainA,

body.article #navigation_tophat_container #navigation_mainB_wrap,
body.gallery #navigation_tophat_container #navigation_mainB_wrap,

body.article div.general,
body.gallery div.general,

body.article hr,
body.gallery hr,

body.news #navigation_tophat_container #navigation_mainA,
body.news #navigation_tophat_container #navigation_mainB,

body.www #navigation_tophat_container #navigation_mainA,
body.www #navigation_tophat_container #navigation_mainB,

body.www #footer_global,

body.photography #navigation_tophat_container #navigation_mainA,
body.photography #navigation_tophat_container #navigation_mainB,

body.photography #footer_global,

body.animals #navigation_tophat_container #navigation_mainA,
body.animals #navigation_tophat_container #navigation_mainB,

body.animals #footer_global,

body.environment #navigation_tophat_container #navigation_mainA,
body.environment #navigation_tophat_container #navigation_mainB,

body.envronment #footer_global,

body.travel #navigation_tophat_container #navigation_mainA,
body.travel #navigation_tophat_container #navigation_mainB,

body.travel #footer_global,

body.adventure #navigation_tophat_container #navigation_mainA,
body.adventure #navigation_tophat_container #navigation_mainB,

body.adventure #footer_global,


#ng_comments {
	display: none;
}

body.article #page_head .advertisement,
body.gallery #page_head .advertisement {
	display: block;
}

body.gallery #gallery_text li.active h2 {
	display: block;
}

/* General Gallery */
#gallery .image-selector > ul { display: none; }
#gallery .collection {
	margin-left: 60px;
	width: 535px;
}
#gallery .collection ul {
	display: block;
	text-align: center;
	width: 530px!important;
}
#gallery .collection ul li {
	display: inline-block;
	margin: 2px;
	opacity: 1!important;
	width: auto;
}

.article_body .social_buttons,
.recommendation
{ display: none!important; }