html {
    min-height: 100%;
    position: relative;
}

body {
	font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-weight: 300;
	letter-spacing: -0.01em;
	position: relative;
	-webkit-text-size-adjust:none;
}


h2 {
	font-size: 1.1em;
	margin-bottom: 0;
	padding: 5px 0px 5px 0px;
	color: #333;
	}


h2 a {
	font-size: 1.05em;
	color: #333;
	}

h3 {
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}
.footer {
	padding: 10px 0px 0px 0px;
	text-align: center;
	color: #555;
	font-size: .8em;
	margin: 10px 0px 0px 0px;
}


#page-body {
	margin: 0px 0px 0px 0px;
}

#page-body-traffic {
	margin: 0px 10px 0px 10px;
}

a {
	color: #333;
	font-weight: 400;
	text-decoration: none;
}
.featured-story {
	clear: both;
	margin: 0px;
	position: relative;
}
.featured-story img {
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	

}





.featured-story h2 {  color:#555; font-size: 1.3em; margin: 0px 10px 5px 10px;line-height: 1.1em; opacity:1.0;
/* adding css to move headline into image */
 background: rgba(255, 255, 255, 0.8);
position: absolute;
bottom: 4px;
padding: 3px 5px 5px 5px;   /*end*/  }




.featured-story h2 a { color: #333; font-weight: 700;  }
.featured-story .caption-container { background: #353535; opacity:0.8; position: absolute; overflow: hidden; width: 100%; height: 29.5294%; bottom:5px;  }


.latest-story, .latest-story-sm {
	margin-top: 7px;
	font-size: 1.05em;
	line-height: 18px;
}

.latest-story .anchor_img img {
	background: url('graphics/placeholder_mobile.gif') no-repeat right top;
	float: left;
	margin: 0px 3.125% 7px 3.125%;
	border: 1px #ccc solid;
	width: 31.25%;
	height: auto;
	min-height: 65px;

	}


.latest-story .title {
	width: 59.375%;
	float: left;
	margin-bottom: 7px;
	}

.latest-story-sm .title {
	width: 94%;
	float: left;
	margin: 0px 10px 7px 10px;

	}
	
#local_stories .title, #more_local .title  {
	width: 65%;
	float: left;
	font-size: 0.95em;
	margin: -1px 10px 7px 0px;
	letter-spacing: -0.5px;
	line-height: 1.05em;

	}
	
.latest-story-sm .anchor_img img {
	background: url('graphics/placeholder_mobile.gif') no-repeat right top;
	float: left;
	margin: 0px 3.125% 7px 3.125%;
	border: 1px #ccc solid;
	width: 25%;
	height: auto;
	

	}

.latest-story .arrow {
	width: 5px;
	float: left;
	padding: 10px 10px 0px 5px;
	font-size: 1.2 em;
	}

.author, .sponsored, .update-timeON, .update-timeOFF, .partner, .pipe {
	font-size: 60%;
	float: left;
	padding: 2px 0px 0px 0px;

}

.partner {
	color: #139664;
	font-weight: bold;
}

.sponsored {
	color: #5023ac;
	font-weight: bold;
}

.author {
	color: #DF8F1D;
	width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pipe {
	color: #DF8F1D;
	font-weight:300;
	}

.update-timeON {
	color: #aa0000;
}

.update-timeOFF {
	color: #666;
}


.update-time img {
	width: 13px;
	height: 11px;
	float: none;
	margin: 0px;

}

.videotag {
	width: 12px
	height: 8px;
}

.videolink ul { list-style-image: url('graphics/video.png'); margin: 10px 0px 15px 0px; padding: 0px 10px 5px 10px; border-bottom: 1px #ccc solid; font-size: 92%;
}

.videolink li {     text-overflow: ellipsis;
    margin-bottom: 5px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    list-style-position:inside;
}

.videolink li a { color: #333; font-weight: 300;
}

.phototag {
	width: 11px
	height: 8px;
}

.s {
	margin-top: 0px;
}
.s-title {
	font-size: 150%;
	font-weight: bold;
	line-height: 1em;
	}
.s-img {

	width: 320px;

	margin-bottom: 10px;
	margin-right: 0px;
}
.s-head {
}
.s-author {
	color: #DF8F1D;;
	margin: 5px 0px 0px 0px;
	font-size: 80%;
}
.s-body {
	margin: 10px 10px 0px 10px;
}

.s-body a { color: #2354ac;
}
.s-time {
	color: #888;
	margin: 0px 0px 5px 0px;
	font-size: 80%;
}

.s-gallery { border-top: 1px #555 solid; border-bottom: 1px #555 solid; background: #eee; margin-top: 10px; padding: 10px 10px 10px 10px; height: 49px;
}

.s-gallery img {
	width: 77px;
	margin: 0px 10px 15px 0px;
	border: 1px #ccc solid;
	float: left;
	}

.s-gallery .title {
margin: 14px 0px 0px 0px; float; left;
}

.s-video {
	 background: #fff;

}


#storyVideo {
 width: 320px; margin: 0 auto;

}

#storyNOVideo, #storyNOVideo .anchor { width: 320px; height: 169px; border: 0;  margin: 0 auto; }

.gallery img {
	width: 320px;
	float: left;
	margin: 0px 0px 5px 0px;

}



.m {
	margin-top: 5px;
}
.m a {
	font-size: 140%;
}
.m-reldate {
	color: #888;
	font-size: 80%;
}
.m-stars {
	color: #888;
	font-size: 80%;
}
.m-synopsis {
	font-size: 80%;
}
.logo {
	width: 150px;
	height: 27px;
}
.linkRed {
	color: #880000;
	font-size: .8em;
}
.homeWX {
	padding:5px 5px 0px 0px;
	float: right;
	color: #fff;
	font-weight: bold;
}


#adslot {
margin: 0 auto;
text-align: center;
margin: 0px 0px 15px 0px;
}

