@charset "utf-8";
/*
author fool2fish 
fool2fish@126.com
http://fool2fish.cn
*/

/*background setting*/
.title{background:url(http://pic.yupoo.com/fool2fish/100609898bb4/hmyzco4k.png) no-repeat 0 0;}

/*global setting*/
body, div, p, span, strong, a, ul, ol, li, h1, h2, h3{margin:0;padding:0;line-height:1.5em;text-decoration:none;list-style:none;}
body{padding:0 10px 10px 5px;font-size:12px;font-family:Georgia, "Times New Roman", Times, serif,"宋体";color:#555;background:#eeeadd;}
h1, h2, h3{font-family:"微软雅黑";}
hr{border:none;border-top:1px solid #ccc;}
a:link, a:visited{color:#009ae0;text-decoration:none;background:none;}
a:hover, a:active{color:#444;text-decoration:none;background:#fcfade;}
a img{border:none;}
.clear{clear:both;width:100%;height:0px;font-size:0px;line-height:0px;}
.required{color:#f24b5b;font-weight:bold;}

input, textarea{border:1px solid #888;}

/*toolbar setting*/
.toolbar{position:absolute;z-index:10;top:0;right:80px;}
.toolbar .ver-select{display:none;}
.toolbar .search{margin-top:40px;}
.toolbar .search label{display:none;}

/*head setting*/
.head{position:relative;height:100px;height:85px;overflow:visible;}
.title{width:350px;height:91px;overflow:hidden;margin-left:10px;}
.title a{display:block;width:100%;height:100%;overflow:hidden;line-height:1000px;background:none;}

/*layout setting*/
.main, .side, .sub, .extra{width:235px;overflow:hidden;margin:0 0 5px 5px;background:#fff;}
.main{color:#222;}
.wrap{margin:6px;padding:5px 5px 0 5px;border:1px dashed #8fc31f;}
.main .wrap{border-color:#2fc1ed;}
.sub .wrap{border-color:#f3ab3e;}
.extra .wrap{border-color:#f24b5b;}

/*layout without index*/
.content{position:relative;max-width:1200px;min-width:720px;}
.main{width:auto;margin-right:240px;}
.side{position:absolute;z-index:10;right:0;top:0;}

/*index layout setting*/
.index .main, .index .side, .index .sub, .index .extra{float:left;}
.index .main{width:475px;margin-right:0;}
.index .side{position:static;}

/*post setting*/
.post{margin:0 0 20px;}
.post-title a{display:block;padding-left:5px;font-size:20px;}
.post-title a:link, .post-title a:visited{color:#fff;background:#32baf7;}
.post-title a:hover, .post-title a:active{color:#fff;background:#32baf7;}
.post-author{margin:10px 0;}
.post-con{font-size:14px;}
.post-tag{margin-top:10px;}
.post-con h3{font-size:18px;}
.post-con p{margin:15px 0;}
.post table{border:1px solid #ccc;}
.post table td{border:1px solid #ddd;}
.post-con ul{margin-left:2em;}
.post-con ul li{list-style:inside circle;}
.post-con ol{margin-left:2em;}
.post-con ol li{list-style:inside decimal;}
.post-con textarea{width:90%;min-height:10em;}

/*comment setting*/
.comment{margin-top:15px;}
.comment .hd{border-color:#2fc1ed;}
.comment .hd .tit{display:inline;font-size:20px;}
.comment .hd .sub-tit{display:inline;padding-left:1em;}
.comment .list{border-top:1px dashed #ccc;}
.comment .list li{padding:10px;border-bottom:1px dashed #ccc;}
.comment .list li.alt{background:#f0f8e5;}
.comment .avatar{float:left;margin:0 10px 10px 0;vertical-align:top;}
.comment .commentator{font-size:14px;}
.comment .url{font-weight:bold;}
.comment .time{display:block;color:#888;}
.comment .con{margin-top:4px;padding-left:70px;font-size:14px;}
.comment .comment-edit-link{float:right;margin-top:-36px;}
.comment .form-tit{margin-top:15px;}
#commentform{margin-bottom:15px;}
#commentform .comment-box{margin:10px 0;}
#comment{width:90%;}
#submit{font-size:14px;font-weight:bold;}
#commentform .name, #commentform .email, #commentform .homepage{margin-top:10px;}
#commentform .secret-tips{color:#888;}

/*box setting*/
.box{margin:0 0 15px;}
.hd{margin-bottom:5px;padding-bottom:2px;border-bottom:2px solid #ccc;}
.hd h3{font-size:14px;font-weight:bold;}
.bd{padding-left:1em;}
.side .hd{border-color:#8fc31f;}
.sub .hd{border-color:#f3ab3e;}
.extra .hd{border-color:#f24b5b;}

/*page setting*/
.page{height:20px;padding:10px 0;font-size:14px;}
.page .pre-arti, .page .next-arti{float:left;width:50%;}
.page .next-arti{float:right;text-align:right;}

.control .name, .control .code{margin-top:10px;width:135px;}
.control .submit{margin:10px 5px 10px 39px;}
.control .register{height:12px;overflow:hidden;margin-left:29px;}
.control .register span{float:left;margin-left:-1px;padding:0 10px;border-left:1px solid #ccc;}
.control .register span a{line-height:1em;}

.latest-comments .list li{margin-bottom:4px;padding-bottom:4px;border-bottom:1px dashed #ccc;}

#twitter_update_list li{margin-bottom:4px;padding-bottom:4px;border-bottom:1px dashed #ccc;}
#twitter-link{display:block;text-align:right;}
a#twitter-link:link, a#twitter-link:visited{font-weight:bold;color:#8fc31f;}
a#twitter-link:hover, a#twitter-link:active{font-weight:bold;color:#8fc31f;}

.contribute .list span{display:block;padding-left:1em;font-weight:bold;color:#f3ab3e;}

.expression .bd{padding:0px;}
#expression{width:202px;height:606px;margin:10px auto;border-top:1px dashed #ccc;border-left:1px dashed #ccc;}
#expression li{float:left;width:100px;height:100px;border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;}

.links .list{margin-bottom:10px;}

.foot{color:#888;}

/*index setting*/
.index .post-con img{max-width:450px;}

/*about me setting*/
.about .main{float:none;width:auto;max-width:960px;min-width:475px;margin-right:10px;}
.about .box p{margin-top:4px;}
.about .box .return{margin-top:24px;font-size:14px;}


/********************************************************************************
 * CoolCode Style
 *******************************************************************************/
.hl-title {
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    border-bottom: 0;
    padding: 6px 24px;
    margin: 0;
    width: auto;
    line-height: 180%;
    overflow : auto;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}

.hl-surround {
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    margin: 0;
    margin-bottom: 5px;
    width: auto;
    height: auto;
    overflow : auto;
    text-align: left;
    font-family: Fixedsys, "BitStream Vera Sans Mono", "Courier New", Courier, monospace;
}

ol.hl-main {
    padding: 0 12px 0 56px;
    margin: 0;
    background-color: transparent;
    background-image: url(images/hide.gif);
    background-repeat: no-repeat;
    background-position : 5px 5px;
}

div.hl-main {
    padding: 6px 24px;
    margin: 0;
    line-height: 180%;
    background-color: transparent;
}

.ln-show {
    padding-left: 56px !important;
    background-image: url(images/hide.gif) !important;
    list-style: decimal outside !important;
}

.ln-show li {
    list-style: decimal outside !important;
}

.ln-hide {
    padding-left: 24px !important;
    background-image: url(images/show.gif) !important;
    list-style-type: none !important;
}

.ln-hide li {
    list-style-type: none !important;
}

ol.hl-main li {
    display: list-item !important;
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 20px !important;
    border-left: 1px solid #C3CED9;
    border-top: 1px solid #E3EEF9;
    border-top-color: #E3EEF9 !important;
    padding: 0 0 0 12px !important;
    background-color: #F9FBFC !important;
}

li.hl-firstline {
    border-top: 0 !important;
}

/*search list setting*/
.search-list .pagetitle{margin-bottom:20px;}

/*hack for ie6*/
.title a:hover, .title a:active{background:none;}