@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Layout markup by J Hogue and original concept design by Josie Morway 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: LucidaGrande, "Lucida Grande", LucidaSans, "Lucida Sans", LucidaSansUnicode, "Lucida Sans Unicode", Arial, sans-serif; font-weight: normal; }
body {
	background-color: #2D2320;
	color: #fff;
	text-align: left; 
	font-size: 62.5%; /* 10pt */
	line-height: 1.6;
}
	body#celebrations { background-color: rgb(87,89,110);}

img, img a, a img { border: none; }
a { color: #9df; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline;  }

div.clearit { clear: both; }

p, li, dd, dt { font-weight: normal; }
p, ol, ul, dl { padding: 0 0 .75em 0; }
h1 {
	font-size: 1.8em;
	font-weight: lighter; 
	color: #9df; /* light blue */
	padding: 0 0 8px 0;
}
	h1.portfolioheader { font-size: 1.6em; color: #9df; padding: 0; letter-spacing: 1px; }
h2 {
	font-size: 1.34em;
	font-weight: normal; 
	color: #9df; /* light blue */
	text-transform: uppercase;
	letter-spacing: 1px; 
	padding: 0 0 4px 0;
}
h3 {
	font-size: 1.17em;
	font-weight: normal; 
	color: #806d67; /* medium brown */
	text-transform: uppercase; 
	letter-spacing: 1px;
	padding: 0 0 4px 0;
}
h4 {
	font-size: 1.25em;
	color: #806d67; /* medium brown */
	font-weight: normal; 
	letter-spacing: 1px;
}

hr, div.divider {
	border: 0; 
	height: 1px; 
	font-size: 1px; 
	border-top: 1px dotted #806d67; 
	background-color: #2D2320; 
	color: #2D2320; 
	margin: 0 0 10px 0; 
}
strong, b { font-weight: 600; }
em, i { font-style: italic; }
acronym, abbr { font-weight: normal; font-style: normal; border-bottom: 1px dotted #ccc; }

/* - - - - - Structure - - - - - */
#everyoneneedsawrapper {
	position: absolute; 
	top: 0; 
	left: 50%; 
	width: 920px;
	margin: 0 0 0 -480px;
	padding: 20px; 
}
.left_col { width: 190px; float: left; }
	#navigation { }
.right_col {
	float: left; 
	width: 703px; 
	margin-left: 26px; 
}
	.right_col img { max-width: 700px; }
	+ html .right_col img { width: 640px; }


/* - - - - - Styles - - - - - */
#navigation {
	text-align: right; 
	font-size: 1em;
	line-height: 1.75;
	color: #eee;
}
#mainnav { padding: 20px 0 0 0; }
	#mainnav a { 
		display: block; 
		color: #eee; 
		text-decoration: none; 
		text-transform: uppercase; 
		letter-spacing: 2px; 
	}
	#mainnav a:hover { color: #9df; }
		ul#nav, ul.sub_menu { list-style-type: none; }
		ul#nav { }
			ul#nav li { line-height: 1.8; }
			ul#nav li.first {  }
				ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav ul.sub_menu li.selected a, ul#nav ul.sub_menu li.selected a:hover { color: #806d67; }
			ul#nav li a { color: #eee; }
			ul#nav li a:hover { color: #9df; }
				ul#nav ul.sub_menu {  }
				ul#nav ul.sub_menu li {  }
				ul#nav ul.sub_menu li a { color: #9df; text-transform: none; letter-spacing: 1px; }
				ul#nav ul.sub_menu li a:hover { color: #fff; }
					

.right_col {
	text-align: left; 
	font-size: 1.2em;
	color: #eee;
}
	
#homeimage { padding: 0 0 10px 0; }
#homebio {
	font-size: 1.2em; 
	line-height: 1.5em; 
	padding: 20px 0 0 20px; 
}
#homeblurb {  }
	/* #homeblurb h3, #homeblurb p { display: inline; }
	#homeblurb h1 { 
		font-size: 16px;
		font-weight: normal; 
		color: #9df;
		letter-spacing: 1px; 
		text-transform: uppercase; 
		padding-bottom: 0; 
		display: inline; 
	}
	#homeblurb h2 {
		font-size: 14px; 
		text-transform: none; 
		margin: 0; 
		padding: 0; 
	}
	#homeblurb p { padding: 8px 0 0 0; }
*/
	#homeblurb h4 { padding: 0 0 6px 0; }
		#homeblurb h4 a { text-transform: none; font-size: .84em; color: #806d67; text-decoration: underline; margin-left: 6px; }
		#homeblurb h4 a:hover { color: #9df; text-decoration: none; }
		#homeblurb p { padding-right: 120px; }
	#content {
		padding: 1.5em 0; 
		border-bottom: 1px dotted #806d67;
	}
		#content.default { padding: 34px 0 0 0; }
		#content.portfolio { margin: 0 0 .5em 0; }
		#content p { padding-right: 120px; }

