@charset "utf-8";

/* COOKIES SECTION */

.cookies {background-color:#000; height:50px; width:100%; position:relative;}
.cookies-container {width:980px; margin:auto; font-size:11px; color:#e8e8e8;}
.cookies-container #cookies-info-close {display:block; width:55px; margin-right:5px; height:30px; float:right; margin-left:20px; text-align:center; color:#FFFF00; font-size:10px;}
.cookies-container #cookies-info {float:left; width:900px; padding:2px 0;}

/** General Style Info **/

body {
	background-color:#404000; background: #404000 url(../img/layout/bg.jpg) repeat fixed; background-position:center; -ms-background-position-x:center;
	background-attachment: fixed;
	background-repeat:repeat;
	color: #FFF;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:80%;
}
a {
	color: #ffff00;
	text-decoration: none;
}
a:hover {
	color: #ffcc00;
	text-decoration: underline;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
	margin-bottom:0.5em;
}
h1 {
	font-size: 180%;
}
h2 {
	font-size: 160%;
}
h3 {
	font-size: 140%;
}
h4 {
	font-size: 110%;
}

strong {font-weight:bold;}

/** Container **/

#container {
	width:980px;
	margin:auto;
}

/** Footer **/

#footer {
	clear: both;
	background: url('../img/layout/bg_transparent.png') repeat;
	height:70px;
	position:relative;
	padding: 10px 5px;
}

#footer #bottom_menu {position:absolute; right:10px; top:25px;}

#footer #GenTime {text-align:center; font-size:70%; color:#999; position:absolute; bottom:10px; width:100%;}

#footer #editor {position:absolute; left:10px; top:25px;}

#footer #copyright {position:absolute; left:10px; bottom:5px;}

/** Header **/

#header {
	clear: both;
	background: url('../img/layout/bg_transparent.png') repeat;
	height:120px;
	position:relative;
	border-bottom-left-radius:5px; border-bottom-right-radius:5px;  -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; 
}

#header #logo {position:absolute; top:14px; left:16px;} 
#header #listen {position:absolute; bottom:7px; left:185px; }
#header #listen a { color:#FFF; font-weight:bold;}
#header #listen a img { vertical-align:top; margin-left:5px;}

#header #search { position:absolute; bottom:20px; right:112px; }
#header #search  #l_close {float:left;}
#header #search #r_close {float:left;}
#header #search #search_input { float:left; height:35px;}
#header #search #search_button {float:right; font-size:16px; margin-left:8px; width:112px; height:35px;}
#header #search #search_input #search_input_field { border:0; padding:0px 3px; background:url(../img/layout/search_center.png) repeat-x; height:35px; width:200px; color:#999; }
#header #search #search_button input { border:0; padding:0; background:url(../img/layout/search_button.png) no-repeat; width:100%; height:100%; margin-top:2px; cursor:pointer;}

#header #top_buttons {position:absolute; bottom:8px; right:5px; font-size:70%;}
#header #top_buttons ul li {float:left; width:48px; text-align:center;}
#header #top_buttons a.description {display:block; margin-top:1px;}

#header #top_menu {position:absolute; top:10px; right:5px;}

/** Content **/

#content {
	clear: both;
	background: url('../img/layout/bg_transparent.png') repeat;
	border-top-left-radius:5px; border-top-right-radius:5px;  -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
}

/** Container **/

#content_container {padding:10px;}

/** Adverts **/

.advert {text-align:center; padding:10px 0;}

/** Layout **/

