/*
#447 perwinkle
#669 periwinkle
#225
*/

/*---------------------shared (no color)-------------------------------*/

body {
	text-align:center;
	min-width:750px;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	}
html > body {
	font-size: 16px;
	}
* {border:0; margin:0; padding:0}
#entire {
	margin: 1% auto;
	width: 750px; 
	}	
#wrapper {
	text-align:left;
	}

#main_content {
	height: 440px;
	}

#header {
	padding-bottom:1px;
	background-repeat:no-repeat;
	background-position: 600px 0;
	}
#header h1 {
	position:relative; top:20px; left:50px;
	font-size: .9em; letter-spacing: 6px;
	}	


#navbar ul {
		_position: relative;
		padding: 1px 0; 
		text-align: right;
		margin-top:66px;
		}

#navbar ul li { 
	 	font-family: arial, helvetica, sans-serif;
 		display: inline;  
 		margin-left: -4px;
 		}
		
#navbar ul li a {
		padding: 4px 18px 2px 18px;
 		_padding: 2px 15px;
 		color: white;
		font-size: .7em; font-weight: normal;
		text-decoration: none;
 		border-right: 1px solid #fff;
		}
#navbar #last a {border-right: none;
}

#footer  {text-align:left; font-size:.7em; margin-top:6px; color:white}
#footer a {text-decoration:underline; color:white }



/*---------------------bio (color)-------------------------------*/

#bio  {
	background-color: #436;
	color: white;
	background-image: url("textures/tex_bio.gif");
	}

#bio #wrapper {
	background-color: #325;
	}
#bio #header {
	background-image: url("title/janpeters_bio.gif");
	}
#bio #content {
	background-image: url("jan_bio.jpg");
	background-repeat:no-repeat;
	margin:0; padding:50px 10px 30px 230px;
	}
#bio #header h1 {color: #659;}	

#bio #navbar ul {
	background-color: #436;
		}
#bio #navbar ul li a:hover {
 	color: #659; 
 	}
#bio #navbar #here {
	color: #a9d;
	}

#bio #content p {
	font: normal .8em/1.6em arial, helvetica, sans-serif; 
	margin: 0 10px 1em 0; 
	}
#bio #content p a {
	color:white;
	}
#content p a:hover {
	color:#a9d;
	}

strong {font-size: 1.6em;}

#bio #footer {color: #a9d; margin: 0; padding-top: 6px;}
#footer a {color: #a9d;text-decoration:underline;}
#footer a:hover {color: #87c; }
	
	




/*---------------------calendar (color)-------------------------------*/

#calendar {
	background-color: #525;
	background-image: url("textures/tex_calendar.gif");
	color: #dad;
	}
	
#calendar #wrapper {
	background: #636 url("mic.png") no-repeat 0 150px;
}

#calendar #header { 
	background-image: url("title/janpeters_calendar.gif");
	}
#calendar #header h1 {
	font:size:1em;
	}	

#calendar #navbar ul {
	background-color: #525;
		}
#calendar #navbar ul li a:hover {
 	color: #747; }
#calendar #navbar #here {color: #a7a;}

#calendar #content {text-align: left; margin-left: 30px; padding-top: 10px;}
#calendar h2 {clear:both;color: #303; font-size: 1em; letter-spacing: 2px; margin-bottom: .5em}
#calendar #content p {font-size: .8em; margin-bottom: .4em; }
#calendar p.event {font-style:italic; color: #ffd; font-size: .8em !important;} 
#calendar p.event a {color: white !important;} 
#calendar p.event a:hover {color: #ffd; text-decoration:none;} 
#calendar #content a {color: #dad;}
#calendar #content a:hover {color: #b9b;}
#calendar strong {font-size:1em}
#calendar #first {margin-top:2em}
#calendar #last {border-bottom:none}

#calendar #footer {color: #b8b; }
#calendar #footer a {color: #b8b}
#calendar #footer a:hover {color: #858}


#calendar .entry { 
	margin: 0 0 1.5em 100px; 
	padding-bottom:1.2em; 
	border-bottom: 1px solid #303;
	}
#calendar h2.twodates {color:#dad}
#calendar h3 {
	margin-top:1em;
	color: #303; font-size: .9em; letter-spacing: 2px; margin-bottom: .3em;
	}

#calendar #openmic { 
	margin: 2em 0 1.5em 100px; 
	padding-bottom:1.2em; 
	border-bottom: 1px solid #303;
	overflow:hidden;
 }
#calendar #openmic h2 {
	color: #ffd; 
	font-size: 1.1em; letter-spacing: 0px;
