/* ---- RESET STYLES ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; 
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}

ol, ul {
list-style: none;
}

body {
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
}

.skipnav {
visibility: hidden;
display: none;
}

a:link,
a:active,
a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


/* ---- GENERAL ---- */
html {
margin: 0;
padding: 0;
}

#user-bar {
width: 100%;
}

#header {
width: 100%;
}

#content {
width: 960px;
margin: 0 auto;
position:relative;
z-index:100;
}

#content:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.revProgram #program{
margin: 0 auto;
}

/* ----- ADS ---- */
#leadboard-ads,
#leaderboard-content {
margin: 0 auto;
width: 960px;
background: transparent;
padding: 2px 0;
overflow: hidden;
}

#headerpromo,
#leaderboard {
float: left;
}

#leaderboard {
width: 728px;
padding: 0;
}

#ad_leaderboard2,
#leaderboard2 {
width: 728px;
padding: 0;
margin: 0 auto;
}

#headerpromo {
width: 230px;
overflow: hidden;
margin: 0px 2px 0 0;
}

/* ---- ADS LAYOUT ---- */
.layout {
text-align: center;
border: 1px solid #000;
margin-bottom: 5px;
}

#ad_01.layout,
#ad_150ad1.layout,
#ad_160ad1.layout,
#ad_headerpromo {
background-color: #FFC;
}

#ad_02.layout,
#ad_150ad2.layout,
#ad_160ad2.layout,
#ad_header {
background-color: #FCC;
}

#ad_03.layout,
#ad_150ad3.layout,
#ad_160ad3.layout,
#ad_sectionsponsor1 {
background-color: #F99;
}

#ad_04.layout,
#ad_150ad4.layout,
#ad_160ad4.layout,
#ad_sectionsponsor2 {
background-color: #F96;
}

#ad_05.layout,
#ad_150ad5.layout,
#ad_160ad5.layout,
#ad_sectionsponsor3 {
background-color: #CFF;
}

#ad_06.layout,
#ad_150ad6.layout,
#ad_160ad6.layout,
#ad_sectionsponsor4 {
background-color: #9CF;
}

#ad_07.layout,
#ad_150ad_multi.layout,
#ad_sectionsponsor5 {
background-color: #CCC;
}

#ad_08.layout,
#ad_160ad_multi.layout,
#ad_sectionsponsor6 {
background-color: #CC9;
}

#ad_09.layout,
#ad_sectionsponsor7 {
background-color: #CF9;
}

#ad_10.layout,
#ad_leaderboard1 {
background-color: #690;
}

#ad_11.layout,
#ad_leaderboard2,
#ad_sectionsponsorweather {
background-color: #FCF;
}

#ad_12.layout,
#ad_banner,
#ad_sectionsponsortraffic {
background-color: #FC6;
}

#ad_headerpromo {
width: 300px;
float: left;
}

#ad_header {
width: 300px;
float: left;
}

#ad_story {
width: 300px;
float:left;
overflow:hidden;
}

#natrevibatom {
clear: both;
}


/* ---- USER BAR ---- */
#user-bar {
background: #3c42ae url(http://media.granitetv.com/designimages/gbc_ub_gradient.png) bottom center repeat-x;
height: 30px;
clear: both;
}

.parentyounews #user-bar {
margin-top: 0px;
}

#user-bar #social,
#user-bar #on-demand {
position: absolute;
left: 50%;
}

#user-bar #on-demand {
margin: 0 0 0 -480px;
}

#user-bar #social {
margin: 0 0 0 133px;
width: 355px;
}

#user-bar #social a,
#user-bar #on-demand a {
color: #fff;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
height: 30px;
line-height: 32px;
display: block;
}

#user-bar #on-demand ul li {
float: left;
padding: 0 14px 0 16px;
margin: 0 6px 0 0;
}

#user-bar #on-demand .feeds {
background: transparent url(http://media.granitetv.com/designimages/gbc_feeds_12x12.png) center left no-repeat;
}

