/*-------- WBND TOP STYLES ---------------- */
body{
width: 100% !important;
padding: 0;
}

#main{
width: 100%;
margin: 0 auto;
padding: 0px 0 0 0;
background: transparent url(http://media.abc57.com/designimages/WBND-Header-Side-Repeat-8.jpg) center -10px repeat-x;
}

#container{
width: 100%;
background: #fff;
}

#content,
#maintable{
width: 960px;
margin: 0 auto;
background: #fff;
}


/*----Typography----*/
body {
color: #333;
font-size: 62.5%; /* Gives base of 10px*/
font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1 {
font-size: 2.4em;
font-weight:bold;
letter-spacing: .04em;  
}

.sectiondiv h6,
.sectiondiv3 h1,
.sectiondiv h1{
font-weight: 400;
}

h2 {
font-size: 1.8em;
font-family: Georgia, Times New Roman, serif;
font-weight:bold;   
}

h3 {
font-size: 1.4em;   
}

a:link, a:visited, a:active {
color: #284AAC;
text-decoration: none;
}

a:hover {
color: #284AAC;
text-decoration: underline;
}

p, ul li {
font-size: 1.2em;
line-height: 1.3em;
}


#main {
text-align: left;
}

/*--------------------- HEADER ----------------*/
#header {
width: 960px;
height: 150px;
background: transparent url(http://media.abc57.com/designimages/wbnd-header13c.jpg) top left no-repeat;
position: relative;
margin: 5px auto 0 auto;
}

/* ------------ WEATHER IN DA HEADER --------------- */
#header #weatherbox{
position: absolute;
right: 295px;
width: 200px;
top: 0px;
color: #fff;
text-align: center;
}

#header #weatherbox .sectiondiv3{
display: none;
}

#header #weatherbox #weatherdata{
padding: 5px;
height: auto;
overflow: hidden;
}

#header #weatherbox#weathercontent #forecast{
font-weight: bold;
font-size: 14px;
}

#header #weatherbox #weathercontent #forecast .city{
display: none;
}

#header #weatherbox #weathercontent #forecast .icon{
float: right;
margin: 0 30px 0px 5px;
}

#header #weatherbox #weathercontent #forecast .current{
font-size: 30px;
float: right;
width: 55px;
margin: 10px 0px 0 0;
}

#header #weatherbox #weathercontent #forecast .temp,
#header #weatherbox #weathercontent #forecast .pressure,
#header #weatherbox #weathercontent #forecast .humidity,
#header #weatherbox #weathercontent #forecast .current span{
display: none;
}

#header #weatherbox #weathercontent #forecast .current .deg{
display: inline;
}

#header #weatherbox #weathercontent #forecast .condition{
clear: both;
text-align: left;
width: 80px;
float: right;
font-size: 12px;
padding: 0 0 0 5px;
}

#header #weatherbox #weathercontent #forecast .wind{
width: 90px;
float: right;
font-size: 12px;
padding: 0 12px 0 0;
text-align: right;
}

/* ------------ STATION TABS ------------------ */
#header #stationtabs{
position: absolute;
right: 305px;
bottom: 34px;
width: auto;
height: 30px;
border: solid red 0px;
z-index: 50;
}

#header #stationtabs a{
display: block;
width: 27px;
height: 30px;
text-indent: -9999px;
}

#header #stationtabs ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#header #stationtabs ul li{
float: left;
margin: 0;
border: solid transparent 1px !important;
}

#header #stationtabs ul #tab1{
position: absolute;
top: -75px;
left: -515px;
width: 135px;
height: 100px;
padding: 0;
}

#header #stationtabs ul #tab1 a{
width: 135px;
height: 100px;
text-indent: -9999px;
}

#header #stationtabs ul #tab2 a{
width: 28px;
}

#header #stationtabs ul #tab3 a{
width: 30px;
}
#header #stationtabs ul #tab4 a{
width: 34px;
}
#header #stationtabs ul #tab5 a{
width: 30px;
}

#header #stationtabs ul #tab6 a{
width: 28px;
}

#header #stationtabs ul #tab9,
#header #stationtabs ul #tab7,
#header #stationtabs ul #tab8{
position: absolute;
top: -85px;
}

#header #stationtabs ul #tab9 a,
#header #stationtabs ul #tab7 a,
#header #stationtabs ul #tab8 a{
height: 115px;
width: 50px;
}

#header #stationtabs ul #tab7{
left: -340px;
width: 50px;
}

#header #stationtabs ul #tab8{
left: -260px;
width: 50px;
}

#header #stationtabs ul #tab9{
left: -190px;
width: 50px;
}

/* ---------------- SEARCH -------------------- */
#header .searchform{
position: absolute;
right: 10px;
top: 80px;
margin: 0 0 0 -220px;
width: 240px;
}

.parentyounews #header .searchform{
display: none;
}

#header .searchform .searchbox{
width: 180px;
height: 24px;
font-size: 18px;
float: left;
}

#header .searchform .searchbutton{
height: 29px;
position: relative;
display: block;
margin: 4px 0 0 -20px;
width: 18px;
border: none;
height: 24px;
float: left;
background: transparent url(http://media.abc57.com/designimages/WBND-SPYGLASS1.jpg) center center no-repeat;
text-indent: -9999px;
font-size: 1px;
color: #fff;
}

#header .searchform .advanced{
display: block;
float: right;
width: 45px;
color: #fff;
margin: 0 0 0 5px;
}

/*---------------- NAVIGATION ------------------*/
#nav{
width: 960px;
height: 45px;
position: relative;
margin: -26px auto 0 auto;
padding: 0 0px;
font-family: 'Muli', arial, serif;
font-weight: bold;
}

