/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Main CSS
Author : Nemlah
URL : http://www.fortytwo.gr

Description : This is the main stylesheet

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/****************************************************************
        RESET
****************************************************************/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
}
table {
        border-collapse:collapse;
        border-spacing:0;
}
fieldset,img { 
        border:0;
}
address,caption,cite,code,dfn,em,th,var {
        font-style:normal;
        font-weight:normal;
}
ol,ul {
        list-style:none;
}
caption,th {
        text-align:left;
}
h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
}
q:before,q:after {
        content:'';
}
abbr,acronym { border:0;
}


/****************************************************************
        BASIC
****************************************************************/
/*
Whitish text on top part of background gradient: #7d92a4
Footer text color: #445462
*/
body {
        background-color:#000000;
        background:#000000 url(/images/bg_gradient1.jpg) 0 0 repeat-x;
}
body,input,textarea,select,td,th {
        color:#7d92a4;
        font: 11px Verdana, Helvetica, Arial, sans-serif;
}
a, a:active, a:link {
        text-decoration:underline;
        color:#FFFFFF;
}
a:visited {
	color:#FCFCFC;
}
a:hover {
        text-decoration:none;
}

ul.horizontal_list {list-style-type:none;}
ul.horizontal_list li {display:inline;}
.clear {clear:both;width:100%;}

#content {
        width:960px;
        margin:auto;
        min-height:1060px;
}
/****************************************************************
        Header
****************************************************************/
#header {
        width:100%;
        height:289px;
        background:transparent url(/images/header.jpg) 0 0 no-repeat;
}

#header_blog {
        width:100%;
        height:199px;
        background:transparent url(/images/blog_header.jpg) 0 0 no-repeat;
}

#header_blog h4
{
  float:right;
  margin-top:30px;
}

#header_blog h4 a
{
  font-size:14px;
  color:#637a8d;
}

#header_blog h4 img
{
  vertical-align:middle;
}

img#logo
{
  float:left;
}

div#top_nav
{
  float:right;
  margin-top:40px;
  padding-bottom:30px;
/*  border-bottom:1px solid #244564; */
}

div#top_nav ul.horizontal_list li
{
  height:63px;
  padding-left:53px;
  float:left;
  width:109px;
  font-family:Arial,Verdana,Helvetica,sans-serif;
}

div#top_nav ul.horizontal_list li span
{
  font-size:14px;
  color:#ffffff;
  margin-top:10px;
  margin-bottom:3px;
  font-weight:bold;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  display:block;
}

div#top_nav ul.horizontal_list li span a
{
  text-decoration:none;
}



div#top_nav ul.horizontal_list li#about
{
  background:transparent url(/images/about.jpg) 0 0 no-repeat;
}

div#top_nav ul.horizontal_list li#blog
{
  background:transparent url(/images/blog.jpg) 0 0 no-repeat;
}

div#top_nav ul.horizontal_list li#projects
{
  background:transparent url(/images/projects.jpg) 0 0 no-repeat;
}

div#mission {
  float:right;
  margin-top:10px;
  width:470px;
  font-size:12px;
}

div#mission h1 {
  font-size:22px;
  color:#ffffff;
  margin-bottom:8px;
  font-weight:normal;
}

div#mission h1 img {
  vertical-align:middle;
}
/****************************************************************
        Main
****************************************************************/
#main div#left_column
{
  float:left;
  background-color:#000;
  width:520px;
  padding:25px 40px;
}

#main div#right_column
{
  float:right;
  background-color:#000;
  width:260px;
  padding:25px 40px;
  position:relative;
}

#main div#full_column
{
  background-color:#000;
  width:880px;
  padding:30px 40px;
}

div#blog_right_column h5,
div#right_column h5
{
  color:#fff;
  font-size:22px;
  height:32px;
}

div#left_column h5.section
{
  float:left;
  color:#fff;
  font-size:22px;
  height:32px;
}

div#left_column img#rss
{
  float:right;
}

#billy_face
{
position:absolute;
top:0px;
left:340px;
}

#geo_face
{
position:absolute;
top:110px;
left:340px;
}

/**** post preview on home *******/
.ppost {
  clear:both;
  margin-bottom:30px;
  position:relative;
}

div.ppost div.ppost_date
{
  background: transparent url(/images/post_date.gif) 0 10px no-repeat;
  height:39px;
  width:39px;
  color:white;
  padding-top:10px;
  float:none;
  position:absolute;
  top:10px;
  left:-55px;
}

