/*
Copyright (c) 2008,Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt
version:2.6.0
*/
html{color:#000;background:white;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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,strong,th,var{font-style:normal;font-weight:normal;}
li{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;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}
table{width:100%; margin:20px auto;}
td,th{font-size:116%;padding:3px;}
th{font-weight:bold;}
/* Nasty clearfix hacks */
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/ 
.clearfix{display:block;}
/* End hide from IE Mac */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/** **/
html{
  background:#EBE8D8;
}
*{
  text-align:left;
  font-family:helvetica;
  color:black;  
}

h1{font-size:167%;}
h2{font-size:146.5%;}
h3,h4{font-size:123.1%;}
h1,h2{color:#7CAAD0;}
h3,h4{color:#7CAAD0;}
strong,b,h3{font-weight:bold;}
h1,h2,h5{margin-bottom:12px;}
h3,h4{margin-bottom:4px;}

pre, .example{
  margin:12px 0;
  background:#EEE;
  padding:8px;
}
.example{background:#EBE8D8;}
.example .hidden{display:none;}
p{
  font-size:108%;
  line-height:1.5em;
  margin-bottom:10px;
}
  #content p.read_more{float:left;font-size:93%;line-height:1em;}

a{text-decoration:none;}
  #content a{color:#9C7B77;}
  #content h3 a, #content h2 a{color:#7CAAD0;}
li{position:relative;}

ul.inline li, ol.inline li{float:left;}
#content li{
  font-size:108%;
  margin-bottom:8px;
}
  #content ul li{
    list-style-type:disc;
    margin-left:15px;
  }
  #content ol li{
    list-style-type:decimal;
    margin-left:25px;
  }
  #content .file_list ul li{
    list-style-type:none;
    margin-left:0;
    margin-right:1em;
  }
  .file_list{margin-bottom:10px;}

.full{
  width:80%;
  margin:0 auto;
}
.curvy{
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.box_shadow{
  -webkit-box-shadow:1px 1px 6px #251E0D;
  -moz-box-shadow:1px 1px 6px #251E0D;
}


/*navigation*/
#header{
  padding:10px 10%;
  background:#392927;
  border-bottom:6px solid #7CAAD0;
}
  #header samp{
    display:block;
    float:left;
    font-size:116%;   
  }
    #header samp a{
      background:#EBE8D8;
      color:#392927;           
    }
ul.navigation{float:right;}
  ul.navigation li{
    float:right;
    margin-left:10px;
  }
    ul.navigation li.rss a{
      padding-right:26px;
      background:#4c3f32 url('/images/rss-normal.gif') no-repeat 38px center;
    }
      ul.navigation li.rss a:hover{background:#7CAAD0 url('/images/rss-hover.gif') no-repeat 38px center;}
  a.category{
    display:block;
    padding:6px;
    background:#4c3f32;
    color:white;
    letter-spacing:0.5px;    
  }
    ul.navigation a.category:hover{background:#7CAAD0;}
    ul.navigation li#active a.category{background:#2E3884;}
    
      #content .read_more a.category,#content .file_list a.category{
        background:#EBE8D8;
        padding:4px;
        font-weight:bold;
      }
 
/*content area*/
#content{
  width:70%;
  padding:20px 5%;
  background:white;
  margin-bottom:10px;
  -moz-box-shadow:0 8px 20px #392927;
  -webkit-box-shadow:0 8px 20px #392927;
}
  .introduction{
    background:#EBE8D8;
    padding:8px;
  }
  .post, .introduction{margin-bottom:12px;}
  
div.post{border-bottom:1px solid #392927;}  
  div.web{}
  div.work{}
  div.jquery{}
  div.general{}
  div.rant{}
  div.motorsport{}  

  .post img, p img{
    float:right;
    margin:0 0 8px 8px;
  }
  .summary h5.date, .summary h6, a.tag{
    padding:4px;
    float:left;
    background:#EBE8D8;
    text-align:center;
    margin-right:8px;
    font-size:85%;
    line-height:1em;
  }
  
  .details{
    padding:5px 0;
    float:right;
    width:250px;
  }
  .details h5.date, .details h6, .details a.tag{margin-bottom:0;float:right;}
  
#footer{
  padding:20px 0;
  display:table;
}  
  #footer a{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
  }
  
/** JQUERY explanding grid **/
#example_container {
  height: 400px;
  margin: 20px auto;
  background: #EBE8D8;
}
.jqitem {
  border: 1px solid black;
  height: 100px;
  width: 100px;
  background: white;
}
.ui-widget-overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: #666666;
  opacity: 0.5;
}

/** FORMS **/
.inlineform, .example{
  padding:1.5%;
  background:#EBE8D8;
  margin:10px 0;
}
  .inlineform input.text_field, .inlineform select{
    padding:4px 5px;
    font-size:108%;
    width:73%;
    margin-left:1%;
    margin-bottom:8px;
    float:left;
    display:block;
  }
 
  .inlineform label{
    width:20%;
    font-size:108%;
    font-weight:bold;
    clear:both;
    margin-bottom:8px;
    float:left;
    display:block;
  }


/** related pages **/
.related_posts{
  margin:10px 0 0 0;
  padding:8px 0;
  border-top:1px solid #392927;
}
  #content .related_posts ul.third{
    float:left;
    width:30%;
    padding-right:2%;
  }
  #content .related_posts ul.first{
    float:right;
    padding:0;
  }
    #content .related_posts ul li{
      font-size:95%;
      margin-left:0;
      list-style-type:none;
    }
    
/**comments**/
#disqus_thread{
  margin:10px 0 0 0;
  padding:8px 0;
  border-top:1px solid #392927;  
}