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

*/

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/background.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}
pre {margin-left:3em; padding:.1em .4em; font-size:1.4em; background:#444; border:1px solid #555}

#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 -25px -157px}

#nav {width:600px}
#nav a {position:absolute; top:10px; height:101px; display:block; text-indent:-9999px}
#nav a:hover {background:url(images/sprites.png) no-repeat}
/* home */
#nav .page-item-1 a {width:155px; left:147px}
#nav .page-item-1 a:hover {background-position:-152px -147px}
/* archive */
#nav .page-item-5 a {width:102px; left:309px}
#nav .page-item-5 a:hover {background-position:-314px -147px}
/* articles */
#nav .page-item-457 a {width:107px; left:418px}
#nav .page-item-457 a:hover {background-position:-423px -147px}
/* about */
#nav .page-item-2 a {width:81px; left:533px}
#nav .page-item-2 a:hover {background-position:-538px -147px}
/* contact */
#nav .page-item-32 a {width:100px; left:623px}
#nav .page-item-32 a:hover {background-position:-628px -147px}

.home #nav .page-item-1 a, .single #nav .page-item-1 a {background:url(images/sprites.png) no-repeat -152px -147px}
.page-id-5 #nav .page-item-5 a, .archive #nav .page-item-5 a {background:url(images/sprites.png) no-repeat -314px -147px}
.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 -423px -147px}
.page-id-2 #nav .page-item-2 a {background:url(images/sprites.png) no-repeat -538px -147px}
.page-id-32 #nav .page-item-32 a {background:url(images/sprites.png) no-repeat -628px -147px}

#extra1 {position:absolute; top:0px; right:30px}
#extra1 a {display:block; width:125px; height:97px; background:url(images/countries_havebeen.gif) no-repeat}

/*
#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; text-shadow: 2px 2px 2px #000}
#content h3 {font-size:2.5em; padding:0 1em; clear:both; text-shadow: 2px 2px 2px #000}
.archive #content h3 {text-align:center}
#content h4 {font-size:2em; padding:0 2em; clear:both}
#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:1em 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:180px; background:url(images/nav.png) no-repeat}
#content .navigation .nav-previous a {left:0; background-position:0 0}
#content .navigation .nav-previous a:hover {background-position:0 -72px}
#content .navigation .nav-next a {right:0; background-position:-66px 0}
#content .navigation .nav-next a:hover {background-position:-66px -72px}

#content img {}
#content img.alignleft {display:inline; height:auto; width:auto; float:left; margin:.5em; border:.2em solid #222}
#content img.alignright {display:inline; height:auto; width:auto; float:right; margin:.5em; border:.2em solid #222}

#content .entry {margin:0 0 2em 0}
#content .pictureshome {}
#content .pictures img, #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}

#content .firstLetter{display:block; float:left;
  margin-top:-0.205em; /* use -0.205em for two lines *//* use -0.63em for three lines */
  margin-left:-0.26em; /* use -0.56em for three lines */
  margin-right:0.5em; height:2.5em; /* use 4.5em for three lines */
}
#content .firstLetter span{
  font-size:3.33em;   /* use 3.33em for two lines *//* use 5.6em for three lines */
  line-height:1.0em}
#content .firstLetter + span{margin-left:-0.5em;}

.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 {}

/* flags */
#content ul .cat-item-2, #content ul .cat-item-2 ul {list-style:square url(images/us.png)} /* USA */
#content ul .cat-item-3, #content ul .cat-item-3 ul {list-style:square url(images/th.png)} /* Thailand */
#content ul .cat-item-4, #content ul .cat-item-4 ul {list-style:square url(images/de.png)} /* Germany */
#content ul .cat-item-27, #content ul .cat-item-27 ul {list-style:square url(images/mx.png)} /* Mexico */
#content ul .cat-item-43, #content ul .cat-item-43 ul {list-style:square url(images/hr.png)} /* Croatia */
#content ul .cat-item-59, #content ul .cat-item-59 ul {list-style:square url(images/si.png)} /* Slovenia */
#content ul .cat-item-60, #content ul .cat-item-60 ul {list-style:square url(images/it.png)} /* Italy */
#content ul .cat-item-63, #content ul .cat-item-63 ul {list-style:square url(images/ch.png)} /* Switzerland */
#content ul .cat-item-81, #content ul .cat-item-81 ul {list-style:square url(images/fr.png)} /* France */
#content ul .cat-item-1101, #content ul .cat-item-1101 ul {list-style:square url(images/li.png)} /* Lichtenstein */
#content ul .cat-item-1202, #content ul .cat-item-1202 ul {list-style:square url(images/at.png)} /* Austria */
#content ul .cat-item-1203, #content ul .cat-item-1203 ul {list-style:square url(images/be.png)} /* Belgium */
#content ul .cat-item-1201, #content ul .cat-item-1201 ul {list-style:square url(images/nl.png)} /* Netherlands */
#content ul .cat-item-1204, #content ul .cat-item-1204 ul {list-style:square url(images/gr.png)} /* Greece */
#content ul .cat-item-1205, #content ul .cat-item-1205 ul {list-style:square url(images/fi.png)} /* Finnland */
#content ul .cat-item-1293, #content ul .cat-item-1293 ul {list-style:square url(images/bg.png)} /* Bulgaria */
#content ul .cat-item-1383, #content ul .cat-item-1383 ul {list-style:square url(images/se.png)} /* Sweden */


#footer {position:absolute; bottom:15px; left:375px; clear:both}
#footer address{font-size:1.2em; font-style:normal}
.page #footer, .error404 #footer {width:200px; margin:0 auto; position:static}
.page #footer address, .error404 #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 -394px; 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 -671px}

.center {text-align:center; font-weight:normal}

/* Wordpress stats smiley */
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}