*{
margin:0;
padding:0;
}


body{
font-family: Helvetica, Arial, trebuchet ms, sans-serif;
font-size: 76%;
text-align: center;
background-color: #293d00;
}

a{
text-decoration:none;
color:#088;
}

a:visited{
color:#666;
}

a:hover{
color:#f90;
}


h2,h3,h4{
font-family:trebuchet ms, lucida grande, myriad pro, helvetica, sans-serif;
}


blockquote{
clear:both;
padding:2em;
padding-left:60px;
color:#555;
line-height:1.6em;
font-size:110%;
background:#f0f3ed url(./themes/site_themes/juicability/images/blockquote_bg.gif) no-repeat;
}

img, a img{
margin:0.5em 1em 0.5em 0;
padding:6px;
background:#f1f3ed;
border:1px solid #e1e3ed;
}

img.float{
float:left;
margin:0.25em 0.5em 0.25em 0;
z-index:200;
position:relative;
}

/**
 *
 * Basic Layout
 *
 */

#container{
position:relative;
text-align: left;
margin: 0 auto;
width:80%;
max-width:80em;
min-width:760px;
background: #fff url(./themes/site_themes/juicability/images/container_bg.gif) repeat-x;
}

#header{
height:130px;
background:url(./themes/site_themes/juicability/images/header_bg.gif) no-repeat right top;
}

#header h1 {
display:block;
width:300px;
height:120px;
background:url(./themes/site_themes/juicability/images/logo.gif) no-repeat;
}

#header h1 a{
text-indent:-5000px;
display:block;
width:300px;
height:120px;
}


/** Main nav */

#main_nav{
position:absolute;
line-height:34px;
top:60px;
right:2em;
height:34px;
background: #acba99 url(./themes/site_themes/juicability/images/nav_bar_right.gif) no-repeat right;
padding-right:1em;
}

#main_nav ul{
height:34px;
float:left;
background: #acba99 url(./themes/site_themes/juicability/images/nav_bar_left.gif) no-repeat left;
padding:0 0.5em;
}

#main_nav ul li{
display:block;
list-style-type:none;
float:left;
}

#main_nav ul li a{
padding:0 1em;
display:block;
float:left;
color:#fff;
}

#main_nav ul li a:hover{
color:#ffe;
background:#989872;
}

#search{
padding:0 !important;
padding-top:0.5em;
}

/* Content */

#content{
margin-top:20px;
padding:1em;
margin-right:18em;
margin-left:1em;
border-top:6px solid #f7941d;
}

/* posts and pages*/

.post{
line-height:1.5em;
position:relative;
padding:12px 1em 1em 60px;
margin-bottom:1em;
border-bottom:0.5em solid  #eee;
background:#fff;
}

.post h2, .page h2{
font-size:24px;
font-weight:normal;
letter-spacing:-0.03em;
margin-bottom:1em;
}

.post h2 a, .page h2 a{
color:#e33;
}

.post p, blockquote, ul, h3,h4,h5{
margin-bottom:1em;
}

.post ul{
margin-left:2em;
list-style-type:square;
}

.post code{
background:#f0f2ec;
}

.post pre{
border: 1px solid #e0e2ec;
padding:1em;
overflow:auto;
}

.post .posted, .page .posted{
text-align:right;
padding:1em;
font-size:120%;
clear:both;
}

.post .posted a{
font-weight:bold;
}

.post .posted .comments{
color:#f63;
}

/* date floating box */


.post .date{
font-family:trebuchet ms, lucida grande, myriad pro, helvetica, sans-serif;
position:absolute;
top:12px;
left:12px !important;
left:-48px;
width:36px;
background:#093 url(./themes/site_themes/juicability/images/date_block.gif) no-repeat bottom;
color:#fff;
}

.post .date span{
display:block;
text-align:center;
font-weight:bold;
font-size:10px;
}

.post .date span.day{
padding-top:6px;
font-size:24px;
background:#093 url(./themes/site_themes/juicability/images/date_block.gif) no-repeat top;
}

/* comments floating box */

