/*----Typography----*/
body {
color: #333;
font-size: 62.5%; /* Gives base of 10px*/
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #ccc url() 0 0 repeat;
}

h1 {
font-size: 2.4em;
font-weight:bold;
letter-spacing: .04em;	
}

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;
}

.sectiondiv3 h1,
.sectiondiv h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight:bold;
line-height: 33px;
padding: 0 0 0 8px;
color: #fff;
margin: 0;
text-align: center;
}

#main {
text-align: left;
}

/*--------------------- HEADER ----------------*/
#header {
width: 960px;
height: 98px;
background: transparent url(http://media.khastv.com/designimages/KHAS_header-1.jpg) top left no-repeat;
position: relative;
}



/* HEADERPROMO */
.headerpromo {
float: right;
margin:0;
padding: 4px 4px 0 0;
}

.headerpromo img{
max-height: 94px;
}

/* --------------- WEATHER BOX --------------- */
#header #weatherbox {
font-size: 11px;
width: 320px;
float:left;
margin: 8px 0 0 0;
overflow: hidden;
color: #fff;
}

#header #weatherbox .sectiondiv3{
background: transparent url(http://media.khastv.com/designimages/KHAS_sectiondivider_646.jpg) top left no-repeat;
height: 33px;
text-align: center;
display: none;
}


#header #weatherbox .sectiondiv3 h1 {
font-size: 14px;
margin: 0;
padding: 0 0 0 10px;
line-height: 33px;
color: #fff;
text-transform: uppercase;
}

#header #weatherdata{
float: left;
padding-top: 16px;
padding-left: 5px;
}

#header #weatherdata a+img{
position: absolute;
margin: 0 0 0 120px;
}


#header #weatherbox #forecast{
padding: 16px 0px 0px 5px;
overflow: hidden;
}

#header #weatherbox .icon img {
margin: 8px 4px 0px 0px;
padding: 0;
border: 1px solid black;
width: 55px;
height: 58px;
float: left;
display: none;
}

#header #forecast span {
font-weight: bold;
}

#header #weatherbox .temp {
padding: 0 5px 0 0;
margin: 10px 0 0 0;
float: right;
font-size: 35px;
}

#header .conditions {
font-weight: bold;
}

#header .wind{
float: left;
padding: 0 4px 0 0;
}

#header #weathercontent .more{
display: none;
}

/* -------------- STATION TABS -------------- */
#stationtabs {
margin: 0;
padding: 0;
position: absolute;
top: 0px;
left: 0px;
}

#stationtabs ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#stationtabs ul li {
display: block;
float: left;
list-style-type: none;
height: 22px;
}

#stationtabs ul #tab1 {
width: 134px;
}

#stationtabs ul #tab1 a {
display: block;
width: 134px;
text-indent: -9999px;
}

#stationtabs ul #tab2 {
width: 67px; 
}

#stationtabs ul #tab2 a {
display: block;
width: 77px;
text-indent: -9999px;
}

#stationtabs ul #tab3 {
width: 131px;
}

#stationtabs ul #tab3 a {
display: block;
width: 131px;
text-indent: -9999px;
}

#stationtabs ul #tab4{
position: absolute;
left: 50%;
margin: 0 0 0 177px;
width: 184px;
height: 96px;
}

#stationtabs ul #tab4 a{
display: block;
width: 184px;
height: 96px;
text-indent: -9999px;
}


/*---------------- NAVIGATION ------------------*/
#nav {
clear: both;
background-color: #061256;
font-weight:bold;
width:960px;
letter-spacing: .015em;
}

#nav {
width: 960px;
text-align: left;
}

#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav ul li {
list-style-type: none;
display: inline;
}

#navbuttons {
width: 960px;
height: 23px;
overflow: hidden;
color: #fff;
}

#navbuttons a {
display: block;
line-height: 26px;
color: #fff;
padding: 0px 9px;
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
}

#navbuttons li {
background: transparent url(http://media.khastv.com/designimages/KHAS_navback_right_new.jpg) top right no-repeat;
}

#navbuttons li a {
background: transparent url(http://media.khastv.com/designimages/KHAS_navback_left_new.jpg) top left no-repeat !important;
color: #fff;
}

#navbuttons .current {
text-decoration: none;
background: #fff url(http://media.khastv.com/designimages/KHAS_navback_right_highligh_new.jpg) top right no-repeat;
}

#navbuttons .current a {
background: transparent url(http://media.khastv.com/designimages/KHAS_navback_left_highlight_new.jpg) top left no-repeat !important;
}

#navbuttons li a:hover {
background: transparent url(http://media.khastv.com/designimages/KHAS_navback_left_highlight_new.jpg) top left no-repeat !important;
}

#navbuttons li:hover {
background: #fff url(http://media.khastv.com/designimages/KHAS_navback_right_highligh_new.jpg) top right no-repeat;
}

.navrev {
font-size: 1.2em;
float: right;
line-height: 23px;
padding: 0 0 0 0;
}

.navrev a {
color: #E6EDF9 !important;
padding: 3px 17px 4px 5px !important;
}

.navrev ul {
display: inline; 
}

.navrev a:hover {
background-image: none !important;
background-color: #d12f23 !important;
text-decoration: underline;
}

#subnav {
width: 960px;
font-size: 1.2em;
color: #fff;
line-height: 22px;
height: 22px;
clear: both;
background: #000066 url(http://media.khastv.com/designimages/KHAS_subnav_background_new.jpg) top left repeat-x;
}

#subnav li {
display: block;
float: left;
}

#subnav a {
display: block;
padding: 2px 8px 0 10px;
color:#fff;
font-size: 12px;
}

#subnav a:hover,
#subnav .subnavcurrent a {
text-decoration: underline;
}

#subnav .subnavcurrent a:hover {
text-decoration: none;
}

#nav #nav11 {
background-color: #990000;
float: right;
font-style: italic;
}

#nav #nav11 a {
text-transform: none;
}


#programming #subnav li a{
padding: 2px 6px 0 6px;
}

/* ---------------- FOOTER ---------------- */
#footer {
color: #333;
width: 960px;
padding: 0;
background: #fff;
font-size: 10px;
text-align: center;
border: 1px solid #ddd;
clear: both;
}

#footer .company {
padding-top: 4px;
}

#footer .copydoc, #affiliate {
display: inline;
padding: 0 16px;
}

#footer .copyright {
display: none;
visibility: hidden;	
}


/*---------YouNews ----*/

#younews #footer a:link, 
#younews #footer a:visited,
#younews #footer a:active {
color: #284AAC;
text-decoration: none;
}

#infobox #rfl img {
width: 300px;
height: 100px;
}

