@import url('typography.css');


*{margin:0;padding:0;border:0;}
	
/*
-----------------------------------------------------------------------------
	MAIN PAGE LAYOUT
=============================================================================
*/

      #newsletter{
      padding:5px 0 5px 10px;
      background-color:#e7e7e7;
      }

	#google-ad-wrapper {
	text-align:center;
        padding-left:7px;   
        width:120px; 
                
		}
	
	#dating {
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 940px;
	}
	
	#wrapper {
	text-align:left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 940px;
	}
	.inside{padding:10px}
	height:153px;
	.clear{clear:both;}
	.clearleft{clear:left;}
	.clearright{clear:right;}
	#header {
		margin: 0 0 0 0;
	}
	
	#side-a, .column1{
		float: left;
	}
	
	#side-b{
		float: right;
		}
	
	#mid-news, .column2{ 
		float: left;
		padding:0 10px 0 20px;
	}
	
	#main-news-wrap{
		float:left;
		margin-right:10px;
		width:630px;
	}
	#news-features, #news-sections{
		float:left;
		}
	
	div#news-container{
		background-image:url(../images/content_bg.gif); 
		background-position:top; 
		background-repeat:repeat-y; 
		background-color:#fff; 
		width:940px;
		float:left
	}
	div#news-container.gleaner-story-page{
		background-image:url(../images/gleaner-story-bg.gif); 
	}
	
	.standard-column{width:300px;overflow:hidden}
	.first-narrow{padding-right:20px}
	.narrow-column{width:140px;float:left}
	
	#footer {
		clear: both;
	}
	
/*
-----------------------------------------------------------------------------
	MAIN PAGE HEADER
=============================================================================
*/

#sub-header{
	width:940px;
	background-image:url(../images/top-bg.png);
	background-repeat:repeat-x;
	background-position:top left;
	height:55px;
	}

#todays-paper{
	float:left;
	width:300px;
	}
	
/*Weather widget
============================*/
	
#weather-widget{
	float:right;
	width:300px;
	}
#weather-widget ul{
	float:right;
	padding:10px 20px 0 0;
}
#weather-widget ul li{
	display:block;
	float:left;
	margin-left:5px;
}
#weather-widget ul li.ww-hi, #weather-widget ul li.ww-hi{
	width:45px;
	height:35px;
}	
#weather-widget ul li.ww-hi span, #weather-widget ul li.ww-lo span{
	display:block;
	width:44px;
	height:19px;
	background-repeat:no-repeat;
	background-position:top left;
}
#hi-temp{
	background-image:url(../images/weather_highest.gif);
	}
#lo-temp{
	background-image:url(../images/weather_lowest.gif);
}

/*Search
============================*/

#search-area{
	float:right;
	width:310px;
	height:56px;
	}
#main-search{
	padding:15px 0 0 20px
}
#main-search ul{height:23px}
#main-search ul li{float:left;height:23px;}
#main-search input.search-text{
	width:220px;
	height:23px;
	border:1px solid #850000;
	}
#main-search input.search-btn{
	width:53px;
	height:25px;
	background-image:url(../images/search_btn.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.main-search{
	padding:15px 0 0 20px
}
.main-search ul{height:23px}
.main-search ul li{float:left;height:23px;}
.main-search input.search-text{
	width:220px;
	height:23px;
	border:1px solid #850000;
	}
.main-search input.search-btn{
	width:53px;
	height:25px;
	background-image:url(../images/search_btn.png);
	background-position:top left;
	background-repeat:no-repeat;
}

/* Branding 
===========================*/
#branding{
	width:940px;
	float:left;
	border-top:1px solid #e7f1f8;
	background-color:#cc0001;
	}
#logo{
	width:545px;
	float:left;
	text-align:center;
	/*padding-top:20px; modified for winter banner (please remove in january)*/
	margin-top:-9px;
	}
#left-ear{
	width:185px;
	height:90px;
	float:left;
}
#right-ear{
	width:185px;
	height:90px;
	float:right;
}

/* Main Menu 
==========================*/

