/* @override http://multivac.local/Projects/postradio/lib/css/post_style.css */

/*
URI: http://www.postradio.gr
Description: css for the PostRadio 
Author: Tolis Paschalidis, Loucas Gatzoulis
Author URI: http://www.mediagrounds.net
Version: 1.0
.
	Mediagrounds
	Copyright� 2010 mediagrounds
	All Rights Reserved.

	NOTICE: mediagrounds permits you to use, modify, and distribute this file
	in accordance with the terms of the license agreement accompanying it.
.
*/

/************* main colors 
blue		: #0397FF;
light grey	: #B3B3B3;
menu grey	: #333333;
menu white	: #F2F2F2;
square header	: #666666;
*************************/

::-moz-selection{
	background:#0397FF;
	color:#fff;
}

::selection {
	background:#0397FF;
	color:#fff;
}

code::-moz-selection {
	background: #0397FF;
}

code::selection {
	background: #0397FF;
}

li,ul
{
	list-style-type:none;
}

html{/* IE Hack */}

body
{
	padding:0px;
	margin:0px;
	font-size:12px;
	background:#b3b3b3 url(../images/back11.jpg) no-repeat center top;
	/*behavior: url("css/csshover3.htc");*/
	font-family:  Helvetica, Times,"Myriad Pro","Trebuchet MS", Arial, sans-serif, "Times New Roman", Times, serif;
}

#main{width:1020px; margin:0 auto; padding:0; }

.container 
{ 
	width:940px; margin:0 auto;
/*	background:#b3b3b3;*/
}

#main .container
{
	min-height:483px;
}





/**************************************************************************
**                                                              H E A D E R
***************************************************************************/
#header{
	height:150px;
	text-decoration:none;
	font-weight:bold;
	font-size:2.8em;
	letter-spacing:-0.05em;
	color:#999;
	font-family:  Helvetica, Times,"Myriad Pro","Trebuchet MS", Arial, sans-serif, "Times New Roman", Times, serif;
	margin:0px;padding:0px;

}
#header_left
{
	height:150px;
	background: url(../images/top_logo.png) no-repeat left top;
}

a#cc_stream_info_song {
	color:#0397FF;
	font-size:1.0em;
	text-decoration: none;
}

#players li a img {
	margin-right: 5px;
	vertical-align: -4px;
}

ul#players li {
	margin-top: 5px;
	margin-bottom: 5px;
	
}

/*#players li a {
	color:#0397FF;
	font-size:1.0em;
	text-decoration: none;
}*/	




#header_right
{
	height:150px; 
}

#main_area
{
	min-height:483px;
}

.divider
{
	height:20px;
}






/**************************************************************************
**                                                                  M E N U
***************************************************************************/
#menu{
	height:70px;
	background:#333;
}

#menu .current_item a:hover,
#menu .menu_item a:link,  
#menu .menu_item a:active,
#menu .menu_item a:visited
{ 
	height:60px;
	color:#f2f2f2;
	padding:10px 0 0px 10px;
	border-color:#999;
	border-style:none none none solid;
	border-width:0.5px;	 
	display: block;	
	text-decoration:none; 
}

#menu .menu_item a:hover,
#menu .current_item a:link,
#menu .current_item a:active,
#menu .current_item a:visited
{
	height:60px;
	color:#333;
	background:#f2f2f2;
	padding:10px 0 0px 10px;
	border-color:#999;
	border-style:none none none solid;
	border-width:0.5px;	 
	display: block;	
	text-decoration:none; 
}








/**************************************************************************
**                                                                    B O X
***************************************************************************/
.square, .big_square{
	background:#fff;
	padding:0px;
	margin:0px;
}

.top_square{
	height:12px;	
	background: url(../images/top_square.png) top left no-repeat;
}

.bottom_square{
	height:12px;
	padding:0 0 12px 0;
	background: url(../images/bottom_square.png) bottom left no-repeat;
}

.top_big_square{
	height:12px;	
	background: url(../images/top_big_square.png) top left no-repeat;
	
}

.bottom_big_square{
	height:12px;
	padding:0 0 12px 0;
	background: url(../images/bottom_big_square.png) bottom left no-repeat;
}

