/*------------------------------------------------------------------------------
Columbian Home Page

version:	1.0
author:		gus torres
website:	www.columbian.com
------------------------------------------------------------------------------*/

/* =Stylesheet for Home #body
------------------------------------------------------------------------------*/

/* Styling of #body */

/* PRIMARY SECTION REGIONS WITHIN #body */

#news-more	{
	float: left;
	width: 380px;
}

#news-promo	{
	float: right;
	width: 220px;
}

#body #content .content_title	{
	border: none;
	margin: 0;
	padding: 0 0 10px 0;
}

/*
#content .content_title	{
	border: none;
	margin: 0;
	padding: 0;
}
*/

#body #content .content_title h2	{
	font-size: 28px;
	line-height: 32px;
	color: #333;
}

#story-lead	{
	width: 620px;
	position: relative;
}

#story-lead h2,
#story-lead h3,
#story-lead h4,
#story-lead p,
#story-lead ul	{
	margin: 0;
	padding: 0;
}

/* NEWS ALERT */
 
.breakingnew	{
	background: #000 url('../images/bkg_content_alertbox.png') 100% 0 repeat-x;
	padding: 0;
	margin: 0 0 15px 0;
	border: 2px solid #000;
	overflow: auto;
	font-size: 14px;
	line-height: 18px;
}

.breakingnew .bn_title	{
	font-weight: bold;
	color: #FFF;
	float: left;
	width: 450px;
	overflow: auto;
	padding: 7px;
}

.breakingnew .bn_title .bn_head	{
	/*display: block;*/
	color: #FF9;
	font-weight: normal;
}

.breakingnew .bn_title .bn_head ul
{
    margin: 0;
    text-indent: -1em;
}

.breakingnew .bn_title .bn_head ul li
{
    color: #FF9;
    display: block;
    font-size: 14px;
}

.closures .bn_title
{
    width: 580px;
}

.breakingnew .bn_link a	{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	display: block;
	position: relative;
	float: right;
	margin: 5px;
	border: 1px solid #000;
	border-bottom: 1px solid #666;
	padding: 2px 5px;
	background: #000 url('../images/bkg_content_alertbtn.png') 0 0 repeat-x;
}

.breakingnew .bn_link a:hover,
.breakingnew .bn_link a:active	{
    color: #FF9;
    background: #7d0101 url('../images/bkg_content_alertbtndn.png') 0 bottom repeat-x;
}
 
/* used for carousel */

#news-slider	{ 
	margin: 0 auto; 
	padding: 0; 
	width: 620px; 
	position: relative; 
	clear: both; 
    margin-bottom: 20px;
}

.container	{ 
	width: 620px; 
	height: 330px; /* TODO: make this value larger so that it doesn't hide in the browser upon load */ 
	overflow: hidden; 
	position: relative; 
	/* cursor: pointer; */
}

.slides	{
	 position: absolute; 
	 top: 0;
	 left: 0;
}

.slides div	{ 
	position: absolute; 
	top: 0; 
	width: 620px; 
	display: none;
}

/* STORY LEAD

/* Navigation styles for #story-lead */

#story-lead .story-lead-nav	{
	overflow: auto;
	border: 1px solid #bdbcbd;
	margin-bottom: 10px;
	padding: 0;
	background: #e4e4e4 url('../images/bkg_news_navbar.png') 0 0 repeat-x;
}

#story-lead ul.navigation	{
	float: left;
	position: relative;
	margin: 0 0 0 10px;
	padding: 0;
}

#story-lead ul.navigation li	{
	float: left;
	list-style: none;
	font-size: 13px;
	line-height: 16px;
	margin-top: 4px;
}

#story-lead ul.navigation li a	{
	display: block;
	font-weight: bold;
	margin-right: 20px;
}

#story-lead ul.navigation li a:hover,
#story-lead ul.navigation li a:active	{
	color: #666;
}

#story-lead ul.navigation li.active a	{
	color: #666;
	border-bottom: 3px solid #bdbcbd;
}

#story-lead p.slide-nav	{
	float: right;
	margin: 2px 5px 0 0;
	padding: 0;
}

/* Story-lead  general layout */

#story-lead .story-lead-block	{
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
	overflow: auto;
}

/*
#story-lead h2	{
	margin: 0; 
	padding-bottom: 10px;
	font-size: 20px; 
	line-height: 24px; 
	color: #333;
}
*/

#story-lead .story-lead-block h3.header	{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 21px;
	line-height: 26px;
}

#story-lead .story-lead-block h4.subheader	{
	overflow: auto;
	font-size: 16px;
	line-height: 21px;
	margin-right: 11px;
	padding: 0 0 5px 0;
}

