@charset "utf-8";
/* CSS Document */


	body {
	     padding:0;
	     background-color:#000000; /*design preference*/
	     color:#999; /*design preference*/
		 /*text-align:center; */
	}
	
	div.container{
	padding-top:2%;
/*margin:auto;
text-align:left;*/
width:1024px;

}
	
	.forgroundcontent {
		
		z-index:1;
		/*margin:100px 10% 0 10%; /*design preference
		right:3%;
		top:20%;*/
		
		height:60%;
		overflow:auto;
		width:400px;
		/*border:1px solid white;*/
	}
	
	.forgroundcontent a{
	color:#007ce0;
	}
	
	.content{
	height:380px;
	overflow:auto;
	
	}
	
	.wrapper{
	height:450px;
	width:600px;
	display:block;
		

	}
	
	.img{
		border:1px solid white;
		}
		
		
	
	
	.nav {
	position:absolute;
		z-index:1;
		/*margin:100px 10% 0 10%; /*design preference
		right:35%;
		top:13%;*/
		width:200px;
		
	height:30px;
		/*margin:100px 10% 0 10%; /*design preference
		right:10%;
		top:80%*/
		}
		
		.nav img{
		border:1px solid white;
		}
		
	.backgroundcontent {
	/*position:fixed;
		top:16%;
		left:10%;     width, height and left adjusted as image */
		/*width:100%;  canvas is slightly padded to work in IE 
		height:100%;*/
		height:450px;
	width:600px;
	
	z-index:80;
	}
	
		.logo {
		
		    /* width, height and left adjusted as image */
		/*width:100%; /* canvas is slightly padded to work in IE */
		/*height:100%;*/
		z-index:81;
		
	}
	
	
	.myspace{
	position:absolute;
	z-index:99;
	width:200px;
	text-align:center;
	left: 385px;
	top: 210px;
	}
	
	.myspace p{
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	}
	
	p{
	font-size:14px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
		.link{
	font-size:14px;
	color:blue;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}
	
	h1{
		color:#8d2b28;
	font-family:"Lucida Handwriting";
	font-size:18px;
	}
	
	
		h2{
		color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	}
	
	.nav_td{
	width:20px;
	}
	
	.footer{
	text-align:center;
	
	}
	
	.footer a{
	color:red;
	}
	
	div.contacts{
	width:200px;
	color:black;
	position:absolute;
	left:10%;
	top:22%;
	height:150px;
z-index:96;

	}
	
	div.contacts2{
	width:160px;
	color:black;
	position:absolute;
	height:150px;
		z-index:97;

	}
	
	div.bio{
	width:190px;
	color:black;
	position:absolute;
	left: 23%;
	top: 30%;
	height:170px;

z-index:94;
	}
	
	div.bio2{
	width:190px;
	color:black;
	position:absolute;
	height:170px;
	
		z-index:95;	
	}
	
	div.audio{
	width:99px;
	color:black;
	position:absolute;
	left: 26%;
	top: 65%;
	height:100px;
	z-index:92;
	
	}
	
	div.audio2{
	width:99px;
	color:black;
	position:absolute;
	height:100px;
			
				z-index:93;
	}
	
		
	
/*			div.shop{
	width:268px;
	color:black;
	position:absolute;
	left: 10%;
	top: 50%;
	height:130;
	z-index:90;
		
	}
	
	div.shop2{
	width:268px;
	color:black;
	position:absolute;
	height:130px;
				
				z-index:91;
	}*/
	
	#shopAnchor{
	width:268px;
	height:130px;
	border:1px solid white;
	z-index:91;
	}
	
	#shopAnchor:hover{
	background-image:url(images/papshop.png);
	background-repeat:no-repeat;
	}

#shop{
display:block;
width:210px;
height:130px;
border:3px solid transparent;
top:50%;
left:10%;
position:absolute;
}

#shop:hover{
background-position:0 -23px;
background:url(images/papshop.png) no-repeat;
}

#shop span{
display:none;
}

#contact{
display:block;
width:200px;
height:150px;
border:3px solid transparent;
left:10%;
	top:22%;
position:absolute;
}

#contact:hover{
background-position:0 -23px;
background:url(images/papcontact.png) no-repeat;
}

#contact span{
display:none;
}


#bio{
display:block;
width:190px;
height:170px;
border:3px solid transparent;left: 23%;
	top: 30%;
position:absolute;
}

#bio:hover{
background-position:0 -23px;
background:url(images/papbio2.png) no-repeat;
}

#bio span{
display:none;
}


#audio{
display:block;
width:150px;
height:100px;
border:3px solid transparent;left: 26%;
	top: 65%;
position:absolute;
}

#audio:hover{
background-position:0 -23px;
background:url(images/papmusic.png) no-repeat;
}

#audio span{
display:none;
}


	
	

/***** IMAGE POP STYLE ******/


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: gray;*/
padding: 0px;
left: 0px;
/*border: 1px solid gray;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


/*---------------------------------*/

.album_cover{
text-align:center;
}