a:link {color:blue;}
a:visited {color:#6E0122;}
a:hover {text-decoration:underline;color:red;}
*{margin:0;padding:0;}
body{font-size:14px;background:#c0c0c0;font-family:verdana}
.clearfix:after {content: ".";display: block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;}
html .clearfix {height: 1%;}/*ie*/
.clearfix {display: block;}/*ff*/

#header{width:980px;margin:0 auto;padding:15px 5px 5px;font-size:13px;background:#fff;border-right:1px solid #333;border-left:1px solid #333}
#header .blog_info{margin-bottom:8px;padding-left:10px;font-size:14px;color:#303030;font-style:italic;font-weight:normal}
#header .blog_info a{font-size:36px;color:#000;font-weight:bold;font-style:normal;text-decoration:none;}
#header ul.navbar{padding-left:10px;padding-bottom:8px;border-bottom:3px double #333;}
#header .navbar li{display:inline;margin-right:5px}
#header .navbar li a{font-size:13px;color:blue;}
#header .hot_search{padding:6px 0 6px 10px;border-bottom:1px solid #333}
#header .hot_search input{width:110px;padding-left:20px;background:url(default/search_icon.gif) no-repeat left top;color:#999;border:0px solid #fff}

#pagebody{width:980px;margin:0 auto;padding:0 5px;background:#fff;border-right:1px solid #333;border-left:1px solid #333}
/* ²©¿ÍÊ×Ò³ */
body.index #mainpage{float:left;width:580px;padding-left:10px;}
body.index #sidebar{float:right;width:375px}

.article_list{padding-left:10px}
.article_list h3{margin-bottom:3px;font-size:14px;}
.article_list ul{margin-bottom:25px;padding-left:18px;color:#333}
.article_list ul li{font-size:14px;}
.article_list ul li a{font-size:16px;color:blue;font-style:normal;line-height:165%}

#mainpage{float:left;width:730px;}
#sidebar{float:right;width:235px;padding:0 5px 0 10px}
#footer{width:990px;margin:0 auto;font-size:12px;background:#fff;border-right:1px solid #333;border-left:1px solid #333}

#sidebar h3{font-size:14px}
#sidebar .box_con{font-size:14px;line-height:145%}

.author{margin-bottom:15px;font-size:14px}

/* single page */
.post{margin-bottom:25px;padding:0 10px 0 5px;border-right:3px double #333}
.post-title{padding:15px 0 4px;font-size:18px}
.post-sm{padding:5px;font-size:12px;background:#EFEF58;line-height:145%}
.post-nav{font-size:12px}
.post-nav .l{float:left;width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.post-nav .r{float:right;width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.post-body p{margin:22px 0;line-height:155%;font-size:16px}

.mutuality{margin-bottom:25px}

.comments{padding:10px;font-size:14px;line-height:145%}
.comments dl{margin-bottom:15px}
.comments dt{float:left}
.comments dt img{border:1px solid #333}
.comments dd{margin-left:80px}
.comments .comment_info{border-top:1px solid #333;background:#ddd}
.comments .comment_con{padding:5px 0}


.msg{list-style:none;width:400px}
.msg .msgarticle{margin:0;padding:0}
.msg .quote{color:green}
.msg .quote-title{font-weight:bold;color:#333}
.msg .msgtime{font-size:11px;color:#333}