@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Original concept design by J Hogue, 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: Arial, Helvetica, sans-serif; font-weight: normal; }
html, body { height: 100%; }
body {
	color: #444;
	text-align: left; 
	font-size: 75%; /*12 pt */
	line-height: 1.8; 
	font-weight: 300px; 
	background: top center repeat-y url("../cssimages/body_back.png") #c0c0a2;
}
/*	Colors
	#c73 = orange
*/
img, img a, a img { border: none; }
a { text-decoration: none; color: #36c; }
a:hover { text-decoration: underline; color: #222; }


/* ! - - - Interior page stuff - - - */	
h1 {
	font: normal 1.8em "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif;
	font-style: italic; 
	padding: 0 0 .5em 0;
	letter-spacing: 1px; 
	color: #c73; 
} 
h2 {
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase; 
	color: #3c3; 
}

h3 {
	font-size: 1.4em;
	font-weight: normal;
	font-style: italic;
	padding: 0 0 1em 0;
	letter-spacing: 1px; 
	color: #3c3; 
}

p, ul, ol, dl, address { font-size: 1em; padding: 0 0 1em 0; }
p.nopad { padding-bottom: 0; }

p em, p i { 
	font-family: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif; 
	font-size: 1.1em; 
	font-style: italic; 
	letter-spacing: 1px; 
}
big { font-size: 1.5em; }
small { font-size: .84em; }

hr { background-color: #c73; color: #c73; height: 2px; line-height: 2px; font-size: 2px; }

.smallsans { font: normal 1em Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; }

.column { display: inline-block; vertical-align: top; }
.half { width: 385px; }
.left { width: 510px; }
.right { width: 230px; }
	.alignright { text-align: right; }
.addspace { margin-right: 18px; }

/* ! - - - Layout stuff - - - */
#everyoneneedsawrapper { 
	width: 820px; 
	margin: 0 auto; 
	background: top center repeat-y url("../cssimages/content_back.png") #fff;
	/* temp border: 1px solid #fff; */ 
}
#content { padding: 20px 20px 0 30px; }
	#header {  }
		#header .right { text-align: right; }
		#header h1 {
			font: normal 1.5em Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; 
			font-variant: small-caps; 
			letter-spacing: 2px;  
		}
		#header h1 em {
			font: normal 1.5em "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif;
			font-style: italic; 
			color: #c73; 
			/* For Safari anti aliasing */
			text-shadow: #fff 0 0 0;
		}
		#header h1 a { color: #666; }
		#header h1 a:hover { color: #000; text-decoration: none; text-shadow: #c73 1px 2px 4px; }
		a#etsy, a#facebook { display: inline-block; width: 16px; height: 18px; }
		a#etsy { background: bottom left no-repeat url("../cssimages/etsy-icon.png") #fff; }
		a#facebook { background: bottom left no-repeat url("../cssimages/facebook-icon.png") #fff; }
	#navigation { background-color: #444; padding: 5px 7px 3px 7px; }
		#navigation a {
			font: normal 1.3em Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; 
			font-variant: small-caps; 
			text-transform: lowercase; 
			letter-spacing: 2px; 
			color: #eee; 
			margin-right: 10px; 
		}
		#navigation a:hover { color: #c73; text-decoration: none; }
	#contentmain {
		padding: 10px 0; 
	}
		#contentmain .column { padding-bottom: 10px; }
	img#portimage { padding: 0 0 10px 0; }
	a.thumb {
		margin: 0 10px 0 0; 
	}
#contentbottom { height: 20px; background: top center no-repeat url("../cssimages/content_bottom.png") #fff; }
#footer {
	color: #985; 
	text-align: right; 
	font-size: .84em; 
	padding: 0 20px 10px 30px; 
	background: top center repeat-y url("../cssimages/body_back.png") transparent;
}
	#footer a { color: #985; }
	#footer a:hover { color: #36c; }

/* ! - - - Email Contact form - - - */
form {  }
	input#checkthis { display: none; }
	label { display: block; font-weight: 600; }
	.error { color: #c00; }

/* ! - - - CSS 3.0 or browser-specific code - - - */
#blackcolumn { 
	border-radius-left: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
}

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