.post .comments_box{
font-family:trebuchet ms, lucida grande, myriad pro, helvetica, sans-serif;
position:absolute;
top:82px;
left:12px !important;
left:-48px;
width:36px;
background:#f63 url(./themes/site_themes/juicability/images/comment_globe.gif) no-repeat bottom;
padding-bottom:6px;
}

.post .comments_box a{
color:#fff;
font-size:20px;
text-align:center;
padding:6px;
display:block;
background:#f63 url(./themes/site_themes/juicability/images/comment_globe.gif) no-repeat top;
}

/* archive pages */

#post_list .archive_title{
padding:0.5em 12px 0.5em 0.5em;
background:#f1f3ed;
color:#33663e;
}

#post_list .posted{
text-align:left;
padding:0;
}

/* Sidebar */

#sidebar{
position:absolute;
top:150px;
right:1em;
width:16em;
border-top:6px solid  #8dc63f;
}

.module{
padding:0 1em 0.5em 1em;
margin:1em 0;
}

.module h3{
text-align:center;
font-size:130%;
letter-spacing:-.02em;
margin:0.3em 0;
padding:0.3em 0;
color:#33663e;
}

#feed{
display:block;
width:194px;
height:61px;
background:url(./themes/site_themes/juicability/images/rss_feed_btn.gif) no-repeat;
text-indent:-5000px;
}

/* mini about */

#mini_about{
background:#f1f3ed;
padding-bottom:1.5em;
}

#mini_about h3{
color:#000;
}

/* subscribe box*/

#suscribe{
background:#95cd84;
padding:0;
}

#suscribe h3{
color:#fff;
background:#6ab950
}

#suscribe form{
padding:1em;
}

#suscribe form input{
width:100%;
}

#suscribe_btn{
width:100%;
background:url(./themes/site_themes/juicability/images/suscribe_btn.gif) no-repeat center;
border:0;
margin-top:0.25em;
text-indent:-5000px;
padding-top:0px !important;
padding-top:100px; /*IE hack */
height:22px;
cursor:pointer;
}

/* archives */

.module.archives{
border-top:6px solid  #abb998;
padding:0;
}

.module.archives li{
display:inline;
list-style-type:none;
}

.module.archives li a{
display:block;
padding:2px;
padding-left:16px;
background:url(./themes/site_themes/juicability/images/folder_bullets.gif) no-repeat;
}

.module.archives li a:visited{
background:url(./themes/site_themes/juicability/images/folder_bullets.gif) no-repeat left bottom;
}


/* Footer */

#footer{
background:transparent url(./themes/site_themes/juicability/images/footer_bg.gif) no-repeat bottom right;
}

#footer p{
padding:2em 0 3em 18em;
margin-right:18em;
background:transparent url(./themes/site_themes/juicability/images/footer_bg.gif) no-repeat bottom left;
text-align:center;
}

/*
 * Comments
 */
 
#comments{
padding:1em;
padding-left:60px;
}

#comments h3, #comment-form h3{
font-size:130%;
color:#33663e;
}

.comment{
position:relative;
padding-left:120px;
height:auto !important;
min-height:6em;
height:6em;
}

.comment.even{
background:#f1f3ed;
}

.comment .posted{
position:absolute;
left:0;
top:0;
width:100px;
border-top:3px solid  #bbc9a8;
padding:1em 0.5em;
text-align:right;
}

.comment .posted span{
display:block;
padding-bottom:0.25em;
}

.comment .posted span.timestamp{
font-size:75%;
color:#777;
border-top:1px solid  #cbd9b8;
}

.comment  .body{
border-top:4px solid  #abb998;
padding:1em;
padding-bottom:2em;
}


#comment-form{
border-top:4px solid  #eee;
padding:1em;
padding-left:60px;
}

#comment-form label{
display:block;
padding:0.25em;
margin-bottom:0.25em;
color:#333;
}

#comment-form label input, #comment-form label textarea{
display:block;
width:20em;
}

#comment-form label textarea{
width:100%;
height:20em;
}

/*
 * Misc classes
 */
 
.meta{
clear:both;
text-align:center;
margin:0.5em;
padding:12px;
border:1px solid #e1e3ed;
color:#555;
background:#f1f3ed;
}