@charset "utf-8";
/*
Theme Name: Ba-Bu-Lu
Theme URI: http://qilei.org
Description: WordPress Skin
Version: 1.0
Author: Janblus
Author URI: http://qilei.org/
Tags: yellow, blue, colorful, fresh, simple,white
*/
/* html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } */

/****** General Styles ******/
*{
  margin:0;
  padding:0;
}
body {
  font-family:"Trebuchet MS",Verdana,Arial, Helvetica, simsun, sans-serif;
  font-size:86%;
  line-height:1.6em;
  background:#f8f8f8;
  padding-bottom:10px;
  color:#424A5E;
}
img{
  border:none;
  background-color:transparent;
  background-image:url('http://img.imox.me/blog/chrome_loading.gif');
  background-position:center center;
  background-repeat:no-repeat;
}
li{
  list-style:none;
}
:link,:visited{text-decoration:none;}
a:link,a:visited {color:#06C;}
a:hover {
  color:#f09;
}



/****** Global Layout Styles ******/

.clear{
  height:5px;
  overflow:hidden;
  clear:both;
}



/****** Wrapper Layout Styles ******/
.wrapper{
  width:940px;
  margin:0 auto;
  background:#f8f8f8 url(images/header_bg.gif) -10px 0 no-repeat;
  padding-left:40px;
}


.page-title,.post-title h3,.panel h2,.panel h3,.comments h2,.post-content h2,.post-content h3{
  font-family:"Microsoft YaHei","Trebuchet MS","Lucida Grande",Arial,Sans-serif;
}


/****** Page Layout Styles ******/

.page-title{
  background:#fff;
  margin-bottom:10px;
  font-size:1em;
  padding:5px 10px;
}

#page-home .post-content{
  display:block;
}


/****** Container Othor Page Layout Styles ******/

#page-single .post-title h3,.container.single .post-title h3{
  text-align:center;
  font-size:1.3em;
  float:none;
}
#page-single .post-content{
  display:block;
}
#page-single .post-info{
  text-align:center;
}


/****** Header Layout Styles ******/
.header{
  height:60px;
  width:750px;
}
  .header .logo{
    float:left;
    width:200px;
    height:60px;
    overflow:hidden;
  }

  .header .logo-img{
    display:block;
  }

  .header h1,.header .desc{
    visibility:hidden;
  }

/****** footer Layout Styles ******/
.footer{
  width:520px;
  background:#fff;
  font-size:80%;
  line-height:150%;
  padding:5px;
  margin-top:5px;
  clear:both;
  border-bottom:3px solid #efefef;
  
}


/****** Menu Layout Styles ******/

.menu{
  float:left;
  padding-left:5px;
}
  .menu li{
    float:left;
    height:30px;
    padding-top:25px;
  }
    .menu li a{
      display:block;
      text-align:center;
      width:60px;
      margin-right:4px;
      line-height:30px;
      color:#424a5e;
      text-decoration:none;
      font-weight:bold;
    }
    .menu li a:hover{
      color:#f09;

    }


/****** Mainer Layout Styles ******/
.mainer{
}
  .mainer .clear{
    width:530px;
  }

.banana{
  margin-bottom:10px;
}


.container{
  float:left;
  width:530px;
  margin-right:10px;
}


/****** Sidebar Layout Styles ******/

.sidebar-one{
  float:left;
  margin-right:10px;
  width:210px;
  overflow-x:hidden;
}

.sidebar-two{
  float:left;
  width:180px;
  overflow-x:hidden;
  margin-top:-145px;
}

/****** Post Layout Styles ******/
.post{
  width:500px;
  background:#fff;
  margin-bottom:10px;
  padding:0 15px;
  padding-bottom:5px;
}


.post-title{
  position:relative;
  width:500px;
}
.post-title h3{
  font-size:1.17em;
  line-height:2em;
  float:left;
  margin-right:4px;
}

.post-folder{
  float:left;
  width:20px;
  height:20px;
  display:none;
  margin-top:5px;
  background-image:url(images/post_title_folder.gif);
}
  .post-folder:hover{
  }
  .post-folder.close{
    background-position:-20px 0;
  }

.post-date{
  position:absolute;
  width:35px;
  left:-50px;
  top:5px;
  text-align:center;
  font-family:Verdana;
}
  .post-date-d{
    display:block;
    background:#fff7b1;
    font-size:1.4em;
    line-height:1.5em;
    color:#ff7e00;
    height:1.5em;
    padding-left:4px;
    border-right:2px solid #fff06f;
  }
  .post-date-m{
    display:block;
    background:#ff6633;
    font-size:0.75em;
    line-height:1.2em;
    height:15px;
    color:#fff;
    padding-left:4px;
    border-right:2px solid #f24208;
  }
  .post-date-y{
    display:block;
    color:#f8f8f8;
    font-size:0.65em;
  }
.post-info{
  line-height:1.5em;
  margin-bottom:5px;
  padding-bottom:3px;
  clear:both;
  background:url(images/post_title_bg.gif) repeat-x bottom;
}
  .post-time{
    font-size:0.8em;
  }
  .post-info a{
    font-size:0.9em;
  }


.post-comments{
  position:absolute;
  width:41px;
  height:50px;
  right:-6px;
  top:6px;
  font-family:Verdana;
  text-align:center;
  background:url(images/post_info_feet.gif) no-repeat;
}
.post-comments a{
  text-decoration:none;
}
  .post-comments strong a{
    display:block;
    height:30px;
    font-size:1.4em;
    line-height:1.7em;
    font-weight:normal;
    color:#ff7e00;
  }
  .post-comments span a{
    display:block;
    font-size:0.7em;
  }