div.ppost div.ppost_date div.ppost_day
{
  font-size:20px;
  text-align:center;
  margin-right:7px;
  font-family:Arial,Verdana,Helvetica,sans-serif;
}

div.ppost div.ppost_date div.ppost_month
{
  text-align:center;
  margin-right:7px;
  font-family:Arial,Verdana,Helvetica,sans-serif;
}

div#left_column div.ppost div.ppost_text,
div.pproject div.project_text
{
  padding:10px;
  background:transparent url(/images/top_blog_gradient.jpg) 0 0 repeat-x;
  color:#819eb6;
}

div#left_column div.ppost div.ppost_text
{
  width:500px;
}

div.pproject div.project_text
{
  width:240px;
  margin-bottom:30px;
}

div.pproject h3
{
  font-family:Arial, sans-serif;
  font-size:20px;
  color:#bbbb77;
  font-weight:bold;
}

div.ppost div.post_text h1,
div.ppost div.post_text h1 a
{
  color:#52a2e2;
  text-decoration:none;
  font-size:28px;
  font-weight:bold;
  margin-bottom:12px;
  line-height:24px;
}


div#main div#blog_left_column div.ppost div.ppost_text h2 a,
div#main div#left_column div.ppost div.ppost_text h2 a
{
  color:#52a2e2;
  text-decoration:none;
  font-size:22px;
  font-weight:bold;
  margin-bottom:12px;
}

div.ppost div.ppost_text p,
div.pproject div.project_text p
{
  margin:10px 0px 15px 0px;
  color:#E6EEFF;
}

div.ppost div.ppost_text ul
{
  color:#E6EEFF;
}

div.ppost div.ppost_text a,
div.pproject div.project_text a
{
  color:#74CCFB;
}

div.ppost div.ppost_text a:visited,
div.pproject div.project_text a:visited
{
  color:#BBBBBB;
}

div.pproject div.project_text img
{
  padding:3px;
  border:1px solid #324250;
  margin-bottom:3px;
}

div.pproject div.project_text a
{
  color:#4889bd;
  text-decoration:underline;
}

span.pposted_by,
span.pcomments,
span.ptags
{
  background: #14171a url(/images/posted_by.jpg) 0 0 no-repeat;
  border:1px solid #212324;
  padding:4px 5px 4px 25px;
  font-size:10px;
}

span.pcomments
{
  background: #14171a url(/images/comments.jpg) 0 0 no-repeat;
}

span.ptags
{
  margin-left:5px;
  background: #14171a url(/images/tag_blue.png) 5px 4px no-repeat;

}

div#doghouse_comments {

}

div#doghouse_comments ol li
{
 padding:10px;
}

div#doghouse_comments ol li h2
{
  font-size:18px;
  color:white;
  margin-bottom:5px;
}

div#doghouse_comments ol li p
{
  font-size:12px;
  color:white;
}


/******** About **************/
.about
{
     clear:both;
     background:transparent url(/images/top_blog_gradient.jpg) 0 0 repeat-x;
     margin-bottom:20px;
}

.about img
{
    margin:20px;
    float:left;
}

.about h3
{
    font-size:18px;
    color:#fff;
    margin:20px 0px 0px 20px;
    float:left;
    font-family:Arial,Verdana,Helvetica,sans-serif;
}

.about p
{
    float:left;
    width:500px;
    margin:20px;
    color:#E6EEFF;
}

#full_column h2.about_title
{
  color:#fff;
  font-size:22px;
  height:32px;
}

/****************************************
 * Blog
 * *************************************/
#main div#blog_left_column
{
  float:left;
  width:580px;
}

#main div#blog_left_column a
{
  text-decoration:underline;
/*  color:#4889bd; */
  color:#74CCFB
} 

#main div#blog_left_column a:visited
{
/*  color:#576875; */
  color:#bbb;
}

#main div#blog_right_column
{
  float:right;
  width:260px;
  padding-left:20px;
  border-left:1px solid #365b81;
  color:#365b81;
  font-family: Arial, sans-serif;
}

#main div#blog_right_column h6
{
  background-color:#365b81;
  border-bottom:2px solid #4778a9;
  padding:5px 10px;
  color:white;
  font-weight:bold;
  margin:10px 0px;
}