.div_link {
color: #999;
font-size: 1em;
cursor:pointer;
text-align: center;
padding: 5px 0px 5px 0px;
margin: 0 auto;
font-weight: bold;

}


.no_stories_showing {
	background: #2354ac;
	padding-left: 10px;
	margin: 0px;
}
.toggle_storyShowHide {
	padding:0px 0px 0px 0px;
	float: right;
	font-size: 1.2 em;
	padding: 0px 0px 0px 0px;
}
.spacer {
	padding: 0px 10px 0px 10px;
	background: #224ba0;
	font-size: 0.8 em;

	height: 20px;

}

.spacer a {
	color: #fff;


}

.sectionHeader { width: 100%;
background: #353535;
font-size: 1.0 em;	height: 30px; margin: 10px 0px 0px 0px; font-weight: bold; color: #fff;}

.sectionHeader .arrow { float: right; padding: 0px 10px 0px 0px; font-size: 1.4em;}

.sectionHeader .sectionArrow { float: left; }

.sectionHeader .sectionArrow img { height: 100%; width: 100%; }


.sectionHeader .title { float: left; padding: 5px 7px 0px 10px; }

.sectionHeader img { float: left; }

.sectionHeader .title a { color: #fff; }

/* sections */

#sections, #sections_sub { height: 44px;  background: #eee; border-bottom: solid #ccc 1px;
}




#sections h2 {
  padding: 10px 0px 10px 10px;
  margin: 0px;
  text-shadow:  1px 1px  #fff;
}

#sections_sub { height: 44px;  background: #fff; border-bottom: solid #ccc 1px;
}


#sections a:hover
{ color:#2354ac; text-decoration:underline; }



#sections_sub h2 {

  padding: 10px 0px 10px 10px;
  margin: 0px;
	text-shadow:  1px 1px  #fff;
}







.email_alert {
color: #555;
font-size: 100%;
cursor:pointer;
background:#aaa;
border-radius:5px;
background:#ccc;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(204,204,204,1)), color-stop(100%,rgba(170,170,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(204,204,204,1) 1%,rgba(170,170,170,1) 100%); /* Chrome10+,Safari5.1+ */
text-align: center;
padding: 5px 0px 5px 0px;
margin: 10px 0px 10px 0px;
font-weight: bold;
text-shadow: 1px 1px #ccc;
}

.email_alert_red {
color: #fff;
font-size: 100%;
cursor:pointer;
background:#aaa;
border-radius:5px;
background:#aa0000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa0000), color-stop(100%,#a85e5e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #aa0000 0%,#a85e5e 100%); /* Chrome10+,Safari5.1+ */
text-align: center;
padding: 5px 0px 5px 0px;
margin: 10px 0px 10px 0px;
font-weight: bold;
text-shadow: -1px -1px #555;
}


#detail { width: 300px; height: 100px; margin: 10px 0px 10px 0px; font-size: 100%;
}

#name, #customer_mail { width: 300px; height: 25px; margin: 10px 0px 0px 0px; font-size: 100%; }

/* scroller */

#wrapper {
	width:320px;
	height:169px;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
	margin: 0 auto;
	background:#aaa;
	}






#scroller {
	width:1600px;
	height:100%;
	float:left;
	padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0 0 0 0;
	margin:0;
	text-align:left;
}

#scroller li {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:block; float:left;
		width:320px; height:169px;

	font-size:.9em;
	line-height:140%;
}





#nav {
	width:100%;
	float:left;
	background: #999;

}



#indicator, #indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

#indicator {

	width:58.75%;
	padding:3px 0 3px 41.25%;
}

#indicator > li {
	text-indent:-9999em;
	width:8px; height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:#ccc;
	overflow:hidden;
	margin-right:2.1276%;
}

#indicator > li.active {
	background:#fff;
}

#indicator > li:last-child {
	margin:0;
}

/* end of scroller */


#smalltext { font-size: 12px; padding-right: 10px; }
#medtext { font-size: 16px;  padding-right: 10px;}
#largetext { font-size: 20px; }

.setfontsize.ON { font-weight: 900; color: #F00; }

.jwplayer {
	min-height: 180px !important;
}

.commentCountButton {
    margin: 2px 15px 15px 0px;
    padding: 2px 5px;
    background-color: #5a91f3;
    border-radius: 5px;
    font-size: 14px;
    float: left;
}

.commentCountButton a {
    color: #ffffff;
}

.sponsoredpage {
	margin: 0px 0px 15px 0px;
	min-height: 50px;
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
	padding: 10px 0px 10px 0px;
	font-size: 12px;
	font-weight: 300;
	font-style: italic;
}
.sponsoredpage img {
	border: #ccc 1px solid;
	margin: 0px 10px 10px 0px;
	float: left;
}