/*
	ch v2.0ppsansc 050129
*/
/* 
USER SPECIFIC BACKGROUND IMAGE
*/
#banner .photo {
background: url(/images/deattheemerald2.jpg) no-repeat;
	}

#banner .photo {
	position: absolute;
	left: 61%;
	top: 0px;
	width: 30%;
	height: 500px;
	}
	#banner .photo * { visibility: hidden }


/* -- Basic HTML Elements -- */
body, h1, h2, h3, h4, h5, h6, div, p, form, blockquote, ul, ol, li, dl, dt, dd {
	padding: 0;
	margin: 0;
	}
ul {
	list-style-type: square;
	}
hr {
	display: none;
	}
img {
	border: 1px solid;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 0.8;
	color: #fff;
	background-color: #b31;
    padding-bottom: 0.5em;
	}
	#content blockquote {
		font-style: normal;
		text-align: justify;
		padding: 1.2em;
		}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	background-color: #bbc;
	height: 1.3em;
	margin: 0.1em auto 0.6em 3%;
	}
	#emailsignup input[type=text] {
		width: 150px;
		}
	#content input, #content textarea {
		width: 300px;
		}
	textarea {
		height: 5em;
		margin-left: 8%;
		margin-bottom: 4px;
		}
	input[type=text], textarea {
		background-color: #dde;
		}
	input[type=submit] {
		font-weight: bold;
		text-transform: uppercase;
		}
	input:hover, input:focus, textarea:hover, textarea:focus {
		background-color: #fff;
		}
    label {
		display: block;
		}
@media all {
	input, textarea {
		height: auto;
		}
}
	
a {
	color: #338;
	text-decoration: none;
	}
	#content a {
		font-size: 1.25em;
		letter-spacing: -0.05em;
		text-decoration: underline;
		}
	#content a:visited {
		text-decoration: line-through;
		}
	#content a:hover, #content a:focus, a:active {
		color: #fff;
		background-color: #000; 
		text-decoration: none;
		}
		
/* -- main elements -- */
#accessibility {
	display: none;
	}
#navigation, #emailsignup {
	position: absolute;
	}
#banner .band {
	display: none;
	}
/* 
navigation 
*/
#navigation {
	z-index: 70;
	left: 65%;
	width: 33%;
	top: 100px;
	text-align: right;
	}
	#navigation ul {
		list-style-type: none;
		}
		#navigation li {
			display: inline;
			}
		#navigation a {
			font-family: Arial, Helvetica, sans-serif;
			display: block;
			color: #fff;
			}
	#navhome {
		font: normal 2em monospace;
		background-color: #d30;
		margin: 0 18% 0 25%;
		}
	#navbio {
		text-align: center;
		font: normal 1.4em Arial, sans-serif;
		background-color: #d21;
		padding: 0.4em 0;
		margin: -0.3em 0 0 13%;
		}
	#navmusic {
		text-align: center;
		font: normal 1em serif;
		background-color: #c02;
		margin: -0.1em 5% 0.4em 3%;
		}
	#navcontact {
		text-align: center;
		font: normal 1.5em cursive;
		background-color: #d00;
		padding-bottom: 0.1em;
		margin: 0 14% 0 32%;
		}
	#navpress {
		font: bold 1em monospace;
		background-color: #c11;
		padding: 1.3em 0 0.2em;
		margin: -0.5em 25% -0.2em 10%;
		}
	#navnews {
		font: normal 1.6em Arial, Helvetica, sans-serif;
		background-color: #c50;
		padding: 0.1em 3% 0.5em;
		margin: 0 4% 0.2em 45%;
		}
	#navcalendar {
		font: normal 1em Courier, monospace;
		background-color: #e51;
		}
	#navphotos {
		text-align: center;
		font: normal 1.6em serif;
		background-color: #d04;
		padding: 0 0 0.5em 14%;
		margin: -0.05em 34% 0 2%;
		}
	#navproducts {
		text-align: center;
		font: normal 1.2em Comic, cursive;
		background-color: #d52;
		margin: -2px 9% 0.4em 5%;
		}
	#navguestbook {
		font: normal 1.8em Courier, monospace;
		background-color: #d02;
		padding-top: 0.2em;
		margin: 0 10px 0 18%;
		}
	#navlinks {
		font: normal 0.9em Comic, cursive;
		background-color: #d33;
		padding: 0.8em 0 0.3em;
		margin: -0.2em 5% 0 10%;
		}
	#navigation a:hover, #navigation a:focus {
		color: #000;
		background-color: #fff;
		}
	.home #navhome, .index #navindex, .music #navmusic, .contact #navcontact,
	.press #navpress, .news #navnews, .photos #navphotos, .guestbook #navguestbook,
	.links #navlinks, .calendar #navcalendar, .bio #navbio, .products #navproducts {
		color: #000;
		background: #fff url(/shared/punkprince/bgm.gif) no-repeat left top;
		font-weight: bold;
		}
/* 
emailsignup
*/		
#emailsignup {
	z-index: 30;
	left: 0;
	top: 0;
	width: 25%;
	}
