@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Original concept design by James Re, layout markup and CSS programming by J Hogue 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, div, span, 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: Georgia, Sylfaen, Times, TimesNewRoman, serif; font-weight: normal; }
html { height: 100%; margin: 0 0 1px 0; }
body {
	background: top left repeat url("../cssimages/pattern.gif") #ccc;
	color: #444;
	text-align: left; 
	font-size: 75%; /*12 pt */
	line-height: 1.6; 
}
img { display: block; }
img, img a, a img { border: none; }
a { text-decoration: none; color: #39c; }
a:hover { color: #c00; }

div.clearit { clear: both; }


/* ! - - - Default html styles - - - */	

h1 {
	font-size: 1.4em;
	font-weight: 300;
	font-family: HoeflerText, "Hoefler Text", Georgia, Sylfaen, Times, TimesNewRoman, serif;
	font-style: italic; 
	letter-spacing: 1px; 
	color: #c00; 
}
 
h2 {
	font-size: 1.17em;
	padding: .5em 0;
	font-weight: normal;
	font-style: italic; 
	letter-spacing: 1px; 
	color: #999; 
}

h3, h4 {
	font: 300 1.2em Arial, Helvetica, sans-serif;
	letter-spacing: 1px; 
	color: #c00; 
}

h1, h2, h3, p { padding-left: 10px; padding-right: 10px; }
p, ul, ol, dl, address, pre, code { padding-bottom: .8em; }

b, strong { font-weight: 600; }
i, em { font-size: 1.1em; font-family: HoeflerText, "Hoefler Text", Georgia, Sylfaen, Times, TimesNewRoman, serif; }

/* ! - - - Structure - - - */
#navigation {
	position: fixed; 
	top: 10px; 
	left: 50%; 
	margin: 0 0 0 -418px; 
	width: 130px; 
}
.everyoneneedsawrapper {
	width: 542px; 
	margin: 10px auto; 
	background-color: #fff; 
	padding: 5px; 
}
	.transparent { background-color: transparent;  }

/* ! - - - Persistent styles - - - */
.wrapper { background-color: #fff; border: 1px solid #ddd;  }
.smallcaps { 
	font: 300 .84em Arial, Helvetica, sans-serif; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
}
.spacer {
	height: 32px; 
	background: 10px 0px no-repeat url("../cssimages/spacer-swirl.png") transparent; 
}

/* ! - - - Main Nav stuff - - - */
	#mainnav { padding: 5px 0; }
	#mainnav ul { list-style: none; background-color: #fff; padding: 0; }
	#mainnav li { padding: 4px; }
	#mainnav a { 
		display: block; 
		color: #888; 
		background-color: #fff; 
		font: 300 1.2em Arial, Helvetica, sans-serif; 
		letter-spacing: 1px; 
		text-decoration: none; 
		border: 1px solid #ddd; 
		padding: 2px 5px 1px 5px; 
	}
	#mainnav a:hover, #mainnav a.selected:hover { background-color: #39c; color: #fff; }
	#mainnav a.selected { color: #c00; }
	#mainnav a.subnav { 
		color: #444; 
		background-color: #fff; 
		font: 500 1em Arial, Helvetica, sans-serif; 
		text-decoration: none; 
		border: none; 
		padding: 2px 5px 1px 5px; 
	}
	#mainnav a.subnav:hover { color: #39c; }

/* ! - - - Other stuff - - - */
#maincontent {  }
	#maincontent a:visited { color: #999; }
	#maincontent a:visited:hover { color: #c00; }
.photo { padding-bottom: 1em; }
	.show { display: block; }
	.hide { display: none; }
.caption { 
	padding: .4em; 
	border: .4em solid #121212; 
	color: #eee; 
	background-color: #222; 
}
	.caption a, .caption a:visited { color: #39c; }
	.caption a:hover, .caption a:visited:hover { color: #c00; }
p.subnavigation {
	font: 500 1.1em Arial, Helvetica, sans-serif; 
	letter-spacing: 1px; 
}
	p.subnavigation a { color: #111; }
	p.subnavigation a:hover { color: #39c; }
#footer {
	font: 500 1em Arial, Helvetica, sans-serif; 
}
	#footer p { padding: 0; display: inline; background-color: #ccc; }
	#footer a { color: #333; }
	#footer a:hover { color: #c00; }


/* For Mozilla and IE 8 */
:active, :focus { outline: none; -moz-outline: none; }