@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Layout markup by J Hogue and original concept design 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 

light green: #8a9

*/

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%; }

/* ! Set a true type font to be imported: NOT FULLY SUPPORTED YET! */
/*
@font-face {
  font-family: "Exmouth";
  src: url("../fonts/exmouth.ttf") format("truetype");
  /* Distributed by Prima Font. Readily available as a free (open source?) download. 
}
*/

body, td, input, select, textarea { 
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: normal; 
}
body {
	background-color: #fff; 
	color: #666;
	text-align: left; 
	font-size: 12px; 
	line-height: 20px; 
}
img, img a, a img { border: none; }
a { text-decoration: underline; color: #666; }
a:hover { color: #000; }

div.clearit { clear: both; }

#everyoneneedsawrapper {
	width: 960px;
	margin: 0 auto; 
	/* border: 1px solid #000;  */
}

/* ! - - - - Begin Navigation Styles - - - - */
#header {
	padding: 12px 20px 30px 15px; 
	/* border: 1px solid #c00; */
}
	a#homelogo {
		display: block; 
		float: right; 
		width: 320px; 
		height: 60px; 
		margin-top: -6px; 
		background: top left no-repeat url("../cssimages/kg-logo.png") #fff; 
	}
	a.global { 
		color: #999; 
		float: none; 
		text-decoration: none; 
		margin: 0 5px; 
		font-size: 10px; 
		letter-spacing: 1px; 
		text-transform: uppercase; 
	}
		a.global:hover { color: #222; }

#main_nav { 
	padding-top: 4px; 
	/* border: 1px dotted #000;  */
}
	#main_nav ul { list-style: none; /* border: 1px solid #000; */ }
	#main_nav ul#nav li {
		float: left;
		position: relative; 
		padding: 0 5px 2px 5px; 
		font: normal 20px/24px TimesNewRoman, "Times New Roman", Times, Georgia, serif; 
		color: #8a9; 
		/* safari/webkit browsers only - will remove the extra weight that's added by OS X's native anti-aliasing */
		text-shadow: 0 0 0 #000;
	}
		/* The Sub Nav Drop Down */
		#main_nav ul#nav li ul {
			position: absolute;
			display: none; 
			top: auto;
			left: auto;
			margin-top: 3px; 
		}
			/* for IE 6 and 7. IE is also using the .over class on the LI */
			* html #main_nav ul#nav li ul, *+html #main_nav ul#nav li ul {
				top: 0;
				left: 0;
			}
		#main_nav ul#nav li:hover, #main_nav ul#nav li.over { 
			color: #444; 
		}
		#main_nav ul#nav li:hover ul, #main_nav ul#nav li.over ul { 
			display: block; 
		}
			#main_nav ul#nav li ul li {
				font: normal 12px/18px Helvetica, Arial, sans-serif; 
				padding: 0; 
			}
			#main_nav ul#nav li ul li a {
				display: block;
				width: 90px; 
				color: #333; 
				background-color: #8a9;
				text-decoration: none; 
				padding: 3px 6px 2px 6px; 
			}
			#main_nav ul#nav li ul li a:hover { color: #fff; background-color: #444; }
/*  - - - - End Navigation Styles - - - - */

#content {
	clear: both; 
	min-height: 400px; 
	padding-bottom: 20px; 
}
	h1 { 
		font: normal 24px/36px "Edwardian Script", "Edwardian Script ITC", EdwardianScript, script, fantasy; 
		color: #666; 
		padding: 0 0 10px 0; 
	}
	h2 { 
		color: #666; 
		font-weight: normal; 
		font-size: 14px; 
		text-transform: lowercase; 
		padding: 0 0 10px 0; 
	}
	h3 { 
		color: #000; 
		font-weight: normal; 
		font-size: 12px; 
		text-transform: uppercase; 
		padding: 0; 
	}
	p, ul, ol, dl, form, blockquote, address, pre, code { 
		padding: 0 0 10px 0; 
		color: #666; 
	}
	#photo, #text { 
		float: left; 
		width: 640px; 
	}
	#photo { 
		/* background: top left no-repeat url("../cssimages/photo_back.jpg") #999;  */
	}
	#text { 
		padding: 20px 0; 
	}
		#text p, #text h1, #text h2, #text h3 { 
			padding: 0 40px 10px 20px; 
		}
	body#home_template #content #photo { width: 960px; overflow: hidden; }
	body#home_template #content #photo p { padding: 0;  }
	body#home_template #content #photo span.photoreg { padding: 0; }
	body#home_template #content #photo span.photoreg img { min-width: 960px; }
	
	body#portfolio_template #content #photo { text-align: left; }
	body#portfolio_template #content #photo img { max-width: 640px; }
	/* body#portfolio_template #content #photo img { max-width: 540px; max-height: 400px; } */
	body#portfolio_template #content #photo a.show_photo { display: block; }
	body#portfolio_template #content #photo a.hide_photo { display: none; }
	
	.leftcolumn {
		clear: left; 
		width: 640px; 
		padding: 20px 0 0 20px;
	}
		.leftcolumn h1 { font: normal 12px/16px Helvetica, Arial, sans; color: #666; letter-spacing: 1px; text-transform: uppercase; }
		p#morephotos { color: #000; font-weight: normal; font-size: 10px; text-transform: uppercase; }
		p#morephotos a { font-weight: normal; font-size: 12px; text-decoration: none; color: #000; margin: 0 0 0 5px; }
		p#morephotos a:hover { color: #8a9; }
	.rightcolumn {
		float: left; 
		width: 290px; 
		padding: 20px 0 0 10px;
	}
		.rightcolumn #viewoptions a { 
			display: block; 
			width: 30px; 
			height: 30px; 
			float: left; 
			margin: 0 4px 4px 0; 
			padding: 0; 
			background-color: #fff; 
			overflow: hidden; 
		}
			.rightcolumn #viewoptions a img.thumb { min-width: 30px; max-width: 46px; min-height: 30px; max-height: 32px; }
		
		/*
		.rightcolumn #viewoptions a:hover { color: #8a9; background-color: #222;  }
		.rightcolumn #viewoptions a:link:visited { font-weight: normal; color: #ddd; }
		.rightcolumn #viewoptions a:link:visited:hover { color: #999; }
		*/
		#viewoptions h2 { 
			color: #999; 
			font: normal 16px/22px TimesNewRoman, "Times New Roman", Times, Georgia, serif; 
		}
		#viewoptions .spacer { clear: left; height: 40px; }
		
		.rightcolumn #randPhoto {
			min-height: 60px; 
			background-color: #999; 
		}
			#randPhoto img { width: 290px; }
	.left { 
		float: left; 
		width: 220px; 
	}
		.left h1 { color: #666; }
	.right { 
		float: left; 
		width: 380px; 
		padding: 0 0 0 20px;
	}
	

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