/* 
-----------------------------------------------------------------------------------------
Funky Remixes Style Sheet

Supported Browsers:
PC IE 6-7, FF
Mac - FF, Safario

HEX Values:
Light Blue: #69D0E1
Blue: #0CADCB
Grey: #5B5B5B

* { } Global setting
* html #id { } - An IE hack (Not used in this style sheet)

-------------------------------------------------------------------------------------- */
* {margin:0;padding:0;} 

body {
	margin:0;
	text-align:left;
	background:url(../images/player.gif) no-repeat;
	background-position: top center}
	
body.bbox {
	margin:0;
	text-align:left;
	background:url(../images/player-bbox.jpg) no-repeat;
	background-position: top center}
	
body.three {
	margin:0;
	text-align:left;
	background:url(../images/player-three.jpg) no-repeat;
	background-position: top center}

/* 
-----------------------------------------------------------------------------------------
Homepage and Layout Styles
-------------------------------------------------------------------------------------- */

#player{
	width:414px;
	margin-top:142px;
	height:210px;}
	
#playlist{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:19px;}

#thumbs{
	margin-top:35px;
	height:39px;
	text-align:left;
	width:350px;}

#footer{
	margin-top:3px;
	width:500px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	line-height:19px;}

a:link, a:visited, a:active{
	color:#999999;
	text-decoration:none;}
a:hover{
	color:#0CADCB;
	text-decoration:underline;}
	
	
	

#buttons{
    width:350px;height:39px;
    margin:37px 0 0 0;
	padding:0;
    position:relative;}
		
#buttons li{
    margin:0;padding:0;list-style:none;
    position:absolute;top:0;}
		
#buttons li, #buttons a{
    height:39px;display:block;}
	
	
#thumb-01 {left: 0; width: 50px;
	 background: transparent url(../images/player-thumb-01.gif)
 	 0 0 no-repeat;} 
#thumb-01 a:hover {
     background: transparent url(../images/player-thumb-01.gif)
     0 -80px no-repeat;}
#thumb-01-on {left: 0; width: 50px;
	 background: transparent url(../images/player-thumb-01.gif)
 	 0 -40px no-repeat;}	
#thumb-01-on a:hover {left: 0; width: 500px;
	 background: transparent url(../images/player-thumb-01.gif)
 	 0 -80px no-repeat;}	


	 
#thumb-02 {left: 75px; width: 50px;
	 background: transparent url(../images/player-thumb-02.gif)
 	 0 0 no-repeat;} 
#thumb-02 a:hover {
     background: transparent url(../images/player-thumb-02.gif)
     0 -80px no-repeat;}
#thumb-02-on {left: 75px; width: 50px;
	 background: transparent url(../images/player-thumb-02.gif)
 	 0 -40px no-repeat;}	
#thumb-02-on a:hover {left: 75px; width: 500px;
	 background: transparent url(../images/player-thumb-02.gif)
 	 0 -80px no-repeat;}	
	 
#thumb-03 {left: 150px; width: 50px;
	 background: transparent url(../images/player-thumb-03.gif)
 	 0 0 no-repeat;} 
#thumb-03 a:hover {
     background: transparent url(../images/player-thumb-03.gif)
     0 -80px no-repeat;}
#thumb-03-on {left: 150px; width: 50px;
	 background: transparent url(../images/player-thumb-03.gif)
 	 0 -40px no-repeat;}	
#thumb-03-on a:hover {left: 150px; width: 500px;
	 background: transparent url(../images/player-thumb-03.gif)
 	 0 -80px no-repeat;}	
	 
#coming {left: 225px; width: 50px;
	 background: transparent url(../images/player-thumb-place.gif)
 	 0 0 no-repeat;} 
	 
#next {left: 300px; width: 50px;
	 background: transparent url(../images/player-thumb-place.gif)
 	 0 0 no-repeat;}