#nowPlaying,#onAir, #onAir h2, #nowPlaying h2{
	
	color:#0397FF;
	font-size:1.0em;
}

#nowPlaying , #onAir {
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:-0.01em;
	
}

.inside_boxing_small{
	
	margin:0 0 0 5px;
	/*padding:0 -5px 0 -10px;
	background:#fc0;*/
}

.inside_boxing_big{
	
	margin:10px 0 0 10px;
	/*padding:0 -5px 0 -10px;
	background:#fc0;*/
	font-size:12px;
}
.inside_boxing_big ul{
	width:180px;
}

#middle_main h2,.square .main_title h2{
	color:#666;
	font-weight:bold;
	/*font-size:1.8em;
	letter-spacing:-0.07em;*/
	font-size:16px;
	letter-spacing:-1px;
	margin:0 0 3px 5px;
}
.main_title_small h2{
	color:#666;
	font-weight:bold;
	/*font-size:1.4em;
	letter-spacing:-0.02em;*/
	font-size:18px;
	letter-spacing:-1px;
	margin:0 0 0px 5px;
}
#middle_main .main_title, .square .main_title_small{
	
	border-color:#999;
	border-style:none none solid none ;
	border-width:1px;
}




/**************************************************************************
**                                                                L I N K S
***************************************************************************/
.inside_boxing_big a:link, .inside_boxing_big a:active, .inside_boxing_big a:visited,a:visited
{ 
	color: #121212; 
	
	display: block; 	
	border-bottom: 1px dotted #a9a9a9; 
	text-decoration:none; 
}
.inside_boxing_big a:hover 
{ 
	background-color: #0397FF; 
	text-decoration:none;
	color:#fff;
}

  
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}






/**************************************************************************
**                                                          C A L E N D A R
***************************************************************************/
#calendar{
	font-size:9px;
	color:#fff;
	text-align:center;
}
td
{
	/*border-right:1px solid #e6e6e6;*/
	
}
.rowODD{
	background:#808080;
}
.rowEVEN{
	background:#E6E6E6;
}
.headings{
	color:#fff;
	font-size:9px;
}
.times{
	font-size:8px;
	font-weight:bold;
	color:#000000;
}

/* DJs */
.chumba
{
	background:#003366;
	text-align:center;
}
.indictos
{
	background:#FF8F00;
	text-align:center;
}
.electric
{
	background:#e65d0f;
	text-align:center;
}
.vip
{
	background:#CAA218;
	text-align:center;
}
.bass
{
	background:#610B21;
	text-align:center;
}

.kapetank
{
	background:#FF12F3;
	text-align:center;
}

.airtight
{
	background:#4497f8;
	text-align:center;
}

.sylvia
{
	background:#B40C40;
	text-align:center;
}

.trad
{
	background:#D908A0;
	text-align:center;
}
.panosk
{
	background:#7F8B8C;
	text-align:center;
}
.kostask
{
	background:#2B9904;
	text-align:center;
}









div.fspan-1, div.fspan-2, div.fspan-3, div.fspan-4, div.fspan-5, div.fspan-6, div.fspan-7, div.fspan-8, div.fspan-9, div.fspan-10, div.fspan-11, div.fspan-12, div.fspan-13, div.fspan-14, div.fspan-15, div.fspan-16, div.fspan-17, div.fspan-18, div.fspan-19, div.fspan-20, div.fspan-21, div.fspan-22, div.fspan-23, div.fspan-24 {float:left;margin-right:0px;}
.fspan-1  { width: 60px;}
.fspan-2  { width: 120px;}
.fspan-3  { width: 180px;}
.fspan-4  { width: 240px;}
.fspan-5  { width: 300px;}
.fspan-6  { width: 360px;}
.fspan-7  { width: 420px;}
.fspan-8  { width: 480px;}
.fspan-9  { width: 540px;}
.fspan-10 { width: 600px;}
.fspan-11 { width: 660px;}
.fspan-12 { width: 720px;}
.fspan-13 { width: 780px;}
.fspan-14 { width: 840px;}
.fspan-15 { width: 900px;}
.fspan-16, div.fspan-16 { width: 940px; margin: 0; }