/*  
Theme Name: AllAboutX
Description: This will eventually become the template for all our blogs.
Author: hlynns
Author URI: http://allaboutvision.com
*/

body { margin: 0; background: url("images/clh-bg.gif") repeat-x #0565AE; font-family: "Trebuchet MS", Verdana; color: #333333; }
h1, h2, h3, h4 { margin: 0; }
img { border: 0; }
.clear { clear: both; height: 1px; overflow: hidden; }
a:link, a:visited	{ color: #008bc4; text-decoration: none; }
a:hover	{ text-decoration: underline; }

#wrapper { width: 99.999%; min-width: 1000px; margin: 0 auto; background: url('images/clh-header.jpg') no-repeat center top; z-index: 0; }
#page { margin: 0 auto; width: 965px; }
#header { width: 965px; height: 117px; }
	#static { width: 268px; height: 27px; float: right; margin: 0; }
	#static li span { display: none; }
	#static li { float: left; list-style: none; }
	#static li, #static a { height: 27px; display: block; }
		#static #rss { width: 68px; }
		#static #about { width: 90px; }
		#static #home { margin-right: 40px; width: 70px; }
#main { width: 965px; background-color: #eef6f9; }
#main:after { content:"."; display: block; height:0; clear: both; visibility: hidden; }

	#right	{ float: right; width: 753px; margin-top: 15px; padding: 0; }
	#content { float: left; width: 565px; margin: 0; padding: 0; }
		#content h1 { color: #008ec0; font: 24px "Trebuchet MS", Verdana; font-weight: bold; margin: 5px 0 15px 0; }
		#content .post { float: left; margin-bottom: 0px; width: 563px; background: #eef6f9; }
			#content .post .post-title { width: 570px; font: bold 12px "Trebuchet MS", Verdana; }
				#content .post .post-title a, #content .post .post-date a, #content .post .post-entry .more-link a  { color: #333333; text-decoration: none; }
				#content .post .post-title .post-date { float: left; background: url("images/post-date.gif") repeat-x; width: 50px; color: #333333; text-align: center; text-transform: uppercase; margin-right: 10px; font: bold 10px/15px "Trebuchet MS", Verdana; }
				#content .post .post-title .post-date span { margin-bottom: 2px; display: block; font: bold 16px/34px "Trebuchet MS", Verdana; }
				#content .post .post-title h2 { padding: 0 0 3px 0; font: bold 16px "Trebuchet MS", Verdana; }
				#content .post .post-title h2 a { color: #333333; }
			#content .post .post-head { width: 520px; padding: 0 15px; margin-bottom: 10px; }
			#content .post .post-entry { font: normal 13px/18px "Trebuchet MS", Verdana; padding: 0 15px 0 15px; width: 520px; clear: both; }
				#content .post .post-entry a { font-weight: bold; color: #008EC0; }
				#content .post .post-entry .more-link { font: bold 12px/20px "Trebuchet MS", Verdana; color: #333333; float: right; padding-bottom: 5px; }
			#content .post .post-info { padding: 10px 4px 0 4px; width: 546px; clear: both; font: bold 12px "Trebuchet MS", Verdana; color: #333333; }
				#content .post .post-info a { color: #333333; }
			#content .post h3 { color: #FFFFFF; font: bold 17px Verdana; margin: 25px 0 5px 0; padding: 0 4px; width: 546px; }
			#content .post .comments { padding: 0 4px; width: 546px; font: normal 12px/18px "Trebuchet MS", Verdana; color: #FFFFFF; }
				#content .post .comments a { color: #FFFFFF; }
				#content .post .comments ol { margin: 10px 0 10px 0; padding-left: 25px; }
				#content .post .comments ol li { padding: 5px; }
				#content .post .comments ol li.alt { background: #000000; }
				#content .post .comments ol li cite { color: #FFFFFF; font-style: normal; font-weight: bold; }
				#content .post .comments ol li cite a { color: #FFFFFF; }
				#content .post .comments ol li .commentmetadata a { color: #FFFFFF; }
			#content .post #commentform { margin: 0; font: normal 12px/18px "Trebuchet MS", Verdana; color: #FFFFFF; padding: 0 4px; width: 546px; }
				#content .post #commentform a { color: #FFFFFF; }
			#content .post hr { background: #008ec0 repeat scroll 0 0; color: #008ec0; border: 0 none; display: block; width: 100%; height: 1px; margin: 24px 0 14px; z-index: 5; }
			#content .alignleft { float: left; margin: 0 15px 15px 0; }
			#content .alignright { float: right; margin: 0 0 15px 15px; }
			#content .wp-caption-text { font: bold 11px/13px "Trebuchet MS", Verdana; margin: 4px 0 0 0; }

		.adsense { float: right; display: inline; z-index: 2; padding: 0; margin: 0 15px 0 0; }	

	.sidebar { float: left; display: inline; width: 180px; font: strong 10px/18px; padding: 0; margin: -15px 0 0 17px; color: #333333; z-index: 50; }
		.dialog { position: relative; margin: 0px auto; min-width: 8em; max-width: 200px; z-index: 1; margin-left: 12px; _margin-right: 18px; margin-bottom: 0.5em; }
		.dialog .marquee, .dialog .t, .dialog .b, .dialog .b div { background: transparent url(images/side-nav.png) no-repeat top right; _background-image: url(images/side-nav.gif); }
		.dialog .marquee { position: relative; zoom:1; _overflow-y: hidden; padding: 0px 12px 0px 0px; }
		.dialog .t { position: absolute; left: 0px; top: 0px; width: 15px; margin-left: -15px; height: 100%; _height: 1200px; background-position: top left; }
		.dialog .b { position: relative; width:100%; _width: 164px; }
		.dialog .b, .dialog .b div { height: 15px; }
		.dialog .b { background-position: bottom right; }
		.dialog .b div { position: relative; width: 15px; margin-left: -15px; background-position: bottom left; }
		.dialog .wrapper { position: static; max-height: 1000px; overflow: auto; }
		.dialog h1, .dialog p { margin: 0px; padding: 0.5em 0px 0.5em 0px; }
		.dialog h1 { padding-bottom: 0px; }
	.tassist { font-size: 25px; }
	.sidebar h3 { padding: 10px; font: bold 14px/14px "Trebuchet MS", Verdana; text-transform: uppercase; color: #cce7ff; width: 132px; background-color: #008ec0; margin: 10px 0 10px 0; }
	.sidebar ul { margin: 0 0 15px 10px; padding: 0; list-style: none; width: 135px; }
		.sidebar #last { margin: 0 0 0 10px; }
	.sidebar ul li { font: normal 11px/13px "Trebuchet MS", Verdana; margin: 0 0 10px 0; }
	.sidebar ul li a, .sidebar ul li a:visited { color: #333333; }
		.sidebar #searchform { font: bold 14px/18px "Trebuchet MS", Verdana; }
			.sidebar #s { width: 120px; }
			.sidebar #searchsubmit { width: 22px; height: 20px; }
							input#searchsubmit { vertical-align: top; height: 20px; padding-top: 1px; }
		
#footer	{ float: left; top: 64px; width: 965px; color: #333333; background-color: #eff7ff; font: normal 10px/15px "Trebuchet MS", Verdana; text-align: center; }
#footer p { left: 160px; float: left; width: 965px; margin: 15px 0 0px; text-align: center; z-index: 3; }
#footer a, #footer a:visited { color: #333333; }