/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";




html, body 
{
	font: 11px/1.5 "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	background:#ffcc00; color:#333333;
}



/* Text Related Styles */
h1 {color:#02529a; font-size:24px; display:none;}
#description {display:none;}
h2 {color:#02529a; font-size:22px;}
h3 {color:#d3221a; font-size:18px;}
h4 {color:#02529a; font-size:14px; font-weight:bold; margin:5px 0}
p {margin:3px 0}
strong{font-weight:bold;}
em {font-size:10px; font-style:italic;}
table { margin-bottom:20px;}
table th, table th td, table tr td {border-bottom:1px solid #ccc; border-collapse:collapse; padding:3px 6px 3px 6px;}
.lhs_tble_col { width:185px; font-weight:bold;}
table h4 {color:#d3221a}

table .dark { }

/* Links */
a {color:#035da2}
a:hover {color:#035da2}



blockquote {font-size:22px; margin-top:20px;}



#slow_connection {position:absolute; top:0; right:0; z-index:100; width:154px; height:129px; background:url(style/images/listen_live.png) top left no-repeat; display:block;}


.ngg-gallery-thumbnail-box {margin:0 45px 20px 0;}

#page_wrapper {with:100%; }


/* Header styles */
#header_wrapper {width:100%; background:url(style/images/top_header_bg.jpg) top center repeat-x;}
#header_container {width:960px; height:205px;  background:url(style/images/header_bg.jpg) top right no-repeat; margin:0 auto;}

#logo_container {width:225px; height:158px; float:left;}

#top_ad_container {width:735px; height:158px; background: url(style/images/header_bg.jpg) bottom no-repeat; float:left;}

#leaderboard {width:728px; height:90px; float:right; margin:20px 0 0 0;}

/* Global Nav */

#global_nav { float:right; display:block; margin-top:20px; z-index:5000;}
#global_nav li {float:right; background:#ffcc00; color:#053260; padding:5px; margin:0 0 0 2px; z-index:5000;}
#global_nav li a {text-decoration:none; padding:0 5px; z-index:5000;}

#main_nav {background:url(style/images/to_nav_bg.gif) top left no-repeat; height:38px; float:left; width:960px;  color:#FFFFFF; font-size:14px; padding:10px 0 0 0; }
#main_nav li{float:left; padding:10px 5px;}
#main_nav li.current_page_item {background:url(style/images/active_tab.gif) bottom center repeat-x; color:#035ca1}
#main_nav li.current_page_item a {color:#035ca1; font-weight:bold;}
#main_nav li a {color:#FFFFFF; text-decoration:none; padding:0 10px}
#main_nav li ul {display:none;}





/* homepage */

#main_content_wrapper {width:100%; background: url(style/images/body_bg.jpg) top center repeat-x; float:left;}
#main_content_container {width:959px; background: url(style/images/main_content_2col_bg.gif) top left repeat-y; margin:0 auto;}
.clear {clear:both;}


#three_day_weather {float:left; padding:18px; margin-right:20px; margin-top:-20px; padding-top:80px; background:url(style/images/weather_icons.png) top center no-repeat!important; background:url(style/images/weather_icons.gif) top center no-repeat}
#three_day_weather p {margin-bottom:14px;}

#col_one {width:524px; background: url(style/images/two_col_left_bg.jpg) top left no-repeat #fff; float:left; min-height:800px;  }
#col_one #email_on_air {width:225px; margin:0 20px; float:left;}
#col_one #email_on_air h2 {background:url(style/images/email_onair_hd.gif) top left no-repeat; text-indent:-10000px;}
#col_one #email_on_air input {background:url(style/images/input_single_bg.gif) top left no-repeat; border:none; padding:10px; width:201px; height:19px; margin-bottom:5px;}
#col_one #email_on_air textarea {background:url(style/images/input_multi_bg.gif) top left no-repeat; border:none; padding:10px; width:201px; height:75px; margin-bottom:5px;}
#col_one #email_on_air img {float:right;}


#col_one #email_on_air .ddfmwrap { width:225px; margin:0 0 0 -10px; float:left;}
#col_one #email_on_air .ddfmwrap form{ width:225px;}
#col_one #email_on_air .ddfmwrap .fieldwrap {float:left; width:225px;}
#col_one #email_on_air .ddfmwrap .fmtextarea {float:left; width:225px; overflow:hidden;}
#col_one #email_on_air .ddfmwrap label{ margin:5px 0 -15px -20px; display:block; width:200px; text-align:left; padding-left:30px;}
#col_one #email_on_air .submit input{ background:url(style/images/submit_your_song_button.gif) top left no-repeat; width:131px; height:45px; overflow:visible; float:left; font-size:0;}
 
#col_one #programmes {width:190px; float:left; }
#col_one #programmes h2 {text-indent:-1000px; overflow:hidden; background:url(style/images/programmes_hd.gif) top left no-repeat;}
#col_one #programmes .page_item{padding:3px 0; background:url(style/images/dotted_devider.gif) bottom left no-repeat; display:block;}
#col_one #programmes li a{color:#d62c19; font-size:12px; padding:0 0 5px 0; display:block;}


/* radio bingo */
#col_one #radio_bingo { float:left; width:444px; background: url(style/images/col_one_devider.gif) bottom center no-repeat; height:100px; margin:0 10px 0 30px; padding:0 0 50px 0;}
#col_one #radio_bingo ul {margin:-10px 0 0 0; }
#col_one #radio_bingo li {padding:2px 0 10px 0; width:25px; text-align:center; font-weight:bold; color:#fff; margin:20px 2px 0 2px; float:left;}
#col_one #radio_bingo .purple_ball {background:url(style/images/purple_ball.gif) top center no-repeat;}
#col_one #radio_bingo .red_ball {background:url(style/images/red_ball.gif) top center no-repeat;}
#col_one #radio_bingo .blue_ball {background:url(style/images/blue_ball.gif) top center no-repeat;}
#col_one #radio_bingo .green_ball {background:url(style/images/green_ball.gif) top center no-repeat;}
#col_one #radio_bingo .yellow_ball {background:url(style/images/yellow_ball.gif) top center no-repeat;}
#col_one #radio_bingo .orange_ball {background:url(style/images/orange_ball.gif) top center no-repeat;}
#col_one #radio_bingo .jackpot {background:url(style/images/jackpot_number.gif) top left no-repeat; width:83px; text-align:right; padding-right:4px;}


/* Gig Guide */
#col_one.gig_guide strong {margin-top:20px; font-size:16px; display:block;}
#col_one.gig_guide ul li{ list-style:disc; list-style-position:inside; margin-bottom:10px;}

body#sub_page #lhs_content h3 { margin:20px 0 0 0;}
body#sub_page #lhs_content ul li strong{ font-size:18px; color:#d3221a; display:block; clear:both;}
body#sub_page #lhs_content ul li .date{ display:block; clear:both;}
body#sub_page #lhs_content ul li .cat_name{color:#d3221a; text-decoration:none; font-size:20px;}
body#sub_page #lhs_content ul li span span {font-weight:bold; margin-bottom:20px; display:block;}
body#sub_page #lhs_content ul li .cat_name:hover {}
body#sub_page #lhs_content ul li a { font-size:16px; text-decoration:none; font-weight:bold;}
body#sub_page #lhs_content p { margin:0 0 10px 0;}



#col_two {width:265px; float:left; background:url(style/images/hp_second_col_bg.gif) top left no-repeat #ebebeb; min-height:800px; padding:30px 0 0 0; color:#02529a}
#col_two strong {font-size:14px;}
#col_two ul li {width:250px; float:left; margin-bottom:6px; clear:both;}
#col_two ul li a {background:url(style/images/red_arrow.gif) 0 10px no-repeat; padding:0 0 12px 10px; display:block; margin:10px 10px -13px 18px; line-height:18px; font-size:14px}
#col_two h2 { background:url(style/images/news_sport_hd.gif) top left no-repeat; text-indent:-10000px; width:251px; height:55px;}
#col_two ul {background:url(style/images/col_two_devider.gif) bottom center no-repeat; margin-bottom:40px;}
#col_two ul li strong { font-weight:bold; margin-left:10px;}
#col_two ul li .date {margin-left:25px; float:left; xdisplay:block; xwidth:200px; }
#col_two ul li .date span {margin:0; padding:0;}
#col_two ul li em {float:left; display:none;}
#col_two ul li .cat_name { background:none; text-decoration:none;}
#col_two ul li .cat_name:hover { background:none; text-decoration:underline;}
#col_two ul li a { font-weight:bold;}
#col_two img {}
#col_two #weather_container li {padding-bottom:10px;}
#col_two #weather_container li img {float:left;}
#col_two #weather_container li span{width:105px; float:left; margin-bottom:20px; font-size:10px;}

#col_three {width:120px; background: url(style/images/hp_third_col_bg.jpg) top left no-repeat #ffcc01; float:left; min-height:800px; padding:30px 26px 20px 24px;}



/* homepage promo */

#hp_promo {width: 488px; height:261px; background:url(style/images/hp_promo_bg.jpg) top left no-repeat; margin:20px 0 0 20px; padding:14px 0 0 13px; }
.ticker-div {float:left; margin-right:0; padding-right:0; z-index:0;} 
.ticker {width:400px; float:left;  margin-right:0; padding-right:0; z-index:0;}


/* sub page*/
body#sub_page #col_one{width:749px; background: url(style/images/one_col_left_bg.gif) top left no-repeat #fff; padding:20px;}
body#sub_page #main_content_container {background:#fff;}
body#sub_page #col_one #lhs_content { float:left; width:529px; margin-left:20px; }
body#sub_page #col_one #sub_nav { float:left; width:200px; background:url(style/images/left_nav_devider.jpg) top right no-repeat #fff; min-height:800px; margin-top:-14px; padding-top:20px; }
body#sub_page #col_one #sub_nav li {display:block; clear:both;line-height:25px;}
body#sub_page #col_one #sub_nav .categories {font-weight:bold; color:#d3221a; font-size:18px;}
body#sub_page #col_one #sub_nav .categories ul {font-size:22px; display:block;}
body#sub_page #col_one #sub_nav .categories ul .cat-item { font-size:12px; display:block; clear:both; margin-top:10px;}
body#sub_page #col_one #sub_nav .categories ul .cat-item a{background:url(style/images/red_arrow.gif) left center no-repeat; padding-left:10px; display:block; margin:10px 10px 10px 0; line-height:13px}
body#sub_page #col_one #sub_nav li a {background:url(style/images/red_arrow.gif) left center no-repeat; padding-left:10px; font-weight:bold;}



/* footer */
#footer {width:100%; margin:0 auto; text-align:center; padding:40px 0; background:url(style/images/bottom_page_bg.jpg) top center no-repeat; height:150px; float:left;}
#footer ul li {display:inline; padding:0 15px;}
#footer ul li ul {display:none;}
#footer a {font-size:11px;}