#story-lead .story-lead-block p.tease	{
	overflow: auto;
	font-size: 12px;
	line-height: 20px;
	margin-right: 11px;
	padding: 0 0 10px 0;
}

#story-lead .story-lead-block p.byline	{
	overflow: auto;
	font-size: 11px;
	line-height: 16px;
	margin-right: 11px;
	padding: 0 0 10px 0;
	font-weight: bold;
	color: #9c9c9c;
}

#story-lead .story-lead-block p.story-link	{
	margin-right: 11px;
}

#story-lead .story-lead-block img	{
	float: left;
	width: 380px; /* This can be removed if we want to have more image control */
	max-width: 380px; /* This controls the maximum width of any image - height can be dynamic */
	margin: 0 1.3em 1.3em 0;
}

/* SECONDARY NEWS */

#news-more ul	{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#news-more .news-block	{
	margin-bottom: 25px;
	clear: both;
	overflow: auto;
}

#news-more .news-block .photo	{
	float: left;
	margin: 0;
	padding: 0;
}

#news-more .news-block .video	{
	float: right;
	margin: 0;
	padding: 0;
}

#news-more .news-block p.gallery-link 	{
	display: block;
}

#news-more .news-popular ul	{
	margin-left: 70px;
}

#news-more .news-popular li	{
	padding: 6px 10px;
}

#news-more h2	{
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	margin: 5px 10px 2px 10px;
	padding: 0;
}

#news-more p	{
	margin: 0;
	padding: 0;
}

#news-more .news-nav p	{
	clear: both;
}

#news-more .news-list p	{
	font-size: 13px;
	line-height: 15px;
	padding: 5px 10px;
	font-weight: bold;
}

.news-list p a.comment	{
	margin: 0;
	padding: 0 0 0 14px;
	font-weight: normal;
	font-size: 80%;
	text-transform: uppercase;
	background: url('../images/icn_sm_comment.gif') 0 100% no-repeat;
}

#news-more .lead p	{
	font-size: 14px;
	line-height: 16px;
}

#news-more .lead p.first-story	{
	border: none;
}

#news-more .lead p a.comment 	{
	background: url('../images/icn_sm_comment.gif') 0 50% no-repeat;
}

#news-more .lead p .post-time	{
	font-size: 80%;
}

#news-more .news-list p .section,
#news-more .news-list p .post-time	{
	font-size: 80%;
	text-transform: uppercase;
	color: #9c9c9c;
	font-weight: normal;
}

#news-more .news-list p .section	{
	font-weight: bold;
}

#news-more .news-list p a:hover .section,
#news-more .news-list p a:active .section,
#news-more .news-list p a:hover .post-time,
#news-more .news-list p a:active .post-time	{
	color: #2976a7;
}

#carousel p.story-link,
#story-lead .story-lead-block p.story-link,
#news-more .news-block p.gallery-link,
#featured p.story-link,
#news-more .news-block p.story-link	{
	font-size: 11px;
	line-height: 14px;
	margin: 3px 0;
	padding: 0 10px 0 0;
	text-align: right;
	color: #9c9c9c;
	background: url('../images/bkg_ad_link.png') 100% 50% no-repeat;
	position: relative;
	overflow: auto;
	font-weight: normal;
}

#carousel p.story-link,
#story-lead .story-lead-block p.story-link a,
#news-more .news-block p.gallery-link a,
#featured p.story-link a,
#news-more .news-block p.story-link a	{
	font-weight: bold;
}

/* NEWS PROMOTION */

#news-promo h2,	
#news-promo h3,
#news-promo p	{
	margin: 0;
	padding: 0;
}

#news-promo #calendar	{
	border: 1px solid #bdbcbd;
	background: #FFF url('../images/bkg_promo_calendar.png') 0 100% no-repeat;
	padding: 10px;
	margin: 10px 0;
}

#news-promo #calendar h2	{
	border: 1px solid #2976a7;
	float: right;
	width: 60px;
	text-align: center;
}

#news-promo #calendar h2 .month	{
	display: block;
	position: relative;
	border: 1px solid #FFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 3px 0;
	background: #2976a7;
	color: #FFF;
}

#news-promo #calendar h2 a .day	{
	font-size: 36px;
	line-height: 40px;
	color: #000;
	display: block;
}

#news-promo #calendar h3	{
	font-size: 18px;
	line-height: 21px;
	padding-bottom: 5px;
}

#news-promo #calendar .event-list	{
	width: 120px;
	font-family: Helvetica, Arial, Calibri, sans-serif;
}

