/* 	
font: 11px verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
font: 28px/0.66em Univers, Arial, Verdana, sans-serif;
font: 12px myriad, arial, lucida, helvetica, sans-serif;
*/



body { 
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color:#c2a99a;
	padding:0;
	margin:0;
	background:#000;
	
	scrollbar-face-color: #900;
	scrollbar-track-color: #333;
	scrollbar-arrow-color: #f90;
	scrollbar-3dlight-color: #900;
	scrollbar-shadow-color: #f90;
	scrollbar-highlight-color: #f90;
	scrollbar-darkshadow-color: #900;
	}


#hyperarts {
	width:160px;
	font:bold 10px/12px arial,helvetica,sans-serif;
	text-align:center;
	background:transparent;
	border:1px solid #f93;
	padding:0;
	position:absolute;
	top:450px;
	left:11px;
	margin-top:7px;
	
	}

#hyperarts a:link, #hyperarts a:visited { color:#f93; text-decoration:none; }
#hyperarts a:active, #hyperarts a:hover { color:#c00; text-decoration:none; }

/* NAVIGATION */

a:link, a:visited { text-decoration: none; color:#f93; }
a:active, a:hover { text-decoration: none; color:#c00; }

img { border:0; }

p.p17 {
	padding-left: 10px;
	line-height:17px;
	}
	
h1 {
	color:#C00;
	border-bottom:3px double #f93;
	text-transform:uppercase;
	font: bold 15px myriad, arial, lucida, helvetica, sans-serif;
	margin:0;
	margin-bottom:8px;
	letter-spacing:1px;
	}
	
h2 {
	color:#f93;
	font: bold 12px myriad, arial, lucida, helvetica, sans-serif;
	margin:0 0 4px 0;
	padding:0;
	}
	
h3 {
	color:#f93;
	font: normal 11px verdana,arial,sans-serif;
	}
	
div#homepic {
	position:absolute;
	border: 1px solid #f93;
	width: 352px;
	height: 442px;
	margin:0;
	padding:0;
	top:11px;
	left:11px;
	background:#000 url(/images/pk_pic_home.jpg) top left no-repeat;
	}

div#subpic {
	position:absolute;
	border: 1px solid #f93;
	width: 173px;
	height: 216px;
	margin:1px;
	padding:0;
	top:4px;
	left:4px;
	background-image:url(/images/pk_pic_sub.jpg);
	background-color:#000;
	background-position: center center;
	background-repeat: no-repeat;
	}

div#musicpic {
	position:absolute;
	border: 1px solid #f93;
	width: 173px;
	height: 173px;
	margin:1px;
	padding:0;
	top:4px;
	left:4px;
	background-color:#000;
	background-position: center center;
	background-repeat: no-repeat;
	}

div#logotype1 {
	position:absolute;
	top: 15px;
	left: 367px;
	width: 359px;
	height: 122px;
	background:#000 url(/images/pk_home.gif) top left no-repeat;
	margin:0;
	padding:0;
	border:0;
	}
	
div#logotype2 {
	position:absolute;
	top: 20px;
	left: 215px;
	width: 470px;
	height: 48px;
	background:#000 url(/images/pk_sub.gif) top left no-repeat;
	margin:0;
	padding:0;
	border:0;
	}

div#nav {
	position:absolute;
	top: 137px;
	left: 285px;
	width: 492px;
	height: 25px;
	background:#6d2c05;
	border: 1px solid #f93;
	margin:0;
	padding:0;
	white-space:nowrap;

	voice-family: "\"}\""; 
	voice-family:inherit;

	width: 490px;
	}
	
html>body #nav {
  width:490px;
	} 
	
div#nav2 {
	position:absolute;
	top: 90px;
	height: 25px;
	background:#6d2c05;
	border: 1px solid #f93;
	border-left:0;
	margin:0;
	padding:0;
	white-space:nowrap;

	left: 177px;
	width: 560px;

	voice-family: "\"}\""; 
	voice-family:inherit;
	
	left: 179px;
	width: 558px;
	}
	
html>body #nav2 {
	left:179px;
	width:558px;
	} 


