/*
Theme Name: J
Theme URI: http://jpiche.com/j/
Description: clean accessable theme originally for a programming blog
Author: Joseph Piché
Author URI: http://jpiche.com/
Version: 1.0

Yay, the J theme!

*/
html, body, div, form, img, table, fieldset {border:0;margin:0;padding:0;}
body{font-family:"Liberation Sans","Bitstream Vera Sans",Arial,sans-serif;line-height:1.3em;text-align:center;color:#000;background:#fff;font-size:15px;}
.body{text-align:left;margin:0 auto;width:auto !important;width:820px;max-width:820px;}
a{color:#005da3;text-decoration:none;}
a:hover{color:#bc0e10;background:#F7F6D2;}
blockquote{background:#F7F6D2;font-size:90%;margin:10px 0;padding:10px 20px;}
pre.code{background:#FDF9EA;margin:10px 0;border:1px solid #E2E1D5;padding:5px 10px;font-size:90%;}
code{background:#eaeaea;padding:1px 2px;color:#000;}
.clear{clear:both;}

textarea#comment{width:615px;}

#o_nav{background:#fff url("i/bg_01.png") scroll repeat-x bottom left;border-bottom:1px solid #ccc;}
#o_nav #menu{list-style:none;padding:0;display:inline;}
#o_nav #menu li{list-style:none;display:inline;margin:0;padding:0;}
#o_nav #menu li a{display:inline-block;padding:9px 5px 4px 5px;margin:0 6px 0 0;text-shadow:#ccc 1px 1px 1px;font-size:110%;}
#o_nav form#searchform{float:right;margin-top:5px;}
#o_nav form#searchform label.screen-reader-text{display:none;}
#o_nav form#searchform input#s{border:1px solid #ccc;padding:2px;}

#banner{background-color:#f0f0f0;}
#banner .body{padding:4px;}
#banner h1{font-size:28px;line-height:32px;color:#666;font-weight:normal;padding:5px 0;margin:0;}
#banner h1 a{font-weight:bold;text-decoration:none;color:#000;text-shadow:#ccc 1px 1px 1px;}
#banner h1 a:hover{color:#000;}

#c{clear:both;float:left;width:auto;max-width:615px;}
#c .message {padding:5px;background:#ffe378;}

.post,.page{margin-top:10px;}
.post h2,.page h2{font-size:24px;font-weight:normal;line-height:30px;margin:0;padding:0;text-shadow:#ccc 1px 1px 1px;}
.post .date,.page .date{color:#333;font-size:85%;padding:3px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.post .date .bar,.page .date .bar{color:#ddd;display:inline-block;padding:0 2px;}
.post .date .comm{}
.post p,.page p{padding:0;margin:1em 0;text-align:justify;}
.post .meta{font-size:90%;}
.post .entry{clear:both;}

#side{width:180px;margin:0;padding:0;margin-left:auto !important;margin-left:630px;list-style:none;font-size:94%;}
#side li{margin:10px 0 5px;padding:0;}
#side li.first{margin-top:5px;}
#side li p{margin:0;padding:5px 0;}
#side li h2{margin:0;padding:5px 0 2px 0;border-bottom:1px solid #ddd;color:#333;font-weight:normal;font-variant:small-caps;font-size: 1.17em;}
#side li ul{margin:0;padding:0;list-style:none;}
#side li ul li{margin:0;padding:0;border-bottom:1px solid #ddd;}

.body.foot{border-top:1px solid #ddd;margin-top:10px;padding:7px;}