#player, div.playlist {
float:left;
}
div.playlist {
width:150px;
left: -300px;
}
#player, #player img {
border:0 none;
display:block;
height:300px;
width:400px;
}
div.play {
background:transparent url(images/play2.png) no-repeat scroll 0 0;
height:50px;
width:50px;
/*opacity:0.9;*/
position:relative;
left:10px;
margin-bottom:-50px;
top:-185px;
}
div.play:hover {
/*opacity:3;*/
}
/* container for the scrollable items */
div.items {
height:66px;	
float:left;
left:0;
width:300px;
}
div.items a {
background:transparent url(images/block.jpg) no-repeat scroll 0 0;
display:block;
height:68px;
text-decoration:none;
width:150px;
}
div.items p {
font-size:0.8em;
margin:0;
padding:8px 0 0 12px;
width:130px;
}
div.items p.time {
color:#000000;
margin-top:5px;
padding-top:0;
}
div.items a:hover {
background-position:0 -68px;
}
div.items a.playing, div.items a.paused {
color:#131313;
}
div.items a.playing {
background-position:0 -136px;
}
div.items a.paused {
background-position:0 -68px;
}
div.navi {
float:left;
margin:10px 0 0 50px;
width:60px;
}

div.navi span {
background:transparent url(images/dots.png) no-repeat scroll 0 0;
cursor:pointer;
float:left;
height:8px;
margin:3px;
width:8px;
}
div.navi span:hover {
background-position:0 -8px;
}
div.navi span.active {
background-position:0 -16px;
}