#nav a{
color: #000;
}

#nav a:hover{
text-decoration: none;
}

/* ---- TOP NAV ---- */
#nav #navbuttons{
width: 960px;
height: auto;
height: 26px;

}

#nav #navbuttons li{
float: left;
background: transparent url() top right no-repeat;
}

#nav #navbuttons li a{
display: block;
line-height: 25px;
font-size: 17px;
padding: 0 8px 0 8px;
}

#nav #navbuttons li:hover{
background: transparent url(http://media.abc57.com/designimages/WBND-nav-hover9.png) top right repeat-x;
}

#nav #navbuttons li a:hover{
color: #fff;
}

#nav #navbuttons li.current a:hover{
color: #222;
}

#nav #navbuttons li.current{
background: #fff url() top right no-repeat;
}

/* ---- last top level item style ---- */
#nav #navbuttons #nav10,
#nav #navbuttons #nav11,
#nav #navbuttons #nav12{
float: right;
background: transparent url() top left no-repeat;
}

#nav #navbuttons #nav10{
margin: 0 0px 0 0;
}

#nav #navbuttons #nav10 a,
#nav #navbuttons #nav11 a,
#nav #navbuttons #nav12 a{
font-size: 12px;
background: transparent url() top left no-repeat;
color: #002763;
text-transform: uppercase;
}

#nav #navbuttons #nav10:hover,
#nav #navbuttons #nav11:hover,
#nav #navbuttons #nav12:hover{
background: transparent url() top left no-repeat;
}

#nav #navbuttons #nav10 a:hover,
#nav #navbuttons #nav11 a:hover,
#nav #navbuttons #nav12 a:hover{
background: transparent url() top left no-repeat;
color: #0163D0;
}

/* -------------- HOME IS NOT NEWS --------------- */

.parentnews #nav #navbuttons #nav1{
background: transparent;
}

.parentnews #nav #navbuttons #nav1:hover{
background: transparent url(http://media.abc57.com/designimages/WBND-nav-hover9.png) top right repeat-x;
}


.parentnews #nav #navbuttons #nav1:hover a{
color: #fff;
}

/* ---- SUB NAV ---- */
#nav #subnav{
clear: both;
height: 20px;
margin: 0px 0 0 0px;
overflow: hidden;
background: #fff;
}

#nav #subnav .subnav{
height: auto;
overflow: hidden;
}

#nav #subnav li{
float: left;
}

#nav #subnav li a{
display: block;
line-height: 18px;
font-size: 11px;
color: #666;
padding: 0 5px 0 5px;
text-transform: uppercase;
font-size: 12px;
}

#blogscommunity-blogs #nav #subnav li.subnav1 a{
color: #666666;
}

#nav #subnav li a:hover{
color: #000;
}

#blogscommunity-blogs #nav #subnav li.subnav1 a:hover{
color: #000;
}

#nav #subnav li.subnavcurrent a{
color: #0163D0;
}


/* ---------------- FOOTER ---------------- */
#footer {
color: #fff;
font-size: 10px;
text-align: center;
border-top: 0px solid #6078B4;
clear: both;
height: auto;
overflow: hidden;
padding: 0 0 10px 0;
margin: 20px 0 0 0;
background: transparent url(http://media.abc57.com/designimages/WBND-footer-back.jpg) top left repeat-x;
position: absolute;
margin: 0 0 0 0px;
width: 100%;
}

#footer a{
color: #ccc;
}

#footer .company {
clear: both;
width:960px;
background:url(http://media.abc57.com/designimages/wbnd_footer_channels.png) no-repeat center;
background-size:319px 55px;
margin:0 auto;
position:relative;
margin-top:-10px;
}

#footer .copydoc, #affiliate {
display: inline;
padding: 0 16px;
}

#footer .copyright {
display:none;
visibility:hidden;
}

#footer .company #footerlogos{
height:45px;
margin:0 auto;
padding:0;
width:319px;
}

#footer .company #footerlogos a{
display:block;
float:left;
position:relative;
}

#footer .company #footerlogos a#one{
width:70px;
height:45px;
}

#footer .company #footerlogos a#two{
width:63px;
height:45px;
}

#footer .company #footerlogos a#three{
width:63px;
height:45px;
}

#footer .company #footerlogos a#four{
width:63px;
height:45px;
}

#footer .company #footerlogos a#five{
width:56px;
height:45px;
}

/* ------------- FOOTER NAV ----------- */
.parentyounews #content{
width: 600px;
background: url("http://media.younewstv.com/designimages/yn_station_header_bkg.gif") repeat-x scroll 0 0 transparent;
}

.parentyounews #columns-outer{
margin: -19px 0 0 0;
}

.parentyounews #main{
background: url("http://media.abc57.com/designimages/WBND-Header-Side-Repeat-8.jpg") repeat-x scroll center -15px transparent;
}

#footer #navbottom {
width: 960px;
margin: 0 auto;
padding: 0;
font-family: 'Muli', arial, serif;
}

#footer #navbottom #navbuttons{
width: 877px;
margin: 10px auto;
padding: 0;
overflow: hidden;
list-style-type: none;
}

#footer #navbottom #navbuttons li{
float: left;
}

#footer #navbottom #navbuttons li a{
padding: 0 10px;
font-size: 16px;
}

#footer #navbottom #subnav{
display: none;
}

#younews #footer a:link, 
#younews #footer a:visited,
#younews #footer a:active {
color: #284AAC;
text-decoration: none;
}
