/* ***********
	colors
white	skipnav
black	text
#333	outside background, link visited
#efefef	content background
#252	header hover
#363	sidebar link hover
#252	link hover
#500	red - link

*********** */

/* ***********
	layout
*********** */
/* sections */
body{ height: 100%; margin: 0; padding: 0; }
#page{ position: relative; margin: 45px auto 80px auto; max-width: 1000px; min-width: 700px; }
	#skipToNav{ z-index: 3; position: absolute; top: -20px; left: 60px; }
		#skipToNav a{ position: absolute; left: -9000px; }
		#skipToNav a:focus, #skipToNav a:active{ position: relative; left: 0; }
	#header{ position: absolute; top: -45px; left: 220px; right: 10px; margin: 0; padding: 0; }
		#site_title{ margin: 0; padding: 0; }
	#content_wrapper{ margin: 0px 10px 20px 200px; min-height: 24em; }
		#content{ padding: 3em 2em 2.2em 2em; }
			.blog{ }
				.blog h2{ padding-top: 0.5em; }
				.blog .date{ margin-bottom: 0.2em; }
				.blog .more{ margin-top: 0.2em; }
			.items{ }
				.items .item{ margin-left: 1em; }
				.items h3{ margin-bottom: 0.3em; }
				.itemImage.floatLeft{ margin: 0 10px 0px 0; }
				.itemImage.floatRight{ margin: 0 0 0px 10px; }
	.sidebar{ position: absolute; }
		#sidebar1{ left: 50px; top: 144px; width: 150px; padding: 1em 0; }
		#sidebar2{ right: 0; top: 0px; width: 0px; }
		.main.navigation{ margin: 0; padding: 0 0 0 10px; }
			.main.navigation li{ padding-bottom: 0.4em; }
			.main.navigation a{ display: block; width: 100%; height: 100%; padding-top: 0.1em; }
		.socialMedia{ margin: 0; padding: 0; }
			.socialMedia li{ display: inline; padding-left: 5px; }
	#footerWrapper{ position: absolute; bottom: -4em; left: 200px; right: 10px; min-height: 2em; }
		#footer{ margin-left: auto; margin-right: auto; padding: 5px; vertical-align: middle; }
			/*#footer .item{ float: left; padding: 0 0.5em; }*/
			#footer .item{ display: inline-block; padding: 0 1em; }
	#sparePart1{ position: absolute; left: 50px; top: -25px; height: 169px; width: 150px; }
/* pages */
#pageContact .vcard{ border: 1px solid black; }
	#pageContact th{ padding-right: 0.5em; text-align: right;}
	#pageContact .name{ border-bottom: 1px solid black; }
#pageSitemap .loc{ padding-right: 3em; }
/* special */
.floatLeft{ float: left; }
	img.floatLeft{ margin: 0 10px 5px 0; }
	ul.floatLeft{ margin: 0; padding: 0 2em; }
.floatRight{ float: right; }
	img.floatRight{ margin: 0 0 5px 10px; }
.clear{ clear: both; }
.screenreaderOnly{ position: absolute; margin-left: -9000px; }
/* standard tags */




/* ***********
	styles 
*********** */
/* sections */
body{ font-size: 0.9em; background: #666; }
#page{  }
	#skipToNav a:focus, #skipToNav a:active{ color: white; }
	#header{ border-bottom: 3px solid black; }
		#site_title{ font-size: 5em; font-family: "Times New Roman", serif; }
			#site_title a{ text-decoration: none; color: black; }
				#site_title a:hover{ color: #252; }
	#content_wrapper{ background-color: #efefef; }
		#content{ line-height: 1.2; font-family: "Helvetica", sans-serif; }
			#content p{ text-align: justify; }
			.blog{}
				.blog h2{ }
				.blog .date{  }
					.blog .date:before{ content:"  Posted - "}
			.items{}
				.items h3{ font-size: 1.3em; color: black; }
	.sidebar{ font-size: 1.2em; }
		.main.navigation a{ border-top: thin solid black; text-decoration: none; color: black; }
			.main.navigation a:visited{ color: black; }
			.main.navigation a:hover{ border-color: #363; text-decoration: none; color: #363; }
		.socialMedia{ }
			.socialMedia li{ text-align: center; }
		#sidebar1{ text-align: right; background-color: #efefef; }
		.sidebar ul{ list-style-type: none; }
			.sidebar li{  }
				.sidebar li:hover{  }
	#footerWrapper{ border-top: 3px #333 solid; background-color: #efefef; }
		#footer{ text-align: center; }
		#footer a{ line-height: 1.5; }
			#footer a:hover{ }
	#sparePart1{ background: url(../_images/toby.jpg) top left no-repeat; }
/* pages */
/* special */
/* standard tags */
a{ text-decoration: none; font-weight: bold; color: #500; }
	a:visited{ color: #333; }
	a:hover{ text-decoration: underline; color: #252; }
h1, h2, h3, h4, h5, h6{ margin-bottom: 5px; padding-bottom: 0; font-family: "Times New Roman", serif; }
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{  }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{  }
img{ border: none; }
a:focus, a:active{ outline: 2px dotted #500; }
/* fonts */
/*@font-face{ font-family: "Comes In Handy"; src: url(../_images/comesinhandy.ttf); }*/