body { margin: 0; padding: 0; font: 11px Arial, "Trebuchet MS", Tahoma; background: #029602 url("../img/radio/bg.jpg") no-repeat top left; color: #000; }

img { border: 0; }

a, a:hover, a:active, a:focus { outline: 0 none; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }

/* main container */
#container { position: relative; width: 990px; margin: 5px auto 0; padding: 5px; }
	
	/* login */
	#logbar { position: relative; clear: both; height: 30px; margin: 0 auto 2px; padding: 0; }
	#logbar form { margin: 0; text-indent: 0; word-spacing: 0; }
		
		#login { position: absolute; width: 440px; height: 18px; top: 0; left: 5px; padding: 3px 5px 3px 7px; color: #eee; }
		#login input { width: 80px; height: 13px; margin: 0 0 3px; padding: 2px 0 0 2px; border: 1px solid #d3fcc8; background: #b6eea7; font-size: 11px; color: #000; }
		#login img { vertical-align: middle; }
		#login a { line-height: 18px; margin: 0 4px; color: #8ded10; }
		#login a.enter { margin: 0 10px; text-decoration: none; font-weight: bold; font-size: 12px; color: #fff; }
		#login a.signout { padding-left: 20px; background: url('../img/icons/icon-logout.gif') no-repeat; }
		
		/* live */
		#live { position: absolute; top: -2px; left: 500px; color: #fff; }
		#live img { vertical-align: middle; }
		#live a { cursor: pointer; }
	
	/* header */
	#header { position: relative; clear: both; height: 290px; margin: 20px 0 0; padding: 0; }
		
		/* flash boxes */
		#boxestop { position: absolute; top: 10px; left: -90px; z-index: 1; }
		
		/* banner */
		#banner { position: relative; clear: both; margin: 0; padding: 0; z-index: 0; }
		#banner img { margin: 0; padding: 0; }
		
		/* Google Ads */
		#ads { position: absolute; top: 0; right: 10px; z-index: 10; }
			
			/* beta version */
			#beta { position: absolute; top: 192px; right: 53px; font-weight: bold; font-size: 13px; color: #fff; }
		
		/* menu down */
		#menu { position: absolute; width: 975px; height: 30px; top: 245px; right: 5px; padding: 5px 0 2px 5px; background: #fff; z-index: 10; }
		
			/* menu navigation */
			ul#navdown { float: left; margin: 0; padding: 0; list-style: none; z-index: 11; }
			ul#navdown li { float: left; }
			ul#navdown a { display: block; margin: 0 5px 0 0; padding: 5px 4px; text-decoration: none; font: bold 15px Skia, sans-serif; color: #738e2a; }
			ul#navdown a.tv { background: #029602; color: #fff; }
			ul#navdown a:hover, #navdown a#selected { background: #99c71c; color: #fff; }
	
	/* body */
	#body { width: 800px; height: 100%; margin: 5px auto; padding: 5px; border: 1px solid #ddd; background: #fff; }
		
		/* here */
		.here { clear: both; width: auto; height: 20px; margin: 0 0 5px 0; padding: 5px 0; border: 1px solid #dce1ed; }
		.here span {
			height: 30px; margin: 0; padding: 5px 15px 10px 5px; font-weight: bold; font-size: 12px;
			background: url("../img/radio/bg-here.gif") no-repeat bottom right; color: #40950c;
		}
		.here span a { font-weight: normal; font-size: 11px; color: #000; }
		
		/* logged menu - user bar account */
		.logged_menu {
			clear: both; height: 100%; line-height: 20px; margin: 5px 0 20px; padding: 5px 5px 2px;
			border-style: solid; border-width: 3px 1px 1px 1px; border-color: #87c62e #eee #eee #eee;
			background: #c9f48e; font-size: 10px;
		}
		* html .logged_menu { padding-bottom: 5px; }
		.logged_menu a { font-size: 12px; color: #000; }
		.logged_menu a:hover { color: #0a7b07; }
		.logged_menu img { vertical-align: middle; }
	
	/* center */
	#center { clear: both; width: 990px; margin: 0 auto 5px; background: #fff; }
	
	/* left */
	#left { float: left; width: 645px; min-height: 461px; margin: 0 0 5px; padding: 5px; background: #fff; }
	* html #left { height: 465px; margin: 0; padding: 5px; background: #fff; }
	#left h1 { margin: 0; padding: 0 0 5px 0; /*border-bottom: 1px solid #ccc;*/ font: bold 14px Skia, sans-serif; color: #000; }
	#left p { line-height: 20px; }
		
		/* here */
		.here { clear: both; width: auto; height: 20px; margin: 0 0 5px 0; padding: 5px 0; border: 1px solid #dce1ed; }
		.here span { height: 30px; margin: 0; padding: 5px 15px 10px 5px; font-weight: bold; font-size: 12px;
		background: url("../img/radio/bg-here.gif") no-repeat bottom right; color: #2b2b2b; }
		.here span a { text-decoration: none; font-weight: bold; font-size: 12px; }
		.here span a:hover { text-decoration: underline; font-size: 12px; }
	
	/* right */
	#right { float: right; width: 315px; margin: 0 0 5px 5px; padding: 5px; background: #fff; }
	#right h1 { margin: 5px 0; padding: 0 0 5px; /*border-bottom: 1px solid #ccc;*/ font: bold 14px Skia, sans-serif; color: #000; }
		
		/* content */
		.content { clear: both; margin: 0; padding: 0; text-align: center; }
		.content form { margin: 0; text-indent: 0; word-spacing: 0; }
		.content h2 { margin: 5px 0 0; padding: 0 0 5px; border-bottom: 1px solid #eee; font: bold 12px Arial, Tahoma; text-align: left; }
		.content ul { margin: 2px 0 0; padding: 0; list-style-type: none; }
		.content ul li { display: block; width: 100%; line-height: 16px; padding: 5px 0; }
		.content img { margin: 0 5px 5px 0; }
		.content a { color: #3aa48f; }
		
		/* poll */
		.polls, .polls-form { clear: both; margin: 0; padding: 0; }
		.polls h3 { margin: 5px 0 0; padding: 0; text-align: left; font-size: 11px; color: #029678; }
		.polls p { margin: 5px 0; padding: 0; text-align: center; }
		.polls input.submit-poll { height: 20px; border: 1px solid #1bbd35; background: #00ca21; font-size: 11px; color: #fff; cursor: pointer; }
		.polls ul li, .polls-ul li, .polls-answers ul li { display: block; line-height: 15px; margin: 7px 0; padding: 0; background: none; text-align: left; }
		* html .polls-answers ul li { margin: 10px 0; }
		.polls ul label, .polls input { display: inline; height: 10px; margin: 0; padding: 0; border: none; background: none; }
		.polls ul label { margin: 0; padding: 0; vertical-align: top; cursor: pointer; }
		.polls ul input { width: 20px; }
		.polls-answers { width: 100%; }
	
	/* footer */
	#footer {
		position: relative; clear: both; width: 978px; margin: 0; padding: 5px; height: 100%; border: 1px solid #eee;
		background: #f7f7f7; font-size: 11px;
	}
	* html #footer { margin-top: 5px; }
	#footer span { font-size: 12px; color: #febd0e; }
		
		/* footer box */
		.fbox { float: left; width: 280px; min-height: 135px; height: auto !important; height: 135px; margin: 5px 5px 0 0; border-right: 1px solid #b4ddb7; }
		.fbox h2 { margin: 0 0 5px; padding: 0 0 0 5px; font: bold 13px Arial, Tahoma; color: #089913; }
		.fbox a { color: #696969; }
		.fbox a:hover { color: #000; }
		.fbox ul { float: left; width: 100%; margin: 0; padding: 0; }
		.fbox ul li {
			margin-left: 10px; padding-left: 20px; display: block; line-height: 18px; list-style: none;
			background: url("../img/arrows/arrow-footer-item.gif") no-repeat 0 2px;
		}
		
		/* footer box properties */
		.fbox ul.menu-categs { width: 45%; }
		.fnotes { width: 365px; }
		.nrm { margin-right: 0; border-right: 0; }
		
		/* copyright */
		#copyright { position: relative; clear: both; margin: 0; padding: 0 5px; }
		#copyright b { color: #089913; }
		
		/* validation */
		#validation {position: relative; clear: both; margin: 10px 0; padding: 0; }
		#validation a { margin: 0; padding: 2px; text-decoration: none; }
		#validation a.html { background: #8bce44; font-size: 10px; color: #000; }
		#validation a.html:hover { background: #8bc60d; }
		#validation a.css { background: #8bc60d; font-size: 10px; color: #fff; }
		#validation a.css:hover { background: #8bce44; }
		
		/* web design author */
		#creator { position: relative; clear: both; margin: 0; padding: 5px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #696969; }
		#creator a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
		#creator a:hover { color: #5e9f1f; }
		#creator em { font-style: normal; font-weight: bold; color: #5e9f1f; }
		#creator strong { color: #000; }
	
	.navigator { clear: both; height: 28px; margin: 0; padding: 10px 0 0; text-align: justify; color: #696969; }
	.navigator form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
	.navigator a, .navigator a:visited, .navigator a:active { padding: 0 4px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000; }
	.navigator a:hover { background: #000; color: #fff; } 
	.navigator b { padding: 0 3px; border: 1px solid #0765cf; background: #b5ff02; color: #127419; } 
	.navigator input { width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px; border: 1px solid #7b7b7b; vertical-align: middle;
	font-weight: bold; font-size: 11px; }
	.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
	/* normal */
	.navigator span.no_link { color: #a4a4a4; }
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	/* extended */
	.navigator a#jump_img_extended_navigator { padding: 0; background: none; border: 0; }

/* search highlight */
.highlight { padding: 2px 2px; background: #fff778; color: #000; }

/* clearfix */
/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/

/* form messages */
.error { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #d53030; }
.success { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #3eb523; }
.warning { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #dd8a31; }