/* Blog stuff - - - - - */
#blog_subnav {
	padding: 8px 0; 
	border-top: 1px solid #9df; 
	border-bottom: 1px solid #9df; 
}
	#blog_subnav h2 { font-size: 1.2em; }
	#blog_subnav h3 { font-size: 1em; padding: 0; }
	#blog_subnav a { text-transform: none; }
.blog_item { padding: 8px 0; margin-bottom: 8px; border-bottom: 1px solid #614e48; }
	.blog_item h1.header, #homeblurb h1.header { font-size: 1.4em; padding: 6px 0; margin-bottom: 6px; border-bottom: 1px dotted #614e48; }
	.blog_item h1.header strong { font-size: .75em; color: #9df; white-space: nowrap; }

/* Portfolio stuff - - - - - */
.project_thumbs {
	display: inline-block; 
	width: 300px; 
	vertical-align: bottom; 
	margin: 0 10px 10px 0; 
}
	.project_thumbs img { width: 300px; }
	
	#related_events_wrapper { padding: 0 0 1em 0; margin-top: -1em; }
		.related_event { padding: 1em 0; border-bottom: 1px dotted #806d67; }
			.related_event a.openclose { font-size: 1.17em; color: #806d67; }
			.related_event a.openclose:hover { color: #ccc; }
			.related_event a.collapsed { font-size: 1.17em; color: #ccc; }
			.related_event a.collapsed:hover { color: #9df; }
		body#portfolio .left_col h4 { font-size: 1.4em; }

#footer { margin: 0 0 0 215px; padding: .5em 0; color: #806d67; }
	#footer a { color: #806d67; }
	#footer a:hover { color: #9df; }

/* Celebrations stuff - - - - - */
#content.celebrate_content {
	/* border-bottom: 1px dotted #3c3f64; */
	border-bottom: none; 
}
body#celebrations #homebio h1 { font-size: 1.5em; color: #262a55; }
body#celebrations h2 {
	font-size: 1.34em;
	font-weight: 200; 
	color: #9df;
	text-transform: none; 
	padding: 0 0 8px 0;
}
body#celebrations #mainnav a { color: #9df; }
body#celebrations #mainnav a:hover { color: #fff; }

.project_gallery {  } /* container for the galleries */
	table.project { width: 100%; padding: 0 0 10px 0; }
	table.project td.photo { width: 520px; }
	table.project a.thumb_photo img { max-width: 520px; max-height: 360px; }
	table.project a.thumb_photo  { display: block; border: 3px solid rgb(70,71,91); text-align: right; }
	table.project a.thumb_photo:hover  { border-color: #9df; }
	table.project .gallery_photo { display: none; }
	table.project td.text { padding: 0 0 0 10px; }
	#content.celebrate_content table.project td.text p { padding-right: 0; }

	/* CONTACT page stuff */
	body#celebrations .red { color: #9df; }
	body#celebrations form#contactForm { }
	body#celebrations form#contactForm label {
		display: block; 
		width: 100px; 
		float: left; 
	}
		body#celebrations form#contactForm input[type="text"] { width: 430px; }
		body#celebrations form#contactForm textarea { width: 533px; }
		body#celebrations form#contactForm label.error { 
			float: none; 
			color: #f66; 
			font-style: italic; 
			clear: left; 
			width: 433px;
			padding: 5px 0 0 100px; 
		}
		body#celebrations form#contactForm input#checkthis { display: none; }

/* CSS 3.0 calls... Experimental! */
/* Text Shadow: offset-x offset-y optional-blur-radius color; */
h1.portfolioheader, h3, h4, ul#nav ul.sub_menu li.selected a, .brown { 
	text-shadow: 1px 1px 2px #000;
}