.thin_line {display:block; height:1px; background-color:#ffcc00; clear:both;}

div.horizontal_menu ul li { display:inline; margin:0 6px;}

.section_title { color:#ffff00; font-size:120%; font-weight:bold; margin-bottom:10px; text-align:left; text-transform:uppercase;}

/** RDS **/

#rds {margin:10px 0;}
#rds #title {width:286px; margin-right:10px; float:left; overflow:hidden; font-weight:bold; line-height:16px;}
#rds #play {width:11px; float:right;}

/** Broadcasts **/

#broadcast {margin-bottom:10px;}
#broadcast #image {float:left; margin-right:10px;}
#broadcast #image img {height:60px;}
#broadcast #title {color:#ffff00; margin-bottom:5px;}
#broadcast #description a{color:#fff;}

/** Recommended **/

#recomended_line .recomended_box {margin:0 5px; width:313px;}

.recomended_box {width:323px; float:left; overflow:hidden;}
.recomended_box .recomended .image {overflow:hidden; width:100px; height:100px; margin:0 10px 10px 0; float:left;}
.recomended_box .recomended .image img {min-width:100px; min-height:100px;}
.recomended_box .recomended .title { font-size:160%;}
.recomended_box .recomended .title a {color:#fff;}
.recomended_box .recomended {margin-bottom:6px;}

/** Newsletter **/

#newsletter {width:318px; float:left; padding-left:5px;}
#newsletter .form {margin-top:5px;}
#newsletter .form .text {float:left; margin-right:10px; background:url("../img/layout/subscribe_bg.png") no-repeat; height:20px; width:201px; padding:5px;}
#newsletter .form .text input {height:100%; width:100%; border:0; color:#999;}
#newsletter .form #submit {height:30px; width:95px; padding:1px; float:left;}
#newsletter .form #submit .submit {height:100%; width:100%;}
#newsletter .form #submit input {background:url("../img/layout/subscribe_button.png") no-repeat; height:100%; width:100%; border:0; cursor:pointer;}

/** Google Plus **/

#google_plus {width:318px; float:left; padding-left:5px; margin-top:1px;}

/** FB BOX **/

#fb_box {width:313px; padding:0 5px 5px 5px; float:right;}
#fb_box .fb_stream {text-align:center; background-color:#333; padding:5px; margin-bottom:10px;}
#fb_box .advert {margin-bottom:10px; padding:0;}
#fb_box .advert .advert_info {text-align:left; color:#333; font-size:80%; margin:0 0 3px 0;}

/* MOST Commented, Red */

#most_line .thin_line {margin:10px 0;}
#most_line {padding:5px 5px;}
#most_line .most {width:313px; float:left; overflow:hidden; margin:0 5px;}
#most_line .most ul li a {color:#fff;}
#most_line .most ul {list-style:square outside; color:#ffff00; margin-left:20px;}

/** Ajax Indicator **/

#busy-indicator { display:none; position:absolute; width:100%; height:100%; top:0; left:0; background: url('../img/layout/bg_transparent.png') repeat; }
#busy-indicator #indicator { position:absolute; top:50%; left:50%; margin-left:-32px; margin-right:-32px; }
#ajax {position:relative; min-height:200px;}

/** Homepage elements **/

#on_air {min-height:138px;}
#weather {min-height:154px;}
#rds #title a{color:#fff;}

/** Pagination **/
.paging {text-align:center; position:absolute; right:0; bottom:0;}
.paging a {display:block; padding:3px; border:solid 1px #ffff00; margin:0 1px; color:#ffff00; min-width:15px; height:15px;}
.paging .current {border:solid 1px #ffff00; font-weight:bolder; background-color:#ffff00; color:#000; display:block; min-width:15px; height:15px; padding:3px;}
.paging span {float:left; margin:0 2px;}
#prev_next {position:absolute; top:0; right:0;}

/** Ajax elements **/
#ajax {margin:10px 0; position:relative; padding-bottom:10px;}

/* EDITOR OF THE DAY*/

#footer #editor #holder a { text-decoration:none; color:#666;}
#footer #editor #holder a:hover { text-decoration:underline;}
#footer #editor #holder img {border:#CCC solid 1px; margin-right:2px; float:left;}
#footer #editor #holder #wyd_online {margin-left:5px; float:left;}