* { margin: 0; padding: 0; }
html { font: 62.5%/1.4em Arial, Verdana, Helvetica, sans-serif; /*background: #111 url(cssimg/foot.gif) no-repeat 0 100%;*/ height: 100%; }
body { color: #adadad; background: #111; height: 100%; }
p, #work_content { font-size: 1em; margin-bottom: 1em; }
p.root_link { margin-bottom: 0; }
.last { margin-bottom: 50px !important; }
a         { color: #adadad; text-decoration: none; outline: none; }
a:hover   { color: #666; }
img { border: 0; }

h1 { font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 2.2em; font-weight: normal; line-height: 1.4em;} 
h2 { font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 2.2em; font-weight: normal; line-height: 1.4em;}
h3 { font-weight: normal; }
.date, .read_all { color: #0EFF02; }

p.read_all { margin-bottom: 0; }
p.read_all a { color: #0eff02; margin-top: 10px; display: block; }
p.read_all a:hover { color: #0eff02; }
p.read_all a:hover span { color: #adadad; }

/*.post_end { background: #0eff02; width: 2px; height: 2px; float: left; }*/

.content_wide   { background: #0B0B0B; margin-bottom: 8px; float: left; width: 100%; }
.content        { width: 880px; margin-left: 50px; float: left; padding: 20px 0; display: inline; }
.content_footer { width: 880px; margin-left: 50px; float: left; padding: 10px 0; display: inline; }
.content.paginator { padding: 5px 0; }

ul#latest_posts { list-style: none; margin-left: 200px; }
ul#latest_posts li { margin-bottom: 1em; }
ul#latest_posts li .date { display: block; }
ul#latest_posts li strong { font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 2.2em; font-weight: normal; line-height: 1.4em; display: block;  }

#comments { margin-left: 200px; }
#comments dl { width: 450px; }
#comments dt { color: #fff; margin-bottom: 5px;}
#comments dd { color: #999; margin-bottom: 15px;}

#comments dt.who_s_your_daddy,
#comments dd.who_s_your_daddy { color: #fff; }

#comments_heading { background: url(cssimg/comments.gif) no-repeat top left; width: 98px; height: 14px; text-indent: -9999px; overflow: hidden; margin-bottom: 10px; position: relative; left: -11px; }
#comment_heading { background: url(cssimg/comment.gif) no-repeat top left; width: 89px; height: 14px; text-indent: -9999px; overflow: hidden; margin-bottom: 10px; position: relative; left: -11px; }
.link_delete { color: #f00; }


div.errors { color: #0EFF02; margin: 10px 0; border: 1px solid #0eff02; padding: 10px; }
div.errors ul { list-style: none; }

#header { height: 128px; position: relative; padding: 0; }
p#optk { background: url(cssimg/optk.gif) no-repeat; width: 100px; height: 25px; text-indent: -9999px; overflow: hidden; position: absolute; left: 200px; top: 78px; }
p#avalible { background: url(cssimg/afw.gif) no-repeat; height: 79px; width: 79px; text-indent: -9999px; overflow: hidden; position: absolute; right: 83px; top: 22px; }
#header h1 { background: url(cssimg/thedutchess.gif) no-repeat; height: 29px; width: 112px; text-indent: -9999px; overflow: hidden; position: absolute; left: 0; top: 67px; }
#about_col_links , .side_col   { width: 170px; margin-right: 30px; float: left; display: inline; }
#studios_col { width: 100px; margin-right: 30px; float: left; display: inline; }
#clients_col { width: 390px; float: left; display: inline; }
#logos_col   { width: 80px; float: left; display: inline; }
#work_col, .main_col    { width: 600px; float: left; display: inline; }
.main_col.work_images { margin-left: 200px; }
.main_col.work_images img, .main_col.work_images object { margin-bottom: 1em; }

#links_col { width: 450px; margin-left: 0px; float: left; display: inline; min-height: 380px; }

#blog_col, .blog_col { width: 450px; margin-left: 200px; float: left; display: inline; }
#blog_sidebar { width: 100px; margin-left: 70px; float: left; display: inline; }
#blog_sidebar ul { margin-bottom: 1em; list-style: none; }
#blog_sidebar h3 { font-size: 1em; color: #fff; margin-bottom: .4em; }

#blog_content   {font-size: 1.1em; line-height: 1.3em}
#blog_content a { color: #fff; text-decoration: none;}
#blog_content a:hover { color: #0EFF02; text-decoration: none;}

#blog_col h1, .blog_col h1,
#links_col h2,
#blog_sidebar h2 { margin-bottom: 50px; }


#about_col_links { margin-top: 77px; color: #666; }
#contact a {  margin-top:50px; background: url(cssimg/contact_me.gif) no-repeat; text-indent: -9999px; overflow: hidden; margin-left: -11px; display: block;}
#launch_project { clear: both; }
#launch_project a { background: url(cssimg/launch_project.gif) no-repeat; text-indent: -9999px; overflow: hidden; margin-left: -11px; height: 21px; display: block; }

#about_col ul,
#links_col ul,
#logos_col ul,
#studios_col ul { list-style-type: none; }
#studios_col a  { color: #adadad; text-decoration: none; outline: none; }
#studios_col a:hover   { color: #666; background: url(cssimg/omglol.gif) no-repeat 0 .5em; margin-left: -11px; padding-left: 11px; text-decoration: none; outline: none; }
#studios_col a:visited { color: #666; text-decoration: none; outline: none; }
#studios_col a:focus   { color: #adadad; text-decoration: none; outline: none; }
#studios_col a:active  { color: #adadad; text-decoration: none; outline: none; }
#links_col ul               { width: 150px; float: left; }
#about_col ul, #about_col p#last_update, p#images_count { color: #666; margin: 14px 0; }

#menu       { list-style-type: none; position: absolute; left: 330px; top: 74px; }
#menu li    { float: left; }
#menu li a  { display: block; height: 18px; background: url(cssimg/menu.gif) no-repeat; text-indent: -9999px; overflow: hidden; }

#menu #screen a                 { background-position: 0 0; width: 47px; }
#menu #screen a:hover           { background-position: 0 -18px; }
#menu #screen.active a          { background-position: 0 -36px; width: 48px; }
#menu #screen.active a:hover    { background-position: 0 -54px; }

#menu #print a                  { background-position: -43px 0; width: 38px; }
#menu #print a:hover            { background-position: -43px -18px; }
#menu #print.active a           { background-position: -43px -36px; width: 39px; }
#menu #print.active a:hover     { background-position: -43px -54px; }

#menu #other a                  { background-position: -79px 0; width: 43px; }
#menu #other a:hover            { background-position: -79px -18px; }
#menu #other.active a           { background-position: -79px -36px; width: 44px; }
#menu #other.active a:hover     { background-position: -79px -54px; }

#menu #about a                  { background-position: -118px 0; width: 44px; }
#menu #about a:hover            { background-position: -118px -18px; }
#menu #about.active a           { background-position: -118px -36px; width: 45px; }
#menu #about.active a:hover     { background-position: -118px -54px; }

#menu #blog a                   { background-position: -160px 0; width: 36px; }
#menu #blog a:hover             { background-position: -160px -18px; }
#menu #blog.active a            { background-position: -160px -36px; width: 37px; }
#menu #blog.active a:hover      { background-position: -160px -54px; }

p#rel_link      { width: 50px; float: left; color: #666; }
ul#rel_links    { float: left; width: 110px; display: block; margin-top: 0; }
ul#rel_links li a { color: #666; }
ul#rel_links li a:hover  { color: #adadad; }

fieldset { border: 0; }

/*.input { background: #191919; color: #adadad; border: 0; font-family: Arial, Verdana, sans-serif; font-size: 1em; width: 250; padding: 5px; float: none; clear:none; overflow:hidden;}
.input:hover, .input:focus, .input_hover, .input_focus { background: #fff; color: #0b0b0b; }
.input.text { margin-bottom: 1em; }*/

.input { background: #191919; color: #adadad; border: 0; font-family: Arial, Verdana, sans-serif; font-size: 1em; width: 333px; padding: 4px; float: left; clear: left; overflow:hidden;}
.input:hover, .input:focus, .input_hover, .input_focus { background: #fff; color: #0b0b0b; }
.input.text { margin-bottom: 1em; }

textarea { height: 79px; }
#send_btn { float: left; clear: none; }
fieldset div { float: left; margin-right: 10px; display: inline; }
#captcha_holder { float: left; clear: left; background: #191919; color: #adadad; width: 333px; padding: 0 4px; margin-bottom: 1em; }
#captcha_holder label { padding: 4px 0 4px 0; float: left; }
#captcha_holder #captcha { background: #191919; color: #adadad; padding: 4px; float: left; border: 0; font-family: Arial, Verdana, sans-serif; font-size: 1em; width: 164px; }

#captcha:hover		 { background: #fff; color: #0b0b0b; }
#captcha:focus		 { background: #fff; color: #0b0b0b; }

#comments dl { margin-bottom: 50px; }

blockquote { background: url(cssimg/quote.gif) no-repeat top left; margin-left: -15px; }
blockquote p { margin-left: 15px; }
p#phone_no { background: url(cssimg/phone_no.gif) no-repeat; text-indent: -9999px; overflow: hidden; margin-left: -14px; height: 15px; margin-bottom: 35px; }

p.error { color: #0EFF02; }

.imgb {border: 1px solid #666; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px;}

#wrap { position: relative; min-height: 100%; }
* html #wrap { height: 100%; }

#footer { background: url(cssimg/foot.gif) no-repeat bottom left; /*position: absolute; bottom: 0; left: 0;*/ width: 447px; height: 68px; text-indent: -9999px; overflow: hidden; clear: both; position: relative; margin-top: -28px; }
