@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Layout markup by J Hogue and original concept design by Jarrett McPhee at Highchair designhaus 


XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/

html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: Verdana, "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	color: #000;
	text-align: left; 
	font-size: 14px; 
	line-height: 20px ;
}
img, img a, a img { border: none; }
a { text-decoration: underline; color: #000; }
a:hover { color: #c50; }

div.clearit { clear: both; }

/* - - - - - Splash page - - - - - */
body { background: top center no-repeat url("../cssimages/background-image.png") #ccc; }
body#splash #bar {
	position: absolute; 
	top: 50%; 
	width: 100%; 
	height: 140px; 
	margin: -70px 0 0 0; 
	text-align: center; 
	background: bottom left repeat-x url("../cssimages/greybar-80per-trans.png") transparent;
}
	body#splash #mainnav { margin: 0 auto 0 auto; padding: 0; background-color: transparent; }
	body#splash #logo { margin: 20px auto 10px auto; }

/* - - - - - All other pages - - - - - */
#logo { width: 100px; height: 70px; background: top left no-repeat url("../cssimages/logo-24bit.png") transparent; }
#mainnav {
	padding: 50px 0 6px 0;
	margin: 0 30px; 
	font: normal 12px/18px ArialNarrow, "Arial Narrow", Arial, sans; 
	letter-spacing: 1px; 
	background-color: #ebebeb; 
}
	#mainnav a { text-decoration: none; color: #222; white-space: nowrap; }
	#mainnav a:hover { color: #c50; }
	#mainnav a.selected { color: #c50; }
	#mainnav a.selected:hover { color: #444; }
#pagewrapper {
	position: absolute; 
	top: 50%; 
	left: 50%; 
	width: 940px; 
	min-height: 636px; 
	margin: -324px 0 0 -470px;
}
	#pagetop { height: 20px; background: top center no-repeat url("../cssimages/page-top-24bit.png") transparent; }
	#pagemid { min-height: 586px; background: top center repeat-y url("../cssimages/page-mid-24bit.png") transparent; }
	#pagebot { height: 30px; background: top center no-repeat url("../cssimages/page-bot-24bit.png") transparent; }
.largedivider {
	height: 10px; 
	margin: 0 30px;
	background: center center no-repeat url("../cssimages/largedivider.png") #ebebeb; /* this bimage is 850 px wide */
}
.divider {
	height: 10px; 
	background: center center no-repeat url("../cssimages/divider.png") transparent; /* this bimage is 415 px wide */
}

.left, .right { width: 468px; }
	.left { 
		float: left; 
		text-align: right; 
	}
	.right { 
		float: right; 
		text-align: right; 
	}

#header { position: relative; top: -8px; }
	#header #logo { float: right; margin: 0 40px 0 0; }

#content { 
	min-height: 490px; 
	font: normal 11px/18px Verdana, "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; 
	color: #444; 
}
	#content .left { text-align: left; padding: 0 0 0 30px; width: 428px; }
	#content .right { text-align: left; padding: 0 20px 0 10px; width: 428px; }
		#content .scrollWrapper { 
			overflow-y: auto; 
			padding: 2px 6px 2px 0;  
		}
			.left .scrollWrapper { width: 400px; height: 470px; }
			.right .scrollWrapper { width: 400px; height: 470px; }
				body#blog .right .scrollWrapper { height: 446px; }
			ul#twitter_update_list { margin: 1em 0; padding: 0; list-style: none; }
				ul#twitter_update_list li { padding: .3em 0; margin: 0; border-bottom: 1px solid #bbb; }
				ul#twitter_update_list span a { color: #000; text-decoration: underline; }
					ul#twitter_update_list a:hover { color: #c50; }
				ul#twitter_update_list a { color: #666; text-decoration: none; }
			a.blogbutton { display: block; padding: .5em 0; }
				a.blogbutton img { display: block; border-top: 2px solid #333; border-bottom: 2px solid #333; }
			
	#content p, #content ul, #content ol, #content dl { padding: 0 0 8px 0; }
		/* #content p:first-line { padding: 0 0 0 12px; } dont work */
		#content li { margin: 0 0 0 18px; }
	#content h1 { 
		font-weight: bold; 
		font-size: 14px; 
		line-height: 18px; 
		color: #c50; 
		padding: 0 0 5px 0; 
	}
	#content h2 { 
		font-weight: bold; 
		font-size: 12px; 
		color: #000; 
	}
	#content h3 { 
		font-weight: bold; 
		font-size: 10px; 
		letter-spacing: 1px; 
		text-transform: uppercase; 
		color: #c50; 
	}
		#content .newsitem h3 { color: #222; }
		#content .newsitem .date {
			color: #c50; 
			font-style: italic; 
		}
	#thumbnails { padding: 0; }
		#thumbnails a.thumbnail_selector {
			display: block; 
			float: left; 
			width: 85px; 
			height: 65px; 
			padding: 2px; 
			margin: 0 12px 10px 0; 
			background-color: transparent; 
		}
		#thumbnails a.thumbnail_selector:hover { background-color: #c50; }
		#thumbnails .thumb_description {
			float: right; 
			text-align: left; 
			width: 300px; 
		}
	#display { padding: 0; }
	#display img { max-width: 400px; max-height: 440px; }
	#caption { 
		font-size: 10px; 
		line-height: 14px; 
		color: #333; 
	}
	
/* CONTACT page stuff */
.red { color: #c00; }
form#contactForm { }
form#contactForm label {
	display: block; 
	width: 90px; 
	float: left; 
}
	form#contactForm input[type="text"] { width: 240px; }
	form#contactForm textarea { width: 333px; }
	form#contactForm label.error { 
		color: #c00; 
		font-style: italic; 
		clear: left; 
		width: 240px;
		margin: 0 0 0 90px; 
	}
	
#bottom { clear: both; }
	#bottom .left .divider { margin: 0 0 0 24px; }
	#bottom .right .divider { margin: 0 24px 0 0; }

/* Tiny MCE built-in styles */
pre {
	/* similar to a paragraph, but let's change the font */
	display: block; 
	white-space: normal; 
	font-family: Courier, CourierNew, "Courier New", mono; 
	font-size: 1.1em; 
	padding: 0 0 8px 0; 
}
address {
	/* similar to a paragraph, let's make it all italic */
	display: block; 
	white-space: normal; 
	font-style: italic; 
	padding: 0 0 8px 0; 
}
blockquote {
	/* Tiny MCE adds this tag around a P tag, so all we need is the right and left margins */
	white-space: normal; 
	padding-left: 6px; 
	border-left: 1px dotted #c50; 
	margin: 0 10px; 
}

:focus { -moz-outline-style: none; }