/* main page styles */

@import url("popUpStyles.css");
@import url("contact.css");
@import url("song-backgrounds.css");

body{
	margin: 0 auto;
	background: #000;
}
	
.music #wrapper{
	width: 725px;
	height: 525px;
	padding: 0;
	margin: 0 auto;	
	position: relative;
	border: solid 0px red;
	background: #000 url(images/interface/drama.gif) 60px 27px no-repeat;
}

.other #wrapper{ 
	width: 725px;
	height: 525px;
	padding: 0;
	margin: 0 auto;	
	position: relative;
	border: solid 0px red;
	background: url(images/interface/tulip-art.jpg) 437px 40px no-repeat;
	}

#border{
	height: 534px;
	border: solid 0px green;
	background: url(images/interface/freaks.gif) center bottom no-repeat;
	float: right;
}

#borderShort{
height: 493px;
width: 685px;
border: solid 0px green;
background: url(images/interface/freaks.gif) 120px bottom no-repeat;
float: right;
}

#bottom{
background: url(images/interface/records.gif) 4px 16px no-repeat;
float: left;
}

#siteNav{
border: solid 0px red;
float: left;
}

#siteNav ul{
padding: 0;
margin: 22px 0 0 0;
list-style: none;
}

#siteNav li{
padding: 0 0 15px 0;
}

#siteNav a{
font-family: arial, sans-serif;
font-size: 13px;
color: #ff9595;
text-decoration: none;
}

#siteNav a:hover{
color: #fff;
text-decoration: none;
}

#albums{
width: 585px;
height: 98px;
padding: 0 0 0 3px;
margin: 0 0 0 13px;
border-top: solid 0px #444;
border-bottom: solid 0px #444;
background: #000;
}

#albums ul{
padding: 0;
margin: 13px 0 0 0;
list-style: none;
float: left;
display: inline;
}

#albums li{
padding: 0;
margin: 0 5px 0 5px;
float: left;
display: inline;
}

#albums img{
padding: 0;
border: none;
}
   			
#albums a span{
display: none	;
}

#albums a:hover{
display: block;
border: solid 1px #777;
}
	
#albums a{
display: block;
border: solid 1px #444;
text-decoration: none;
}

#albums a:hover span{
display: block;
position: absolute; top: 393px; left:515px;
width: 175px;
z-index: 10;
background: none;
}

body#tup a.tupHome span, body#sulk a.sulkHome span, body#icff a.icffHome span, body#beds a.bedsHome span, body#extra a.extraHome span{
display: block;
position: absolute; top: 393px; left:515px;
z-index: 1;
}

#footer{
width: 595px;
height: 24px;
padding: 0;
margin: 0 0 0 20px;
font-family: tahoma, sans-serif;
font-size: 13px;
color: #ffa9a9;
background: #000;
float: left;
display: inline;
border: solid 1px #2b2b2b;
}

#footer a.contact{
width: 75px;
height: 20px;
padding: 0;
margin: 0 0 0 17px;
background: url(images/interface/contact.gif) 0 5px no-repeat;
display: block;
text-indent: -2000px;
float: left;
display: inline;
color: transparent;
}

#footer ul{
width: 465px;
padding: 0;
margin: 4px 0 0 0;
list-style: none;
float: right;
border: solid 0px red;
display: inline;
}
	
#footer li{
padding: 0 0 0 0;
margin: 0 0 0 10px;
float: right;
display: inline;
}

#footer li a{
font-family: tahoma, sans-serif;
font-size: 11px;
color: #fff;
background: #000;
}

#footer li a.tcf{
width: 83px;
height: 20px;
padding: 0;
margin: 0;
background: url(images/interface/tcf.gif) 0 5px no-repeat;
display: block;
text-indent: -2000px;
color: transparent;
}

#footer li a.funlab{
width: 79px;
height: 20px;
padding: 0;
margin: 0;
background: url(images/interface/funlab.gif) 0 4px no-repeat;
display: block;
text-indent: -2000px;
color: transparent;
}

#footer li a.myspace{
width: 79px;
height: 20px;
padding: 0;
margin: 0;
background: url(images/interface/myspace.gif) 0 0 no-repeat;
display: block;
text-indent: -2000px;
color: transparent;
}

#footer li a.facebook{
width: 79px;
height: 20px;
padding: 0;
margin: 0;
background: url(images/interface/facebook.gif) 0 1px no-repeat;
display: block;
text-indent: -2000px;
color: transparent;
}

#footer li a.itunes{
width: 79px;
height: 20px;
padding: 0;
margin: 0;
background: url(images/interface/itunes.gif) 0 1px no-repeat;
display: block;
text-indent: -2000px;
color: transparent;
}