#user-bar #on-demand .mobile {
background: transparent url(http://media.granitetv.com/designimages/gbc_mobile_12x12.png) center left no-repeat;
}

#user-bar #social ul li {
float: left;
padding: 0 14px 0 34px;
margin: 0 4px 0 0;
}

/* ---- HEADER --- */
#header {
height: 110px;
background: #3c42ae url(http://media.granitetv.com/designimages/gbc_header_gradient.png) top center repeat-x;
}

.promo-link {
width: 340px;
position: absolute;
left: 50%;
margin: 12px 0 0 162px;
}

.promo-link a {
color: #fff !important;
font-size: 12px;
text-decoration: none;
background: transparent url(http://media.granitetv.com/designimages/gbc_newsletter_16x16.png) center left no-repeat;
padding: 0 0 0 20px;
line-height: 26px;
} 

#search-search-top {
position: absolute;
width: 425px;
left: 50%;
margin: 46px 0 0 46px;
}

.search h6 {
display: none;
}

#search-search-top .search-text {
padding: 8px 8px;
margin: 0 6px 0 0;
border: 1px solid #ccc;
font-size: 14px;
color: #222;
width: 346px;
float: left;
}

#search-search-top .search-button {
background: #f0f0f0;
border: 1px solid #d2d2d2;
height: 35px;
width: 55px;
-moz-border-radius: 6px;
font-size: 14px;
color: #222;
}

#search-search-top p {
color: #fff;
clear: both;
float: right;
margin: 6px 60px 0 0;
font-size: 11px;
}

#search-search-top a{
color: #fff;
}

#header-link {
position: absolute;
left: 50%;
margin: 0 0 0 -480px;
display: block;
width: 420px;
height: 12px;
text-indent: 0px;
color: #fff;
padding: 95px 0 0 0;
font-size: 11px;
font-style: italic;
}

#header-link:hover{
text-decoration: none;
}

#header-link span{
display: none;
}

.index #header-link span{
display: inline;
}

/* ---- NAVIGATION ---- */
.nav {
width: 100%;
height: 60px;
background: #3c42ae url(http://media.granitetv.com/designimages/gbc_nav_gradient.png) top center repeat-x;
border-bottom: 1px solid #ccc;
}

.parentyounews #nav-top {
margin-bottom: 0px;
}

#nav-top .top-level {
width: 960px;
margin: 0 auto;
}

#nav-top {
overflow: hidden;
margin-bottom: 10px;
}

#nav-top .top-level li {
float: left;
padding: 0;
margin: 0;
height: 30px;
line-height: 28px;
margin-right: 2px;
}

#nav-top .top-level li a {
text-transform: uppercase;
text-decoration: none;
color: #fff;
display: block;
height: 30px;
padding: 0 15px;
background: #11004e;
font-size: 11px;
line-height: 32px;
font-weight: bold;
}

#nav-top .top-level .topNav1 a:hover,
#nav-top .top-level .topNav2 a:hover,
#nav-top .top-level .topNav3 a:hover,
#nav-top .top-level .topNav4 a:hover,
#nav-top .top-level .topNav5 a:hover,
#nav-top .top-level .topNav6 a:hover,
#nav-top .top-level .current a {
background: #e1e1e1;
color: #000;
}

#nav-top .top-level .topNav7,
#nav-top .top-level .topNav8,
#nav-top .top-level .topNav9,
#nav-top .top-level .topNav10,
#nav-top .top-level .topNav11 {
float: right;
}

#nav-top .top-level .topNav7 a,
#nav-top .top-level .topNav8 a,
#nav-top .top-level .topNav9 a,
#nav-top .top-level .topNav10 a,
#nav-top .top-level .topNav11 a {
background: none;
padding: 0 8px;
line-height: 33px;
text-transform: none;
font-weight: normal;
}

