/* Pale Stars - STYLES */
/* v.060502 - Al Yukna/ livingdriving.com */


/* -- CLEAR ALL HTML ELEMENT DEFAULTS */
BODY, A, P, H1, H2, H3, H4, UL, LI, SELECT, INPUT, FORM, IMG, STRONG {
    margin: 0;
    padding: 0;
}

BODY {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
	background-color: #111B1E;
}
A IMG {
    border: 0px none;
}

H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	float: right;
	margin: 0 0 0 0;
	padding: 2px 4px 0 0;
}
FIELDSET {
	border: 1px solid ##F5F8CB;
}
LEGEND {
	display: none;
}
#paleBody {
	position:relative;
	display:block;
	margin-left:auto;
	margin-right: auto;
	margin-top: 20px;
	padding-bottom: 0px;
	background-color: #F5F8CB;
	width: 750px;
	border: 2px solid #000;
	color: inherit;
}
	#paleHeaderPre {
		position:relative;
		display:block;
		width: 750px;
		height: 1.4em;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background-color: #F5F8CB;
		color: inherit;
	}
	#paleHeader {
		position:relative;
		display:block;
		width: 750px;
		height: 160px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background-color: #F5F8CB;
		color: inherit;
	}
		#paleHeader IMG {
			display: inline;
			float: left;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
		#paleHeaderNav {
			position: absolute;
			width: 489px;
			height: 23px;
			top: 136px;
			left: 261px;
			background-color: #FFF;
			border-top: 1px solid #000;
			color: inherit;
		}
			#paleHeaderNav UL, #paleHeaderNav LI {
				list-style: none;
            	display: inline;
            	margin: 0 0 0 0;
            	padding: 0 0 0 0;
			}
				.hidy { display: none; }
				
			#paleHeaderNav A {
				float: left;
				margin: 3px 0 0 -8px;
				padding: 0 0 0 0;
			}	
			/* ----> HOME */
				#paleHeaderNav A.paleNavHome {
					display: block;
					width: 40px;
					height: 17px;
					margin-left: 4px;
					background: url('../images/nav/home.gif') 0 -18px no-repeat;
				}
				#paleHeaderNav A.paleNavHome:HOVER {
					display: block;
					width: 40px;
					height: 17px;
					margin-left: 4px;
					background: url('../images/nav/home.gif') 0 0 no-repeat;
				}
				#paleHeaderNav A.paleNavHome_active {
					display: block;
					width: 40px;
					height: 17px;
					margin-left: 4px;
					background: url('../images/nav/home.gif') 0 0 no-repeat;
				}
				
			/* ----> BIO */
				#paleHeaderNav A.paleNavBio {
					display: block;
					width: 57px;
					height: 17px;
					background: url('../images/nav/bio.gif') 0 -17px no-repeat;
				}
				#paleHeaderNav A.paleNavBio:HOVER {
					display: block;
					width: 57px;
					height: 17px;
					background: url('../images/nav/bio.gif') 0 0 no-repeat;
				}
				#paleHeaderNav A.paleNavBio_active {
					display: block;
					width: 57px;
					height: 17px;
					background: url('../images/nav/bio.gif') 0 0 no-repeat;
				}
				
			/* ----> LIVE */
				#paleHeaderNav A.paleNavLive {
					display: block;
					width: 65px;
					height: 17px;
					background: url('../images/nav/live.gif') 0 -17px no-repeat;
				}
				#paleHeaderNav A.paleNavLive:HOVER {
					display: block;
					width: 65px;
					height: 17px;
					background: url('../images/nav/live.gif') 0 0 no-repeat;
				}
				#paleHeaderNav A.paleNavLive_active {
					display: block;
					width: 65px;
					height: 17px;
					background: url('../images/nav/live.gif') 0 0 no-repeat;
				}
				
			/* ----> SOUNDS */
				#paleHeaderNav A.paleNavSounds {
					display: block;
					width: 81px;
					height: 17px;
					background: url('../images/nav/sounds.gif') 0 -17px no-repeat;
				}
				#paleHeaderNav A.paleNavSounds:HOVER {
					display: block;
					width: 81px;
					height: 17px;
					background: url('../images/nav/sounds.gif') 0 0 no-repeat;
				}
				#paleHeaderNav A.paleNavSounds_active {
					display: block;
					width: 81px;
					height: 17px;
					background: url('../images/nav/sounds.gif') 0 0 no-repeat;
				}
				
			/* ----> PRESS */
				#paleHeaderNav A.paleNavPress {
					display: block;
					width: 73px;
					height: 17px;
					background: url('../images/nav/press.gif') 0 -17px no-repeat;
				}
				#paleHeaderNav A.paleNavPress:HOVER {
					display: block;
					width: 73px;
					height: 17px;
					background: url('../images/nav/press.gif') 0 0 no-repeat;
				}
				#paleHeaderNav A.paleNavPress_active {
					display: block;
					width: 73px;
					height: 17px;
					background: url('../images/nav/press.gif') 0 0 no-repeat;
				}
				
			/* ----> MAILING LIST */
				#paleHeaderNav A.paleNavMail {
					display: block;
					width: 129px;
					height: 17px;
					background: url('../images/nav/mail.gif') 0 -17px no-repeat;
				}
				#paleHeaderNav A.paleNavMail:HOVER {
					display: block;
					width: 129px;
					height: 17px;
					background: url('../images/nav/mail.gif') 0 0 no-repeat;
				}
				#paleHeaderNav A.paleNavMail_active {
					display: block;
					width: 129px;
					height: 17px;
					background: url('../images/nav/mail.gif') 0 0 no-repeat;
				}
				
			/* ----> CONTACT */
				#paleHeaderNav A.paleNavContact {
					display: block;
					width: 80px;
					height: 17px;
					background: url('../images/nav/contact.gif') 0 -17px no-repeat;
				}
				#paleHeaderNav A.paleNavContact:HOVER {
					display: block;
					width: 80px;
					height: 17px;
					background: url('../images/nav/contact.gif') 0 0 no-repeat;
				}
				#paleHeaderNav A.paleNavContact_active {
					display: block;
					width: 80px;
					height: 17px;
					background: url('../images/nav/contact.gif') 0 0 no-repeat;
				}
				
	#paleLeft {
		position:relative;
		display:block;
		float: left;
		width: 475px;
		background-color: #F5F8CB;
		padding: 10px 20px 0px 10px;
		overflow: hidden;
		color: inherit;
	}
		#paleLeft P {
			font-size: 1em;
			margin: 0 0 8px 0;
		}
		#paleLeft IMG {
			border: 1px solid #000;
		}
			#paleLeft IMG.album { /* FOR IMAGES THAT HAVE TEXT WRAP FROM THE RIGHT */
				float: left;
				clear: left;
				margin: 10px 10px 10px 0px;	
				border: 1px solid #000;
			}
		#paleLeft .hr {
			display: block;
			width: 475px;
			height: 6px;
			border: 0px none;
			background: URL('../images/global_dots.gif') 0 0 no-repeat;
			padding: 10px 0 5px 0px;
		}
		#paleLeft HR {
			display: none;
		}
		#paleLeft H2 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.4em;
			color: #961207;
			background-color: #FFF;
			padding: 2px;
			margin: 0 0 6px 0;
			width: auto;

		}
		#paleLeft H3 {
    		font-size: 1.1em;
    		color: #961207;
    		text-decoration: underline;
    		margin: 0 0 3px 0;
    		padding: 0 0 0 0;
     		background-color: inherit;
		}
		#paleLeft H4 {
    		font-size: 1.1em;
    		color: #961207;
    		text-decoration: none;
    		margin: 0 0 3px 0;
    		padding: 0 0 0 0;
     		background-color: inherit;
		}
		#paleLeft UL {
			list-style: none;
			margin: 6px 0 6px 0;
		}
		#paleLeft LI {
			line-height: 1.2em;
		}
		#paleLeft A {
			color: blue;
			background-color: inherit;
		}
		#paleLeft A:HOVER {
			text-decoration: none;
		}
		#paleLeft .commentBlock {
	       position: relative;
	       display: block;
	       float: left;
	       width: 400px;
	       height: auto;
	       padding: 10px;
	       margin: 10px;
		   color: inherit;
		   background-color: #FFF;
		   border: 1px solid #CCC;
	   }
	   #paleLeft P.note {
	   		color: #CCC;
			background-color: inherit;
			font-size: 1em;
	   }
	#paleRight {
		position:relative;
		display:block;
		float: right;
		width: 244px;
		border-left: 1px solid #000;
		background-color: #99BA1B;
		background-image: URL('../images/right/right_tile.jpg');
		color: inherit;
	}
		#paleRight .hr {
			display: block;
			width: 228px;
			height: 5px;
			border: 4px none;
			background: URL('../images/right/dots.gif') 0 0 no-repeat;
			margin: 8px 0 8px 10px;
		}
		#paleRight HR {
			display: none;
		}
		#paleRight P {
			padding: 0 10px 0 12px;
		}
			#paleRight P.photo_caption {
				font-size: 9px; /* I KNOW...I FEEL BAD ABOUT USING PX HERE TOO... */
				margin: 0px 0 0 0;
			}
			#paleRight H4 {
    			font-size: 1.1em;
    			color: #2A403E;
    			text-decoration: none;
    			margin: 0 0 3px 0;
    			padding: 0 10px 0 12px;
     			background-color: inherit;
			}
			#paleRight P.press_quote {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: .9em; 
				margin: 0px 0 4px 0;
			}
			#paleRight P.copyright {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1em; 
				margin: 0px 0 0 0;
				color: #F7DE58; 
				background-color: inherit;
			}
			#paleRight P.credits {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 9px; 
				margin: 6px 0 0 0;
				color: #F7DE58;
				background-color: inherit; 
			}
			#paleRight A.credits {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 9px; 
				font-weight: normal;
				margin: 0px 0 0 0;
				color: #F7DE58; 
				text-decoration: none;
				background-color: inherit;
			}
			#paleRight A.credits:HOVER {
				text-decoration: underline;
				color: #F7DE58;
				background-color: inherit;
			}
			
			
		#paleRight A {
			color: #2A403E;
			text-decoration: none;
			font-weight: bold;
			background-color: inherit;
		}
		#paleRight A:HOVER {
			color: #F7DE58;
			background-color: inherit;
		}
			#paleRight A.active { /* ACTIVE STATE */
				color: #F7DE58;
				background-color: inherit;
			}
		#paleRight UL {
			list-style: none;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			font-size: 1em;
		}
		#paleRight LI {
			display: block;
			font-size: 1em;
			list-style: none;
			margin: 0 0 0 10px;
			padding: 0 0 0 16px;
			background: URL('../images/right/bullet_star.gif') 0 0 no-repeat;
			height: 1.4em;
		}
		
.error { color: red; font-weight: bold; background-color: inherit; }
.text {color: #000; font-weight: normal; background-color: inherit; }	
.required {
	font-weight: bold;
	font-size: 1em;
	color: #6D131C;
	background-color: inherit;
	float: right;
	margin-right: 20px;	
}
LABEL {
	display: block;
	float: left;
	margin-bottom: 10px;
	text-align: right;
	width: 75px;
	padding-right: 20px;
	padding-top: 2px;
	font-weight: bold;
}
INPUT {
	display: block;
	width: 250px;
	float: left;
	margin-bottom: 10px;
	margin-right: 6px;
}
SELECT {
	font-size: 1em;
	display: block;
	
	float: left;
	margin: 0px 0 6px 0;
}	
BR {
	clear: left;
	margin: 0;
	padding: 0;
}
#submit {
	display: block;
	font-size: 1em;
	float: left;
	margin: 0 0 0 0;
	padding: 2px;
	height: 20px;
	width: 50px;
}