#main div#blog_right_column ul li
{
  padding:5px;
  border-bottom: 1px solid #29333a;
}

#main div#blog_right_column ul li:hover
{
  background-color:#111518;
}

#main div#blog_right_column ul li a
{
  color:#4889bd;
  text-decoration:none;
}

/* Table of contents */
#toc
{
  float:right;
  margin:4px 4px 4px 15px;
  border:1px dashed #29333a;
  width:185px;
  padding:3px 8px 3px 8px;
}

#toc h6
{
  color:#a6b4bf;
  font-size:12px;
  font-weight:bold;
  background:transparent url("/images/blog_toc_icon.jpg") 0 0 no-repeat;
  border-bottom:2px #29333a solid;
  padding:1px 5px 4px 18px;
}

#toc ul
{
  margin-left:5px;
}

#toc ul li
{
  list-style-type:none;
  font-size:11px;
  line-height:1.5em;
  padding:2px 0;
  border-bottom:1px #29333a solid;
}

#toc ul li.last
{
  border-bottom:0;
}

#main div#toc ul li a
{
  text-decoration:none;
  display:block;
  width:100%;
}

#main div#toc ul li a:hover
{
  background-color:#111518;
}

#main div#toc ul li.toc_2
{
  font-weight:bold;
}

#main div#toc ul li.toc_3
{
  padding-left:6px;
}

#main div#toc ul li.toc_4
{
  padding-left:10px;
}


/********* Post Details *****************/
#post_body
{
  margin-top:20px;
}

p.alert,p.idea,p.note
{
  background-color:#0e1821;
  padding:5px 5px 5px 40px;
  border:1px solid #384650;
  margin:5px 0px;
  min-height:40px;
}

p.alert
{
 background:#0e1821 url(/images/blog_important.jpg) 0 0 no-repeat;
 color:#DCF6FF;
}

p.idea
{
 background:#0e1821 url(/images/blog_idea.jpg) 0 0 no-repeat;
}

p.note
{
 background:#0e1821 url(/images/blog_note.jpg) 0 0 no-repeat;
}

pre.ruby
{
  display:block;
  background-color:#dfdfdf;
  color:#454545;
  padding:5px 5px 5px 5px;
  border:1px solid #384650;
  margin:5px 0px;
  min-height:40px;
  overflow:auto;
}

.post_text
{
  line-height:1.2em;
  font-size:13px;
}

.post_text p
{
 /* color:#8397a7; */
  color:#efEfFF;
  margin:20px 0px;
  line-height:1.6em;
}

.post_text ul
{
  margin-left:30px;
  list-style-position: outside;
  list-style-type: square; 
  line-height:1.4em;
  color:#e6EeFF;
  margin-bottom:20px;
}

/* post styling */
div.post_text h2
{
  color:#fff;
  font-size:24px;
  margin:15px 3px 10px 0;
  padding-bottom:4px;
}

div.post_text h3
{
  color:#fff;
  font-size:18px;
  margin:30px 0px 0px 0px;
}

div.post_text h4
{
  color:#fff;
  font-size:16px;
  font-weight:bold;
  font-style:italic;
}

/*********** Comments ****************/
div#comments
{
  margin-top:30px;
  font-size:12px;
  font-family:arial, sans-serif;
  color:#8397a7;
}

div#comments h5, 
div#new_comment_form h5
{
  font-size:20px;
  font-family:Arial, sans-serif;
  font-weight:bold;
  color:#52A2E2;
  margin:10px 0;
}

div#comments div.user_comment h4
{
  margin:10px 0px;
  font-weight:bold;
  color:#fff;
}

div#comments div.user_comment h4 img
{
  vertical-align:middle;
}

div#comments div.user_comment div.comment_text
{
  margin:10px 0px;
  border:1px solid #586d7b;
/*  -moz-border-radius:7px; */
  padding:10px 15px;
  line-height:1.3em;
  color:#e6eeff;
  font-size:14px;
}

div#comments div.admin div.comment_text
{
  background-color:#111518;
  border:2px solid #586d7b;
}

/********** Comment Form *********************/
#new_comment_form label
{
  display:block;
  margin:5px 0;
  color:#e6eeff;
  margin-top:15px;
}

#new_comment_form input, 
#new_comment_form textarea
{
  background-color:#000;
  border:1px solid #394751;
  margin:5px 0;
  padding:3px;
/*  -moz-border-radius:7px; */
  display:block;
  color:#e6eeff;
  font-size:16px;
}