#nav-top .top-level .topNav7 a:hover,
#nav-top .top-level .topNav8 a:hover,
#nav-top .top-level .topNav9 a:hover,
#nav-top .top-level .topNav10 a:hover,
#nav-top .top-level .topNav11 a:hover {
text-decoration: underline;
}

#nav-top .sub-level, #home-subnav .sub-level {
clear: both; 
background: #e1e1e1;
width: 950px;
margin: 0 auto;
padding: 0 0 0 10px;
height: 30px;
}

#home-subnav {
float: left;
margin: -41px 0 0 0;
}


.sub-level li,
#nav-top .sub-level li {
float: left;
background: none;
padding: 0 8px;
line-height: 33px;
text-transform: none;
font-weight: normal;
font-size: 12px;
}

#nav-top .sub-level a:hover,
#nav-top .sub-level .current a {
text-decoration: underline;
}


.revProgram #header {
height: 140px;
}

.revProgram #user-bar {
margin-top: 0px;
}

.revProgram #main #nav-top,
.parentyounews #main #nav-top {
height: 30px;
}

.parentyounews #content {
width: 600px !important;
}

/*----------YouNews-----------*/
#content-three #mostpopular ol li.younews{
background: transparent url(http://media.granitetv.com/designimages/graniteyn_logo.png)left no-repeat;
}

#content-three #mostpopular ol li.younews h3.entry-title a{
margin-left: 65px;
}

/*-------Community Calendar---------*/ 
.path-news-community-calendar .storybody .date{
display: none;
visibility: hidden;
}

/*--------- Revenue Program ----------*/
.revProgram #program #storytools #imware h6 {
background:transparent url(http://media.granitetv.com/designimages/ls_sprite3.png) no-repeat scroll 0 -299px;
width:125px;
}

#prog-obits #program #storytools h6 {
background: none;
width: auto;
}

.revProgram #program #storytools #imware {
clear:both;
margin:0 0 10px;
width:130px;
}

.revProgram #program #storytools {
float:right;
margin:0;
width:130px;
}

.revProgram #program #storytools #imwarelist li {
font-size:12px;
list-style-type:none;
margin:5px 0 0 10px;
}

.experts #program #storytools {
width: 275px;
}

.revProgram #aside #storytools {
width: auto;
}

#queue-form textarea {
font-size: 13px !important;
}


/* -------- BREAKING WEATHER ---------- */
#severe-weather {
line-height: 14px;
height: 20px;
width: 960px;
overflow: hidden;
border: 1px solid #ccc;
margin: 0 0 8px 0;
padding: 0;
border-radius: 4px;
}

#severe-weather h5 {
background-color:#cc0000;
color: #fff;
line-height: 20px;
float: left;
padding: 0 15px;
font-size: 12px;
font-weight: bold;
border-radius: 4px 0 0 4px;
margin-top: 0px
}

#severe-weather .manualScroll {
float: left;
margin: 0 8px;
display: block;
width: 10px;
height: 20px;
}

#severe-weather .forward,
#severe-weather .back {
text-indent: -9999px;
display: block !important;
width: 10px;
height: 20px;
}

#severe-weather .back {
background: transparent url(http://media.indianasnewscenter.com/designimages/belo-severe-forward.png) center center no-repeat;
}

#severe-weather .forward {
background: transparent url(http://media.indianasnewscenter.com/designimages/belo-severe-back.png) center center no-repeat;
}

#severe-weather .scrollMask {
width: 800px;
overflow: hidden;
position: relative;
float: left;
}

#severe-weather ul {
height: 16px;
width: 9999px;
margin-left: 0px;
position: relative;
}

#severe-weather ul li{
float: left;
line-height: 20px;
margin-right: 20px;
display: block;
}

#severe-weather ul li.end{
width: 200px;
display: block;
}

#severe-weather .county {
font-weight: bold;
}

#severe-weather a {
padding: 0 0 0 0;
}