html, body, div, ul, ol, li, h1, h2, h3, h4, h5, form, p, input { margin: 0; padding: 0; }

body {
	margin: 0;
	background: url('img/back.jpg');
	
	
	font: 18px "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 30px;
	color: #fff;
text-shadow:#2f2f2f  0 1px 0; 
text-transform: lowercase;
}


#back {
background: no-repeat url('img/background.jpg');	
	
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 902px;
z-index: -1;
overflow: auto;
}

#center {
	width: 900px;
	margin: 10px auto 20px auto;
}


#top {
	width: 900px;
	height: 300px;
	background: url('img/top.jpg');
	
	border-style: solid;
	border-width: 1px;
	border-top-color: #b7b1b1;
	border-left-color: #c7c3c3;
	border-bottom-color: #a6a6a6;
	border-right-color: #b7b1b1;
	-webkit-box-shadow: rgba(0,0,0, .2) 0px 2px 10px ;
	-moz-box-shadow: rgba(0,0,0, .2) 0px 1px 4px;
	background-color: #efefef;
}

#top h1 {
	width: 900px;
	height: 50px;
	background: url('img/logo.png');
	text-indent: -9999px;
	top: 250px;
	position: relative;
	margin: 0;
}

/*

img {
margin: 0 auto 15px auto;
	margin-left: -8px;
	padding: 10px;
	float: left;
	display: block;
	clear: right;
	line-height: 70%;
background-color: rgba(159,  159, 159, .8);
 -webkit-transition: opacity .2s ease-in; 

opacity: .5;


}
*/
.title a{
	font: 18px "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 30px;
	color: #fff;
text-shadow:#2f2f2f  0 1px 0; 
text-decoration: none;
}

.al{

	margin: 85px auto 24px auto;
	padding: 0px;
	float: left;
	display: block;
	clear: both;
	line-height: 70%;
	border-style: solid;
	border-width: 1px;
	border-top-color: #b7b1b1;
	border-left-color: #c7c3c3;
	border-bottom-color: #a6a6a6;
	border-right-color: #b7b1b1;
	background: rgba(255,255,255, 1) -webkit-gradient(linear, left bottom, left top, from(rgba(253,253,253, 1)), to(rgba(239,239,239, 1)));
	-webkit-box-shadow: rgba(0,0,0, .5) 0px 1px 4px ;
	-moz-box-shadow: rgba(0,0,0, .5) 0px 1px 4px;
	background-color: #efefef;

}
.al:hover{
background-color: rgba(159,  159, 159, .3);
 opacity: 1; 
}

#paypal {

float: right;
margin-right: 405px;
margin-top: 10px;
}
.error {
	color: red;
}


.success {
	width: 450px;
	float: left;
	margin-left: 60px;
	font-size: 15px;
}


.album{

margin: 10px 0px 0px 0px;
padding: 30px;
width: 840px;
height: 450px;
	border-style: solid;
	border-width: 0px;
	border-top-color: #b7b1b1;
	border-left-color: #c7c3c3;
	border-bottom-color: #a6a6a6;
	border-right-color: #b7b1b1;
	-webkit-box-shadow: rgba(0,0,0, .2) 0px 2px 10px ;
	-moz-box-shadow: rgba(0,0,0, .2) 0px 1px 4px;
	background: rgba(255,255,255, 0) -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0, 0.2)), to(rgba(255,255,255, 0)));
	
float: left;
	
}

.buyinfo{
	float: left;
	width: 300px;

}

.buyinfo span{

	font-size: 11px;
	
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}

.tracklist {
	float: left;

	margin-left: 30px;


}

.download_button{
	width: 140px;
	height: 36px;
	background: url('img/button.png') no-repeat;
	padding: 5px 0px 0px 20px;
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	cursor: pointer;
}

.download_button:hover {
	background-position-y: -40px;
}

#buy-buttons .download_button{
margin-top: 6px;
margin-right: 6px;
}
#buy-buttons{
float: left;
width: 420px;
height: 60px;
margin-top: 10px;
margin-left: 80px;
padding-left: 10px;
	display: block;
	
}


#loading {
float: left;
display: block;
background: url('img/loading.gif');
position: relative;
margin: 18px 0px 0px 0px;
width: 31px;
height: 31px;
display: none;
}

.title {
	float: left;
	clear: left;
	
	margin: 0px 0px 10px 32px;
}

.title h1 {
	font: 38px "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 25px;
	text-indent: -1px;
}

.title h2 {
	font-size: 18px;
	font-weight: normal;
}

.title small {
	font-size: 10px;
	line-height: 20px;
}

small {
	float: right;
font-size: 10px;
}

ol.tracks {
float: left;
clear: left;

margin-left: 25px;

}

.tracks li {
background-color: rgba(159,  159, 159, .2);
padding: 0px 10px 0px 10px;
width: 460px;
list-style-position: outside;
font-size: 15px;

}

li.alt{
background-color: rgba(159,  159, 159, .1);


}

small.copyright{
float: left;
width: 100%;
text-align: center;
opacity: .8;
}





input[type=text] {
width: 100%;
height: 30px;
background-color: rgba(159,  159, 159, .2);
padding: 0px 10px 0px 10px;
border: none;
list-style-position: outside;
font-size: 15px;
color: #fff;


font: 15px "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

	color: #fff;
	
	text-shadow:#2f2f2f  0 1px 0; 
}




.submit_button{
	width: 160px;
	height: 40px;
	background: url('img/button.png') no-repeat;
	padding: 0px 0px 0px 20px;

	margin: 15px -22px 0px 0px;
	float: right;
	display: block;
	cursor: pointer;
	border: none;
	font: 18px "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

	color: #fff;
	
	text-shadow:#2f2f2f  0 1px 0; 
	text-align: left;
}

.submit_button:hover {
	background-position-y: -40px;
}


label {
	font-size: 14px;
	float: left;
	clear: left;
}

#signup{
	display: none; 
	float: left;
	width: 450px;
	padding: 0px 0px 0px 60px;
	font-size: 15px;

}

#signup p {
	margin-bottom: 20px;
}

#output{
float: left;
clear: left;


}

li.selected {
	
	background-color: rgba(255,  255, 255, .3);


}


.error {
	color: #fff;
}

.tracks li {
cursor: pointer;
}

#cont {
width: 31px;
height: 31px;




}


.right {

width: 500px;

float: left;
	
}
#controls {

width:36px;
height: 36px;
margin: 30px 0px 0px 320px;
float: left;
clear: none;
background-color: rgba(0,  0, 0, 0);


}



#donate {

float: left;
background: url('img/donate.png') no-repeat;
width: 180px;
height: 36px;
margin-top: -2px;
padding: 1px 0px 0px 30px;
font-size: 14px;

}
#price {

}

#fname {

}
#adjustup{
float: left;

position: relative;

width: 26px;
height: 12px;
margin-left: 120px;
margin-top: -26px;

cursor: pointer;
}
#adjustdown{
float: left;

position: relative;

width: 26px;
height: 12px;
margin-left: 120px;
margin-top: -14px;
cursor: pointer;
}
#pcent {

float: left;
display: block;
background: url('img/loading.gif');
position: relative;
top: 0px;
width: 31px;
height: 31px;
}

#pause {
float: left;
display: block;
background: url('img/pause.png');
position: relative;
top: -31px;
width:31px;
height: 31px;

}
#play {
position: relative;

float: left;
display: block;
background: url('img/play.png');
top: -62px;
width: 31px;
height: 31px;

}