.post-content{
  width:100%;
  overflow:hidden;
  font-size:0.96em;
}


.post-meta{
  font-size:90%;
  background-color:#F8F8F8;
  border-top:2px solid #DDDDDD;
  line-height:1.3em;
  padding:8px;
  margin:10px 15px;

}

.post-related{
}

  .related_post li {
    line-height:1.3em;
    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:0 auto;
  padding:5px;
  width:300px;
  border:1px dotted #afe655;
  background:#f4ffdd;
  text-align:center;
}


/****** Content step Layout Styles ******/
.post-content p{
  margin-bottom:5px;
}

.post-content .alignright{
  float:right;
}


.post-content h3{
  font-size:110%;
}
.post-content h2,.post-content h3.related_post{
  font-size:120%;
}

.post-content .janblus-preview{
  border:4px solid #efefef;
  margin:10px 10px 0 0 ;
  float:left;
}
.post-content em{
  font-size:12px;
  color:#f09;
  line-height:1.5em;
  font-style:normal;
  background:#efefef;
  font-family:Verdana,Arial, Helvetica, simsun, sans-serif;
}
.post-content blockquote{
  border:1px solid #BBBBBB;
  font-size:90%;
  line-height:1.3em;
  margin:4px 0;
  overflow:auto;
  padding:4px 8px;
  width:590px;
}
.post-content pre {
  border:1px solid #777;
  font-size:12px;
  line-height:1.3em;
  margin:4px 0;
  padding:4px 8px;
  color:#eee;
  background:#f3f3f3;
}

.post-content pre, .post-content code {
  word-wrap: break-word;
  word-break: break-all;
  font-family:Consolas,"Bitstream Vera Sans Mono",monospace,"Courier New";
}

.post-content ul {
  margin:4px 0px;
  padding-top:5px;
  border-top:2px solid #efefef;
  border-bottom:2px solid #efefef;

}
.post-content ul li{
  background:url(images/li_bg.gif) no-repeat 0px 6px;
  padding-left:10px;
  margin-bottom:5px;
}


.post-content .pages {
  padding:10px 0;
}
.post-content .pages a{
  padding:2px 7px 3px 7px;
  margin:0 2px;
  background:#dfffbe;
  color:#5eaa00;
  border:1px solid #baf19a;
  text-decoration:none;
}
  .post-content .pages a:hover{
    padding:2px 7px 3px 7px;
    margin:0 2px;
    background:#5eaa00;
    color:#fff;
    border:1px solid #5eaa00;
    text-decoration:none;
  }

/****** Panel Layout Styles ******/

.panel {
  background:#fff;
  padding-bottom:5px;
  margin-bottom:10px;
  width:100%;

}
  .panel h2,.panel h3{
    font-size:1.17em;
    margin:0 10px;
    line-height:2em;
  }
  .panel p{
    margin:0 10px;
  }
    .panel p.panel-tip{
      font-size:0.9em;
      line-height:1.2em;
      clear:both;
      background:#f1f1f1;
      padding:3px;
      margin:5px 10px;
    }

  .panel .textwidget{
    margin:0 10px;
    text-align:justify;
  }

  .panel .st-tag-cloud{
    margin:0 10px;
    text-align:justify;
    overflow:hidden;
  }

    .panel .st-tag-cloud li{
      background:none;
      padding:0 2px;
      float:left;
      line-height:1.7em;  
      white-space:nowrap;
    }

  .panel ul{
    margin:0 10px;
  }

  .panel ul li{
    font-size:90%;
    line-height:1.5em;
    background:url(images/li_bg.gif) no-repeat 0px 6px;
    padding:2px 0;
    padding-left:10px;
  }



/****** Panel-ID Layout Styles ******/
#panel-rss {
  height:34px;
}
  #panel-rss p{
    padding:5px;
    margin:0px;
  }
#panel-taotao {
}
#panel-taotao table{
     display:none;
  }

#panel-search {
  width:200px;
  padding:5px;
  margin-top:20px;
  float:right;
}
  #panel-search .input-txt{
    width:135px;
  }
  #panel-search .input-btn{
    width:50px;
    border:1px solid #ccc;
    background:#f1f1f1;
    line-height:1em;
      *padding-top:4px;
  }
#panel-who{
	font-size:12px
}

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

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


#panel-read .content{
  margin:0 10px;
}

#panel-read table td{
  font-size:90%;
  line-height:1.5em;
  background:url(images/li_bg.gif) no-repeat 0px 6px;
  padding-left:10px;
}
#panel-read .f{
  text-align:right;
  padding-right:10px;
}
#panel-read .s{
  color:#b2bec2;
}
#panel-read .s a{
  color:#b2bec2;
}
#panel-read .s a:hover{
  color:#f09;
}

/****** Comments Layout Styles ******/
.comments {
  margin:10px 0;
}
  .comments h2{
    font-size:1.17em;
    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:1.7em;
  line-height:2em;
  text-align:right;
}
.comments .avatar{
  float:left;
  margin-right:10px;

}
.comments .odd {
  background-color:#F9F9F9;
  border-bottom:1px solid #EFEFEF;
}
.comments .comment-date{
  font-size:90%;
}

.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%;
}

#commentform p span {
  font-size:90%;
}


.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;
}
code {
border-color:#444;
border-style:dashed;
border-width:1px 1px 1px 5px;
display:block;
font-family:"Lucida Console";
margin:10px;
padding:10px;
-moz-border-radius:5px;
background:#000;
color:#fff;
}
#MyMicroBlog{padding:10px;font-size:12px;}