/* 
content 
*/
#content {
	margin-top: 60px;
	margin-right: 37%;
	margin-bottom: auto;
	margin-left: 0;
	}
	html>body #content {
		width: 63%;
		}
	#content h1,
	.home #content p,
	#content h2, 
	#content h3, 
	#content h4, 
	.photos dt {
		position: relat\ive;
		}
	h1 {
		font-size: 2.5em;
		line-height: 0.6;
		letter-spacing: 0.1em;
		color: #459;
		background: #fff url(/shared/punkprince/bg.gif) no-repeat left top;
		padding: 0.4em 0 1em;
		text-align: right;
		margin-bottom: 0.5em;
		}
		.home h1 {
			margin-bottom: 0;
			}
		.home #content p {
			text-align: right;
			font-weight: bold;
			font-size: 0.8em;
			color: #fff;
			background-color: #000;
			padding: 1em 0 0.2em 10%;
			margin: -1.6em 2% 2em 14%;
			}
	#content h2, 
	#content h3, 
	#content h4, 
	.photos #content dt,
	.guestbook .entry h3,
	.links #content h2 {
		text-align: right;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.6em;
		line-height: 1;
		left: 0;
		top: 0.3em;
		color: #fff;
		background-color: #000;
		padding: 0.4em 0;
		margin: 0 10% 0.2em 0;
		}
		html>body #content h2, html>body #content h3, html>body #content h4 {
			margin-right: 20%;
			}
        #content h3 a {
			color: #fff;
			background-color: #000;
			}
	.date, 
	.calendar .entry h2 {
		font-size: 0.8em;
		}
	.links dl,
	.entry,
	.details {
		font-weight: normal;
		font-size: 0.8em;
		line-height: 1.2;
		margin: 0 6% 1em 0;
		}
		html>.links dl,
		html>body .entry,
		html>body .details {
			margin-right: 10%;
			}
		html>.home .entry+.entry,
		html>.music .details+h3+.details,
		html>.press .entry+.entry,
		html>.guestbook .entry+.entry,
		html>.news .entry+.entry {
			margin-left: 20%;
			margin-right: 2%;
			}
		html>.home .entry+.entry+.entry,
		html>.music .details+h3+.details+h3+.details,
		html>.press .entry+.entry+.entry,
		html>.guestbook .entry+.entry+.entry,
		html>.news .entry+.entry+.entry {
			margin-left: 10%;
			margin-right: -20%;
			}
		.links dl,
		.entry,
		.bio .entry p,
		.details {
			background-color: #fff;
			}
		.bio .entry p,
		.contact .entry {
			margin-top: 3em;
			}
		dl,
		.name,
		.notes,
		.artist,
		.caption,
		.entry p,
		.entry ul,
		blockquote {
			color: #338;
			text-align: left;	
			word-spacing: 0.1em;
			padding: 1.5em;	
			}	
		#content ul {
			padding-left: 4%;		
			}
			html>body #content ul {
				padding-left: 10%;		
				}
	#content p, #content dl {
		margin-bottom: 1.5em;
		}
/* 
footer
*/
#footer {
    letter-spacing: 1em;
    margin: 1em 10% 0 30%;
    background-color: #666;
    }
	#footer p {
		position: relative;
		background: #000;
		top: 3px;
		left: 1em;
		}

/* -- PAGE SPECIFIC -- */
.bio {}
.music #content h3 {
	font-size: 1.2em;
	margin-right: 20%;
	}
.contact {}
#calendar .entry {
	margin-left: 0;
	padding-bottom: 0.1em;
	left: 0;
	}
	#content #calendar .entry h2 {
		font-size: 1.4em;
		}
	#calendar .entry h3, 
	#calendar .entry h4, 
	#calendar address {
		font-size: 1.7em;
		text-transform: none;
		text-align: left;
		left: 0;
		color: #338;
		background: #fff;
		padding: 0;
		margin-left: 3em;
		}
	#calendar .entry h4 {
		margin-left: 6em;
		}

.photos dl {
	margin: 0.5em 10% 0 0;
	}
	.photos #content dt {	
		font-size: 1.2em;
		margin: 0.5em 10% 0 -4%;
		}
		html>.photos #content dt {	
			margin-left: -6%;
			}
	html>.photos dd+dt+dd {
		margin-left: 40%;
		}
	html>.photos dd+dt+dd+dt+dd {
		margin-left: 20%;
		}
	html>.photos dd+dt+dd+dt+dd+dt+dd {
		margin-left: 50%;
		}
	html>.photos dd+dt+dd+dt+dd+dt+dd+dt+dd{
		margin-left: 20%;
		}
	.photos dd img {
		border: 32px solid #fff;
		margin-top: -6px;
		margin-bottom: 1.5em;
		}

.products table {
	width: 60%;
	w\idth: 90%;
	}
	.products table, .products #content h2 {
		color: #338;
		background-color: #fff;
		}
	.products #content h2 {
		text-align: left;
		}
	.products input {
		width: auto !important;
		}
	.products td {
		border-bottom: 4px solid #000;
		}
	.products #content a:visited {
		text-decoration: underline;
		}
	
.guestbook #content .entry h2 {
	left: 0;
	color: #338;
	background-color: #fff;
	padding: 0;
	margin-right: 3em;
	}
	.guestbook #content .entry h2 {
		text-transform: none;
		margin-right: 0em;
		font-size: 1em;
		}
	#postForm {
		font-weight: bold;
		font-size: 0.8em;
		color: #338;
		background: #fff url(/shared/punkprince/bgf.gif);
		padding: 1% 20px 1%;
		border: 4px solid #000;
		border-width: 4px 0 0 4px;
		margin: 0 10% 1em 7%;
		}

.links #content h2 {
	font-size: 1.2em;
	}
	.links h2 a {
		color: #fff;
		}
	.links h2+dl {
		margin-left: 10%;
		}
	.links dl {
		font-size: 0.8em;
		line-height: 1.2;
		}			
		.links dd {
			text-align: right;
			}


#splashimage { text-align: center; margin: 100px auto; }
#splashimage a img { border: 0; }