/* ------------------------------------------------------
css for grita.TV
 ------------------------------------------------------
*/

#sidebar_gritatv {
	float: right;
	width: 320px;
	margin: 10px 10px 0px 0px;
	padding: 0px;
	line-height: 20px;
	display: inline;
	}

#scroll_clipper {
	float: right;
	width:305px;
	height:365px;
	overflow:auto;
	padding:5px;
	border:none;
	background-color:#54C4CF;
}

#playing{
	font-family: Arial, Tahoma, Verdana;
	font-size: 0.9em;
	width:305px;
	height:150px;
	float:left;
	border:thin inset;
	background-color: #FF76A7;
	color: #FFCCCC;
	overflow:auto;
	padding:5px;
	line-height: 110%;
}

#playlist{
	font-family: Arial, Tahoma, Verdana;
	font-size: 0.85em;
	background: transparent;
	height:auto;
	width:90%;
	overflow:none;
	line-height: 105%;
	border: none;
}

#playlist h5 {
	font-size: 1.2em;
	line-height: 120%;
	color: #F9EF6C;
	padding: 0px;
	margin: 0px;
}

#playing h5 {
	font-size: 1.3em;
	line-height: 125%;
	color: #F9EF6C;
	padding: 0px;
	margin: 0px;
}

#playing_desc {
	padding: 2px;
}

.rollover a, .mnurollover a { 
	display:block; 
	width:100%; 
	background-color: "transparent";
	color: #FFFFFF;
	text-decoration: none;
	/*border: thin solid black;*/
	border: none;
	padding: 2px 0px 0px 2px;
	
}
.rollover a:hover, .mnurollover a:hover { 
	background-color: #FF76A7;
	color: #FFFFFF;
}

.rollover  a { 
	height: 70px;	
}

.mnurollover a {
	font-size: 2.3em;
	text-align: center;
	font-weight: bold;
	height: 20px;
	padding: 10px;
}

.img_youtube {
	float: right;
	padding: 6px;
	width: 67px;
	height: 50px;
	border: none;
}

/* TAB colors */

ul.tabbernav li a:link {
	color: #FFFFFF;
	background: #54C4CF;
	margin: 0px 5px 0px 0px;
	}
	
ul.tabbernav li a:visited {
	color: #FFFFFF;
	background: #54C4CF;
	}

ul.tabbernav li a:hover {
	background: #F9EF6C;
	color: #683B25;
	text-decoration: none;
	}

ul.tabbernav li.tabberactive a {
	background: #F9EF6C;
	color: #683B25;
	text-decoration: none;
	}

ul.tabbernav li.tabberactive a:hover {
	background: #F9EF6C;
	color: #683B25;
	}