/*
Theme Name: AMGHP
Theme URI: http://www.amghp.com/
Description: This WordPress theme is based on the design created by Steve Bagi exclusively for AMGHP.com.
Version: 1.3
Author: Heather Stevens
Author URI: http://www.allaboutvision.com/masthead-heather-stevens.htm
Tags: custom header, two columns
*/

/* General Styles */

*	{ margin: 0; padding: 0; }
html	{ min-height: 100%; margin: 0 0 .1em; }

body	{ font: 10px/10px Georgia, "Times New Roman", Times, serif; color: #000; text-align: center; background-color: #f5f5f5; }
body *	{ position: relative; }

a:link, a:visited	{ color: #155494; text-decoration: none; }
a:hover	{ text-decoration: underline; }

.clear	{ clear: both; }

#headContainer { background: url('images/sprite-header.png') repeat-x 0 0; height: 374px; margin: 0 auto; position: absolute; top: 0; _left: 0; width: 100%; }
	#header	{ top: 0; width: 100%; height: 407px; z-index:2; }
	#logo { margin-top: -45px; }
	#flashFeature { width: 100%; height: 230px; margin: 0 auto; position: absolute; top: 116px; left: 0; }

/* Navigation */
#topNav { background: url("images/nav-top.png") no-repeat 0 0; top: 76px; width: 800px; height: 40px; z-index: 15; _top: 76px; margin: 0 auto; z-index: 999; }
	#topNav span { display: none; z-index: 999; }
	#topNav li { float: left; list-style: none; _display: inline; height: 40px; z-index: 999; }
	#topNav li a:link, #topNav li a:visited, #topNav li a:hover { width: auto; height: 40px; display: block; background-image: url("images/nav-top.png"); background-repeat: no-repeat; z-index: 999; }
		#topNav #homeTop { width: 90px; }
			#topNav #homeTop a { width: auto; background-position: 0 0; }
			#topNav #homeTop a:hover { background-position: 0px -40px; }
		#topNav #aboutTop { width: 113px; }
			#topNav #aboutTop a { width: auto; background-position: -90px 0; }
			#topNav #aboutTop a:hover { background-position: -90px -40px; }
		#topNav #mediaTop { width: 173px; }
			#topNav #mediaTop a { width: auto; background-position: -203px 0; }
			#topNav #mediaTop a:hover { background-position: -203px -40px; }
		#topNav #servicesTop { width: 108px; }
			#topNav #servicesTop a { width: auto; background-position: -376px 0; }
			#topNav #servicesTop a:hover { background-position: -376px -40px; }
		#topNav #portfolioTop { width: 123px; }
			#topNav #portfolioTop a { width: auto; background-position: -484px 0; }
			#topNav #portfolioTop a:hover { background-position: -484px -40px; }
		#topNav #contactTop { width: 107px; }
			#topNav #contactTop a { width: auto; background-position: -607px 0; }
			#topNav #contactTop a:hover { background-position: -607px -40px; }
		#topNav #blogTop { width: 86px; }
			#topNav #blogTop a { width: auto; background-position: -714px 0; }
			#topNav #blogTop a:hover, .blg #topNav #blogTop a { background-position: -714px -40px; }

#leftNav { float: left; width: 77px; height: 400px; z-index: 10; top: 2px; }
	#leftNav span { display: none; }
	#leftNav li { float: left; list-style: none; _display: inline; width: 77px; padding-left: 5px; }
	#leftNav li a:link, #leftNav li a:visited, #leftNav li a:hover { width: 77px; height: auto; background-image: url("images/logo-icons2.png"); display: block; text-decoration: none; font-size: 16px; line-height: 19px; color: #000; font-style: italic; text-align: center; }
		#leftNav #media { height: 110px; }
				#leftNav #media a { height: 110px; background-position: 0 0; }
				#leftNav #media a:hover { background-position: -100px 0; }
			#leftNav #services { height: 110px; }
				#leftNav #services a { height: 110px; background-position: 0 -110px; }
				#leftNav #services a:hover { background-position: -100px -110px; }
			#leftNav #portfolio { height: 110px; }
				#leftNav #portfolio a { height: 110px; background-position: 0 -220px; }
				#leftNav #portfolio a:hover { background-position: -100px -220px; }
			#leftNav #blog { height: 85px; }
				#leftNav #blog a { height: 85px; background-position: 0 -330px; }
				#leftNav #blog a:hover, #leftNav.bpg #blog a { background-position: -100px -330px; }

#footContainer { width: 100%; background-color: #000; text-align: left; float: left; margin-top: 40px; }
#footer { background-image: url('images/sprite-footer.png'); background-repeat: repeat-y; min-height: 60px; width: 800px; margin: 20px auto; }
	#footer p { font-size: 13px; line-height: 19px; color: #FFF; }
	#footer #leftCol { float: left; width: 160px; }
	#footer #centerCol { float: left; width: 245px; padding-left: 25px; }
	#footer #rightCol { float: right; width: 370px; }

/* Page */
#content { width: 800px; text-align: left; margin: 0 auto; height: 100%; background: url('images/sprite-vertical.png') repeat-y 0 0; background-color: #F5F5F5; }
	#content img { border: none; }
	#content #right { float: right; width: 640px; padding-left: 52px; }
		#content #right h1 { margin: 0 0 15px; font: bold 22px/1em Georgia, "Times New Roman", Times, serif; color: #000; }
		#content #right h2, #content #right h3 { margin: 0 0 15px; font: bold 18px/1.3em Georgia, "Times New Roman", Times, serif; color: #000; }
		#content p { margin: 0 0 20px 0; font-size: 14px; line-height: 20px;  }
			#content .footLinks { margin: 0; }
				#content .footLinks a { color: #000; }
		#content #right ul { margin: 0 0 18px 0; font-size: 14px; line-height: 20px; }
			#content #right ul li { list-style: none; background: url('images/bullet.png') no-repeat 0 8px; padding: 0 0 0 10px; margin: 0 0 10px; }
		.date { font-size: 12px; margin-bottom: 15px; }
	#content #left { float: left; width: 108px; z-index: 5; }


/* Blog Specific Styles */
.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.attachment {text-align: center; margin: 5px 0px;}

code { font: 1.1em 'Courier New', Courier, Fixed; }

.description { font-size: 12px; margin: 0 0 30px 0; font-style: italic; }

.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}
html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;}

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
	.alignright {float: right;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
	.alignleft {float: left}

.hidden {display: none;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}

.post { margin: 0 0 20px; text-align: left; }
	.postmetadata { text-align: center; }
	.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}