*{margin:0; padding:0}
@font-face {
  font-family: 'Josefin';
  font-style: normal;
  font-weight: normal;
  src: local('Josefin Sans Std Light'), url('http://themes.googleusercontent.com/font?kit=doRWK9Qks0OQGenH-kW8ngz2EdV-DdurKoLOmiOgX_w') format('truetype');
}
html, body{
	height:100%;
}
body{
	background:#000;
	min-height:100%;
}
#wrapper{
	width:900px;
	margin:0 auto;
	height:100%;
}
h1{	
	font-family: 'Josefin';
	font-size:30px;
	color:#e1e1e1;
	text-shadow:1px 2px 1px #545454;
	padding:20px 0;
}
#divplayer{
	width:694px;
	height:303px;
	background:url(bgplayer.png) top left no-repeat;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
	margin:0 auto;
}
#playlist{
	position:absolute;
	width:300px;
	height:300px;
	overflow-y:auto;
	top:221px;
	left:149px;
	background:rgba(84,84,84,0.9);
	list-style-type:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#playlist li{
	padding:4px;
	font-size:9px;
	color:#ffffff;
	cursor:pointer;
} 
#playlist li:hover, #playlist li.odd:hover{ 
	background:#58ABBA;
}

#playlist li.current, #playlist li.odd.current{
	background:#34737D;
}
#playlist li.current:hover{
	background:#58ABBA;
}
#playlist li.odd{
	background:#333;
}

#titlebar{
	position:absolute;
	top:50px;
	left:237px;
	width:245px;
	line-height:15px;
	overflow:hidden;
}
#titlesong{
	display:block;
	color:#ffffff;
	font-size:10px;
}
#titleartist{
	display:block;
	color:#EA3930;
	font-size:10px;
	font-weight:bold;
}
.album{
	display:block;
	margin:5px 0 0 0;
	color:#5AACBA;
	font-size:10px;
}


#titlebar img{
	float:left;
	width:100px;
	height:100px;
	margin:0 10px 0 0;
}

#progressbar{
/*	background-image : url(handler_song.png);
	background-repeat : no-repeat;
	background-position : 0 0;*/
	height:9px;
	position:absolute;
	width:190px;
	left:182px;
	top:172px;
}
#dragprogress{
	background-image : url(handler_song.png);
	background-repeat : no-repeat;
	background-position : 0 0;
	width:9px;
	height:9px;
	cursor:pointer;
}

#txttime{
	position:absolute;
	top:171px;
	left:379px;
	color:#ffffff;
	display : block;
	font-size:10px;
}

#liststyles{
	list-style-type:none;
	position:absolute;
	top:187px;
	left:184px;
}
#liststyles li{
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	font-size:10px;
	background:rgba(84,84,84,0.7);
	color:#fff;
	margin:0 5px;
	padding:2px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#liststyles li.sel{
	background:rgba(52,115,125,0.7);
}
#volumebar{
	position:absolute;
	width:43px;
	height:7px;
	overflow:hidden;
	top:175px;
	left:585px;
	cursor:pointer;
}
#dragvolume{
	position:absolute;
	width:43px;
	left:-22px;
	height:7px;
	background-image:url(volume_bar.png);
	background-repeat:no-repeat;
}
#thanks{
	font-family: 'Josefin';
	color:#ffffff;
	position:absolute;
	bottom:15px;
	right:15px;
	font-size:20px;
	font-weight:bold;
	width:250px;
}
#thanks a.lkjamendo{
	display:block;
	margin.0 auto;
}
#thanks a img{
	border:none;
}
#thanks .txtthanks{
	display:block;
	margin:5px 0;
	text-align:leftt;
}
#thanks .forthemusic{
	display:block;
	text-align:right;
}
.alert{
	font-family: 'Josefin';
	color:#EA3930;
	font-size:30px;
	font-weight:bold;
	margin:50px 0;
}

.lkthanks{
	color:#57ACBA;
	border-bottom:2px solid #33737D;
	text-decoration:none;
}
.btplay, .btpause, .btnext, .btprev, .btstop{
	display:block;
	position:absolute;
}
.btplay{top:181px; left:57px; background:url(play.png) center no-repeat; width:13px; height:16px;}
.btpause{top:181px; left:72px; background:url(pause.png) center no-repeat; width:6px; height:16px;}
.btnext{top:184px; left:90px; background:url(next.png) center no-repeat; width:20px; height:11px;}
.btprev{top:184px; left:25px; background:url(prev.png) center no-repeat; width:20px; height:11px;}
.btstop{top:218px; left:102px; background:url(stop.png) center no-repeat; width:16px; height:16px;}