/*
Theme Name: Ferrall Radio
Theme URI: http://ferrallradio.com/
Description: Designed specifically for Ferrall Radio
Version: 1.5
Author: Lucas Smith
Author URI: http://volanstudio.com/

*/

/*-- RESET--*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td{margin:0; padding:0; border:0; outline:none;}

body{line-height:1; font-size:14px;}

h1, h2, h3, h4, h5, h6{font-size:100%; padding:0; margin:0;}
ul, ol{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#666; text-decoration:underline;}
a:visited{color:#333; text-decoration:none;}

.floatLeft{float:left; padding:.5em .5em .5em 0;}
.floatRight{float:right;padding:.5em 0 .5em .5em;}

/*-- Main Styles --*/

body{text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFF;}

.home{background:url(_img/home/bg.jpg) top center no-repeat #000;}
.sub{background:url(_img/sub/bg.jpg) top center no-repeat #000;}

h1{font-size:60px; text-transform:uppercase;}
h2{font-size:80px; text-transform:uppercase; padding:0 0 6px;}
h3{font-size:54px; text-transform:uppercase;}
h4{font-size:54px; font-weight:bold; padding:0 0 4px; text-transform:uppercase;}
h5{font-size:21px; text-transform:uppercase;}
h6{font-size:18px; text-transform:uppercase;}

small{font-size:.35em;}
h2 small{color:#84d1d8;}
h2 strong{color:#fff;}

a{color:#FFF; text-decoration:none;}
a:hover{color:#ddd; text-decoration:none;}
a:visited{color:#FFF; text-decoration:none;}

p{margin:8px 0 0 0; padding:0;}
p.teamFerrall{width:735px; text-align:right; color:#ffc525; font-size:15px; margin:16px 0 0 0;}
p.teamFerrall a{font-weight:bold; color:#a18fc8;}
p.teamFerrall_tall{width:350px; text-align:right; color:#ffc525; font-size:13px; margin:8px 0 0 0;}
p.teamFerrall_tall a{font-weight:bold; color:#a18fc8;}
p.feature{font-size:16px; line-height:20px;}
	
#wrap{margin:0 auto; text-align:left; line-height:18px; width:1000px;}

#header{float:left; display:inline; width:1000px; text-align:center;}
#header .logo{margin:15px auto 0;}
.sub #header .logo{margin:5px auto 0;}

#marquee{float:left; display:inline; width:1000px;}
#marquee .feature{float:left; display:inline; width:1000px; height:200px;}
#marquee .title{float:left; display:inline; margin:-20px 0 0 -10px;}
#marquee .theShow{margin-right:520px;}
#marquee .onTheBench{margin-right:320px;}
#marquee .getScottsLife{margin-right:390px;}
#marquee .ferrallAvent{margin-right:370px;}
#marquee .link{float:left; display:inline; margin:-20px 0 0 0;}

#live{float:left; display:inline; margin:-50px 0 0 -5px;}
#scottbeatstheman{float:left; display:inline; margin:10px 0 0 -90px; padding:0 190px 0 0;}
#cheer1{float:left; display:inline; margin:25px 0 0 -5px;}
#cheer2{float:left; display:inline; margin:35px 0 0 -40px;}

#menu{float:left; display:inline; margin:-50px 5px 20px; width:990px;}
#menu li{float:left; display:inline; padding:0 2px;}
#menu li a{float:left; display:inline; font-size:34px; padding:6px 8px 0; background:#000;}
#menu li a:hover{background:#222; color:#84d1d8;}

ul#fav{margin:0; padding:0; width:680px; clear:both;}
ul#fav li{float:left; display:inline; margin:0; padding:0;}

#main{float:left; display:inline; width:960px; margin:0 20px;}

/* left column (all content and inline ads) */
#main .left{float:left; display:inline; width:744px; margin:0 0 0 20px;}
#main .left .ad_horizontal{float:left; display:inline; background:url(_img/_global/ad_horizontal_bg.jpg) top left no-repeat; width:744px; margin:0 0 22px 0; height:106px;}
#main .left .ad_horizontal img{float:left; display:inline; margin:8px;}
#main .left .ad_horizontal object{float:left; display:inline; margin:7px 8px 8px;}
#main .left .ad_horizontal iframe{float:left; display:inline; margin:7px 8px 8px;}

#main .left .content_tall{float:left; display:inline; width:350px; margin:0 0 0 8px; padding:0 12px 10px 0;}
#main .left .content_tall h2{color:#84d1d8;}
#main .left .content_tall h6{font-size:12px; color:#fffe06; width:350px; text-align:right; margin:0 0 16px 0; line-height:15px;}
#main .left .content_tall h6 strong{font-size:15px; font-weight:bold; color:#65d5e4; margin:0 6px 0 0;}

.on_the_bench h3{color:#657ae4;}
.on_the_bench .jScrollPaneDrag{background:#657ae4;}
a.more-link{width:325px; text-align:right; font-weight:bold; color:#ee8014;}

#main .left .content_full_source{float:left; display:inline; margin:0 0 30px 0; padding:15px 8px 20px;}
#main .left .content_full_source h2{color:#ee8014;}
#main .left .content_full{float:left; display:inline; width:698px; margin:0 20px 30px 8px; padding:15px 15px 20px; border-bottom:1px #222 solid; background:url(_img/_v1.5/contentBG.jpg) top left repeat-x;}
#main .left .content_full .imgWrap{float:right; display:inline; margin:0 0 20px 20px; background:url(_img/_global/ad_inline_bg.jpg) top left no-repeat; width:363px;}
#main .left .content_full .onTheBench{background:url(_img/sub/inline_onTheBench.jpg) top left no-repeat; width:231px;}
#main .left .content_full .imgWrap img{float:right; display:inline; padding:8px;}
#main .left .video{float:left; display:inline; width:728px; margin:0 0 0 8px; padding:0 20px 75px 0;}
#main .left .content_full img{float:left; display:inline; margin:10px 5px;}
#main .left .content_full object{float:right; display:inline; margin:0 0 20px 20px;}

#main .left .content_full h1{float:left; display:inline; color:#84d1d8; width:480px;}
#main .left .content_full h2{color:#84d1d8;}
#main .left .content_full h3{color:#FFF;}
#main .left .content_full h4 a{color:#ee8014;}
#main .left .content_full h5{color:#bdd8da; font-weight:bold; font-size:15px; text-transform:uppercase; margin:4px 0 0 0;}
#main .left .content_full h5 small{color:#e4e9e9; margin:0 40px 0 10px; text-transform:none;}
#main .left .content_full h6{}
#main .left .content_full h6 small{color:#e4e9e9; margin:0 0 0 10px;}

#main .left .content_half{float:left; display:inline; width:319px; margin:0 0 40px 8px; padding:15px 15px 20px; border-bottom:1px #222 solid; background:url(_img/_v1.5/contentBG.jpg) top left repeat-x;}

#main .left .fav{width:369px; margin:0 20px 40px 8px;}
#main .left .fav h2{font-size:67px; color:#ee8014;}
#main .left .fav object{float:left; display:inline; margin:10px 0 20px 0; padding:17px 19px 57px 20px; background:url(_img/_v1.5/TF_tv.jpg) top left no-repeat;}

#main .left .soc{float:left; display:inline; width:299px; margin:0 0 40px 8px; padding:0 0 20px; background:url(_img/_v1.5/contentBG.jpg) top left repeat-x; height:405px;}
#main .left .soc h4{font-size:27px; padding:0 0 10px; text-transform:uppercase; color:#84d1d8;}
.info{padding:0 0 0 7px; height:265px;}

div.inline{float:right; display:inline; margin:0 0 20px 20px; width:140px;}

#main .left .newvideo{float:left; display:inline; width:708px; height:507px; margin:-20px -6px 20px; z-index:0; padding:0 0 20px; background:url(_img/_v1.5/tvBG.png) top left no-repeat;}
#main .left .newvideo object{margin:27px 32px 0 27px; padding:0;}

#show{position:relative; margin:0; padding:0; height:750px;}
#show h2{position:absolute; left:0; top:0; z-index:999;}
#slideshow{position:absolute; top:100px; left:0;}
#slideshow img{width:720px; height:auto;}
#slideshow img{width:auto; height:510px;}

#slidenav{position:absolute; z-index:100; top:130px; left:8px; width:700px; font-weight:bold; font-size:30px; text-transform:uppercase;}
#slidenav .previous, #slidenav .nextup{float:left; display:inline; width:122px; margin:450px 0 0; text-align:center;}
#slidenav .previous a, #slidenav .nextup a{background-color:#000; padding:5px 30px; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}
#slidenav .previous a:hover, #slidenav .nextup a:hover{background-color:#EEE; color:#000; padding:5px 30px; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; text-decoration:none;}
#slidenav .caption{float:left; display:inline; text-align:center; width:725px; margin:40px 0; font-size:18px; text-transform:none;}

#slidenav .pag{float:left; display:inline; width:361px; margin:450px 0 0; padding:0 50px 0 20px; text-align:center; height:20px;}
ul#navimg{margin:0 auto; width:401px; text-align:center; font-size:18px;}
ul#navimg li{float:left; display:inline; width:30px; height:25px; background-color:#000; margin:0 5px; padding:5px 0 0;}

#main .left .content_short{float:left; display:inline; width:350px; margin:0 0 30px 15px;}
#main .left .content_short h2{color:#ee8014;}

#main .left .content_bio{float:left; display:inline; width:350px; margin:15px 0 0 8px; padding:0 12px 20px 0;}
#main .left .content_bio .imgWrap{float:right; display:inline; margin:0 0 20px 20px; background:url(_img/_global/ad_inline_short_bg.jpg) top left no-repeat; width:116px;}
#main .left .content_bio .imgWrap img{float:right; display:inline; padding:5px; width:108px; height:101px;}

#main .left .content_bio h3{font:15px Arial, Helvetica, sans-serif; font-weight:bold; color:#ee8014;}
#main .left .content_bio h4{font:24px Arial, Helvetica, sans-serif; line-height:36px; font-weight:bold; color:#a18fc8;}
#main .left .content_bio h5{color:#bdd8da; font-weight:bold; font-size:14px; text-transform:uppercase; margin:0; line-height:17px;}
#main .left .content_bio h5 small{color:#e4e9e9; margin:0 40px 0 5px; text-transform:none;}
#main .left .content_bio h6{font-size:12px; color:#fffe06; width:350px; text-align:right; margin:0 0 16px 0; line-height:15px;}
#main .left .content_bio h6 strong{font-size:15px; font-weight:bold; color:#65d5e4; margin:0 6px 0 0;}

#main .left .ad_inline{float:left; display:inline; background:url(_img/_global/ad_inline_bg.jpg) top left no-repeat; width:363px; padding:0 0 30px 0; height:205px; margin:-8px 0 0 0;}
#main .left .ad_inline img{float:left; display:inline; margin:8px 8px 30px;}
#main .left .ad_inline_right{float:left; display:inline; background:url(_img/_global/ad_inline_bg.jpg) top left no-repeat; width:363px; padding:0 0 30px 0; height:205px; margin:-8px 0 0 16px;}
#main .left .ad_inline_right img{float:left; display:inline; margin:8px 8px 30px;}

#main .left .ad_inline_show{float:left; display:inline; background:url(_img/_global/ad_inline_bg.jpg) top left no-repeat; width:363px; padding:0 0 30px 0;}
#main .left .ad_inline_show img{float:left; display:inline; margin:10px 8px;}

.bio{margin:15px 0 0 0;}
.socialize p{margin:4px 0 0; padding:0;}
.socialize a{font-size:24px; text-transform:uppercase;}
.socialize a img{margin:0 5px 0 0;}

.dbag{float:left; display:inline; width:309px; margin:30px 10px 40px; padding:15px 10px 20px; border-bottom:1px #222 solid; background:url(_img/_v1.5/contentBG.jpg) top left repeat-x;}
.dbag h5{padding:8px 0; text-align:right; width:299px;}
.cont{height:650px;}
.cont img{float:left; display:inline; margin:0; padding:0 0 10px 0; width:299px; height:auto;}
.cont img{width:auto; height:299px;}
.post-ratings{background:#333; padding:10px 5px; font-size:12px; margin:15px 0 15px -10px; height:50px; width:309px;}

.dbagSmall{width:292px; font-size:12px;}
.dbagSmall h6{float:right; display:inline; text-align:right; margin:20px 10px; font-size:21px;}
.dbagSmall h6 a{padding:4px 8px; background:#ee8014; color:#000;}
.contSmall img{float:right; display:inline; margin:0 10px 10px 10px; padding:0 0 10px 0; width:100px; height:auto;}
.contSmall img{width:auto; height:100px;}
.contSmall h5{clear:both; width:282px; font-size:13px;}

/* right column (all banners) */
#main .right{float:left; display:inline; width:136px; margin:0 0 0 30px;}
#main .right .ad_vertical{float:left; display:inline; background:url(_img/_global/ad_vertical_bg.jpg) top left no-repeat; width:136px; margin:0 0 15px 0; height:106px;}
#main .right .ad_vertical img{float:left; display:inline; margin:8px;}
#main .right .ad_vertical_half{float:left; display:inline; background:url(_img/_global/ad_vertical_bg.jpg) top left no-repeat; width:136px; margin:0 0 15px 0; height:196px;}
#main .right .ad_vertical_half img{float:left; display:inline; margin:8px;}
#main .right .ad_skyscraper{float:left; display:inline; background:url(_img/_global/ad_skyscraper_bg.jpg) top left no-repeat; width:136px; margin:0 0 15px 0; height:616px;}
#main .right .ad_skyscraper img{float:left; display:inline; margin:8px;}

#sidebar{float:left; display:inline; width:136px; margin:0;}
#sidebar .right{float:left; display:inline; width:136px; margin:0 0 0 0px;}
#sidebar .right .ad_vertical{float:left; display:inline; background:url(_img/_global/ad_vertical_bg.jpg) top left no-repeat; width:136px; margin:0 0 15px 0; height:106px;}
#sidebar .right .ad_vertical img{float:left; display:inline; margin:8px;}
#sidebar .right .ad_vertical_half{float:left; display:inline; background:url(_img/_global/ad_vertical_bg.jpg) top left no-repeat; width:136px; margin:0 0 15px 0; height:196px;}
#sidebar .right .ad_vertical_half img{float:left; display:inline; margin:8px;}
#sidebar .right .ad_skyscraper{float:left; display:inline; background:url(_img/_global/ad_skyscraper_bg.jpg) top left no-repeat; width:136px; margin:0 0 15px 0; height:616px;}
#sidebar .right .ad_skyscraper img{float:left; display:inline; margin:8px;}

/* footer */
#footer{float:left; display:inline; width:960px; margin:0 20px; padding:30px 0; font-size:14px; color:#aaa; font-weight:bold; text-transform:uppercase;}
#footer .left{float:left; display:inline; margin:0; width:320px;}
#footer .center{float:left; display:inline; margin:00; text-align:center; width:320px;}
#footer .right{float:left; display:inline; margin:0; text-align:right; width:320px;}
#footer a{}

#fmenu{float:left; display:inline; margin:5px 30px; width:960px;}
#fmenu li{float:left; display:inline; padding:0 14px; font-weight:bold;}
#fmenu li a{font-size:18px; line-height:36px; border-bottom:none; padding-bottom:2px; cursor:hand;}
#fmenu li a:hover{border-bottom:#fff 2px solid; padding:0; margin:0;}


/* jScrollPane Styles (elements generated from HTML) */
#scroller_short{float:left; display:inline; width:292px; padding:5px 0 0 0;}
#scroller_shortTwitter{float:left; display:inline; width:292px; padding:5px 0 0 0;}
.scroll_short{float:left; display:inline; overflow:auto; padding:0; height:320px;}
.scroll_short ul{float:left; display:inline;}
.scroll_short ul li{float:left; display:inline; margin:-5px 0 10px 0; padding:0; width:267px; font-size:13px; font-weight:bold;}

#scroller_tall{width:342px;}
.scroll_tall{float:left; display:inline; overflow:auto; padding:0; height:425px;}
.scroll_tall ul{float:left; display:inline;}
.scroll_tall ul li{float:left; display:inline; margin:0; padding:0 0 15px 0;}

/* jScrollPane Styles (elements generated from javascript) */
.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1;}
.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#1c1c19; padding:1px;}
.jScrollPaneDrag{position:absolute; background:#84d1d8; cursor:pointer; overflow:hidden;}
.jScrollPaneDragTop{position:absolute; top:0; left:0; overflow:hidden;}
.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; overflow:hidden;}

.dbagList img{margin:0; padding:0;}
#nomimate{float:right; display:inline; background:url(_img/_v1.5/contentBG.jpg) top left repeat-x; margin:0 10px 20px 30px; padding:10px; width:310px;}
#nomimate h4{font-size:36px; color:#84d1d8;}

h4.full{clear:both; width:650px;}

form#dbag{width:300px; margin:4px 0; font-size:12px;}
form#dbag label{float:left; display:inline; width:90px; margin:5px 0 0 10px; font-weight:bold;}
form#dbag input, form#dbag select, form#dbag textarea{float:left; display:inline; width:150px; padding:4px 10px 0; margin:4px 0 4px 25px;}
form#dbag input, form#dbag textarea{height:18px; background:#fdfdfd; border:1px #999 solid;}
form#dbag input:hover, form#dbag input:focus, form#dbag textarea:hover, form#dbag textarea:focus{background:#fff;}
form#dbag select{height:24px; padding:0 0 4px 10px; margin:5px 0 5px 25px; width:370px;}
form#dbag option{padding:2px 0 4px 15px;}
form#dbag textarea{height:60px;}
form#dbag input#submit{width:100px; margin:10px 0 0 190px; padding:2px 0 15px; height:24px; font-size:13px; font-weight:bold; background:#ee8014; text-transform:uppercase;}


#main .ferrall_a_vent h6{padding-top:50px; text-align:center;}
.ferrall_a_vent h6 a{color:#84d1d8; font-size:30px; font-weight:bold; padding:5px 28px; background:#ee8014;}
.ferrall_a_vent h6 a:hover{color:#FFF; background:#84d1d8;}

.advertise h4{font-size:48px; color:#84d1d8; padding:24px 0 4px;}
.advertise h3{color:#ee8014; padding:0 0 4px;}


/*------ TABS ---------------------------------------*/
ul#tabs{float:left; display:inline; width:302px; padding:0; margin:0 0 10px;}
ul#tabs li{float:left; display:inline;}
ul#tabs li a{float:left; display:inline; font-size:17px; text-transform:uppercase; color:#ee8014; padding:6px 6px 2px 6px; margin:0 3px 5px 0; background:#FFF;}
ul#tabs li.ui-state-default a{background:#ee8014; color:#000;}
ul#tabs li.ui-state-default a:hover{background:#FFF; color:#ee8014;}
ul#tabs li.ui-tabs-selected a{background:#84d1d8; color:#000; padding:6px 7px 2px 6px;}
ul#tabs li.ui-tabs-selected a:hover{background:#FFF; color:#ee8014;}

#main .ui-tabs .ui-tabs-hide{display:none !important;}
#main .ui-tabs .ui-tabs-panel, #main .ui-tabs .ui-widget-content, 
	#tabs-1, #tabs-2, #tabs-3, #tabs-4{float:left; display:inline; width:299px;}
	
ul#twitter_update_list{margin:5px 20px 0 0;}
ul#twitter_update_list a, ul#twitter_update_list3 a{color:#84d1d8;}
ul#twitter_update_list span a, ul#twitter_update_list3 span a{color:#ee8014;}
a#twitter-link{font-size:18px; font-weight:bold; margin:0 15px 15px 0; color:#ee8014; text-transform:uppercase;}

ul#bookmarks{float:left; display:inline; width:660px;}
ul#bookmarks li{float:left; display:inline; width:300px; padding:15px; font-size:14px; color:#000;}
ul#bookmarks li h2 a{font-size:32px; color:#000;}
ul#bookmarks li h3 a{font-size:24px; color:#FFF;}
ul#bookmarks li h6{float:left; display:inline; text-align:right; width:300px; padding:15px 0 15px 0;}
ul#bookmarks li h6 a{font-size:24px; color:#000;}

#comments{float:left; display:inline; width:660px; margin:30px 0 30px 0;}
#comments h3#qs{font-size:56px; color:#ee8014; padding:10px 0;}
#respond{float:left; display:inline; width:660px; margin:0 0 50px 0;}
#respond h3#ask{font-size:56px; color:#84d1d8; padding:10px 0;}

form#commV{width:600px; margin:10px 0; font-weight:bold; font-size:13px;}
#commV label{float:left; display:block; width:200px; margin:0 0 0 10px; font-size:15px;}
#commV input, #commV select, #commV textarea{width:330px; padding:1px 10px 3px; margin:1px 0 7px 25px;}
#commV input, #commV textarea{height:20px; background:#fdfdfd; border:1px #999 solid;}
#commV input:hover, #commV input:focus, #commV textarea:hover, #commV textarea:focus{background:#fff;}
#commV select{height:24px; padding:0 0 4px 10px; margin:5px 0 5px 25px; width:370px;}
#commV option{padding:2px 0 4px 15px;}
#commV textarea{height:120px;}
#commV #submit{width:150px; height:24px; margin:0; padding:0 0 5px 0; margin:10px 0 0 436px;}

#comments ol.commentlist{width:587px;}
#comments ol.commentlist li{border-top:1px #666 solid; padding:15px 10px 25px 10px; margin:0;}
#comments ol.commentlist li.even{background:#333;}
cite.fn{font-size:18px; font-weight:bold; color:#ee8014; text-transform:uppercase; text-decoration:none; font-style:normal;}
span.says{font-size:12px; font-weight:bold; color:#ee8014;}
div.commentmetadata{font-size:12px; font-weight:bold;}

#ticketInline{float:right; display:inline; margin:0 0 15px 20px; padding:0 5px 10px 10px; width:320px; background:url(_img/_v1.5/contentBG.jpg) top left repeat-x;}
#ticketInline h3{color:#ffc525; padding:10px 0 0; margin:0; line-height:1em; border-bottom:1px #333 solid; width:310px;}
#ticketInline h3 a{color:#ffc525;}

ul#tickets li{float:left; display:inline; width:144px; margin:0 10px 0 0; padding:10px 3px 5px 3px; border-bottom:1px #333 solid; background:none;}
ul#tickets li:hover{border-bottom:1px #666 solid; background:#222;}
ul#tickets li p{padding:0 0 3px 0; margin:0; font-size:12px;}
ul#tickets li p.date{color:#ffc525;}
ul#tickets li p strong{font-size:14px;}
ul#tickets li p small{font-size:10px;}