/*
#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 {
	width: 750px; 
	padding: 0; _padding-bottom: 2px; padding-top: 6px;
	font: normal .8em arial, helvetica, sans-serif;
	letter-spacing: 2px;
 	text-align: right;
 	margin-top:0; margin-bottom: 30px;
	}
#navbar ul li { 
	display: inline;  
	margin-left: -4px;
	}
#navbar ul li a {
 	padding: 0px 15px;
 	_padding: 2px 15px;
 	color: white;
	text-decoration: none;
 	border-right: 1px solid red;
	}
#navbar #last a {
	border-right: none;
	}
#first {
	padding-right: 18px;
	}*/


#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-color:#636;
	}

#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 #content h2 {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;} 
#calendar #content a {color: #dad;}
#calendar #content a:hover {color: #b9b;}
#calendar strong {font-size:1em}

/*#one {margin-left: 0px; border-left: 1px solid #bab; padding-left: 10px; width:400px}
#two {margin-left: 45px; margin-top: 20px; border-left: 1px solid #dad; padding-left: 10px; width:380px}
#three {margin-left: 90px; margin-top: 20px; border-left: 1px solid #dad; padding-left: 10px; width:380px}
#four {margin-left: 135px; margin-top: 20px; border-left: 1px solid #dad; padding-left: 10px;; width:350px}
#five {margin-left: 180px; margin-top: 20px; border-left: 1px solid #dad; padding-left: 10px;; width:380px}
#six {margin-left: 225px; margin-top: 20px; border-left: 1px solid #dad; padding-left: 10px;; width:350px}
#seven {margin-left: 270px; margin-top: 20px; border-left: 1px solid #dad; padding-left: 10px;; width:350px}
#eight {margin-left: 315px; margin-top: 20px; border-left: 1px solid #dad; padding-left: 10px;; width:350px}
#nine {margin-left: 370px; margin-top: 20px; border-left: 1px solid #dad; padding-left: 10px;; width:350px}
#ten {margin-left: 415px; margin-top: 20px; border-left: 1px solid #dad; padding-left: 10px; margin-bottom:2em; width:280px}
#eleven {margin-left: 350px; margin-top: 20px; border-left: 1px solid #dad; padding-left: 10px; margin-bottom:2em; width:350px}*/


#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}


/*---------------------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: 14px; letter-spacing: 2px;}
#contact p {font: normal 80%/1.3em arial, helvetica, sans-serif; margin: 10px 0 0 0; }
#contact .indent, #contact .tel {margin-left: 100px;}
#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}

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