/*
Theme Name: Ba-Bu-Lu
Theme URI: http://qilei.org
Description: WordPress Skin
Version: 1.0
Author: Janblus
Author URI: http://qilei.org/
Tags:  simple, white ,blue, yellow, colorful, fresh
*/

/* 
/* Index 2010/01/12
----------------------------------------------------------
[1] Tag Reset
[2] Font Style
[3] Layout Framework
[4] Common Style
------------------------------------------------------- */

/* [1] Tag Reset
------------------------------------------------------- */
body,div,span,object,iframe,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,img,
a,address,sub,sup,strong,
form,fieldset,legend,label,button,input,textarea,
table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0;}
ul,ol {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
body,
button,input,select,textarea {font:12px/1.6 "Trebuchet MS",Verdana,Arial, Helvetica,\5b8b\4f53,sans-serif;}
address,caption,th,optgroup {font-style:normal ;font-weight:normal;}
h1,h2,h3,h4,h5,h6,
button,input,select,textarea {font-size:100%;}
button,input,textarea,
select,optgroup,option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
pre,cod,kbd,samp,tt {font-size:100%; font-family:courier new,courier,monospace;}
sup,sub { font-size:100%; vertical-align:baseline;}
fieldset,img { border:0;}
:link,:visited{text-decoration:none;}
a:link,a:visited {color:#06C;}
a:hover {color:#f09; text-decoration:underline;}
/* [2] Font Styel
------------------------------------------------------- */

/* [4] Common Style
------------------------------------------------------- */
.hidden {display:none;}
.clear {clear:both;}
div.post:after,
.clearfix:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1;}

div.po{ position:relative;}
.abs{ position:absolute; display:block;}
#body-tit h2,div.post-tit h3,div.panel h2, div.post-con h2, div.post-con h3, div.post-con h4,div.comments h2,
.f-ya{font-family:"Microsoft YaHei","Trebuchet MS","Lucida Grande",Arial,Sans-serif;}
div.panel,div.post,
img.radius,div.radius{ -moz-border-radius:6px; border-radius: 6px;}
.post-con img,
input.inp-text{ -moz-border-radius:4px; border-radius: 4px;}
div.space {margin-bottom:10px;}

/* [01] Tag Reset
------------------------------------------------------- */
body{color:#424A5E;
    background:#f8f8f8;
    font-size:12px;
}
body .wrap{width:1080px; padding-left:40px; margin:0 auto;}
input.inp-text{ padding:3px; height:15px; line-height:14px; border:1px solid #e8e8e8; border-top-color:#cecece;}
input.inp-btn{ padding:0; height:25px; line-height:1em;}

#head{}
#head h1 a{ display:block; width:200px; height:60px; overflow:hidden; text-indent:-999em;
    background:url(images/logo.png) no-repeat;}

#head span.desc{ width:50px; height:200px; text-indent:-999em;
    background:url(images/skin.png) 0 0 no-repeat;
    left:0px; top:27px; z-index:-1;}

#head ul.menu{ top:30px; left:300px;}
#head ul.menu li{ float:left; font-size:14px; font-weight:bold; margin-right:10px;}
#head ul.menu li a{ display:block; padding:3px 10px;}

#body{ float:left; width:630px; margin:0 10px 10px 0;}
#side{ float:left; width:420px;}
#side-one{ float:left; width:210px; margin-right:10px;}
#side-two{ float:left; width:180px; }


#body-tit{ background:#fff; padding:5px 10px; position:relative;}
#body-tit h2{ font-size:13px; font-weight:bold;}

div.post{ background:#fff; padding:5px 15px; margin-bottom:10px; width:600px;}
div.post-tit{ width:100%; position:relative; border-bottom:dotted 1px #e3e3e3; margin-bottom:5px;}
div.post-tit h3{float: left; font-size:16px; font-weight:bold; line-height:2em;}
a.post-folder{float:left; width:20px; height:20px; display:block; margin-top:5px; cursor:pointer;
    background:url(images/skin.png) -80px 0 no-repeat;}
div.post.fold div.post-con{display:none;}
div.post.fold a.post-folder{ background-position:-60px 0;}

p.post-date{ position:absolute; display:inline-block; width:34px; left:-50px; top:2px; text-align:center; font-family:Verdana;}
span.post-date-m,
span.post-date-d{width:30px;display:inline-block;padding-left:3px;
}
span.post-date-d{ background:#fff7b1; font-size:18px; height:28px;color:#ff7e00;
    border-right:2px solid #fff06f; border-top-left-radius:4px;}
span.post-date-m{ background:#ff6633; height:18px; line-height:16px;color:#fff;
    border-right:2px solid #f24208; border-bottom-left-radius:4px;}
span.post-date-y{ display:inline-block; width:36px; color:#f8f8f8; font-size:12px;}

p.post-info{line-height:1.5em;margin-bottom:5px;padding-bottom:3px;clear:both;}

p.post-comments{position:absolute; display:inline-block; width:40px; height:50px;
    right:-6px; top:4px; font-family:Verdana; text-align:center;
    background:url(images/skin.png) -60px -20px no-repeat;}
p.post-comments a{ display:inline-block; width:40px; height:35px; font-size:18px; line-height:1.7em;
    color:#ff7e00; text-decoration:none;}
p.post-comments strong{font-weight:normal;}
p.post-comments span{ display:inline-block; font-size:11px; color:#06C;}

.post-con{ width:600px; overflow-x:hidden;}
.post-meta{background-color:#F8F8F8;border-top:2px solid #DDDDDD; line-height:1.3em; padding:8px; margin:10px 15px;}
.related_post li {line-height:14px; background:url(images/li_bg.gif) no-repeat 10px 6px; padding:2px 0; padding-left:20px;}

.post-page{background:#fff; padding:5px;}
.post-page-newer{float:left;}
.post-page-older{float:right;}

.post-feeds{ margin:10px auto; padding:5px; width:330px; border:1px dotted #afe655; background:#f4ffdd; text-align:center;}

/****** Content step Layout Styles ******/
.post-con1{ font-size:13px;}
.post-con p{  margin-bottom:5px;  line-height:1.8;}
.post-con .alignright{ float:right;}
.post-con h3{ font-size:1.15em; line-height:2em; font-weight: bold;}
.post-con h2,.post-con h3.related_post{  font-size:1.3em;}
.post-con img.janblus-preview{ border:4px solid #efefef; margin:10px 10px 0 0 ; float:left;}
.post-con em{ color:#f09; font-style:normal; background:#efefef;
    font-family:Verdana,Arial, Helvetica, simsun, sans-serif;}
.post-con blockquote{ border:1px solid #BBBBBB; line-height:1.3em; margin:4px 0; overflow:auto; padding:4px 8px;
    width:590px;}
.post-con pre { border:2px solid #ededed; line-height:1.3em; margin:4px 0; padding:4px 8px; color:#333; background:#f6f6f6;}
.post-con pre, .post-con code { word-wrap: break-word; word-break: break-all;
  font-family:Consolas,"Bitstream Vera Sans Mono",monospace,"Courier New";}
.post-con ul { margin:4px 0px; padding-top:5px; border-top:2px solid #efefef; border-bottom:2px solid #efefef;}
.post-con ul li{ padding-left:10px; margin-bottom:5px;
 background:url(images/skin.png) -92px -75px no-repeat;}
.post-con .pages { padding:10px 0;}
.post-con .pages a{ padding:2px 7px 3px 7px; margin:0 2px; color:#5eaa00;
    border:1px solid #baf19a; text-decoration:none; background:#dfffbe;}
.post-con .pages a:hover{ padding:2px 7px 3px 7px; margin:0 2px; background:#5eaa00;
    color:#fff;border:1px solid #5eaa00;text-decoration:none;}
textarea.post-area{ display:none;}

.post-con del{color:#aaa;}
/****** Panel Layout Styles ******/

div.panel { background:#fff; padding-bottom:5px; margin-bottom:10px; width:100%;}
div.panel h2,.panel h3{ font-size:16px; margin:0 10px; line-height:2em; font-weight: bold;}
div.panel p{ margin:0 10px; }
div.panel p.panel-tip{ line-height:1.2em; clear:both;  background:#f1f1f1;  padding:3px;  margin:5px 10px; }
div.panel .textwidget{ margin:0 10px; text-align:justify; }
div.panel .st-tag-cloud{ margin:0 10px; text-align:justify; overflow:hidden;}
div.panel .st-tag-cloud li{ background:none; padding:0 2px; float:left; line-height:1.7em; white-space:nowrap;}
div.panel ul{margin:0 10px;}
div.panel ul li{ line-height:1.5em; background:url(images/skin.png) -92px -75px no-repeat; padding:2px 0;padding-left:10px;}

 
/****** Panel-ID Layout Styles ******/

#panel-bnr{ height:135px; width:850px; background1:url(images/banana.png) no-repeat; overflow:hidden;}

#panel-search{ width:200px; left:680px; top:16px; padding:5px;}
#panel-search input{ vertical-align:middle;}
#panel-search input.inp-text{ width:138px;}
#panel-search input.inp-btn{ width:50px;}

#panel-rss { height:34px;}
#panel-rss p{ padding:5px; margin:0px;}

#panel-links-friends li{color:#b2bec2;}

#panel-links-bloger li{ color:#b2bec2;}
#panel-miibeian{
    padding:5px 0; text-align:center;
}
#panel-foot{ width:610px; padding:5px 10px;}

#panel-my-money div.bd{margin:0 5px 10px; overflow:hidden;}

#panel-book img{border:2px solid #f1f1f1;}
#panel-category ul{height:100px;}
#panel-category li{ width:85px; float:left;}

/****** Comments Layout Styles ******/
#comments { margin:10px 0;}
#comments h2{ font-size:16px; margin-bottom:10px;}
#comments li{ clear:both; position:relative; width:96%; padding:2%; }
#comments ol{ padding-left:30px;}

#comments .commentno { position:absolute; top:0; left:-60px; width:60px; height:60px; font-size:18px; line-height:2em; text-align:right;}
#comments img.avatar{ width:40px; height:40px; float:left; margin-right:10px;}
#comments .odd { background-color:#F9F9F9; border-bottom:1px solid #EFEFEF;}
#comments cite {font-style:normal;font-weight:bold;}

/****** Respond Layout Styles ******/

.respond{ margin:15px 0;}

#commentform p { padding:2px 0;}
#commentform input { padding:2px;}
#commentform textarea { padding:2px; width:80%; max-width:98%;}
#commentform textarea{ width:80%;}



.editComment, .editableComment, .textComment{ display: inline;}
.comment-childs{ border: 1px solid #ccc; margin: 5px 2px 2px 0px; padding: 5px 2px 2px 5px; background-color: white;}
.chalt{ background-color: #efefef;}
#newcomment{ border:1px dashed #777; width:90%;}
#newcommentsubmit{ color:red;}
.adminreplycomment{ border:1px dashed #777; width:99%; margin:4px; padding:4px;}
.mvccls{ color: #999;}

/****** wp-pagenavi Layout Styles ******/

.wp-pagenavi { padding-bottom:2px;}
.wp-pagenavi a{ padding:2px 7px 3px 7px; margin:0 2px; background:#fff8be; color:#ff7e00; border:1px solid #fbe690; text-decoration:none;}
.wp-pagenavi a:hover{ padding:2px 7px 3px 7px; margin:0 2px; background:#ff9227; color:#fff; border:1px solid #ff7344; text-decoration:none;}
.wp-pagenavi .pages{padding:2px 7px 3px 7px; margin:0 2px;background:#fff8be; color:#ff7e00; border:1px solid #fbe690; text-decoration:none;}
.wp-pagenavi .extend{ padding:2px 7px 3px 7px; margin:0 2px; background:#fff8be; color:#ff7e00; border:1px solid #fbe690; text-decoration:none;}
.wp-pagenavi .current{ padding:2px 7px 3px 7px; margin:0 2px; background:#ff6633; color:#fff; border:1px solid #c9481c; text-decoration:none;}

/****** share Layout Styles ******/

#share,#share a{line-height:16px}
#share a{display:inline-block;width:16px;height:16px;text-indent:-999em;cursor:pointer;margin-left:5px;background:url(images/share.png) no-repeat}
#share #facebook-share{background-position:0 0}
#share #twitter-share{background-position:0 -16px}
#share #delicious-share{background-position:0 -32px}
#share #kaixin001-share{background-position:0 -48px}
#share #renren-share{background-position:0 -64px}
#share #douban-share{background-position:0 -80px}
#share #sina-share{background-position:0 -96px}
#share #netease-share{background-position:0 -112px}
#share #tencent-share{background-position:0 -128px}