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

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

#content {border: none; padding-bottom: 0;}
#content_top {background: #e7e7e7 url(../i/presentation/bottom_border_shadow.gif) repeat-x bottom center; padding: 0;}
#content_top .primary {float: left; padding: 20px 0 0 20px; width: 746px;}
#content_top .secondary {float: right; margin: 15px 20px 0 0; width: 202px;}
#content > div {margin: 0 20px; width: 950px;}
#content #content_page_specific {padding-bottom: 20px; margin-bottom: 20px;}
div#container, div#content_top {margin: 0 auto; padding: 0 0 1px 0; width: 990px;}
#content_top .secondary .timestamp {color: #333; font-size: 1em; margin: 0;}
#content_top .secondary h3 {background: none; margin: 15px 0 10px; padding: 0;}
#content_top .secondary .promo .headline a {font-weight: normal;}
#content_top .secondary > div {border-top: 1px solid #d5d5d5; margin-top: 10px;}
#content_top .secondary .timestamp + div, #content_top .secondary div:first-child {border: none;}
#content_top .secondary .headline, #content_top .secondary .action {clear: none;  margin-top: 7px;}
#content_top .secondary .headline {padding: 0;}
#content_top .secondary img {margin-bottom: 5px;}
.subsection > div {width: 290px;}
.subsection .secondary {width: 278px;}
.subsection .aside {border-left: none; border-right: 1px solid #d5d5d5; float: left; margin: 0 20px 0 0; padding: 0 20px 0 0; width: 160px;}
.subsection .aside + .primary {border: none; clear:none; margin: 0; padding: 0; width: 407px;}

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

#footer_site {margin-left: 20px; width: 950px;}

/* ------------------------------------------------------------
+Channel Listings
------------------------------------------------------------ */

.vcalendar tbody {display: block; height: 103px;}
.vcalendar thead {color: #fff;}
.vcalendar .table_wrap {clear: both; overflow-y:auto; overflow-x: hidden; position:relative; height: 103px; width: 100%;}
.vcalendar td {width:91px;}
.vcalendar td.summary {width:209px;}

table.striped td.striped {background-color:#f4f4f4;}
/* ------------------------------------------------------------
+Javascript-Enabled
------------------------------------------------------------ */

.js .homepage #content_top {height: 419px;}
.js .homepage #content_top .primary {padding: 0;}
.js .homepage #container .dl img {border: none; width: 100%;}
/*.js .homepage .dl .dl_navigation {top: 384px;} */
.magazine .jcarousel-skin-geocore .jcarousel-prev-horizontal, .magazine .jcarousel-skin-geocore .jcarousel-next-horizontal {top: 85px;}

/* ------------------------------------------------------------
+Social Media
------------------------------------------------------------ */
.subsection.social_media > div.aside {
	float: left;
	width: 220px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
}
.subsection.social_media > div.secondary {
	float: right;
	width: 355px;
	padding-left: 15px;
}
.subsection.social_media h3.title {
	padding-left: 0px;
}
.subsection.social_media > div.secondary h3.title {
	margin-left: 5px;
}
.subsection.social_media h3.title a {
	display: block;
	height: 22px;
	margin-left: 17px;
	color: #333;
}
.subsection.social_media h3.title a span {
	display: block;
	float: left;
}
.subsection.social_media h3.title a img {
	float: left;
	margin: 2px 0 0 4px;
}
#latest_tweet p {
	clear: both;
	margin-top: 15px;
}
#latest_tweet .timestamp {display: block; margin: 0;  margin-top: 10px;}
#container .subsection.social_media img {
	border-width: 0px;
}