@charset "utf-8";
html{background:#123;color:#fff;}
body{font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;}
q{background:#abcee1;}
img{border:none;}
abbr{border-bottom:1px dotted;}
header,nav,article,section,aside,footer{display:block;} /* IE6 */
article{margin-bottom:10px;}
section{margin-bottom:10px;}
section p{text-indent:2em;}
a{text-decoration:none;color:blue;}
a[href]:hover{text-decoration:underline;}
#bg{margin-left:auto;margin-right:auto;width:960px!important;width:970px;} /* ie6要970px */
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.notice-box{border:1px solid red;background:#ffebe8;padding:10px;margin:20px;text-align:left;}
.title{background:#abcee1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:120%;font-weight:bold;padding:5px;margin:0px;}
article{margin:5px 0px}


header{height:100px;padding:0px 10px;}
header a,header a:hover{text-decoration:none !important;color:#fff;}
header #title{font-size:180%;padding-top:20px;margin:0px}
header #second-title{font-size:120%;padding:5px 5px 15px 20px;margin:0px}



#main
{
    background:#fff;
    color:#000;
    text-align:left;
    padding-bottom:20px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

footer{margin:10px 0px 30px 0px;color:#fff;font-size:90%;}
footer a{color:#abcee1;}
footer a:hover {color:#fff;}
footer .right{float:right;}
footer .goto-top
{
    background:url('../image/icons.gif') no-repeat 25px -442px;
    padding-right:18px;
}

#top
{
    padding:0px 10px;
    background:gray;
    border-bottom:3px solid #abcee1;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
#top a
{
    font-size:115%;
    font-weight: bold;
    color:#fff;
    padding:0px 10px;
    line-height:32px;
    display:inline-block;
}
#top a:hover
{
    background-color:#abcee1;

    -webkit-transition-property:background-color;
    -webkit-transition-timing-function:ease-out;
    -webkit-transition-duration:500ms;
}

#content{margin:10px;width:700px;float:left;}
#content .info .item
{
    background-image:url('../image/icons.gif');
    background-repeat:no-repeat;
    height:20px;
    padding-left:20px;
    padding-right:5px;
    margin-right:5px;
}
#content .info .author{background-position:0px -383px;}
#content .info .date{background-position:0px -2px;}
#content .info .comments-count{background-position:0px -120px;}
#content .info .category{background-position:0px -40px;}
#content .info .tag{background-position:0px -260px;}
#content .more{float:right;background:none;}
#content .summary{margin-bottom:30px;}
#content .copyright{border:1px dotted #abcee1;padding:3px 8px;margin-top:20px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#content .copyright:hover {background:#abcee1;}


#page-nav{padding:2px 10px 2px 10px;}
#page-nav a
{
    color:#123;
    padding:2px 5px;
    margin-right:5px;
    border:1px solid #123;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
#page-nav a:hover{text-decoration:underline;}
#page-nav .curr{background:#123;color:#fff;}



#sidebar{margin:10px;width:220px;float:right;}
#sidebar ul,#sidebar ol,#sidebar li{margin:0px;padding:0px;list-style:none;}
#sidebar .item
{
    margin-bottom:15px;
    background:#abcee1;
    padding:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#sidebar .item li{background:url('../image/icons.gif') no-repeat 0px -20px;padding:2px 2px 2px 20px;height:16px;}
#sidebar .item li:hover {background-position:0px -300px;}
#sidebar .item a{text-overflow:ellipsis;height:18px;overflow:hidden;display:block;color:#123;padding-left:5px;}/* 只有限制了高度或是宽度才能让overflow发生作用。 */
#sidebar .item a:hover {color:#fff;}
#sidebar .item p{margin:0px 0px 5px 0px;border-bottom:2px solid #fff;font-weight:bold;text-transform:uppercase;}
#sidebar .search input{width:100%;}
#sidebar .recent-posts li{background-position:0px -80px;}
#sidebar .recent-comments li{background-position:0px -140px;}
#sidebar .categories li{background-position:0px -40px;}
#sidebar .links li{background-position:0px -400px;}

#comments{margin-top:40px;}
#comments ol,#comments ul, #comments li{margin:0px;padding:0px;list-style:none;}
#comments li ul /* 子评论的背景 */
{
    background:#fff;
    padding:1px 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

#comments li
{
    margin:5px 0px;
    padding:10px;
    background:#eff5f9;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#comments li:nth-of-type(even) {background:#f6fefc;}
#comments li .gravatar{
    margin-right:20px;
    margin-bottom:10px;
    height:64px;
    width:64px;
    float:left;
    -moz-box-shadow:1px 1px 1px #000;
    -webkit-box-shadow:1px 1px 1px #000;
    box-shadow:1px 1px 1px #000;
}
#comments li .text{min-height:64px;}
#comments li p{margin: 0px 0px 5px 0px;padding:0px;}
#comments li .right{float:right;}
#comments li .replay{float:right;cursor:pointer;}


.respond{margin-top:40px;}
#respond-form .right{float:right;border-left:1px dotted #bbdae5;padding:0px 25px;margin:10px 15px 0px 0px;}
#respond-form .left{float:left;}
#respond-form p{margin:0px 0px 5px;padding:0px;vertical-align:middle;}
#respond-form input,#respond-form textarea
{
    width:200px;
    height:18px;
    padding:3px 1px 1px 22px;
    border:#bbdae5 1px solid;
    margin-right:10px;
    background-color:#eff5f9;
    background-image:url('../image/icons.gif');
    background-repeat:no-repeat;
}
#respond-form input:hover, #respond-form textarea:hover, #respond-form input:focus, #respond-form textarea:focus
{background-color:#f6fefc;}
#respond-form input[name="author"]{background-position:3px -380px;}
#respond-form input[name="email"]{background-position:3px -420px;}
#respond-form input[name="url"]{background-position:3px -400px;}
#respond-form input[name="vcode"]{background-position:3px -97px;vertical-align:middle;}
#respond-form img{vertical-align:middle;}
#respond-form textarea{width:98%;max-width:690px;min-height:100px;height:130px;max-height:200px;background-image:none;padding:1px;}
#respond-form button{border:1px solid #bbdae5;color:#000;height:23px}
#respond-form button[disabled]{color:gray;}
#respond-form #input-method{border:1px solid #bbdae5;}




/* 代码高亮的重定义。 */
.prettyprint{background:#eff5f9;border:1px solid #bbdae5 !important;padding:0px !important;overflow:auto;word-wrap:break-word;}
.prettyprint>p{padding:2px 10px;margin:0px;background:rgb(200,200,200);cursor:pointer}
.prettyprint ol{padding:0px 5px;margin:0px;border-left:30px solid rgb(200,200,200);list-style-type:decimal-leading-zero;}
.prettyprint ol li{padding:0px;margin:0px;}
.prettyprint ol li:nth-of-type(even) {background:#f6fefc;}