#main-nav-wrapper{
	width:940px;
	border-top:2px solid #d74445;
	float:left;
}
#main-nav-wrapper ul li.first a{border:none}
#main-nav-wrapper ul li, #sub-nav-wrapper ul li{
	float:left;
	display:block;
}
#main-nav-wrapper ul li a{
	display:block;
	padding:5px 10px;
	border-left:1px solid #d74445;
	color:#111;
	text-transform:capitalize;
	}
body#home #main-nav-wrapper ul li.home a, body#news #main-nav-wrapper ul li.news a, body#sports #main-nav-wrapper ul li.sports a, body#entertainment #main-nav-wrapper ul li.entertainment a, body#soul_stirrings #main-nav-wrapper ul li.soul_stirrings a, body#jobs #main-nav-wrapper ul li.jobs a, body#careers #main-nav-wrapper ul li.careers a, body#dating #main-nav-wrapper ul li.dating a, body#stepping_out #main-nav-wrapper ul li.stepping_out a, body#competitions #main-nav-wrapper ul li.competitions a{
	background-image:url(../images/nav-select.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	color:#cc0001;
}
#sub-nav-wrapper{
	width:940px;
	clear:both;
	background-color:#333;
	float:left;
	height:22px;
}

/* Secondary Menus
========================*/

#extra-nav{
	float:right;
	}
#sub-nav{
	float:left;
	}
#sub-nav li a{
	padding:0 20px;
	line-height:22px;
}
#extra-nav{
	background-image:url(../images/link_menu_bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	height:22px;
	
	}
#extra-nav li a{padding:0 10px;border-left:1px solid #fff;line-height:22px;color:#fff}
#extra-nav li.first a{border:none}

/* Ad area 
=========================*/

#ad-area{
	width:940px;
	float:left
	}

#page-title-wrapper{
	width:200px;
	float:left;
	padding-top:10px;
	}
#lb-wrapper{
	float:right;
	padding:5px 0;
	}

/*
-----------------------------------------------------------------------------
	MAIN PAGE CONTENT
=============================================================================
*/


/*----------------------\
   Universal Classes
\-----------------------*/

.w-icon{
	padding-left:20px;
	background-position:left;
	background-repeat:no-repeat;
}
.bullet{
	background-image:url(../images/bullet.gif);
}
.comments{
	background-image:url(../images/comment_icon.gif);
}
.video{
	background-image:url(../images/video_icon.gif);
}
.photo{
	background-image:url(../images/photo_icon.gif);
}
.feed{
	background-image:url(../images/feed_icon.gif);
}
.tweet{
	background-image:url(../images/twitter_logo.jpg);
}
.story-tumb-wrap{
	float:right;
	padding:0 0 0 10px;
}
.last{
	border:none;
}
.ad{
	padding:10px 0;
	text-align:center;
	background-color:#fff
}
.ad img{
	padding-top:9px;
	background-image:url(../images/ad_caption.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#fff;
}
.right{
	float:right;
}
.left{
	float:left;
}
.text-block{
	display:block;
}
.caption{
	color:#cc0001;
}
.hidethis{
	display:none;
}
.byline{
	display:block;
	width:100%;
	padding-bottom:20px;
}
/*-----------------------------*/
	#small-poll h4.poll-hdr{width:140px;height:49px;background:url(../images/voice-poll1.jpg) top left no-repeat;text-indent:-9999px;padding-bottom:0}
/*--------------------------------------------------*/


ul.story-extras {
	padding: 10px 0;
}
ul.story-extras li{
	padding:3px 0;
}
#main-news, #story-wrapper{
	border-top:8px solid #cc0001;
	padding-bottom:20px;
	float:left;
}
#story-wrapper{
	width:630px;
}

/* Ticker 
----------------------*/
.ticker{
height:25px;
width:630;
}

#news-ticker{
	background-color:#fff;
	padding:2px 0 5px 0;
	height:25px;
	overflow:hidden;
	

}
a.tick-back{
	padding-left:5px;
}
a.tick-fwd{
	padding-right:5px;
}

/* Main Story + Column1
--------------------------*/

