body {
	text-align: center; margin: 0px; padding: 0px;
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #949b95; background: #fff;
	background: url("../img/radio-online/main-bkg.gif") repeat-y top center;
}

/* Container - box-ul principal pe care se adauga componentele */
div#container { width: 776px; margin: 0px auto; text-align: left; }

/* HEADER - logo and top links */
#header { clear: both; position: relative; height: 50px; border-bottom: 3px solid #aeb9a9; background: #000; }
#header a img { position: absolute; top: 10px; left: 10px; border: 0; }
#header #live {
	font: 12px "Trebuchet MS", Trebuchet, Arial, sans-serif;
	position: absolute; top: 15px; left: 90px; color: #fff;
}
#header #radio-popular { position: absolute; top: 2px; left: 160px; }
#header #radio-popular a img { top: 0; left: 0; }
#header #radio-popular img { border: 0; }

#header span { color: #fff; }
#header span span.kbps { font-weight: bold; color: #a8d836; padding-left: 2px; }
#header a, #header a span, #header a span span.kbps { text-decoration: none; }
#header a:hover, #header a:hover span, #header a:hover span span.kbps { text-decoration: none; color: #fff; }
#header ul { margin: 30px 10px 0px 0px; padding: 0px; float: right; }
#header ul li { display: inline; list-style: none; }
#header ul li a { 
	float: left; padding: 0 1em; text-decoration: none; line-height: 10px; color: #ccc; 
	border-right: 1px solid #aeb9a9;
}
#header ul li a:hover { color: #84ce4e; text-decoration: none; }
#header ul li a.last { padding-right: 0px; border-right: 0px; text-decoration: none; }

/* BANNER IMAGE */
#headerImg { position: relative; height: 143px; background: url("../img/radio-online/banner.jpg") no-repeat top left; }

.srtreamer-bkg { background: url("../img/aol-streamer/controller_bg.gif") no-repeat top left; }

/* MENU */
#menu { }
#menu ul {
  width: 100%; float: left; margin: 0px; padding: 0px; text-align: left; background: #000;
  border-top: 7px solid #a2bb67; height: 55px; 
}
#menu ul li { display: inline; margin: 0px; padding: 0px; list-style: none; }
#menu ul li a { float: left; width: 152px; color: #fff; text-decoration: none;  font-size: 13px; }
#menu ul li a span { display: block; padding: 0px 7px; }
#menu ul li a span.desc { font-size: 10px; color: #8C8D94; }
#menu ul li a:hover,
#menu ul li a.here { background: #000; border-top: 7px solid #739919; }
#menu ul li a:hover span.desc,
#menu ul li a.here span.desc { color: #fff; }

/*******************************************************************************************************/
/* title zone */
.tzone { margin: 0px 0px 0px 5px; float: left; }
.tzone h1 { 
	padding-top: 5px; padding-bottom: 2px;
	font: 14px arial, sans-serif; color: #536C71; border-bottom: 3px solid #ddd;
}
.tzone span.htitle { padding: 0px; padding-top: 5px; padding-bottom: 2px;
  font: bold 16px arial, sans-serif; color: #77ae18; border-bottom: 3px solid #ddd;
}

.messenger { position: relative; margin-top: 5px; float: right; }
.messenger img { border: 0; vertical-align: middle; }
.messenger a { font-weight: bold; font-size: 13px; text-decoration: underline; color: #000; }
.messenger a.records { margin-right: 30px; }
.messenger a:hover { text-decoration: none; color: #69b616; }

#page { clear: both; float: left; width: 100%; margin-bottom: 2px; text-align: left; }
#columns { margin: 0 auto; }

/* box partea stanga*/
#left { float: left; width: 400px; }

/* box partea dreapta*/
#right { width: 370px; background: #000; float: right; }
#right h1.mix_title { margin: 0px 10px 0px 10px; color: #fff; padding: 0px; padding-top: 20px; }
#right p.mix_subtitle {
	margin: 0px 15px 10px 15px; padding: 0px; color: #999;
	font: 100% arial, "Times new roman", times, serif;
}
#right p.mix_body {
	margin: 5px 10px 5px 10px; color: #c6c8c7; border-left: 5px solid #c6bb07; padding: 0px 0px 0px 12px;
	font: 20px "Trebuchet MS", Trebuchet, Arial, sans-serif; letter-spacing: -2px;
}
#right img { position: relative; }

