/* ============================================================
Animals-specific CSS
* Created by Jon Long on 10-16-2009
* Copyright (c) 2009 National Geographic. All rights reserved.
============================================================ */

/* ------------------------------------------------------------
+General
------------------------------------------------------------ */
#page_head .geocore_head {background: url(../i/presentation/animals_header.gif) no-repeat top left; width: 371px; height: 55px; text-indent: -9999px;}

.hub_home #page_head {border: 0; padding-bottom: 0;}

#body_wrap {margin-top: 10px;}
.animals #content {padding-bottom: 20px;}
.promo_collection h2, .seven h2, h3.title {background-image: url(../i/presentation/header_icon.gif);}

.profile #page_head h2 {float: none; margin: 0 0 10px;}
.profile #page_head h1 {display: inline; float: none; font-size: 3em; font-weight: normal; margin-right: 5px; width: auto;}
.profile #page_head .subtitle {display: inline; clear: none; float: none; font-family: Arial, sans-serif; font-size: 1.25em; width: auto;}
.map p {background: url(../i/presentation/map_range_icon.gif) no-repeat 0 3px; font-size: .938em; padding-left: 17px;}
.map img {margin-bottom: 5px;}

.article_body .primary_photo + .article_text {margin-top: 0;}
.article_body .extended + .article_text {margin-top: 0;}

.subsection #rightWidget {border: none; margin-top: -20px;}


.vcalendar .table_wrap {border: 1px solid #f7f5e0;}
table.striped tr.striped {background-color:#f7f5e0;}
table.striped a {color:#333333;}
table.striped td.summary {color:#333333;}
table.striped td {color:#999999;}

.Summary_BlogTable tr.Summary_BlogAltTRColor {background-color:#f7f5e0;}

/* ------------------------------------------------------------
+add ng wild header to all animals wpf pages except those using the layouts: home, open_html_page
------------------------------------------------------------ */
#animals_wild_header {
	width: 990px;
	/*height: 70px;*/
	margin: 0px auto;
	/*padding-top: 19px;*/
	background-color: #ffffff;
}
#animals_wild_header_1 {
	height: 0px;
}
/* ------------------------------------------------------------
+Specific to birding 
------------------------------------------------------------ */
#container .primary_photo img {border: none;}
.birdsmap .legend {background: url(../i/presentation/birds_range_icon.gif) no-repeat scroll -19px 0; width:201px; height:249px;}
.birdsmap img {margin-bottom: 5px;}

/* ------------------------------------------------------------
+Footer Navigation
------------------------------------------------------------ */

#footer_breadcrumb {background-color: #ff9314;}
#footer_breadcrumb li.selected a {color: #000; font-weight: normal;}
#footer_breadcrumb li a, #footer_breadcrumb p a {color: #fff;}
/* Fix for hardcoded count. Will continue to break until we get dynamic classes or unique classes in place for nav items. */
#footer_global .nav_global_tierA .nav4 a {color: #333; font-weight: bold;}

#footer_global {margin-bottom:150px;}
#content > div#footer_site {
	margin: 0;
	border: 0px none;
}
#footer_site {
	padding: 0 0 20px 0;
}
.hub_home #container #footer_site {
	/*padding: 0 20px 20px 20px;*/
}

/* ------------------------------------------------------------
+Carousels
------------------------------------------------------------ */

.jcarousel-skin-geocore .jcarousel-container {background: #f0ece2;}
.jcarousel-list li p a {color: #333;}

/* ------------------------------------------------------------
+A to Z module
------------------------------------------------------------ */
#atoz h3 {color: #fffbab;}
#atoz ul {background-color: #5b653b;}
#atoz input {border: 1px solid #c1ad92;}
#atoz li {border-top: 1px solid #323f0d;}
#atoz li a, #atoz label {color: #fff;}
#atoz, #atoz li:hover {background-color: #323f0d;}

/* ------------------------------------------------------------
+Pluck Module Overrides
------------------------------------------------------------ */

#Summary_Container div.Summary_BlogTime {display: block;} 
#Summary_Container div.Summary_BlogBy, 
#Summary_Container td.Summary_BlogTableLeft {display: none;}
#Summary_Container div.Summary_BlogTitle a {color: #044E8E; font-family: Arial, sans-serif; font-weight: normal; }