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

html, body {
	margin: 0;
	padding:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color:#000000;
	}

h1 {
	font-size:1.5em;
	margin:0;
	padding:0;
	}
	
h2 {font-size:1.2em;
	margin:0;
	padding:0;}
	
h3 {font-size:1em; margin-bottom:0.1em;}
p {font-size:0.8em;}

a, a:link {color:#FFFFFF;}
a:hover {color:#97D8DE;}
a:active {color:#D9827B;}

/*
a, a:link {color:#D5277C;}
a:hover {color:#97D8DE;}
a:active {color:#D9827B;}
*/


#princess {
	color:#FFFFFF;
	background-color: #000000;
	float:left;
	width:100%;
	position:relative;
	
	}

#punks {
	float:left;
	position:relative;
	left:1em;
	margin-right:0.5em;
}







#punkPics {
	color:#FFFFFF;
	padding:0;
	width:600px;
	left:-130px;
	margin-top:250px;
	margin-right:0;
	margin-left:0;
	margin-bottom:0;
	position:absolute;
	clear: both;
	}

#punkPics ul {
	margin:0;
	padding:0;
	float:right;
	}

#punkPics li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	}

#punkPics h1, #punkPics h2 {
margin-right: 0em;
}







#punksNav, #punksNavPhotos {
	display:block;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:80px;
	float:right;
	width:410px;
 	}
	
#punksNavindex, #punksNavPhotos {
	display:block;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
 	}

#punksNav ul, #punksNavindex ul, #punksNavPhotos ul {
	margin:0;
	padding:0;
	float:right;
	}

#punksNav li, #punksNavindex li, #punksNavPhotos li {
	float:left;
	list-style:none;
	margin-top:0;
	margin-right:0.5em;
	margin-bottom:0;
	margin-left:0.5em;
	padding:0;
	}

#punksNav a, #punksNav a:link, #punkCopy a, #punkCopy a:link {color:#000000;}
#punksNav a:hover, #punkCopy a:hover {color:#D9827B;}
#punksNav a:active, #punkCopy a:active {color:97D8DE#;}

#punksNavPhotos a, #punksNavPhotos a:link {color:#FFFFFF;}
#punksNavPhotos a:hover {color:#97D8DE;}
#punksNavPhotos a:active {color:#D9827B;}




#punkCopy {
	display:block;
	margin-top:4em;
	margin-right:10px;
	margin-bottom:0;
	margin-left:10px;
	background-color:#FFFFFF;
	color:#000000;
 	}

#punkCopy span {
margin-top:0;
margin-bottom:0;
text-align:right;
font-size:0.8em;
}

#punkCopy2 {
margin-left:10px; 
margin-right:10px;
padding-top:0;
}




#dntBtns {
	display:block;
	margin-top:2em;
	margin-right:0;
	margin-bottom:0;
	margin-left:10px;
	position: relative;
	clear:both;
 	}
	
#dntBtns h3 {
	margin:0;
	font-size:0.8em;
	}
	
#dntBtns ul {
	margin:0;
	padding:0;
	height:80px;
	}

#dntBtns li {
	float:left;
	display:block;
	list-style:none;
	margin-top:0.5em;
	margin-right:0.5em;
	margin-bottom:1.5em;
	margin-left:0.5em;
	padding:0;
	width:250px;
	}	
	
	
#punksAbout {
margin-top:2em;
margin-right: auto;
margin-bottom:0;
margin-left: auto;
width:100%;
}

#punksAbout ul {

margin-right: auto;
margin-left: auto;
width:800px;
}

#punksAbout li {
float:left;
list-style:none;
width:320px;
text-align:left;
margin-left:40px;
margin-right:40px;
}






#footer {
clear:both;
margin:0;
padding:0;
padding-top:0.5em;
background-color:#000000;}

#footer p {
color:#FFFFFF;
margin:0;
padding:0;
font-size:0.5em;
text-align:left;
}