div#hometext {
	position:absolute;
	top: 182px;
	left: 386px;
	line-height:18px;
	width: 363px;
	margin:0;
	border:0;
	padding:0;
	}

div#subcontent {
	position:absolute;
	top: 135px;
	left: 195px;
	line-height:18px;
	width: 520px;
	margin:0;
	border:0;
	padding:0;
	}


#sublinks {
	position:absolute;
	left:4px;
	top:224px;
	font: normal 11px/11px 'trebuchet ms',verdana,arial,helvetica,sans-serif;

	width:174px;
	
	voice-family: "\"}\""; 
	voice-family:inherit;

	width:164px;
	}

html>body #sublinks {
  width:164px;
	} 

	
	
#sublinks ul {
	padding:0 !important;
	border:0 !important;
	margin:0 !important;
	}
		
#sublinks li {
	list-style-type: none;
	list-style-image:none;
	background:transparent;
	margin:0;
	margin-top:4px;
	vertical-align:middle;
	line-height:normal;
	text-transform:uppercase;
	}

/* below is where you specify the height of the block and the display */
		
#sublinks li a {
		display: block;
		color: #f93;
		font-weight:bold;
		letter-spacing:1px;
		text-align:left;
		text-decoration: none;
		border:1px solid #f93;
		padding:2px 0;
		padding-left:10px;
		width:100%;
		}

	html>body #sublinks li a {
		width: auto;
		}

	#sublinks li a:hover {
		background:#900;
		}


	#active a {
		background:#900;
		}
		
		
		
/* PHOTO PAGE STYLES */

.photomain {
	width: auto;
	text-align:center;
	float:left;
	margin:0 20px 0 0;
	}
	
.photomain img {
	border:1px solid #666;
	padding:2px;
	margin-top:5px;
	}
	
.photomaindesc {
	text-align:left;
	float:right;
	width: 400px;
	line-height:16px;
	margin:0;
	}

.photomainfirst {
	width: auto;
	text-align:center;
	float:left;
	padding:0;
	border:0;
	margin:0 20px 0 30px;
	}
	
.photomainfirst img {
	border:1px solid #666;
	padding:2px;
	margin-top:5px;
	}
	
.separator {
	border:1px solid #333;
	clear:both;
	margin:12px 0;
	height:3px;
	padding:0;
	line-height:normal;
	}



#photospopup {
	border:0;
	margin:0;
	margin-top:8px;
	border-collapse:collapse;
	width:100%;
	}

#photospopup th {
	text-align:center;
	
	}
	
#photospopup td {
	text-align:center;
	padding:5px 15px;
	color:#fff;
	font: bold 11px verdana,arial,sans-serif;
	background:#6d2c05;
	border-top:1px solid #000;
	}

#photospopup img {
	border:1px solid #555;
	padding:4px;
	}

#closebox {
	padding:0 !important;
	border:0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background:#c24e00 !important;
	text-align:center;
	font:normal 9px arial,verdana,sans-serif !important;
	}

#closebox a:link, #closebox a:visited { color:#fff; text-decoration:none;}	
#closebox a:active, #closebox a:hover { color:#fc0; text-decoration:none;}


.clearit {
	margin:0;
	padding:0;
	border:0;
	clear:both;
	float:none;
	}

	
#listenbox {
	float:right;
	width:175px;
	border:1px solid #f90;
	padding:0;
	margin:0 0 8px 8px;
	vertical-align:top;
	}
	
#listenheader {
	background:#6d2c05;
	color:#f90;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid #f90;
	padding:0 !important;
	margin:0;
	}

#listenbox p { padding:3px 10px; margin:0; }
	
/* STANDARD STYLES */


div#menu { 
	font: bold 11px verdana,helvetica,arial,sans-serif;
	width:160px;
	margin:0;
	margin-top:6px;
	text-align:right;
	border:0;
	background:url(/images/bg_sidelinks.gif) no-repeat;
	padding:5px 0;

	voice-family: "\"}\""; 
	voice-family:inherit;

	width:170px;
	}

div#menu a:link, div#menu a:visited { text-decoration: none;color:#000;}
div#menu a:active, div#menu a:hover { text-decoration: none; color:#369;}