#news-promo #calendar .event-list p.event	{
	font-size: 12px;
	line-height: 14px;
	padding: 5px 0;
}

#news-promo #calendar .event-list p.event .location	{
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	display: block;
	color: #bdbcbd;
}

#news-promo #calendar p.event-link	{
	text-align: center;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 10px;
}

#news-promo #calendar p.event-link a	{
	padding-left: 2px;
	padding-right: 2px;
}

#news-promo .publisher-story	{
	margin: 20px 0;
    padding: 0 10px;
	min-height: 65px;
}

#news-promo .publisher-story img	{
	float: left;
	border: 1px solid #bdbcbd;
	margin: 0 10px 20px 0;
}

#news-promo .publisher-story h2	{
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
}

.publisher-story h2 a	{
	color: #000;
	background: url('../images/bkg_ad_link.png') 100% 50% no-repeat;
	padding-right: 10px;
}

.publisher-story h2 a:hover,
.publisher-story h2 a:active	{
	color: #2976a7;
}

#news-promo .publisher-story h3	{
	font-size: 10px;
	line-height: 12px;
	color: #666;
}

#news-promo .publisher-story p	{
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	padding-top: 5px;
}

#news-promo .social-media-promo p	{
	clear: both;
	color: #666;
	font-size: 12px;
	line-height: 13px;
}

#news-promo .social-media-promo .media-src-list	{
	display: block;
	margin-top: 3px;
}

/*
#content .e-edition-promo p a	{
	display: block;
	border: 1px solid #bdbcbd;
	background: url('../images/print_teaser.jpg') 5px 5px no-repeat;
	margin: 20px 0;
	padding: 5px 0 0 75px;
	height: 80px;
	width: 143px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}
*/
#sidebar .e-edition-promo	{
    display: block;
    border: 1px solid #bdbcbd;
    margin: 10px 0;
    padding: 5px;
    width: 290px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

#sidebar .e-edition-promo img	{
    float: left;
    margin-right: 10px;	
}
#sidebar .e-edition-promo h2	{
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 0 60px;
    padding: 0 0 4px 0;
}
#sidebar .e-edition-promo p	{
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
    margin: 0 0 0 60px;
    padding-bottom: 5px;
}
#sidebar .e-edition-promo p.cta	{
    font-weight: bold;
    padding-top: 5px;
}
#sidebar .e-edition-promo p.cta .cta-link	{
    display: block;
}
#sidebar .e-edition-promo p.cta a
{
    background-image: none;
    display: inline;
    text-align: none;
    padding: 0px;
    margin: 0px;
}

/**/
#content .e-edition-promo	{
	display: block;
	border: 1px solid #bdbcbd;
	margin: 20px 0;
	padding: 5px;
	width: 220px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

#content .e-edition-promo img	{
	float: left;
	margin-right: 10px;	
}
#content .e-edition-promo h2	{
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 0 60px;
	padding: 0 0 4px 0;
}
#content .e-edition-promo p	{
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	margin: 0 0 0 60px;
	padding-bottom: 5px;
}
#content .e-edition-promo p.cta	{
	font-weight: bold;
	padding-top: 5px;
}
#content .e-edition-promo p.cta .cta-link	{
	display: block;
}

h2.mainheaderlink a
{
    color: #000000;
}

ul.poll-answers
{
    font-size: 80%;
}
div.poll-answers
{
    margin-bottom: 10px;
}
div.poll p
{
    border: 0px solid #BCBCBD !important;
}
div.poll-answers p
{
    text-indent: -2em;
    margin-left: 20px !important;
    font-weight: normal !important;
}
div.poll-answers p.poll-submit
{
    margin-left: 25px !important;
}
#carousel img.carousel-photo-switch
{
    border: 6px solid #D7D7D7;
}
#carousel img.current-switch
{
    border: 6px solid #444444;
}
#carousel div.carousel-rotation
{
    width: 100%;
}
#carousel
{
    width: 618px; margin-bottom: 15px; border: 1px solid #CCCCCC; position: relative;
}
#carousel div.carousel-photo-container
{
    background-color: #000000; height: 294px; width: 520px;
}
#carousel div.carousel-photo-container img
{
    margin: 0 auto;
}
#carousel div.carousel-content-container
{
    position: relative; height: 150px;
}
#carousel h3.carousel-headline
{
    font-weight: 700; font-size: 22px; padding: 5px 10px 0px 10px; margin-bottom: 0px;
}
#carousel div.carousel-tease
{
    padding: 10px 10px 10px 10px; font-size: 13px; height: 100px; line-height: 18px;
}
#carousel div.carousel-next
{
    position: absolute; right: 10px; bottom: 10px;
}