img.main-story-img{
	width:300px;
	border-bottom:2px solid #cc0001;
}
div#in-photos img.gal-prev{
	border-bottom:2px solid #cc0001;
}
div.gallery-controls{
	padding:5px 0;
	border-bottom:1px dotted #850000;
       padding-bottom:30px;
}

div#gallery-arrows{
	float:right;
}

/* Secondary Story + column2
----------------------------*/

#lead-stories{width:300px;}
span.photo-link{display:block}

#lead-stories li{
	padding:5px 0;
	border-bottom:1px dotted #333;
}
#lead-stories li.last{
	border:none
}

#latestvid{
padding:0 0 15px 0;
}

div.gallery-controls clear{
	padding:5px 0;
	border-bottom:1px dotted #0072bc;
}

/* VIDEO SECTION */

#video-thumbs img{
padding-right:5px;
}

#video-thumbs{
padding:5px 0 0 0;
}
#video-thumbs li{
	float:left;
	padding-right:3px;
	padding:0 0 5px 0;
}

#video-thumbs div.items{
	width:200000px;
	padding:20px 0;
	clear:both;
	position:absolute;
}
#video-thumbs div.items div{
	float:left;
	width:120px;
	margin:0 5px;
}
#video-thumbs div.items div img{
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* Blogs */

#slider{
	background-image:url(../images/blog_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	width:300px;
	position:relative;
	padding:30px 0 0 0;
}
#blog-tabs{
	padding-right:20px;
	float:right;
	margin-bottom:-1px;
	z-index:9999;
	position:relative;
}
#blog-tabs li{
	float:left;
	width:85px;
}
#blog-tabs li a{
	display:block;
	height:22px;
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	line-height:25px;
}
#blog-tabs li a.tab-on{
	background-image:url(../images/tab_off.gif);
	color:#fff;
}
#blog-tabs li a.tab-off{
	background-image:url(../images/tab_on.gif);
	color:#cc0001;
}
#blogs-list{
	background-color:#fff;
	padding:10px;
}
#blogs-list li{
	padding:10px 0;
	border-bottom:1px solid #ccc;
}

span.blog-title{
	display:block;
	padding:10px 0;
	border-top:1px dotted #333;
	margin-top:10px;
}

/* Tertiary Story + column3
----------------------------*/

#story-skimmer{
	width:300px;
	padding:10px 0;
	background-color:#fff;
}
h4.skimmer-h4{
	width:220px;
	float:left;
	padding-top:10px;
	font-weight:bold;
	line-height:1.4em;
}
span.skm-select-title{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-size:1.4em;
	padding-right:15px;
	background-image:url(../images/arrow_lightblue_right.gif);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	display:block;
}
div#skim-controls{
	float:right;
}
div#skim-controls span{
	line-height:14px;
}
/*Pictorial features*/

div.ad-feat-hdr{
	background-color:#fff;
	padding:10px 5px;
	float:center;
	margin-top:0px;
}

div.pict-feat-hdr{
	background-color:#850000;
	padding:10px 5px;
	margin-top:10px;
}
div.pict-feat-hdr span{
	color:#fff;
}
#market-summary{
	background-color:#fff;
	width:300px;
	padding:10px 0;
}

#market-summary table{
	width:300px;
}

/*Quick Poll Sidebar*/

#small-poll ul{
	padding:5px;
}
#small-poll span.poll-question{
	display:block;
	color:#333;
}
#small-poll li{
	padding:5px 0;
}
#small-poll li label{
	padding-left:5px;
}
a.more-polls{
	display:block;
	border-top:1px dotted #cc0001;
	border-bottom:1px dotted #cc0001;
	padding:5px 10px 5px 0;
	background-image:url(../images/rgt_arrow-poll.gif);
	background-position:right;
	background-repeat:no-repeat;
}

/*Sidebar Lists - Extras*/

div.extras-list ul li{
	padding:5px 0;
	border-bottom:1px dotted #cc0001;
}

/*
-----------------------------------------------------------------------------
	Sections Preview
=============================================================================
*/

