/*
Theme Name: Thao (The color Grey)
Theme URI: http://daniel.boschbach.com
Description: I have know idea for a description.
Version: 1.0
Author: Daniel Boschbach
Author URI: http://daniel.boschbach.com
Tags: grey, fixed width, two columns

*/

body {background:white; color:black}
h1,h2,h3,h4,h5,h6 {font-size:1em}
html,body,h1,h2,h3,h4,h5,h6,form,input,fieldset,p,blockquote,pre,ul,ol,li,dt,dd {margin:0; padding:0}
img {border:0; background:transparent}
a {color:#00f; text-decoration:none}
ul,ol {list-style:none}
acronym, abbr, dfn {border-bottom:1px dotted black}
code, kbd, var, samp, pre {font-family:Courier, monospace}

body {font:62.5%/1.4 "Trebuchet MS", Helvetica, sans-serif; letter-spacing:0.05em; word-spacing:0.1em; background:#333 url(images/bg.png) repeat-x; color:#ddd; position:relative; margin:0 auto; width:904px; text-align:center}
hr {display:none}
a {color:#ddd; font-weight:bold; outline:none}
a:hover{color:#f90}

#page {text-align:left}

#header {position:relative; height:111px; width:904px; margin:0 auto; display:block; background:url(images/sprites.png) no-repeat top center}

#header h1 a {display:block; width:105px; height:70px; position:absolute; top:20px; left:20px; margin:0; padding:0; text-indent:-9999px}
#header h1 a:hover {background:url(images/sprites.png) no-repeat -27px -157px}

#nav {width:600px}
#nav a {position:absolute; top:59px; height:43px; display:block; text-indent:-9999px}
#nav a:hover {background:url(images/sprites.png) no-repeat}
#nav .page-item-1 a {width:170px; left:130px}
#nav .page-item-1 a:hover {background-position:-135px -196px}
#nav .page-item-5 a {width:112px; left:300px}
#nav .page-item-5 a:hover {background-position:-305px -196px}
#nav .page-item-457 a {width:115px; left:413px}
#nav .page-item-457 a:hover {background-position:-418px -196px}
#nav .page-item-2 a {width:88px; left:527px}
#nav .page-item-2 a:hover {background-position:-532px -196px}
#nav .page-item-32 a {width:115px; left:615px}
#nav .page-item-32 a:hover {background-position:-620px -196px}

.home #nav .page-item-1 a {background:url(images/sprites.png) no-repeat -135px -196px}
.page-id-5 #nav .page-item-5 a {background:url(images/sprites.png) no-repeat -305px -196px}
.page-id-457 #nav .page-item-457 a, .parent-pageid-457  ul#nav li.page-item-457 a {background:url(images/sprites.png) no-repeat -418px -196px}
.page-id-2 #nav .page-item-2 a {background:url(images/sprites.png) no-repeat -532px -196px}
.page-id-32 #nav .page-item-32 a {background:url(images/sprites.png) no-repeat -620px -196px}


#searchform {width:137px; height:37px; position:absolute; top:70px; left:748px}
#s {border:none; background:none; display:block; float:left; font-family:"Trebuchet MS", Helvetica, sans-serif; width:100px}
#searchsubmit {background:none; text-indent:-9999px; border:none; display:block; width:34px; height:22px; font-size:0.1px}

.screen-reader-text {position:absolute; left:-1000em}

#content {}
#content h2 {font-size:3em; padding:0 1em; text-align:center}
#content h3 {font-size:2.5em; padding:0 3em}
#content h4 {font-size:2em; padding:0 3em}
#content h5 {font-size:1.6em; padding:0 3em}
#content p {font-size:1.4em; padding:0 3em; margin:1em 0}
#content ul {list-style:square url(images/bullet.png); margin:0 6em; font-size:1.4em}
#content ul ul {font-size:1em; margin:0 2em}
#content li {}

#content .navigation a {text-indent:-9999px; display:block; width:64px; height:64px; position:absolute; top:160px; background:url(images/nav.png) no-repeat}
#content .alignleft a {left:0; background-position:0 0}
#content .alignleft a:hover {background-position:0 -72px}
#content .alignright a {right:0; background-position:-66px 0}
#content .alignright a:hover {background-position:-66px -72px}

#content .entry {margin:0 0 2em 0}
#content .pictureshome {}
#content .pictureshome  img, #content .picturescontent  img {border:.2em solid #222; margin:0 auto; display:block}
#content .postmetadata {padding:.3em 0 2.5em 0; text-align:center; font-size:1.4em; background:url(images/sprites.png) no-repeat -5px -326px}

.gallery {}
.gallery a {border:.2em solid #222; display:block; float:left}
.gallery a:hover {border:.2em solid #f90}
.gallery .navigation a {border:none}
.cloud {clear:both; margin:3em 0; text-align:center}
.archives {display:block; width:49%; float:left; margin-bottom:2em}
#content .archives h3 {text-align:left; padding:0 1em}
.month {}
.cat {}

#footer {position:absolute; bottom:15px; left:375px; clear:both}
#footer address{font-size:1.2em; font-style:normal}
.page #footer, .archive #footer, .search #footer {width:200px; margin:0 auto; position:static}
.page #footer address, .archive #footer address, .search #footer address {padding:.4em 0 1em 0; background:url(images/sprites.png) no-repeat -580px -254px; text-align:center}

.tcf_input {display:none !important; visibility:hidden !important}
.contactform {margin:2em auto; width:455px; height:270px;background:url(images/sprites.png) 87px -396px; position:relative}
.contactform  label {margin-right:10px; width:100px; text-align:right; float:left; font-size:1.4em}
#tcf_name, #tcf_sender {margin-bottom:.3em}
#tcf_emailaddress, #tcf_email {margin-bottom:.4em}
#tcf_title, #tcf_subject {margin-bottom:.4em}
#tcf_message, #tcf_msg {margin-bottom:.3em}
#tcf_sender, #tcf_email, #tcf_subject, #tcf_msg {width:330px; height:30px; background:none; border:none; font:1.4em "Trebuchet MS", Helvetica, sans-serif}
#tcf_msg {height:113px}
#contactsubmit {position:absolute; bottom:8px; left:103px; border:none; background:none; text-indent:-9999px; font-size:0.1px; display:block; height:26px; width:75px}
#contactsubmit:active {background:url(images/sprites.png) -15px -673px}


/** Dave's WordPress Live Search CSS **/
.search_results
{
display: block;
background-color:#fff;
width:250px;
max-height: 500px;
position:absolute;
top:20px;
left:0px;
overflow:auto;	

list-style-type: none;
list-style-image: none;
list-style-position: inside;

padding: 0px;
margin: 0px;

-moz-box-shadow: 5px 5px 3px #222;
-webkit-box-shadow: 5px 5px 3px #222;
box-shadow: 5px 5px 3px #222;
}

.search_results li
{
display: block;
padding: 5px 10px 5px 10px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #eee;
border-bottom: 1px solid #aaa;
text-align: left;	

color: #000;
background-color: #ddd;
text-decoration: none;

}

.search_results li:hover
{
background-color: #fff;	
}

.search_results li a, .search_results li a:visited
{
display: block;
color: #000;
margin-left: 0px;
padding-left: 0px;
text-decoration: none;
font-weight: bold;
}

.search_results #daves-wordpress-live-search_author
{
margin: 0px;
font-size: 90%;
font-weight: bold;
}

.search_results #daves-wordpress-live-search_date
{
margin: 0px;
font-size: 90%;
}

/* BEGIN post thumbnails */
.search_results .post_with_thumb a {
width:150px;
float:left;
margin-bottom: 5px;
}

.search_results .post_with_thumb .post_thumb
{
float: left;
margin: 3px 10px 10px 0px;
height: 48px;
width: 48px;
border: 1px solid #888;
}
/* END post thumbnails */

/* BEGIN post excerpt */
.search_results .excerpt, .search_results .meta
{
font-size: 75%;
width: 100%;
}
/* END post excerpt */

.search_results .clearfix
{
float: none !important;
clear: both !important;
}