/****************************************************************************
	zacharyhester.com Style Sheet
	Zac Hester - 2010-06-09
****************************************************************************/
body {
	margin: 0;
	padding: 0;
	font: 12pt/130% Georgia,serif;
	color: #000000;
	background-color: #F0F0F0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 0 2px 0;
	padding: 0;
	font-family: Verdana,sans-serif;
}
h1 { font-size: 130%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }
p, address, blockquote, pre, ul, ol, dl, form {
	margin: 0.5em 0;
	padding: 0;
}
ul li, ol li {
	margin: 0;
	margin-left: 2em;
}
blockquote { padding: 0 2em; }
img { border: none; }
pre, code {
	color:#000066;
	background-color: transparent;
}
a {
	color: #0066CC;
	background-color: transparent;
	outline: none;
}
a:link {
	color: #0066CC;
	background-color: transparent;
}
a:visited {
	color: #0033CC;
	background-color: transparent;
}
a:hover {
	color: #000066;
	background-color: transparent;
}
a:active {
	color: #000066;
	background-color: transparent;
}


div#page_root {
	width: 90%;
	margin: 5px auto;
	padding: 3px;
	border: none;
	color: inherit;
	background-color: #FFFFFF;
}

div#header {
	margin: 0;
	padding: 1px 0;
	border: solid 1px #CCCCCC;
	background-image: url('gfx/header.jpg');
	background-position: 50% top;
	background-repeat: no-repeat;
	background-color: #666666;
}
	div#header h1 {
		margin: 0;
		padding: 0;
		background-color: transparent;
		background-image: url('gfx/zh0.png');
		background-position: 98% 50%;
		background-repeat: no-repeat;
		font-size: 200%;
	}
		div#header h1 a {
			display: block;
			margin: 0;
			padding: 30px 0 0 30px;
			height: 60px;
			color: #FFFFFF;
			background-color: transparent;
			text-decoration: none;
			font-family: Arial,sans-serif;
		}


div#navigation {
	margin: 0.75em 0;
	padding: 0;
	font-weight: bold;
	font-size: 110%;
	font-family: Arial,Helvetica,sans-serif;
}
	div#navigation ul {
		margin: 2px 0;
		padding: 0;
		list-style: none;
		text-align: center;
	}
		div#navigation ul li {
			display: inline-block;
			margin: 0 1em;
			padding: 0;
		}


div#content {
	margin:0; padding:0 1em;
	color:inherit; background-color:transparent;
}

div#footer {
	padding-top: 0.5em;
	text-align: center;
	border-top: solid 1px #333333;
}
	div#footer ul {
		list-style: none;
	}
		div#footer ul li {
			display: inline;
		}

div.section { width:80%; margin:0 auto; margin-bottom:1em; }
div.section * { font-family:Arial,Verdana,sans-serif; }
div.section h2 { font-size:100%; }
div.section h2 a { text-decoration:none; }
div.section ul { margin:5px 1em; }
div.section div {}

div.subfooter {
	text-align: right;
	font-size: 90%;
	color: #666666;
	background-color: transparent;
}

p.ill {
	text-align: center;
	font-size: 90%;
	color: #444444;
	background-color: transparent;
}

p.photo {
	float: left;
	margin: 0 1em 0.25em 0;
	padding: 3px;
	border: solid 1px #DDDDDD;
}
	p.photo img {
		vertical-align: middle;
	}

p.photo2 {
	float: right;
	margin: 0 0 0.25em 1em;
	padding: 3px;
	border: solid 1px #DDDDDD;
}
	p.photo2 img {
		vertical-align: middle;
	}

table.comparison {
	margin: 0.5em 0;
	border-collapse: collapse;
	border: solid 2px #000000;
}
	table.comparison tr {
		background-image: url('gfx/bgfade_ud.png');
		background-position: left top;
		background-repeat: repeat-x;
		background-color: #FFFFFF;
	}
		table.comparison tr td {
			padding: 2px 5px;
			border: solid 1px #999999;
		}

div.pagenav {
	width: 250px;
	float: right;
	margin: 0 0 1em 2em;
	padding: 2px 10px;
	border: solid 1px #E4E4E4;
	background-color: #F8F8F8;
}
	div.pagenav h3 {
		margin: 5px 0 0 0;
		border-bottom: dashed 1px #E4E4E4;
		padding: 0;
	}

ul.netnav {
	list-style: none;
	text-align: center;
}
	ul.netnav li {
		display: inline-block;
		width: 320px;
		margin: 0 2em;
		padding: 0.5em 1em;
		border: solid 1px #E4E4E4;
		color: #444444;
		background-color: #F8F8F8;
		font-size: 10pt;
	}
		ul.netnav li h3 {
			font-size: 110%;
		}


/* Custom UI Buttons
 * Inspired by and modified from:
 * http://stopdesign.com/archive/2009/02/04/recreating-the-button.html
 * <a href="" class="ui_button"><span><span>Label</span></span></a>
 * <button class="ui_button"><span><span>Label</span></span></button>
 */
.ui_button {
	display: inline-block;
	margin: 0;
	padding: 3px 0;
	border-width: 0;
	overflow: visible;
	background: none;
	text-decoration: none;
	cursor: pointer;
}
* html button.ui_button { padding-bottom: 1px; }
html:not([lang*=""]) button.ui_button { margin: 0 -3px; }
.ui_button span {
	margin: 0;
	padding: 3px 0;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #AAAAAA;
	background-color: #DDDDDD;
	background-image: url(gfx/ui_button.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
* html .ui_button span { padding-top: 0; }
.ui_button span span {
	position: relative;
	padding: 3px 0.5em;
	border-width: 0;
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #AAAAAA;
	color: #000000;
}
.ui_button_l span { border-right: none; }
.ui_button_l span span { border-right: 1px solid #BBBBBB; }
.ui_button_c { margin-left: -1px; }
.ui_button_c span { border-right: none; border-left: solid 1px transparent; }
.ui_button_c span span { border-right: 1px solid #BBBBBB; }
.ui_button_r { margin-left: -1px; }
.ui_button_r span { border-left: solid 1px transparent; }
.ui_button:hover span, .ui_button:hover span span,
.ui_button:focus span, .ui_button:focus span span {
	color: #333333;
	border-color: #777777;
}
.ui_button:hover span, .ui_button:focus span { background-position: 0 -50px; }
.ui_button:active span, .ui_button:active span span { border-color: #666666; }
.ui_button:active span { background-position: 0 -100px; }