html>body #sublinks {
  width:170px;
	} 

#active {
	text-decoration: none;
	color:#369;
	border:0;
	}

ul {margin-top: 0.2em;}
ul li {list-style: outside square url();
  margin-bottom: 0.33em;}
ul ul {margin-left: 0; padding-left: 1.5em;}
ul ul li {list-style: none; margin-top: 0;}

ol {
	list-style-type:decimal;
	list-style-image:none;
	}
	

ul#sitemap{
	font-size: 1em;
	font-weight: bold;
	list-style-image:url(/images/bullet.gif);
	list-style-type:none;
	}

ul#sitemap li ul {
	font-weight: normal;
	}

ul#sitemap li li {
        padding:0 !important;
        list-style-type:circle !important;
        list-style-image:none !important;
        margin-left:0 !important;
        margin-top:5px !important;
        margin-bottom:5px !important;
        }

.button {
	border:1px solid #000;
	margin:3px auto;
	padding:0;
	width:100px;
	height:auto;
	text-align:center;
	font-size:9px;
	font-weight:bold;
	line-height:12px;
	}
	
.button a:link, .button a:visited 
 { color:#fff; text-decoration:none; background:#369; display:block }
.button a:active, .button a:hover
 { color:#337; text-decoration:none; background:#fc0; display:block }
 


/* top-of-page boxes - vertical stack */

#topbox {
	font: normal 10px/10px 'trebuchet ms',verdana,arial,helvetica,sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin-left:50px;
	padding:0;
	}

#topbox ul {
	padding:0;
	border:0;
	margin:0;

	}
		
#topbox li {
	list-style-type: none;
	list-style-image:none;
	background:#aa4b1e;
	width: 44px;
	margin:0;
	margin-top:400px;
	vertical-align:middle;
	line-height:normal !important;
	}

/* below is where you specify the height of the block and the display */
		
#topbox li a {
		display: block;
		color: #fff;
		font-weight:bold;
		text-align:center;
		text-decoration: none;
		border:1px solid #fff;
		padding:0 2px;
		margin:0;
		width:100%;
		}

	html>body #topbox li a {
		width: auto;
		}

	#topbox li a:hover {
		background:#369;
		display:block;
		}

	#firsttop {
	margin-top:75px !important;
	}

p.breakhalf { margin: .5em 0 .5em 0; } /* betw <br> and <p> */


.centerpiece { text-align:center;}


.italics { 
	font-style: italic;
	}

.toplink { 
	text-align:right;
	font-size: 10px;
	font-weight: bold;
	border-top:1px solid #666;
	}

.blog-toplink { 
	text-align:right;
	font-size: 10px;
	font-weight: bold;
	}

/* TABLE FORMATTING */

table {
	border:0;
	border-width:0;
	border-collapse:collapse;
	margin:0;
	}


/* END table formatting */

.nav { line-height: 11px }



/* extras */

#formbox {
	border:1px solid #f90;
	text-align:right;
	margin:10px auto;
	width:250px;
	color:#f90;
	float:right;
	}

.formheader {
	background:#6d2c05;
	color:#f90;
	text-align:center;
	padding:0;
	margin:0;
	font-weight:bold;
	border-bottom:1px solid #f90;
	}
	
#formbody {
	 padding:0 10px !important;
	 }


#formspace {
	margin:0;
	padding:0;
	}

#formsubmit {
	background:#6d2c05;
	color:#fff;
	text-align:center;
	padding:0;
	margin:0;
	font-weight:bold;
	border-top:1px solid #f90;
	}
	
.frmfield, .searcher {
	font-family : "Courier New", Courier, monospace;  
	font-size : 11px;
	color: black;
	background-color : #FCFCFC; 
	}

#submitbutton {
	font: bold 10px verdana,arial,helvetica;
	text-transform:uppercase;
	color:#f90;
	background:#c00;
	border:0;
	border-left:1px solid #f90;
	border-right:1px solid #f90;
	padding:0;
	margin:0;
	
	}
	
.formfield {
	background:#900;
	color:#fff;
	font-size : small;
	border: 1px solid #f90;

	}