#new_comment_form textarea
{
  width:100%;
  height:200px;
}

#new_comment_form input.submit
{
  border:0;
}

#new_comment_form input.hidden
{
  display:none;
}

#new_comment_form p.fields
{
  display:none;
}

#comment-error
{
  padding:5px 5px 5px 40px;
  border:1px solid #384650;
  margin:5px 0px;
  min-height:40px;
 background:#0e1821 url(/images/blog_important.jpg) 0 0 no-repeat;
 color:#DCF6FF;
 }

 #comment-error ul
 {
   margin-left:10px;
   margin-top:10px;
 }

 #comment-error ul li
 {
    padding:3px 0 1px 2px;
    list-style-type:circle;
 }


/*********** Projects *********************/
h1.accordion_toggle
{
        background:transparent url(/images/active_project.jpg) 0 0 no-repeat;
        height:26px;
        padding:5px 20px; 
        color:#fff;
        font-size:20px;
        font-weight:bold;
        font-family:Arial, sans-serif;
        cursor:pointer;
        width:831px;
}

h1.accordion_toggle span
{
        font-weight:normal;
        font-size:16px;
}

h1.accordion_toggle img
{
        vertical-align:middle;
        margin:0px 10px 4px 10px;
}

div.accordion_content
{
       padding:20px;
       overflow:hidden; 
        width:830px;
}

div.accordion_content a img
{
        padding:5px;
        border:1px solid #31404e;
        float:left;
        margin: 0px 10px 10px 0px;
}

div.accordion_content div.project_description
{
        line-height:1.4em;
        font-size:12px;
        color:#e6eeff;
}

div.accordion_content div.project_description a,
div.accordion_content div.project_description ul.techs li a,
div#weuse ul.weuse li a
{
        font-size:12px;
        color:#74CCFB;
}

div.accordion_content div.project_description a:visited,
div.accordion_content div.project_description ul.techs li a:visited,
div#weuse ul.weuse li a:visited
{
  color:#BBBBBB;
}


div.accordion_content div.project_description h3,
div#weuse h3
{
        font-size:14px;
        color:#fff;
        margin:8px 0px;
}

div.accordion_content div.project_description h3.tech_header,
div#weuse h3
{
        padding-top:10px;
        font-weight:bold;
}

div.accordion_content div.project_description ul.techs li
{
        background:transparent url(/images/check.jpg) 0 0 no-repeat;
        float:left;
        width:40%; 
        padding-left:25px;
        margin:10px 20px 0px 0px;
        font-size:14px;
        color:#e6eeff;
}

div#weuse ul.weuse li
{
        background:transparent url(/images/check.jpg) 0 0 no-repeat;
        padding-left:25px;
        margin:10px 20px 0px 20px;
        font-size:14px;
        color:#e6eeff;
}

div#weuse h2
{
  margin-top:20px;
}

/*****************************************
 * Footer
 * ***************************************/
#footer
{
  width:100%;
  clear:both;
  margin-top:30px;
  background:transparent url(/images/footer_gradient.jpg) 0 0 repeat-x;
  color:#445462;
}

#footer_left
{
  margin-top:15px;
  float:left;
}

#footer_left img
{
    float:left;
}

#footer_left h5
{
    float:left;
  padding:3px 5px;
}

#footer_right
{
  margin-top:15px;
  float:right;
}

#footer_right a
{   
    color:#445462;
    text-decoration:none;
}

/*******************
 * Doghouse
 ******************/

#doghouse form
{
  color:#222;
}

#doghouse form textarea.text_area
{
  width:100%;
  height:600px;
  color:#222;
  margin:5px 0px;
  border:1px solid #000;
  padding:5px;
  font-size:13px;
}

#doghouse input
{
  margin:5px 0px;
}

#doghouse input.text_field
{
  font-size:15px;
}

#doghouse textarea.summary_area
{
  border: 1px solid #000;
  width:100%;
  color:#111111;

}

#doghouse form label
{
  color:white;
  font-weight:bold;
}

#doghouse_navi
{
  margin-top:20px;
  float:right;
}

#doghouse_navi a
{
  font-size:20px;
}

.simple_table
{
  width:100%;
}

.simple_table tr th
{
  font-size:14px;
  font-weight:bold;
  color:white;
}

.simple_table tr td
{
  padding:5px;
}