/* player and playlist go side by side */

#playlist {
        float:right;
        margin-right:150px;
}

#player, #playlist2, #playlist3, #playlist4, #playlist5 {
        float:right;
        margin-right:20px;
}


/* player dimensions */
#player, #player img {
	display:block;				
	width:400px;
	height:350px;
	border:thin solid #FFFF00;		
}

#player_wide, #player_wide img {
	display:block;				
	width:400px;
	height:275px;
	border:thin solid #FFFF00;		
}

#playlist, #playlist2, #playlist3, #playlist4, #playlist5  {
	width:133px;		
}


/* overlay play button */
div.play {
	background:url(play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-210px;
	left:175px;	
	opacity:0.9;
	margin-bottom:-50px;
}

div.play:hover {
	opacity:1.0;		
}


/* playlist entry */
#playlist a, #playlist2 a, #playlist3 a, #playlist4 a, #playlist5 a {
	width:133px;
	height:72px;
	display:block;
	margin-bottom: 10px;
	text-decoration:none;
        border:thin solid #FFFF00;
        background-color:#004477
}

#playlist p, #playlist2 p, #playlist3 p, #playlist4 p, #playlist5 p {
	font-size:11px;
	width:125px;
	padding:4px 0 0 8px;
	margin:0px;
        color:#FFFF00;
        font-weight:bold;		
}

#playlist p.time, #playlist2 p.time, #playlist3 p.time, #playlist4 p.time, #playlist5 p.time  {
	padding-top:0px;
	color:#FFFFFF;
	margin-top:5px;
        font-weight:bold;
} 

#playlist p.year, #playlist2 p.year, #playlist3 p.year, #playlist4 p.year, #playlist5 p.year  {
	padding-top:0px;
	color:#FF8040;
	margin-top:5px;
        font-weight:bold;
}


/* entry stages: normal, hover, playing, paused */
#playlist a:hover, #playlist2 a:hover, #playlist3 a:hover, #playlist4 a:hover, #playlist5 a.hover {
	background-position:0 -68px;	
}

#playlist a.playing, #playlist2 a.playing, #playlist3 a.playing, #playlist4 a.playing, #playlist5 a.playing  {
	color:#FFFFFF;	
}

#playlist a.playing, #playlist2 a.playing, #playlist3 a.playing, #playlist4 a.playing, #playlist5 a.playing {
	background-position:0 -136px;		
}

#playlist a.paused, #playlist2 a.paused, #playlist3 a.paused , #playlist4 a.paused, #playlist5 a.paused  {
	background-position:0 -68px;	
}