/*  
Theme Name: Green Box
Theme URI: http://myfairland.net/green-box-theme-for-wordpress/
Description: A green theme for Wordpress.
Version: 0.1
Author: Betty
Author URI: http://myfairland.net/
*/

/* layout */
html,body {padding:0px;margin:0px; border:0; height:100%;}
div#content { position: absolute; left:20%; width:56%;  z-index:0;}
div#sidebar1, div#sidebar2{ position:fixed; width:20%; height:97%; z-index:10;}
div#sidebar2{ right:0;}

/* style */
/* general */
h3 {font-size: 18px; font-weight: bold;}
a {text-decoration: none; cursor: pointer;}
body {font-size: 14px;}

/* header */
#header h1 {width: 30%; border-top: 1px dashed #83A54F; padding: 10px 0 0 6%; margin: 0 0 0 5%; font-size: 36px; font-weight: bold; font-family: verdana; line-height:36px;}
#header h1 a{color: #000; border:none; background:#fff;}
#header h1 a:hover {border:none; background:#fff; color:#F0A12B;}
#header h2 {width: 55%; border-bottom: 1px dashed #83A54F; text-align: right; padding: 5px 4% 10px 0; margin: 0 0 0 40%; font-size:24px; font-weight: bold;}

/* content */
#content {padding: 20px 40px;}
#content a{ color:#488939; border:1px solid #fff; display: inline-block; text-indent:0;}
#content a:hover {border: 1px dashed #83A54F; background:#f3fff4;}
.entry img {border:0}
#content {line-height: 1.5em; color: #444;}
.post-meta, .post-claim {font-style: italic; text-indent:0;}
#content>.entry>p{text-indent: 2em;}
#pagenavi {text-align:center;}
#pagenavi a {padding: 1px 6px; border:1px solid #83A54F; margin:0 4px;}
#pagenavi span.current { padding:1px 6px; border:1px solid #83A54F; margin:0 4px; background:#f3fff4; display:inline-block;}
#content code, #content blockquote {display: block; border: 1px dashed #83A54F; background:#f3fff4; padding: 0 0 0 10px;}
img.alignleft {float:left; margin:0 20px 0 0;}
a img{border: none;}

/* comment */
ul.commentlist {list-style:none;}
ol.commentlist li { padding: 10px; margin: 0 0 0 -10px; position:relative;}
ol.commentlist li.odd {border-top: 1px dashed #83A54F; border-left: 1px dashed #83A54F;}
ol.commentlist li.even {border-top: 1px dashed #83A54F; border-right: 1px dashed #83A54F;}
.comment-author img {float: left; padding: 5px 10px 0 0;}
#respond {margin: 0 0 0 30px;}
#respond input {border:none; border-bottom:1px dashed #83A54F;}
.load {background: url(image/loader.gif) no-repeat 110px;}
textarea#comment {width: 85%}
.reply {position: absolute; top: 15px; left: 270px;}
a#cancel-reply {margin: 0 0 0 50px}
 

/* sidebar */
/* left */
.out {background: #84A064; margin: 15px 5px 0 10px;}
.in {background:#b9df8c; border: 1px solid #83a54f; height: 100%; position:relative; left:-5px; top:-6px;}
.itemout {background:#96AE7A; margin: 20px 5px 0 10px; height: 42px;}
#sidebar1 h3 a {background:#f3fff4; color: #639055; display: block; border:1px solid #83a54f; position:relative; left:-3px; top:-4px; height:42px; line-height:42px; text-align: center;}
#sidebar1 h3 a:hover {color: #fff; background: #59AE1D;}
#sidebar1 ul {list-style:none; margin:0; padding:10px;}
#sidebar1 ul li {padding: 0 0 10px 0;}
#sidebar1 ul a{color:#0F6500;}
#sidebar1 ul a:hover{text-decoration:underline;}
* html .itemout {overflow:hidden;} /* ie6 */

/* right */
div#sidebar2 {border: 1px dashed #83A54F; margin: 8px 5px 0 10px;}
#sidebar2 h3 a{color: #639055; display: block; border-bottom: 1px dashed #83A54F; margin: 30px 20px; line-height: 24px;}
#sidebar2 h3 a:hover{color:#F0A12B;}
.rss {background: url(image/rss.png) no-repeat 42px;}
#searchform {margin:30px 0 0 0; padding:0; text-align:center;}
input#search {background:#f3fff4; border:1px solid #83a54f; color:#488939; width: 62%; height: 20px; padding: 5px 0 0 0;}
input#submit, input#searchsubmit { color: #fff; font-size: 16px; font-weight:bold; background:#59AE1D; border: 1px solid #83a54f; padding: 2px 0 0 0; cursor:pointer;}
div#theme {display:block; width:65px; height:65px; line-height:21px; padding:3px; background:#f3fff4; border: 1px dashed #83A54F; position:fixed; right: 2%; bottom:3%;};