./* CSS Document */
.advertBox
{
    display:block;
    float:left;
    width:317px;
    height:401px;
}

/**********************/
/** HOMEPAGE SECTION **/
/**********************/

/* Content specific styles */
p.blogHd {height: 20px; padding: 0;}
span.blogDate {font-size: 10px; color: #999;}
p.blogLink {font-weight: bold; font-size: 10px;}
#content p.blogType a {color: #999;  margin-left: 10px;}
#content p.blogType a.on {color: #000; }
.itm-box { margin-bottom: 5px; }


.yourSay {margin-top: 10px;}
.yourSay img.thumb {float: right; margin: 0 0 10px 10px;}
.yourSay h4 {font-size: 16px; margin-top: 10px; clear: left;}

#content .blogentrytitle a 
{
	font-size: 2em;
}

.snapshot {width: 330px; height: 430px;}

.snapTitle {
	position: absolute; 
	height: 70px; width: 320px; margin-top: 350px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bg-snapshot.png'); */
	padding: 5px;}

/* IE ignores styles with [attributes], so it will skip the following. */
.snapTitle[class] {background: url("../images/bg-snapshot.png") left top no-repeat;}
.snapTitle p {clear: left; color: #fff;}
#content .snapTitle p.snapLnk, #content .snapTitle p.snapLnk a {
	color: #ccc; font-size: 10px; font-weight: bold; padding: 0;}





#content p.headlineLinks a{color: #999;}
#content p.headlineLinks a.on{color: #000;}

/* SN NATIONAL/WORLD Headlines */
.snHeadlines {background-color: #f1f1f1;}
.snHeadlinesHdr { background-color: #307BB5; height: 18px; padding: 10px; padding-bottom:13px; color: #fff; font-size: 12px; font-family: "Times New Roman", Times, serif; font-weight: bold;}

.snHeadlinesHold {margin-left: 10px;}
.snHeadlinesCol {width: 200px; float: left; margin: 5px 0 10px 0;}
.snHeadlinesCol p {padding: 0;}
#content .snHeadlinesCol span.tdy_title { font-weight: bold; font-size:18px; color:#3C89BF; padding-bottom: 5px; font-family: "Times New Roman", Times, serif;}
#content .snHeadlinesCol a,
#content .snHeadlinesCol a:visited {color: #000; font-size: 11px; font-weight: normal; }
#content .snHeadlinesCol a:hover { color: #000; font-weight: normal; }
.app-tag { color:#3C89BF; font-weight: bold; }

/* SN TODAY */
.snToday {background-color: #f1f1f1;}
.snTodayHdr 
 {
    background-color: #539f32;
    height: 18px;
    padding: 10px;
    padding-bottom:13px;
    color: #fff;
    font-size: 16px;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
 }
.snTodayHdr img {vertical-align: middle; margin-right: 10px;}
#content .snTodayHdr a/*, #content .snTodayHdr a:hover*/ {font-size: 10px; color: #fff; font-family: arial, verdana;}

.todayHold {margin-left: 10px;}
.todayCol {width: 200px; float: left; margin: 5px 0 10px 0;}
.todayCol p {padding: 0; margin-top:4px;}
#content .todayCol p.tdy_title { font-weight: bold; font-size:16px; color:#5b9540; padding: 0px; font-family: "Times New Roman", Times, serif;}
#content .todayCol a {color: #693; font-size: 11px; text-decoration:none;}

/* SN SPORTS */
.snSports {background-color: #f1f1f1;}
.snSportsHdr {background-color: #f4c822; height: 18px; padding: 10px;}

.snSportsHold {margin-left: 10px;}
.snSportsCol {width: 200px; float: left; margin: 5px 0 10px 0;}

.snSportsCol p {padding: 0;}
#content .snSportsCol p.snSports_title {
	font-weight: bold;
	font-size:13px; 
	color:#000;
	padding-bottom: 5px;
	font-family: "Times New Roman", Times, serif;}

/* SN WHATS ON  */
.snWhatson {background-color: #f1f1f1;}
.snWhatsonHdr {background-color: #f4c822; height: 18px; padding: 10px; }
.snWhatsonHold {margin-left: 10px;}
.snWhatsonCol {width: 200px; float: left; margin: 5px 0 10px 0;}

.snWhatsonCol p {padding: 0;}
#content .snWhatsonCol p.snWhatson_title {
	font-weight: bold;
	font-size:13px; 
	color:#000;
	padding-bottom: 5px;
	font-family: "Times New Roman", Times, serif;}


/* SN COLUMNISTS */
.snColumnist {background-color: #f1f1f1;}
.snColumnistHdr {background-color: #d71635; height: 18px; padding: 10px; 
	color: #fff; font-size: 12px; font-family: "Times New Roman", Times, serif; font-weight: bold;}
.snColumnistHdr img {vertical-align: middle; margin-right: 10px;}

.snColumnistHold {margin-left: 10px;}
.snColumnistCol {width: 200px; float: left; margin: 5px 0 10px 0;}

.snColumnistCol p {padding: 0;}
#content .snColumnistCol p.snColumnist_title {
	font-weight: bold;
	font-size:13px; 
	color:#d71635;
	padding-bottom: 5px;
	font-family: "Times New Roman", Times, serif;}


/* Bottom Headlines */

#leftCol2 .clss1, #leftCol2 .clss2 {
	width:210px; 
	float:left; }

#leftCol2 .clss2 {float: right;}
#leftCol2 .clss1 h3, #leftCol2 .clss2 h3 {
	margin: 5px 0; 
	font-size:11px; 
	font-weight: bold; 
	color:#666}

#leftCol2 .clss2 h4 {
	margin-top: 10px; 
	padding-right:0; 
	font-weight:bold;}

#leftCol2 .clss2 .small{font-size:9px;}

#leftCol2 .clss2 img{margin:10px;}

/* SNKids Section */

.snkids {
	width:201px; 
	background-color: #f1f1f1; 
	background: url("../images/titles/ttl-snkids.gif") left top no-repeat #f1f1f1;
	padding: 0 10px 10px 10px;}
.snkids h2 {height: 20px; text-indent: -9000px; float: left; width: 70px	;}
#content .kidsLinks { text-align: right; padding: 7px 5px 0 0; height: 20px;}

.snkids h3 {margin: 10px 0; font-size: 17px;}
.snkids p {font-size: 12px; padding: 0;}
.snkids img{float:right; margin: 0 0 10px 10px;}


.snkids ul{width:auto; list-style-type:none; margin:0; padding:0; float:right}
.snkids ul li{margin:10px 5px 0 0; padding:0; float:left}

.loginKids h3{margin:0; padding:0; font-size:10px}
.loginKids label, .loginKids input {
	display: block; width: 68px; 
	margin-right:5px; float: left;
	border: 1px solid #f1f1f1;
	}

.loginKids form p {padding: 0;}
.loginKids input {height:18px;}
.loginKids label { font-size: 9px;	}

#content .kidsLinks a/*, #content .kidsLinks a:hover*/ {color: #000; font-size: 9px;}


/**********************/
/**** MAIN SECTIONS ***/
/**********************/

p.articleIntro {font-size: 14px;}
#sec-sports p.articleLinks {color: #539f32;}
#sec-feature p.articleLinks {color: #734993;}

.headline {margin-bottom: 20px;}
.headline .headlineTitle {font-size: 14px; font-weight: bold; padding: 0;}
.headline .headlineTitle img {
	float: left; margin: 5px 5px 5px 0;
	}
.headline .headlineText {padding: 0; color: #999;} 

.headlineMore {color: #999; font-weight: bold;}
.headlineMore span {font-size: 9px; font-weight: normal; color: #333;}

.oddies img {margin-bottom: 5px;}
.oddies .oddieText {color: #999; padding: 0;}
.oddies .oddieText strong {color: #333;}

.snQuestion h3 {color: #414141;}

.question {margin: 10px 0; clear: left;}
.question img {float: left; margin: 0 10px 10px 0; vertical-align:middle;}
.questionText {color: #999;}
.questionText span {font-size: 12px; font-weight: bold;}

/**********************/
/** ARTICLE SECTIONS **/
/**********************/

#sec-feature #columnLeft, #newsFull #columnLeft, #sec-opinion #columnLeft{
	border-right: 1px solid #ccc; padding-right: 5px; width: 645px;}
body.mainSec #columnLeft {
	border-right: 0px !important; padding-right: 0 !important; width: 655px !important;}
#columnLeft .wideNews {margin: 10px 0;}

#columnLeft .wideNews #leftCol2 
{
    display:block;
    width: 390px; 
	float:left; 
	border-right: 1px solid #ccc; 
	padding: 0 10px 10px 0;
}

#columnLeft .wideNews #rightCol2 
{
    display:block;
    float:left;
    width: 235px;
    float: right;
    margin-left: 4px; 
   }
.wideNews p {font:13px/1.4 Helvetica, Verdana, Arial; color:#333;}
.wideNews p.txt-fullstory { font-size: 11px; color: #CC0000; padding-bottom: 3px; }

.wideNews p.newsSection, .wideNews p.newsAuthor {font-size: 12px; color: #999;}
.wideNews p.newsSection .section, .wideNews p.newsAuthor .author {color: #e11135; font-weight: bold; margin-right: 5px;}

#sec-feature p.newsAuthor .author {color: #734993;}
#sec-sports p.newsAuthor .author {color: #539f32;}

.wideNews h3.newsTagline {font-size: 14px; font-weight: bold;}
.wideNews .newsArticle p{text-align: justify; line-height: 1.2; padding-right: 5px; } 


.wideNews .commentHdr {font-size: 11px; color: #999; font-weight: bold;}
.commentHdr img {margin: 2px 10px 0 0; }

.wideNews p.commentAuthor {color: #000; font-size: 13px; font-weight: bold; padding: 10px 0 0 0;}
.wideNews p.commentAuthor .author {color: #e11135; }

#sec-feature p.commentAuthor .author {color: #734993;}
#sec-sports p.commentAuthor .author {color: #539f32;}

.wideNews p.comment {padding: 0 0 10px 0}

#wide p.postName {font:13px/1.4 Helvetica, Verdana, Arial; color:#333; }

.postComments {padding:25px;
	margin:15px 0;}
.postComments textarea{
	width: 600px;
	border-left: 3px solid #ccc;
	border-top: 3px solid #ccc; 
	overflow: scroll;
	_overflow: scroll-x;
	height: 120px;}
	
.postComments .btnSubmit {
	width: 63px; height: 19px;margin: 10px 0}
	
/* SN Tools*/
	
.snTools {width: 222px; background-color: #f1f1f1; }
.snTools ul{list-style-type:none; width: 200px; margin: 10px;}

.snTools li {
	display: block; 
	width: 100px; 
	float: left;
	margin-bottom: 5px;
	}

#content .snTools li a /*, #content .snTools li a:hover */{color: #999;}
/* News Photos Area*/

.snPhotos {width: 222px; margin: 10px 0; }
.wideNews .snPhotos p {font-size: 11px; padding: 5px 0 0 0;}
.wideNews .snPhotos .photoMore {color: #c00;}
#sec-feature .snPhotos .photoMore {color: #734993;}
#sec-sports .snPhotos .photoMore {color: #539f32;}



/***********************/
/** MULTMEDIA SECTION **/
/***********************/

#multimedia #columnLeft #leftCol {width: 312px; float:left; }
#multimedia #columnLeft #rightCol {width: 330px; float: right; border-right: 1px solid #ccc; padding-right: 5px; }

#multimedia .pageTitle, #sec-weather .pageTitle, #sec-sports .pageTitle {
	height: 30px; 
	background-color: #d71635; color: #fff;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	padding: 5px;}
	
#multimedia .pageTitle img {float: left; margin: 5px 0 0 5px;}
#sec-sports .pageTitle { background-color: #539f32; text-align: left;}
#sec-weather .pageTitle {
	min-height: 25px; height: auto !important; height: 25px; 
	margin-bottom: 15px !important; 
	padding: 5px 0 0 5px !important; 
	_padding-bottom: 5px !important;
	text-align: left;}

/* Video Index*/
.videoIndex {
	margin: 10px 0 30px 0;
	clear: left;
	height: auto !important;
	}
.videoIndex img {float: left; margin-right: 10px;}
.videoIndex h3 {font-size: 18px; margin: 0; line-height: 1; font-weight: bold;}
.videoIndex p.galleryInfo{font-size: 13px; font-weight: bold; line-height: 1.2; padding: 0;}
.videoIndex p.galleryAuthor{font-size: 12px; color: #999; font-weight: bold;}

/* Video Gallery*/
#content .videoGallery {
	margin: 10px 0 30px 0; 
	width: 280px; 
	clear: left;
	height: auto !important;
	}
#content .videoGallery img {float: left; margin-right: 10px;}
#content .videoGallery a {font-size: 18px; margin: 0; line-height: 1; font-weight: bold;}
#content .videoGallery p.galleryInfo{font-size: 13px; font-weight: bold; line-height: 1.2; padding: 0;}
#content .videoGallery p.galleryAuthor{font-size: 12px; color: #999; font-weight: bold;}



/* Staff Gallery*/
#content .staffGallery {
	margin: 10px 0 30px 0; 
	width: 280px; 
	clear: left;
	min-height: 120px;
	height: auto !important;
	height: 115px;
	}
#content .staffGallery img {float: left; margin-right: 10px;}
#content .staffGallery a {font-size: 18px; margin: 0; line-height: 1; font-weight: bold;}
#content .staffGallery a:hover {text-decoration: underline;}
#content .staffGallery p.galleryInfo{font-size: 13px; font-weight: bold; line-height: 1.2; padding: 0;}
#content .staffGallery p.galleryAuthor{font-size: 12px; color: #999; font-weight: bold;}

/* Featured Shot */

.featureShot {
	width: 297px; 
	margin: 0 0 10px 0; 
	}
	
.feature {	
	min-height: 245px;
	height: auto !important;
	height: 245px;
	}

.featureTitle {
	position: absolute; 
	min-height: 65px;
	height: auto !important; 
	height: 65px; 
	width: 287px; 
	margin-top: 180px; 
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bg-snapshot-sm.png');*/
	padding: 0 5px;
	font-size: 10px;
	line-height: 1.2;}

.featureTitle strong {font-size: 11px; font-weight: normal;}
.featureTitle .gry {color: #ccc;}

/* IE ignores styles with [attributes], so it will skip the following. */
.featureTitle[class] {background: url("../images/bg-snapshot-sm.png") left top repeat;}
.featureTitle {clear: left; color: #fff;}
#content .snapTitle p.snapLnk, #content .snapTitle p.snapLnk a {
	color: #ccc; font-size: 10px; font-weight: bold; padding: 0;}

/* Snapshots*/

#content .snapshots {
	margin: 10px 0; 
	width: 160px; 
	min-height: 70px;
	height: auto !important;
	height: 70px;
	float: left;
	}
#content .snapshots img {float: left; margin-right: 5px;}
#content .snapshots p, #content .snapshots a {font-size: 11px; font-weight: bold;} 
#content .snapshots p {line-height: 1.2; padding: 0; }
#content .snapshots a {margin: 0; line-height: 1;}
#content .snapshots p.shotBlurb{font-weight: normal;}
#content .snapshots p.galleryInfo{color: #999; font-size: 12px;}
#content .snapshots p.galleryAuthor{color: #999; clear: left;}


/* From the News */

.fromNews {margin: 10px 0}

#content p.photoHeaders {font-size: 15px; font-weight: bold; color: #666; padding: 10px 0;}
#content p.photoHeaders span {color: #d71635;}


/***********************/
/**** BLOG SECTION ****/
/***********************/

#blog #columnLeft #leftCol2 {border-right: 1px solid #ccc; padding-right: 5px; }
#blog #columnLeft #rightCol2 {width: 210px;}
#blog .pageTitle {
	height: 20px; background-color: #d71635; color: #fff;
	font-weight: bold;
	font-size: 10px;
	padding: 10px;}
	
.blogHold {margin-left: 10px; padding-bottom: 10px;}
.blogCol {width: 195px; float: left; margin: 5px 0 10px 0;}
.blogCol h4 {color: #d71635;}
.blogCol p {padding: 0;}
.blogCol p.dateBlog {color: #999; font-size: 12px; font-weight: bold;}
#content .blogCol a.blog_title {
	font-weight: bold;
	font-size:14px; 
	color:#D71635;
	padding-bottom: 5px;
	font-family: "Times New Roman", Times, serif;}
#content .blogCol .blogAuthor {color: #999; font-size: 11px; font-weight: bold;}
#content .blogCol a {color: #D71635; font-size: 11px;}


/* Individual Blog Entries*/
.blogList {clear: left; margin-bottom: 20px;}
.blogList .blogTitle { color: #999; font-family: "Times New Roman", Times; font-weight: bold; font-size: 13px; padding: 0;}
.blogList .blogEntry {font-size: 12px; margin: 5px 0 0 0; color: #999; font-weight: bold; padding: 0;}
.blogList .blogEntry span {color: #d71635}
.blogList .blogEntry img {float: left; margin-right: 5px;}
.blogList .blogIntro{padding: 0;}
.blogList .blogAuthor {color: #999; font-size: 11px; font-weight: bold; padding: 0;}

#blog .snapshots {margin: 20px 0 0 0;}
#blog .snapshots img {margin-bottom: 5px;}

.blogLinking {padding-top: 0px; clear: both; }
#content .blogLinking a /*, #content .blogLinking a:hover*/ {color: #999; font-size: 12px;}
/* Weather */

div.satellite, div.synoptic {
	margin: 10px auto; width: 430px; text-align: center;}

.currentConditions {margin: 10px;}
.currentConditions p {float: left; width: 150px; font-size: 12px; color: #000; margin-bottom: 10px;}
.currentConditions p.tag{color: #999; font-weight: bold; font-family: Verdana; }

#sec-weather .todayConditions img {vertical-align: middle; float:left; margin-right: 10px;}
#sec-weather .todayConditions  {margin: 10px 20px;}
#sec-weather .todayConditions p {clear: both; min-height: 30px; height: auto !important; height: 30px; margin-bottom: 5px;}

.weatherArea {
	position: absolute;
	width: 650px;
	text-align: right;
	color: #999;
	font-weight: bold;	
	margin-top: -10px;
	}

.weatherArea span {
	font-size: 20px; font-weight: bold; 
	color: #000; 
	text-transform: uppercase; line-height: 1;
	}

.today {
	background-color: #fff;
	padding: 5px;
	margin-bottom: 5px;
	min-height: 50px;
	height: auto !important;
	height: 50px;}

.today h3, .temp, .minTemp, .maxTemp {float: left;}

.minTemp, .maxTemp {
	background-color: #dcdcdc; 
	border: 1px solid #999; 
	width: 40px; 
	min-height: 40px; height: auto !important; height: 40px; 
	margin: 5px 0 0 5px;
	color: #d71635;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	line-height: 1.2;
	}

.temp {
	width: 95px; 
	margin: 5px 10px 0 5px;
	color: #d71635;
	font-weight: bold;
	font-size: 15px;
	text-align: center;}

.temp img {float: left; margin-right: 10px;}

#sec-weather .todayConditions {
	margin:10px 20px;
}