* {margin: 0; padding: 0;}
html,body {margin: 0; padding: 0;}
body {width: 100%; height: 100%; background: url(/files/gfx/top-bg.gif) 0px 0px repeat-x #FFF;}
body {text-align: center; font-family: arial, helvetica, tahoma, verdana, sans-serif; font-size: 62.5%; color: #888;}

h2,h3,h4,h5,h6 {color: #666; font-weight: normal; padding-top: 0.8em; padding-bottom: 0.3em;}
h2,h3,h4 {letter-spacing: -1px;}
h2 {font-size: 3em; padding: 0; padding-bottom: 0.3em; color: #999;}
h3 {font-size: 2.1em;}
h4 {font-size: 1.7em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.25em; font-weight: bold;}

p img {padding: 0; max-width: 100%; border: none;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignleft {margin-right: 1em; margin-bottom: 1em; display: inline;}
img.alignright {margin-left: 1em; margin-bottom: 1em; display: inline;}
.alignleft {float: left}
.alignright {float: right;}

#header {width: 100%; height: 128px; background: url(/files/gfx/header.png) 50% 0px no-repeat; font-size: 1%; color: #FFF;}
	#header h1 {padding-top: 80px; font-size: 1%;}
#head_image {width: 100%; height: 64px; background: url(/files/gfx/headbar.jpg) 50% 0px no-repeat;}
#navigation {width: 720px; margin: auto; padding-right: 10px; background: url(/files/gfx/nav-corner.gif) 0px 100% no-repeat #CCC; text-align: right;}
#navigation {padding-top: 10px; padding-bottom: 14px;}
	#navigation ul {list-style: none; font-family: arial, helvetica, verdana, tahoma, sans-serif;}
		#navigation ul li {display: inline;}
			#navigation ul li a:link,#navigation ul li a:visited {text-transform: uppercase; text-decoration: none; background: url(/files/gfx/nav-link-bottom.gif) 0px 100% repeat-x #BEBEBE;}
			#navigation ul li a:link,#navigation ul li a:visited {padding: 8px; padding-top: 10px; padding-bottom: 10px; font-size: 1.2em; color: #666;}
			#navigation ul li a:hover,#navigation ul li a:active {background-image: none; background-color: #999; color: #FFF; padding-bottom: 14px;}
#content {width: 730px; margin: auto; margin-top: 10px; margin-bottom: 10px; background: url(/files/gfx/content-bg-top.gif) 0px 0px no-repeat #EBEBEB; text-align: left;}
	#content div.bg_bottom {width: 730px; height: 100%; background: url(/files/gfx/content-bg-bottom.gif) 0px 100% no-repeat;}
	#content div.main {float: left; width: 450px; padding: 30px;}
		#content div.main h2 {margin-bottom: -5px;}
		#content div.main p {font-size: 1.1em; padding-top: 0.5em; padding-bottom: 0.5em; line-height: 150%;}
		#content div.main address {display: inline-block; font-size: 3em; padding-top: 0.2em; padding-bottom: 0.2em; line-height: 120%; font-style: normal; letter-spacing: -1px; color: #BBB;}
		#content div.main ul, #content div.main ol {font-size: 1.1em; margin-left: 2em; line-height: 150%;}
			#content div.main ul li, #content div.main ol li {padding: 0.2em 0 0 0.2em;}
				#content div.main ul ul, #content div.main ol ol, #content div.main ul ol, #content div.main ol ul {font-size: 1em;}
		#content div.main a:link,#content div.main a:visited {text-decoration: none; color: #003366;}
		#content div.main a:hover,#content div.main a:active {color: #000;}
		#content div.main div.post {padding-bottom: 0;}
		#content div.blog_index div.post {padding-bottom: 2em;}
		#content div.main div.navigation {margin-bottom: 1em;}
	#content div.sidebar {float: right; width: 200px; padding: 10px;}
		#content div.sidebar h2 {font-size: 1.8em; padding: 0.5em 0 0.2em 0.5em;}
		#content div.sidebar div.subnav {background-color: #DADADA; border: 5px solid #FFF;}
		#content div.sidebar div.archive_top {padding: 0.3em;}
			#content div.sidebar div.subnav ul {list-style: none;}
				#content div.sidebar div.subnav ul li {margin: 4px;}
					#content div.sidebar div.subnav ul li a:link,#content div.sidebar div.subnav ul li a:visited {display: block; background-color: #CCC; padding: 0.5em;}
					#content div.sidebar div.subnav ul li a:link,#content div.sidebar div.subnav ul li a:visited {color: #666; text-decoration: none; font-size: 1.1em;}
					#content div.sidebar div.subnav ul li a:link,#content div.sidebar div.subnav ul li a:visited {border-right: 4px solid #999;}
					#content div.sidebar div.subnav ul li a:hover,#content div.sidebar div.subnav ul li a:active {background-color: #999; color: #FFF;}
					#content div.sidebar div.subnav ul li ul {}
						#content div.sidebar div.subnav ul li ul li {margin-right: 0px; margin-left: 8px;}
							#content div.sidebar div.subnav ul li ul li a:link,#content div.sidebar div.subnav ul li ul li a:visited {}
							#content div.sidebar div.subnav ul li ul li a:hover,#content div.sidebar div.subnav ul li ul li a:active {}
		#content div.sidebar div.paypal {text-align: center; padding: 0 20px 1em 20px;}
			#content div.sidebar div.paypal form {}
				#content div.sidebar div.paypal form h2 {}
				#content div.sidebar div.paypal form p {padding: 1.5em 0 0.5em 0;}
				#content div.sidebar div.paypal form select {width: 160px;}
				#content div.sidebar div.paypal input {margin-bottom: 1em; width: 160px;}
				#content div.sidebar div.paypal input.button {}
#footer {width: 730px; margin: auto;}
	#footer a {text-decoration: none; color: #999;}
	#footer p.call_now {width: 100%; margin-top: 10px; padding-bottom: 10px; text-align: center; color: #CCC; letter-spacing: 6px; text-transform: uppercase;}
	#footer div.grey {width: 100%; background: url(/files/gfx/footer-bg-top.gif) 0px 0px no-repeat #DADADA;}
		#footer div.grey div.bottom {width: 100%; background: url(/files/gfx/footer-bg-bottom.gif) 0px 100% no-repeat;}
			#footer div.grey div.bottom div.stripes {width: 100%; background: url(/files/gfx/footer-bg-right.png) 100% 50% repeat-y;}
				#footer div.grey div.bottom div.stripes div.text {width: 675px; padding: 15px; padding-right: 40px; color: #999; text-align: right;}
				#footer div.grey div.bottom div.stripes div.text {background: url(/files/gfx/footer-logo.png) 20px 50% no-repeat;}

/* Page specific stuff */
#post-17 ol {list-style-type: decimal;}
	#post-17 ol ol {list-style-type: lower-alpha;}
#post-28 div#map {width: 650px; padding: 10px; background-color: #FFF;}
	#post-28 div#map dt, #post-28 div#map dd, #post-28 div#map dd img {visibility: hidden;}

div.home_subnav {margin-bottom: -5px;}
	div.home_subnav img {border: 5px solid #FFF; margin-bottom: 5px;}

/* Images with captions */
.wp-caption {padding-right: 1em;}
	.wp-caption img {margin: 1em 0 0 0; border: 3px solid #FFF;}
	.wp-caption p {width: 95%; padding: 0 0 1.5em 0;}

/* Sociable */
div.sociable {margin: 16px 0;}

div.sociable_tagline {position: relative; padding-bottom: 3px;}
div.sociable_tagline strong {font-weight: normal;}
div.sociable_tagline span {display: none; width: 14em;}
div.sociable_tagline:hover span {position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em;}
.sociable span {display: block;}
.sociable ul {display: inline; margin: 0 !important; padding: 0 !important;}
.sociable ul li {background: none; display: inline !important; list-style-type: none; margin: 0; padding: 1px;}
.sociable ul li:before {content: "";}
.sociable img {float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0;}

.sociable-hovers {opacity: .4; -moz-opacity: .4; filter: alpha(opacity=40);}
.sociable-hovers:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