#right #contact { position: relative; text-align: right; padding-right: 20px; padding-bottom: 15px; }

/* FOOTER */
#footer { clear: both; float: left; width: 100%; height: auto; }
#footer #bg { position: relative; height: 5em; margin: 0 auto; background: #000; }
#footer #bg #fleft { 
	position: absolute; border-top: 5px solid #a2bb67; top: 0px; left: 0px; width: 300px; text-align: center;
	padding-top: 10px;
}
#footer #bg #fleft span { color: #b8f2a9; }
#footer #bg #fright { 
	position: absolute; border-top: 5px solid #739919; top: 0px; left: 300px; width: 476px; padding-top: 10px;
}
#footer #bg #fright span { color: #f1f2e4; }
#footer #bg ul { float: right; margin: 30px 5px 0px 0px; padding: 5px; }
#footer #bg ul li { display: inline; list-style: none; }
#footer #bg ul li a {
	float: left; padding: 0 1em; text-decoration: none; color: #ccc; 
	border-right: 1px solid #aeb9a9; text-decoration: none;
}
#footer #bg ul li a.last { padding-right: 0px; border-right: 0px;}
#footer #bg ul li a:hover { color: #84ce4e; text-decoration: none;}

	/* Logo made by */
	div.fparteners { clear:both; position: relative; text-align: center; display: block; padding-top: 5px; }
	div.fparteners { font: bold 11px "Trebuchet", Tahoma; }
	DIV.parteners img { margin: 5px 5px 5px 0; border: 0; vertical-align: middle; text-decoration: none; }
	DIV.parteners a { margin: 5px 5px 5px 0; color: #868686; text-decoration: none; }
	DIV.parteners a:hover { text-decoration: underline; }

	/* web design author */
	#creation-logo { position: relative; clear: both; margin: 0; padding: 5px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #696969; }
	#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
	#creation-logo a:hover { color: #5e9f1f; }
	#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creation-logo strong { color: #000; }

/*********************************************************/
/* MESSAGES */
.error { font: bold 12px Tahoma, Verdana, sans-serif; color: #FF0000; text-align: center; display: block; }
.msgOK { font: bold 11px Tahoma, Verdana, sans-serif; color: #44A907; text-align: center; display: block; }

/**************************************************/

.post { float: left; width: 100%; position: relative; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
.post .date { position: absolute; top: 0; left: 5px; width: 12px; text-align: right; }
.post .date .month { text-transform: uppercase; font: 14px "Trebuchet MS", Arial, sans-serif; color: #888; }
.post .date .day { 
	display: block; margin-top: -5px; font: 18px "Trebuchet MS", Arial, sans-serif; color: #888;
}
.post .title { display: block; padding: 0px 0px 5px 0px; font-size: 1.2em; font-weight: bold; color: #586B7A; }
.post p { 
	margin: 0px 0px 0px 40px; padding:  0px 0px 10px 10px; border-left: 1px solid #ccc;
	font: 11px "Trebuchet MS", Arial, sans-serif; color: #888;
}
.post p a { color: #7ca253; text-decoration: none; }
.post p a:hover { background: #7ca253; color: #fff; }
.post p img { padding: 2px; border: 2px solid #849f18; }
.post p.alignRight { text-align: right; border: 0px; }
/* Post images */
img.floatRight { margin: 5px 0 10px 10px; float: right; }
img.floatLeft { margin: 5px 10px 10px 0; float: left; }

/***************************************************/
/* Right posts*/
.rpost { padding: 5px; }
.rpost p {
	font: 11px "Trebuchet MS", Arial, sans-serif; color: #ccc; line-height: 1.5em; margin: 5px 0px 0px 0px;
}
.rpost a { color: #fff; font-weight: bold; text-decoration: none; }
.rpost a:hover { color: #EAFF01; }
.rpost h4 { font-size: 11px; color: #EAFF01; margin: 0px; padding: 0px; }
.rpost h2 { font-size: 14px; color: #ccc; padding: 0px; margin: 3px 0px 3px 0px; }

/* Favorite links */
#links { position: relative; text-align: left; padding-bottom: 10px; padding-top: 10px; }
#links .lzone { margin-left: 10px; padding-bottom: 7px; border-bottom: 3px solid #20cc61; }
#links .lzone span { font: bold 14px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #30af2d; }
.favlinks { margin-top: 5px; padding-right: 10px; margin-left: 10px; padding-left: 0px; list-style: none; }
.favlinks li { 
	position: relative; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; margin-top: 5px;
	border: 1px solid #444444;
}
.favlinks li a img { padding: 3px 0 0 3px; border: 0; }
.favlinks li a { 
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #78d360; text-decoration: none; padding: 2px;
}
.favlinks li a:hover { color: #449023; background: #eef7e4; }

/* Boxes */
.boxes_zone { padding-bottom: 7px; width: 400px; margin: 0px auto; clear: left; padding-top: 10px; color: #949b95; }
.boxes { width: 190px; border-right: 1px solid #D1D1D1; text-align: left; float: left; padding-left: 5px; }
.boxes_inside { width: 180px; height: auto; }
.boxes_bkg_img { 
	background: #d4e5d6; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;
}
.boxes_more_lnkZone { padding: 10px 0px 10px 15px;}
.boxes_title { font: bold 14px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #0e821b; line-height: 20px; }
a.boxes_more { font: bold 10px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #12d028; }
a.boxes_more:hover { color: #52a25b; text-decoration: underline; }

/* Top 10 Mix */
#top10FormArea {
	font: bold 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #74b725; 
	margin-left: 12px; padding-top: 12px; text-align: justify; padding-bottom: 10px; padding-right: 10px;
}
#top10FormArea label, #top10FormArea input { 
	display: block; width: 150px; float: left; margin-bottom: 10px;
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
#top10FormArea label { text-align: left; width: 75px; padding-right: 20px; }
#top10FormArea textarea, #top10FormArea input { 
	display: block; float: left; padding-right: 20px; background: #cfecad; margin-bottom: 10px;
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
#top10FormArea textarea { text-align: left; width: 155px; height: 50px; padding-right: 20px; }
#top10FormArea input.submit { margin-left: 0px; width: 75px; background: #99a58c; color: #fff; text-align: center; }
#top10FormArea input.reset  { margin-left: 10px; width: 140px; background: #99a58c; color: #fff; text-align: center; }
#top10FormArea br { clear: left; }
.top10_zone { clear: left; background: #eaeaea; color: #fff; padding: 0 8px 0px 7px; margin: 0 0 20px 0; }
.top10 { background: #effff1; width: 364px; padding: 10px; margin: 0px 0px 5px 0px; color: #6fa63a; }
.top10list { padding: 5px; margin: 1px; border-bottom: 1px dotted #fff; }
.top10list:hover { color: #FFF; background: #77bc0a; }

/* CONTACT */
#contactFormArea {
	font: bold 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #74b725; 
	margin-left: 12px; padding-top: 12px; text-align: justify; padding-bottom: 10px; padding-right: 10px;
}
#contactFormArea label, #contactFormArea input { 
	display: block; width: 150px; float: left; margin-bottom: 10px;
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
#contactFormArea label { text-align: left; width: 75px; padding-right: 20px; }
#contactFormArea textarea, #contactFormArea input { 
	display: block; float: left; padding-right: 20px; background: #cfecad; margin-bottom: 10px;
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
#contactFormArea textarea { text-align: left; width: 155px; height: 100px; padding-right: 20px; }
#contactFormArea input.submit { margin-left: 0px; width: 75px; background: #99a58c; color: #fff; text-align: center; }
#contactFormArea input.reset  { margin-left: 10px; width: 140px; background: #99a58c; color: #fff; text-align: center; }
#contactFormArea br { clear: left; }

/* body text */
div.bodyText { margin-left: 10px; text-align: justify; clear:left; }
div.bodyText p { 
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #568321; margin-top: 2px;
	padding-bottom: 8px; padding-right: 10px;
}
div.bodyText p a {
	font: bold 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #48c322; text-decoration: none; 
	padding: 2px;
}
div.bodyText p a:hover { color: #3d8c25; text-decoration: underline; background: #d2f5c7; }
div.bodyText p img {
	background: #fff; border: #cbcbcb 2px solid; color: inherit; padding: 2px; vertical-align: top;
}

/* Dedications */
#dedicationFormArea {
	font: bold 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #74b725; 
	margin-left: 12px; padding-top: 12px; text-align: justify; padding-bottom: 10px; padding-right: 10px;
}
#dedicationFormArea label, #dedicationFormArea input { 
	display: block; width: 150px; float: left; margin-bottom: 10px;
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
#dedicationFormArea label { text-align: left; width: 75px; padding-right: 20px; }
#dedicationFormArea textarea, #dedicationFormArea input { 
	display: block; float: left; padding-right: 20px; background: #cfecad; margin-bottom: 10px;
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
#dedicationFormArea textarea { text-align: left; width: 155px; height: 100px; padding-right: 20px; }
#dedicationFormArea input.submit { 
	margin-left: 0px; width: 75px; background: #99a58c; color: #fff; text-align: center; 
}
#dedicationFormArea input.reset  {
	margin-left: 10px; width: 140px; background: #99a58c; color: #fff; text-align: center; 
}
#dedicationFormArea br { clear: left; }

/* TEAM */
#zteam {
	float:left; background: #ebffe4; margin: 0px 0px 0px 5px; padding: 5px; display: block; width: 380px;
	height: auto;
}
#zteam .djbox {
	background: #fff; height: auto; margin-top: 4px; padding: 9px;
	border: 1px solid #e3efe1; display: block; clear: both; 
}
#zteam .djbox img { border: 0px; margin: 0px; padding: 0px; background: #ebffe4; display: inline; }
#zteam .djbox ul {
	position: relative; clear: left; margin: 0px; padding: 0px 0px 0px 10px; line-height: 10px; display: block;
}
#zteam .djbox li {
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #175000; text-align: justify;
	display: list-item; list-style-type: disc; background: #fff; margin-bottom: 1px; padding: 1px 2px;
}
#zteam .djbox li a {
	font: 11px "Trebuchet MS", Trebuchet, Arial, sans-serif; line-height: 15px; color: #95d06a;
	text-decoration: none;
}
#zteam .djbox li a:hover { color: #175000; }
#zteam .djbox h4 {
	font: bold 14px "Trebuchet MS", Trebuchet, Arial, sans-serif; color: #64835e;
	line-height: 19px; margin: 0px 0px 1px 0px; padding: 1px 2px 1px 2px;
}
#zteam .djbox h4 a { text-decoration:none; }
#zteam .djbox h4 a:hover { color: #175000; }

/* Programs */
.programs_zone { clear: left; background: #eaeaea; color: #fff; padding: 0 8px 0px 7px; margin: 0 0 20px 0; }
.programs { background: #effff1; width: 354px; padding: 10px; margin: 0px 0px 5px 0px; color: #6fa63a; }
.programsList span { color: #396126; font-weight: bold; font-size: 12px; }
.programsList span:hover { color: #c5fbaa; }
.programsList { padding: 5px; margin: 1px; border-bottom: 1px dotted #fff; }
.programsList:hover { color: #fff; background: #77bc0a; }

/* Programs */
#download-mix { position: relative; margin: 20px 0; padding: 0; }
#download-mix a { line-height: 30px; font-size: 12px; text-decoration: underline; color: #717f6a; }
#download-mix a span { font-weight: bold; color: #44981b; }
#download-mix a:hover { text-decoration: none; color: #000; }

/* flash banner */
.banner { clear: both; height: auto; position: relative; }
.flashcontent {
	font: bold 11px Georgia, "Trebuchet MS", Trebuchet, Arial, sans-serif; background: #eae2ce; color: #3a110f;
}