/*
author:biao166@qq.com
*/
@charset "utf-8";
@import "reset.css";

/* layout */
body{ background:#242424 url(images/body_bg.jpg) repeat-x left top; color:#666}
#wrapper,#header,#main,#footer{width:900px;margin:0 auto}
#header{height:155px;background:url(images/header_bg.gif) no-repeat 0 0; position:relative;}
#main{overflow:hidden;background-color:#FFF; position:relative;}
#container{float:left; margin:0 -280px 0 0; width:100%; overflow:hidden;}
#content{ margin:0 280px 0 20px; overflow:hidden; position:relative !important; }
#sidebar{ float:right;width:249px;background:url(images/sidebar_bg.png) repeat-y; overflow:hidden; }
#footer{height:75px; background:url(images/foot_bg.gif) no-repeat 0 0;}


/* common */
p.postmetadata span,.entry-utility p.tag,.postinfo p,#sidebar ul.all li.bar ul li:hover,#sidebar ul.all li.bar ul li,ul.related_posts li{ background:url(images/span.gif) no-repeat 0 0;}

/*font-color*/

/* header */
#logo{height:108px; width:100%;}
#logo h1{display:block;height:60px;width:200px;text-indent:-9999px; position:absolute;top:52px;left:80px;cursor:pointer}
#logo .info{ height:24px; line-height:24px; position:absolute; left:300px; top:80px; color:#CCC;}


/* menu */
#menushell{width:810px;height:31px; padding:0 45px;}
#nav{ height:34px; width:620px; float:left;}
#nav li{float:left;}
#nav a{color:#396;display:block;line-height:34px;padding:0 10px; font-weight:700;}
#nav li.menu-item-type-custom a,#nav a:hover{ color:#FFF;}



.s_img{float:left;width:180px;height:31px; position:relative;}
.s_img span{ background:url(images/s_img.png) no-repeat 0 0;float:left; width:30px;height:30px}
span.box{background-position:-31px -31px}
span.picasa{background-position:0 -31px}
span.t_sina{}
a.s_img_a{width:30px;height:30px;display:block;}
p.rss{  position:absolute; top:-52px; left:76px;}
p.rss,p.rss a{ display:block; width:80px; height:80px;}



/* container */

/* caption */
h2.entry-title,h2.page-title{ background:url(images/titel_bg.gif) no-repeat 0 bottom; padding-left:30px; padding-bottom:3px;}
h2.page-title,h2.entry-title a{ font:700 16px/200% "Microsoft YaHei"; color:#C60; text-shadow:1px 1px 1px #CCC;}
h2.entry-title a:hover{color:#555;}
.postmetadata{ position:relative;}
.postmetadata span{ float:left; height:20px; line-height:20px; padding-left:24px; margin-right:12px;}
.postmetadata span a{ height:20px; line-height:20px;}
.postmetadata .category{background-position:0 -180px}
.postmetadata .date{background-position:0 -154px}
.postmetadata .edit{background-position:0 -206px}
.postmetadata .author{background-position:0 -234px}
.postmetadata .comments-link{background-position:0 -125px; float:right; position:relative; top:-28px;}
.postmetadata .comments-link a{ color:#900; font-size:14px;}


/* body_text */
.post{ margin-bottom:32px;}
.entry-content,.entry-summary{ margin:10px 0;}
.entry-content p,.entry-summary p{ margin-bottom:12px; text-indent:2em; font:12px/200% "Microsoft YaHei";}
.entry-content a,.entry-summary a{ color:#8DBC4A; }
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h2,.entry-content h3,.entry-content h4{ text-indent:24px; margin:16px 0 8px; border:1px dashed #C1C1C1; border-radius:2px; color:#060}
.entry-content strong,.entry-summary strong{ color:#990;}
.entry-content img,.entry-summary img{ padding:4px; border:1px solid #E4E4E4; background:#F5F5F5;}
.more-link{ color:#090 !important; display:block; width:100px; height:28px; margin-left:500px; text-align:right; text-decoration:none !important;}

.entry-content pre.pre-code,.entry-summary pre.pre-code{ background:url(images/pre-code.gif) no-repeat 0 0; font:12px/150% Verdana #999; padding-left:30px; border:1px dashed #B1E0AB; height:auto !important; max-height:216px; height:216px; overflow-x:hidden; margin:12px 0;}

.entry-content blockquote,.entry-summary blockquote{  background:#F7F7F7 url(images/blockquote.gif) no-repeat right top; border:1px dashed #C2C2C2; padding:4px 36px 4px 8px; border-left:3px dashed #B3B3B3; color:#888;}




.entry-utility{}
.entry-utility p{ padding-left:24px;}



h3.related_posts{font-size:15px;font-weight:700;color:#666; margin-top:12px; border-top:1px dashed #D0D0D0;}
ul.related_posts li{background-position:0 -259px;padding-left:14px;line-height:18px}
ul.related_posts li a{color:#999; text-decoration:none;}
ul.related_posts li a:hover{color:#090; padding-left:4px;}


.rlt{font-size:10px;color:#7F7F7F; text-align:right;}
.postinfo{border:1px solid #efefef;background-color:#f1f9fc;padding:4px 12px;border-radius:5px;}
.postinfo a{color:#777}
.postinfo a:hover{color:#05a8dc}
.postinfo p{color:#036;height:20px;line-height:20px;display:block;padding-left:20px}
p.tags{background-position:0 0}
p.links{background-position:0 -23px}
p.previous{background-position:0 -75px}
p.next{background-position:0 -102px}




#comments-div{border-top:1px solid #ddd;position:relative;line-height:24px;height:24px;text-align:right;margin:0 0 30px;padding:2px 10px}
h2#comments{line-height:24px;font-size:12px;font-weight:400;width:300px;float:right}
span#comments-addcomment a{color:#047;text-decoration:none}
span#comments-addcomment a:hover{color:#4a630f;text-decoration:none}
ol.commentlist li{position:relative;list-style:none;height:1%;margin:0 20px;padding-bottom:20px}
ol.commentlist li div em.approved{margin-left:55px;color:red}
ol.commentlist li div.comment-author{margin:0;padding:0;line-height:16px;height:16px;border-bottom:1px solid #ddd;display:block}
ol.commentlist li div.vcard img.avatar{position:absolute;left:0;top:0;width:32px;height:32px;background:#fff;padding:2px;border:1px solid #ddd}
ol.commentlist li div.vcard cite.fn{margin-left:55px;font-style:normal;font-weight:700}
ol.commentlist li div.vcard cite.fn a.url{color:#047}
ol.commentlist li div.vcard cite.fn a.url:hover{color:#aaa}
.commentmetadata,.comment-meta{padding-left:40px;margin:3px 0}
ol.commentlist li .comment-body{margin-top:10px}
ol.commentlist li .comment-body p{line-height:150%}
ol.commentlist li span.comment-meta a{color:#aaa}
ol.commentlist li span.comment-meta a:hover{color:#555}
ol.commentlist li div.comment-text{border-top:1px solid #fff;margin:0 0 10px;padding-top:10px}
ol.commentlist li p,ol.commentlist li blockquote{margin:0 50px 0 55px;padding-bottom:10px}
ol.commentlist li blockquote{padding:5px;border:1px dotted #ddd;color:#999;background:#fafafa}
ol.commentlist li blockquote p{margin-left:0}
ol.commentlist li code{margin-bottom:10px;padding:2px;background:#777;color:#ddd}
ol.commentlist li div.reply{position:absolute;right:0;top:8px}
ol.commentlist li div.reply a{display:block;width:30px;text-align:center;color:#aaa;padding:2px 5px;background:#fafafa;border:1px solid #dfdfdf}
ol.commentlist li div.reply a:hover{background:#f2f2f2}
ol.commentlist li ul.children li{margin:0 0 0 30px;padding-bottom:0;border-bottom:none}
ol.commentlist li ul.children li.depth-2{margin:0 0 0 55px}
ol.commentlist li ul.children li div{border-top:1px solid #dfdfdf}
ol.commentlist li ul.children li div div{border-top:none}
ol.commentlist li ul.children li div.comment-author{border-top:1px solid #fff;border-bottom:none}
ol.commentlist li ul.children li div.vcard img.avatar{top:-8px;width:24px;height:24px}
ol.commentlist li ul.children li div.vcard cite.fn{margin-left:40px}
ol.commentlist li ul.children li p,ol.commentlist li ul.children li blockquote{margin:0 0 0 40px}
ol.commentlist li ul.children li blockquote p{margin-left:0}
ol.commentlist li ul.children li div.reply{top:-8px}
ol.commentlist li ul.children li div.reply a{background:#f2f2f2}
ol.commentlist li ul.children li div.reply a:hover{background:#fafafa}
#respond{margin:0 0 20px;padding:20px 0 0 55px;border-top:1px solid #ddd}
#respond h2{font-family:Georgia, "Times New Roman", Times, serif;margin-bottom:10px}
#respond .cancel-comment-reply a{color:#920017}
#respond .cancel-comment-reply a:hover{color:#FF4E00}
#commentform{margin:0 55px 0 0;padding:0}
#commentform p{margin:0 0 10px;padding:0}
#commentform a{}
#commentform textarea{padding:3px;background:#fff;border:1px solid #ddd;overflow:hidden}
#author,#email,#url{height:24px;padding:3px;border:1px solid #ddd;background:#fff}
#comment{width:80%;height:125px}
#submit{background:#222;font-weight:700;color:#999;width:80px;height:25px;padding:2px 5px;border:1px solid #555}
#submit:hover{color:#fff}


/* sidebar */
.sidebartop{ background:url(images/sidebar_bg_top.png) no-repeat 0 0; height:12px;}
.sidebar_body{}
.sidebar_body li.widget{ background:url(images/sidebar_bg.gif) no-repeat 0 bottom; padding:0 8px 24px 12px;}
.sidebar_body li.last{ background:url(images/sidebar_bg_bottom.png) no-repeat 0 bottom;}
.sidebar_body li ul li{line-height:20px;}
.sidebar_body li ul li a:hover{color:#729752}
.sidebar_body li ul li a{color:#597794}

#sidebar .feed{padding:0 15px;line-height:150%}
#sidebar .feed a{color:#05a8dc}
#sidebar .allfeed a{font-weight:700;color:#393;font-size:14px}
#sidebar h3{color:#9dd272;font-size:14px;}
.morelink{ display:block; text-align:right; margin-left:140px;}

.ffox_most_active li{ float:left; width:36px; height:36px; margin-right:4px; margin-bottom:4px;}
.ffox_most_active li a{ display:block;}


ul.recentcomments li{height:36px;margin:4px 0}
#sidebar ul.all li.widget ul.ffox_most_active{margin:3px 0 0 18px}
#sidebar ul.all li.widget ul li.mostactive{float:left;padding:0 3px;margin:0;line-height:36px}
img.avatar{width:32px;height:32px;padding:2px;border:1px solid #E3E3E3}
ul.recentcomments li img.avatar{float:left}
.com_info{float:left;line-height:16px}


.navigation{ position:relative; left:50%; _left:30%;}
.page-numbers{ display:inline;width:20px;height:20px; margin-right:3px;line-height:20px;color:#91ad00;font:12px;text-align:center;border:1px solid #91ad00;}
.navigation a:hover{ display:inline; color:#000;border:1px solid #91ad00; font-weight:bold; background:#CCC;}
.navigation a,.navigation span,.navigation a:hover{ display:inline-block; zoom:1;}
.navigation span.current{ border:1px solid #91ad00;background:#91ad00;color:#FFF;font-weight:bold;}

/* footer */
#footer p{ text-align:center; padding-top:37px;color:#797979}


#guidang{margin:20px 0 0 40px}
#archives{line-height:2em}
#archives ul.archives-list{margin:10px auto}
#archives span.archives-yearmonth{color:#666;font-size:14px;font-weight:700}
#archives ul.archives-list li{font-size:12px;padding-left:12px}
a#expand_collapse{font-weight:700;color:red;font-size:13px}


/* 404 */
.is404{ margin-left:50px;}
.img404{ width:200px; display:block;}
.info404{ width:348px;}
.info404 h2{ font:700 28px/300% Verdana;}
.info404 p{ color:#888; line-height:200%;}
.art_404{ list-style:decimal; padding-left:72px;}


/*backtotop*/
* html,* html body{ background-image:url(about:blank);background-attachment:fixed;}
.backToTop {display: none;width: 18px;line-height: 1.2;padding: 5px 3px;background-color: #000;color: #fff;font-size: 12px;text-align: center;position: fixed; left:50%; bottom:10%; margin-left:450px; cursor: pointer;opacity: .6;filter: Alpha(opacity=60);}
* html .backToTop{ position:absolute; left:50%; bottom:10%; margin-left:450px; bottom:auto; top:expression(eval(document.documentElement.scrollTop));}