/*{{{ very basic styles */

/*{{{ general playlist settings, light gray */
div.show_video {
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
	padding-top:2px;
	background:#333333;
}

/*{{{ player */

a.player {	
	margin-top:40px;
	display:block;
	background:url(../img/player/splash.jpg) no-repeat;
	width:380px;
	height:250px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
}
a.player.plain {
	background-position:0px -20px;
	margin-top:10px;
	width:380px;
	height:250px;
}
a.player img {
	border:0;
	margin-top:90px;
}

/*}}}*/

/*lateral bar with playlist*/
div.playlist, div.clips {
	width:380px;
	margin-left:auto;
	margin-right:auto;	
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
	font-size:12px;	
	margin-top:4px;	
}


/*{{{ go buttons */

a.go {
	display:block;
	width:30px;
	height:18px;
	background:url(../img/playlist/arrow/up.png) no-repeat;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding-top:-5px;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(../img/playlist/arrow/down.png);	
}
/*}}}*/

div.clips.kara a {
	display:block;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;	
	background: url(../img/playlist/kara.jpg) #fefeff no-repeat;
	color:#fff;
	border:1px outset #193947;
	height:50px;
	width:380px;
	float:left;
	margin-bottom:4px;
}

div.clips a.first {
	border-top-width:1px;
}

div.clips.kara a.paused {
	background-position:0 0;	
}

div.clips a.progress {
	opacity:0.6;		
}

div.clips.kara a strong {
	padding:5px 15px 5px 85px;
}	

div.clips.kara a em {
	color:#FCA29A;
	font-weight:bold;
	padding:85px;
}	

div.clips.kara a:hover {
	background: url(../img/playlist/karah.jpg) no-repeat;
	border:1px outset #868686;	
	font-size:13px;
	height:53px;	
} 

div.clips.kara a.paused {
	background: url(../img/playlist/karas.jpg) no-repeat;
	border:1px outset #868686;	
	height:53px;	
} 

div.clips.kara a.playing, div.clips.kara a.progress {
	background: url(../img/playlist/karap.jpg) no-repeat;
	border:1px outset #868686;	
	height:53px;	
} 

div.clips.kara a:hover strong, div.clips.kara a.playing strong, div.clips.kara a.paused strong, div.clips.kara a.progress strong{
	padding:5px 15px 5px 100px;	
	font-size:13px;	
	color:#000000;
}	

div.clips.kara a:hover em, div.clips.kara a.playing em, div.clips.kara a.paused em, div.clips.kara a.progress em{
	color:#CC0000;
	font-weight:bold;
	padding:5px 15px 5px 100px;	
}	

div.clips.kara a.playing:hover, div.clips.kara a.paused:hover, div.clips.kara a.progress:hover {
	background-color:transparent !important;		 
}

/*}}}*/


/* tabs */

#content #tabs li #t1 { background-position: 0 0; }

#content #tabs li #t1:hover { background-position:      0 -33px; }

#content #tabs li.active a	  {cursor:default; }