div.news-section ul.sub-title-list li{
	padding:5px 0;
	border-bottom:1px dotted #850000;
}
#ent-section-preview h2{
	border-color:#ffbc00;
}
#spo-section-preview h2{
	border-color:#008545;
}
#pol-section-preview h2{
	border-color:#575dc2;
}
#bus-section-preview h2{
	border-color:#ff9773;
}
#profiles-in-medicine h2{
	border-color:#ff4100;
}
img.news-section-image{
	border-bottom:2px solid #850000;
}
img.blog-icon{
	top:20px;
	position:relative;
}

/*
-----------------------------------------------------------------------------
	Sections Preview
=============================================================================
*/

/*
-----------------------------------------------------------------------------
	Footer Area
=============================================================================
*/

#footer{
	padding-top:20px;
	float:left;
	width:940px;
	background-color:#fff;
}
#copy{
	border-top:8px solid #cc0001;
	padding:10px 0 0 0;
	float:left;
	width:940px;
	background-color:#850000;
}
#copy span{
	color:#fff;
	text-align:right;
	padding:10px 20px;
	display:block;
}
#footer-menu{
	float:left;
	padding:10px;
}
#footer-menu li{
	display:inline;
	border-right:1px solid #fff;
	padding:0 5px;
}
#footer-menu li.last{
	border:none;
}
#footer-menu li a{
	color:#fff;
}
/*
-----------------------------------------------------------------------------
	Story Page
=============================================================================
*/

#news-story{
	width:460px;
}
#story-header-wrapper{
	background-color:#fff;
}
#story-header{
	width:460px;
	padding-bottom:5px;
}
#news-story-content{
	clear:both;
	border-top:1px solid #a62a00;
}
img.news-story-image{
	padding:5px 0 0 0;
	border-bottom:2px solid #a62a00;
}
span.story-image-caption{
	display:block;
	padding:5px 0 10px 0;
}
ul.story-extras-list{
	border-top:1px solid #a62a00;
	background-color:#f9f9f9;
}
#story-extras ul.story-extras-list li{
	border-color:#999;
}
#story-extras ul.story-extras-list li a{
	color:#333;
}
#font-resizer-wrapper{
	padding:10px;
}
div.font-resizer{
	height:21px;
	background-image:url(../images/font-icon.gif);
	background-position:left;
	background-repeat:no-repeat;
	line-height:21px;
	padding-left:30px;
}

/*
-----------------------------------------------------------------------------
	MAIN PAGE LAYOUT
=============================================================================
*/

#in-blogs{overflow:hidden;width:300px}
.scroll{
	height:360px;
	overflow:hidden;
	position:relative;
	border-top:1px solid #cc0001;
	margin:0 10px;
	width:280px
	}
.scrollContainer{
	
}
.scrollContainer div.panel{
	width:280px;

}

div.support-page{
	background-color:#fff;
}
div.support-page p{
	padding-right:10px;
}

/* Forma */

table.formtable td{
	padding:5px;
}
table.formtable td input, table.formtable td select, table.formtable td textarea{
	border:1px solid #ccc;
	padding:2px;
}
/*
--------------------------------------------------------------------------
      links
=========================================================================
*/
a.jasmine_link:link { color: #fff; font-weight: bold; text-decoration: none }
a.jasmine_link:active { color: #8FC8E9; font-weight: bold; text-decoration: none }
a.jasmine_link:visited { color: #fff; font-weight: bold; text-decoration: none }
a.jasmine_link:hover { color: #fef200; font-weight: bold; text-decoration: none }

/*
-----------------------------------------------------------------------------
	Breaking News
=============================================================================
*/

#breakingNews{
	width:940px;
	height:50px;
	clear:both;
	background-image:url(../images/bn/bn-bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	margin-bottom:5px;
}
#bnTitle{
	width:188px;
	height:50px;
	margin-right:10px;
	float:left;
	background-image:url(../images/bn/bnTitle-bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#bNews{
	padding:15px 20px 5px 0px;
}
#bNews a{
	font-size:1.2em;
	font-weight:bold;
}
#bNews a:hover{
	text-decoration:underline;
}