/* player dimensions */
#player{
	display:block;				
	width:420px;
	height:320px;
	margin: 10px 0px 10px 0px;
	border:4px solid #5C004E;
	font-size:0px;

}
#player img{
	width:420px;
	height:320px;
}
#playbar{
	font-size: 14px;
	background-color: #F1F1F1;
	margin: 20px 0px 20px 0px;
	padding-left:11px;
	padding-bottom:10px;
}
#playbar a{
	margin-left:-5px;
	font-size:11px;
}
/* overlay play button */
#player span.play, #player div.play{
	display:block;
	background:url(../img/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-175px;
	left:195px;
	opacity:0.9;
	margin-bottom:-50px;
}
div.play:hover {
	opacity:1.0;		
}

/* playlist entry */
#playlist a {
	margin: 0px;
	width: 138px;
	height: 145px;
	display: block;
	float: left;
	text-decoration: none;
	border: none;
	outline-style: none;
}
#playlist span {
	font-size: 17px;
	text-align: center;
	margin: 8px 0px 8px 0px;
	padding: 0px;
	color: #5C004E;
	display:block;
}

#playlist img {
	width:130px;
	border: 1px solid #8e0078;
} 
/* entry stages: normal, hover, playing, paused */
#playlist a:hover .play{
	background-position:0 -51px;	
}

#playlist a.playing .play{
	background-position:0 -101px;		
}

#playlist a.paused .play{
	background-position:0 -151px;	
}
/* overlay play button */
#playlist a .play {
	background:url(../img/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-75px;
	left:47px;	
	opacity:0.9;
	margin-bottom:-50px;
	display:block;
}