@charset "utf-8";
/* Bolton FM 2.0 Main CSS Properties            */
/* Written by Curtis Kennington - May 2009      */

/* Global style */
body{
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	background-image: url(../images/gradient.gif);
	background-repeat: repeat-x;
	background-color: #065fb9;}

/* sitewrapper */
.sitewrapper{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
	}
	
/* top */
.top{
	height: 150px}

/* Logo */
.logo{
	padding-top: 5px;
	width: 400px;
	float: left}
	
/* On Air */
.onair{
	width: 500px;
	float: right;
	padding-top: 25px;
	padding-bottom: 25px;
	height: 100px;
	text-align: right;}
	
.onair a{
	color: #fff;
	text-decoration: none;}
	
.onair a:hover{
	color: #fff;
	text-decoration: underline;}		
	
.onairpicture{
	width: 98px;
	height: 98px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #8abff5;
	float: right;}
	
.onaircontent{
	height: 100px;
	float: left;
	text-align: right;
	width: 390px;
	padding-right: 10px;
	color: #fff;}
	
.onairheader{
	font-size: 1.2em;
	padding-bottom: 7px;}

.onairpresenter{
	font-size: 1em;}

.onairtime{
	font-size: .75em;
	font-style: italic;}
	
.onairlistenlive{
	padding-top: 13px;
	font-size: 1.2em;
	height: 25px;}

/* Navigation */
.navigation{
	height: 30px;
	width: 888px;
	padding-left: 7px;
	padding-right: 6px;
	color: #ffffff;
	font-size: 14px;
	background:url(../images/navigation_bg.png);
	background-repeat: no-repeat;
	position:relative;z-index:99;
	}

/* Menu */
.menu{
	float:left;}

/* Navigation Search */

#searchwrapper {
width:173px; /*follow your image's size*/
height:20px;/*follow your image's size*/
background-image:url(../images/nav_search.gif);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
margin-top: 5px;
position:relative; /*important*/
float:right;
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:0px;
left:5px;
width:147px;
height:18px;
color: #a39d9d;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:0px;
left:147px;
width:26px;
height:20px;
}

/*Breadcrumbs container */
.crumbs{
	background-color: #eeeeee;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.75em;
	color: #999999;}

.crumbs a{
	color: #999999;
	text-decoration: underline;}

/* Main */
.main{
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	overflow: hidden;
	position: relative;
	display: inline-block}
	
/* Footer */
.footer{
	background:url(../images/footer_bg.png);
	background-repeat:no-repeat;
	font-size:10px;
	color: #8abff5;
	padding-top: 18px;
	margin-bottom: 20px;
	margin-top: -1px;
}

.footer a{
	color: #8abff5;
	text-decoration: none;}
	
/* Left Content */
.leftcontent{
	width: 160px;
	float: left;
	overflow:hidden;
	display: inline-block
}
	
/* Partners box */
.partners{
	width: 160px;
	color: #ffffff;}

.partnerstop{
	height: 8px;
	overflow: hidden;}
	
.partnersbottom{
	height: 8px;
	overflow: hidden;}	
	
.partnersmain{
	background-color: #8abff5;
	padding-left: 7px;
	padding-right: 7px;
	color: #ffffff;}	
	
/* Main Content */
.maincontent {
	width:710px;
	overflow:hidden;
	padding-left:10px;
	color: #0162c8;
	float: right;
	display: inline-block
	}
	
.maincontent a{
	color: #0162c8;
	text-decoration: underline;}
	
/* Main Content Header */
.mainheader {
	font-size:1.15em;
	font-weight: bold;
	color: #0162c8;
	padding-bottom: 4px;}
	
/* Main Page Content */
.content {
	font-size: 0.75em;
	color: #0162c8;}

/* News */
.newsblock{
	width: 710px;}

.newsleft{
	width: 350px;
	float: left;
}

.newsright{
	width: 350px;
	float: right;
	padding-left: 10px;
}

.weatherforecast{
	width: 710px;
	float: left;
	padding-top: 10px;}
	
.weatherforecasttop{
	height: 8px;
	overflow: hidden;}

.weatherforecastbottom{
	height: 8px;
	overflow: hidden;}
	
.weatherforecastmain{
	background-color: #bb3931;
	color: #ffffff;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
	display: inline-block}
	
.weatherforecastmain h1{
	font-size: 1em;
	padding: 0;
	margin: 0;
	padding-bottom: 15px;}
	
.weatherforecastmain h2{
	font-size: 1.25em;
	padding: 0;
	margin: 0;
	padding-bottom: 8px;}
		
	
.weatherforecastcurrent{
	width: 340px;
	font-size: 0.75em;
	float: left;
	border-right-style: solid;
	border-right-color: #e5625a;
	border-right-width: 1px;
	height:180px;
}
	
.weatherforecastcurrentleft{
	width: 183px;
	float: left;
	padding-right: 8px;}
	
.weatherforecastcurrentright{
	width: 147px;
	float: right;}
	
.weatherforecasttoday{
	width: 167px;
	padding-left: 8px;
	float: left;
	font-size: 0.75em;
	height: 180px;
	border-right-style: solid;
	border-right-color: #e5625a;
	border-right-width: 1px;}
	
.weatherforecasttomorrow{
	width: 167px;
	padding-left: 8px;
	float: right;
	font-size: 0.75em;
	height: 180px;}	

.news h3{margin: 0;
padding-bottom: 5px;}
.news h2 {margin: 0; padding:0;}
.news p {padding-bottom: 0px;
		font-size: 1em;}		

/*HR*/
hr{
	background:#0162c8;
	color:#0162c8;
	height:1px;
	border:none;
	margin:0.5em 0 0.5em 0;
}

.news_footer {font-style: italic;
font-size: 0.75em;}

/* Paragraph */
p {
	font-size: 1em;
	color: #0162c8;
	margin-top: 0px;
	margin-bottom: 8px;
	padding: 0px;}
	
/* Headers */
h1{
	font-size: 1.75em;
	margin-top: 0;
	margin-bottom: 15px;}
	
h2{
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 7px;}
	
h3{
	font-size: 1.25em;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-top: 15px;}

/* Blog Directory/Presenters */
.directory{
	width: 710px;
	display: block;
	overflow: hidden;}

.directoryleft{
	width: 170px;
	margin-right: 10px;
	float: left;}
	
.directoryright{
	width: 170px;
	float: right}
		
	
.directorycontainer {
	position: relative;
	display: inline;
	height:120px;
	width: 168px;
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;

}
.directorycontainer cite {
	font-style: normal;
	background: #111;
	filter: alpha(opacity=70);
	opacity:.70;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 162px;
	padding: 3px;
}	

.directorycontainer cite a{
	color: #fff;
	text-decoration: none}


.directorycontainer1 {
	position: relative;
	display: inline;
	height:120px;
	width: 168px;
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	float: left;

}
.directorycontainer1 cite {
	font-style: normal;
	background: #111;
	filter: alpha(opacity=70);
	opacity:.70;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 162px;
	padding: 3px;
}	

.directorycontainer1 cite a{
	color: #fff;
	text-decoration: none}
/* Homepage Style */
.homeleft {
	width: 593px;
	float:left;}
	
.carousel {
	width: 583px;
	height: 349px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;}

.carousel p{font-size: 0.75em;}
	
.carousel_left {
	width: 286px;
	float: left;
	margin-right: 10px;}
	
.carousel_right{
	color: #fff;
	width: 286px;
	float: left;
	margin-right: 10px;	}
	
.carousel_right a{
	color: #fff}	
	
.weather {
	width: 286px;
	height: 149px;
	background-image: url(../images/weatherbg.gif);
}

.weathericon {
	margin-top: 10px;
	width: 146px;
	height: 100px;
	float: left;
	padding-left: 5px;}
	
.currentweathertextcontainer{
	text-align: right;
	margin-left: -50px;
	margin-right: 10px;
	padding-top: 10px;
	color: #fff;
	float: right;}
	
.currentweathertext{
	font-size: 0.9em;}	
	
.weathertitle{
	font-size: 1em;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 7px;
	color: #fff;}
	
.weatherlocation{
	font-size: 0.7em;
	color: #fff;
	font-style: italic;
	padding-left: 7px;}
	
.weathermaxmin{
	font-size: 0.7em;
	color: #fff;
	padding-top: 7px;}
	
.newsletter{
	width: 286px;
	height: 114px;
	background-image: url(../images/newsletter_bg.gif);
	overflow:hidden;
	margin-top: 10px;}
	
.newsletter_container{
	margin: 7px;
	color: #fff;
	overflow:hidden;}
	
.newsletter_header {
	font-size: 1em;
	font-weight: bold;}
	
.newsletter_text {
	font-size: 0.7em;
	margin-top: 5px;}
	
.home_partners {
	width: 286px;
	height: 274px;
	background-image: url(../images/partners.gif);
	margin-bottom: 10px;}
	
.home_partners_container {
	padding: 7px;
	color: #fff;
	overflow: hidden;
}
	
.home_partners_header {
	font-size: 1em;
	font-weight: bold;}
	
.home_partners_content {
	padding-top: 15px;}
	
.homepartners {
	width: 286px;
	float: right;
	color: #fff;}	

.social {
	width: 286px;
	float: right;
	color: #0e2f4f;}
	
.social a{
	color: #0e2f4f}
	
.social hr {
	background-color: #0e2f4f;
	margin-top:7px;
	margin-bottom: 7px;
	padding: 0px;
	height: 1px;
	border: none;}	
		
.socialbottom {
	overflow:hidden;
	height: 8px;
	margin-bottom: 10px;}

#tweet ul, #tweet ul li {list-style: none; 
	display: block;
	margin: 0px;
	padding: 0px;}
	
	
.socialcontent {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #d4e8fc;
	font-size: 0.7em;
	margin: 0px;}
	
.onairsummarytop {
	overflow:hidden;
	height: 8px;
	}
	
.onairsummarybottom {
	overflow:hidden;
	height: 8px;}
	
.onairsummarycontentholder {
	padding-left: 7px;
	padding-right: 8px;
	background-color: #bb3931;
	font-size: 1em;}
	
.onairsummarycontent{
	padding-top: 5px;
	font-size: 0.7em;}
	
.countdown {
	margin-bottom: 10px;
	padding: 7px;
	background-color: #d4e8fc;
	text-align: center;
	font-size: 0.75em;
}

/* Schedule */

.schedule_day {
	width: 440px;
	margin-right: 10px;
	margin-bottom: 10px;}
	
.schedule_top_bottom {
	height: 8px;
	overflow: hidden;
	width: 440px;}
	
.schedule_day_main {
	padding-left: 8px;
	padding-right: 8px;
	background-color: #0162c8;
	color: #fff;}
	
.schedule_night {
	width: 440px;
	margin-right: 10px;}
	
.schedule_night_main {
	padding-left: 8px;
	padding-right: 8px;
	background-color: #B83F35;
	color: #fff;
	height: auto;}
	
.schedule_night_main h1 {
	font-size: 1.50em;
	margin-bottom: 0.25em;
}

.schedule_day_main h1 {
	font-size: 1.50em;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0.25em;
}

.schedule_day_main p {
	color: #fff;}
	
.schedule_day_main hr {
	background: #fff;
	color: #fff;
	margin-bottom: 8px;}	
	
.schedule_night_main p {
	color: #fff;}
	
.schedule_night_main hr {
	color: #fff;
	background: #fff;
	margin-bottom: 8px;}
	