margin-bottom:1px}
#calendar #openmic h3 {
	color: #ffd;
	font-size: 1em; font-weight:normal;letter-spacing: 0px; margin-bottom: .5em;
}
#calendar #openmic h3 a {color: #ffd;}
#calendar #openmic h3 a:hover {color:#ffd;text-decoration:none;}
#calendar #encore {
	float:left;
	width:300px;
	}
#calendar #clubcafe {
	float:right;
	width:300px;
	}
#calendar #openmic em {
	font-family: Georgia, Times, "Times New Roman", serif;
}
#calendar .tickets {
	margin-top:20px;
	margin-bottom:10px;
	text-align:left;
	}
#calendar .tickets a {
	border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	color:white !important;
	background-color: #303;;
	padding:4px 6px;
	text-decoration:none;
	font-size:.9em;
	font-weight:normal;
	}
#calendar .tickets a:hover {
	background-color:#525;
	}

/*---------------------raves (color)-------------------------------*/

#raves {
	background-color: #8a0915;
	background-image: url("textures/tex_raves.gif");
	color: #eaa;
	}
#raves #wrapper {
	background-color: #4e0616; 
		}
#raves #header {
	background-image: url("title/janpeters_raves.gif");
	}
#raves h1 {
	color: #c00;
	}

#raves #navbar ul {
		background-color: #8a0915;
		}
		
#raves #navbar ul li a:hover {
 	color: #944;
 	}
#raves #navbar #here {
	color: #d88;
	}			
#raves #content {
	background-color: #4e0616;
		}
#raves #content h2 {font-size: .9em; margin-top: 30px; margin-bottom: -.4em; line-height: 1.1em;}
#raves #content p {
	line-height: 1.1em;
	margin-top:1.5em;
	}

#raves #content a {color: #d88; font-size: .9em; text-decoration: none; }
#raves #content a:hover {color: white; }
#raves #left {float:left; width:140px; margin:0 0 0 15px;}
#raves #right {float:right; width:128px; margin:0 5px 20px 0;}

#raves #blank {clear:both;}

#raves em {font-size: 90%;}
#raves span {font-size:90%;}
#raves a#linktoreview {font-size: 70%; text-decoration: underline;}
#raves a#linktoreview:hover {color: #daa}

#raves #footer {color: #b99;}
#raves #footer a {color: #b99; }
#raves #footer a:hover {color: #ecc}







/*#footnote {font: .7em arial, helvetica, sans-serif; color: #777; padding-top: 20px;}
#footnote a {color: #a11;}
#footnote a:hover {color: #722;}*/





/*input.btn{padding:0; margin:0;
   color:black;
   font-family:helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   border: 2px #9cf outset}

	
.hiddenPic {display:none;}*/



/*---------------------contact (color)-------------------------------*/

	
#contact {
	background-color: #044;
	background-image: url("textures/tex_contact.gif");
	color:white;}
	
#contact #wrapper {
	background-color: #055;
	}

#contact #content {
	background-image: url("mike.jpg");
	background-repeat:no-repeat; 	
	background-position: 493px 0; 
	padding:20px 10px 20px 20px;
	}
#contact #header {
	background-image: url("title/janpeters_contact.gif");
	}

#contact #header h1 {
	color: #7aa;
	}	

#contact #navbar #here a {border-right: none; color: #599}
#contact #navbar #here {color: #a9d;}

#contact #navbar ul {background-color: #044;
		margin-bottom:-1px;}
#contact #navbar ul li a:hover {
 		color: #277;
 		}
#contact .sub {margin-top:2em}
#contact .tel {margin-bottom: 2em; letter-spacing: 2px;}
#contact p {font: normal 80%/1.3em arial, helvetica, sans-serif; margin: 10px 0 0 0; }
#contact #content a {font-weight:bold; color: #9bb;}
#contact #content a:hover {color:#599;}
	
#contact label {
       width: 90px;
       text-align: right;
       float: left; margin-top: 4px;
       padding-right:4px;
       font-size:.8em;
     text-transform: uppercase;
	color:#acc; }

#contact input {
        text-align: left;
        margin-left: .9em;
        width: 200px;
        float: none; }

#contact #button  {position: relative; left: 300px; top:0; background-color:#525; color:white; padding:2px; cursor:pointer; width: auto }
#contact #footer {clear:both; color: #799; padding-top: 6px; 
_background-color: #044;
_background-image: url("textures/tex_contact.gif"); 
_background-position: 0px 0px}

#right-f {float:right; width:300px; margin-right:317px}
#left-f {float:left; width:35px; position:relative; left:55px; top:10px}

#contact #footer a {text-decoration:underline; color: #799; }
#contact #footer a:hover {color: #5bb}