/*
Theme Name: WNVA Radio
Theme URI: http://www.wnva.net
Description: Wordpress theme for WNVA Radio
Version: 1.0
Author: Stephanie Skeen
Author URI: http://www.myssdesign.com
*/

* { margin: 0; padding: 0; border-width: 0; }
html { background: #777648 url(img/bk.jpg) top left repeat-x; }
p { margin: 0 0 10px; display: block; }
a { text-decoration: none; color: #094707; }
a:hover { border-bottom: 1px dotted #7f936c; }
table a:hover { text-decoration: underline; border-bottom: none; }
table { border-collapse: collapse; }
th, td { padding: 10px; }
.odd { background: #e4fee4; }
th { border-bottom: 1px dotted #389038; background: #fff; }
h1, h2, h3 { line-height: 18px; }
h1 a:hover, h2 a:hover, h3 a:hover { border: 0 }
.center { text-align:center }
br.clr { height:0; clear:both; visibility:hidden; line-height: 0; min-height: 0px; content: "."; font-size: 0; display: block; }
::-moz-selection { color: #ffffff; background: #094707; padding: 6px; }
div.hr { height: 1px; border-bottom: 1px dotted #bebda7; padding: 30px 0 0; margin: 0 0 30px; clear: both; }

/* Body ----- */
body { background: url(img/bkhead.png) top center no-repeat; font: normal 12px Arial, Helvetica, sans-serif; color: #222; width: 100%; display: table; padding: 0; margin-left: -70px; }
#w { width: 909px; margin: 0 auto 15px; position: relative; }
#w2 { background: url(img/head.gif) 54px 32px no-repeat; position: relative; left: 49px; }

/* Top ----- */
#head { background: url(img/logo.gif) 0 15px no-repeat; height: 276px; position: relative; }
#head a { display: block; text-indent: -9999px; }
#head a:hover { text-decoration: none; border: 0; }
#head a#home { width: 279px; height: 126px; position: absolute; top: 51px; left: 21px; }
#head a#home:hover { background: url(img/logo.gif) 0 -470px no-repeat; padding: 0; margin: 0; }
#head a#listenlive { width: 275px; height: 105px; position: absolute; top: 177px; left: 46px; }
#head a#listenlive:hover { background: url(img/radio-hover.gif) 8px 13px no-repeat; }
#head #nowplaying { width: 489px; height: 73px; position: absolute; top: 56px; right: 66px; }
#head #nowplaying a#listen { display: block; color: #373737; position: absolute; left: 5px; top: 26px; width: 150px; height: 22px; background: url(img/listenlive.gif) 0 0 no-repeat; }
#head #nowplaying a#listen:hover { background: url(img/listenlive.gif) 0 -22px no-repeat; }
#head #nowplaying iframe {position: absolute; right: 0; top: 0; }
#head #nav { position: absolute; right: 20px; bottom: 22px; width: 546px; height: 70px; background: url(img/nav.gif) no-repeat; }
#head ul { margin:0 0 16px; padding:0; display: block; height: 27px; clear: both; }
#head ul#btm { margin:0 0 0 27px; width: 522px; }
#head li { list-style-type:none; display: block; float: left; }
#head li a { margin-right: 34px; height: 28px; }
#head #btm a { margin-right: 36px; }
#head ul a:hover, .n1active, .n2active, .n3active, .n4active, .n5active, .n6active { background: url(img/nav.gif) no-repeat; }
#head a#n1 {width: 84px; }
	#head a#n1:hover {background-position: -1px -116px; }
	#head a.n1active { background-position: 0 -231px; }
#head a#n2 {width: 100px; }
	#head a#n2:hover {background-position: -119px -116px; }
	#head a.n2active { background-position: -118px -231px; }
#head a#n3 {width: 284px; margin: 0; }
	#head a#n3:hover {background-position: -253px -116px; }
	#head a.n3active { background-position: -252px -231px; }
#head a#n4 {width: 143px; }
	#head a#n4:hover {background-position: -28px -159px; }
	#head a.n4active { background-position: -27px -274px; }
#head a#n5 {width: 112px; margin-right: 35px; }
	#head a#n5:hover {background-position: -206px -159px; }
	#head a.n5active { background-position: -206px -274px; }
#head a#n6 {width: 193px; margin: 0; }
	#head a#n6:hover {background-position: -353px -159px; }
	#head a.n6active { background-position: -353px -274px; }


/* Content ----- */
#contentw { background: url(img/c-bktop.gif) no-repeat; padding: 13px 0 0; width: 849px; margin-left: 60px; position: relative;}
#content { background: url(img/c-bkmid.gif) repeat-y; padding: 0 6px 12px 7px; position: relative; }

#contentw h1, #content #sidebar h2 { color: #373737; text-shadow: 0 1px 1px #fff; }
#contentw h1 { font-size: 26px; height: 27px; text-align: right; margin-top: 6px; padding-right: 15px; }
#contentw h1 span { font-size: 18px; }

#content #sidebar { width: 250px; float: right; }
#content #sidebar ul { list-style: none; margin: 0 0 0 5px; padding-left: 1em; text-indent: -1em; }
#content #sidebar ul li { margin-bottom: 6px; }
#content #sidebar ul li:before { content: "\00BB \0020"; font-size: 15px; color: #777648; }
#content #sidebar ul li:hover:before { color: #c4bd9d; }
#content #sidebar .sbox { padding: 20px 25px 20px 20px; border-top: 1px solid #f0ecd9; border-bottom: 1px solid #c4bd9d; border-left: 1px solid #dad5bd; background: #e9e3c6; }
#content #sidebar h2 { font-size: 22px; margin: 0 0 10px; border-bottom: 1px #bebda7 dotted; padding-bottom: 6px; line-height: 26px; }
#content #sidebar h2 a { color: #373737; }
#content #sidebar .light { background: #f3f0df; border-top: 1px solid #fff; border-bottom: 1px solid #d3ceb3; }
#content #sidebar .time { font-size: 18px; font-weight: bold; text-align: center; line-height: 26px; }
#content #sidebar .btm { background: url(img/cl-bkbtm.gif) no-repeat; height: 6px; border-top: 1px solid #f0ecd9; }
#content #sidebar .sbox .cform, #content #sidebar .sbox .linklove{ width: 210px; }
#content #sidebar .sbox .linklove{ display: none; }
#content #sidebar .sbox .scheduler_sidebar_link { margin-top: 8px; }

#content #cbody { margin: 24px 0 0 14px; float: left; width: 544px; padding: 0 5px; display: inline; }
#content #cbody a { text-decoration: underline; }
#content #cbody a:hover { text-decoration: none; }
#content #cbody p { margin: 15px 0; }
#content #cbody h2 { color: #222; font-size: 24px; margin: 0 0 20px; }
#content #cbody .post { margin: 0 0 25px; text-align: justify; line-height: 18px; }
#content #cbody .post h3 a { color: #222; font-size: 22px; text-decoration: none; }
#content #cbody .post h3 { margin: 0 0 6px; }
#content #cbody small, #content #cbody p.postmetadata { font-size: 10px; color: #888; margin: 5px 0 6px; display: block; }
#content #cbody small { margin: 0 0 10px; }
#content #cbody p.postmetadata { margin: 0; }

#content #all { margin: 0; padding: 20px; }
#content #all .archives { width: 220px; padding: 45px 22px 25px; float: left; }
#content #all .archives table { text-align: center; background: #eef4ee; border-collapse:separate; width:100%; border-bottom: 1px solid #aac4a7; }
#content #all .archives table th { color: #222; font-size: 20px; background: #fff; padding: 0 6px 6px; line-height: 22px; border-bottom: none; }
#content #all .archives td { border-top: 1px solid #aac4a7; border-bottom: 1px solid #ebf1ea; padding: 10px 6px; }
#content #all .archives .odd { background: #dfe9dd; border-bottom: 1px solid #ebf1ea; }



/* Bottom ----- */
#edge{ background: url(img/c-bkbtm.gif) no-repeat; height: 12px; }
#foot{ position: relative; float: right; margin: 6px 0 0; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #fff; width: 842px; padding-right: 4px; line-height: 30px; text-align: left; }
#foot a { color: #fff; text-decoration:underline }
#foot a:hover { border: 0; text-decoration: none; }
#foot #ss { background: url(img/sslogo.gif) no-repeat; width: 20px; height: 25px; display: block; position: absolute; right: 2px; top: 0px; }
#foot #ss:hover { background: url(img/sslogo.gif) 0 -30px no-repeat; }