body{margin:0;padding:0;font-family:sans-serif;font-size:0.8em;line-height:1.6em;text-align:center;background:#ddd;}
img{border:none;}
input,select,textarea{font-size:1em;background:#f8f8f8;border:1px solid #eaeaea;color:#ccc;padding:2px;}
a{color:#000;}

/** layout codes **/
#wrapper{margin:0 auto;text-align:left;width:1000px;background:#bbb;padding:0 1px 1px 1px;border:1px solid #ccc;border-top:none;}
#body{background:#fff;}
#header{height:62px;background:#346;border-bottom:1px solid #999;}
#header .month_archives{background:#444;height:20px;width:1000px;color:#eee;line-height:20px;}
#notice{margin:8px;background:#fff;border:1px dashed #ccc;padding:8px;width:600px;}
#main{width:640px;float:left;border-right:1px solid #ccc;border-top:2px solid #ddd;background:#fff;}
#sidebar{width:341px;float:left;background:#eee;padding:8px;border-left:2px solid #ddd;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
#footer{background:#346;padding:16px 0;text-align:center;color:#999;}

/** view style */
.clear{clear:both;float:none;}
#header h1.logo{display:block;width:260px;height:42px;line-height:42px;float:left;margin:0 0 0 24px;font-family:serif;}
#header h1.logo a{color:#fff;font-size:20px;text-decoration:none;}
#header div.slogan{width:620px;text-align:right;float:left;color:#eee;}
.shadow{border:2px solid #eee;}

.news{clear:both;float:none;}
.news .post_meta{text-align:right;width:100px;float:left;}
.news .post{width:500px;float:left;margin:8px 0 8px 8px;border-left:1px solid #eee;padding:0 12px;}
.news h2.news_title{height:24px;}
.news .news_title .news_tags{margin:0;padding:0;display:block;list-style:none;clear:both;float:none;}
.news .news_title .news_tags li{float:left;margin:0 8px;}
.news .news_content:first-letter{font-size:3em;color:#346;display:block;float:left;margin-right:4px;font-weight:bold;}
.news .news_content .image,.con .image{text-align:center;margin:1em;}
.news .news_content .image img,.con .image img{margin:0 auto;background:#c9c9c9;border:2px solid #e5e5e5;padding:1px;}

.quickpost{color:#999;}
.pagination{text-align:center;margin:8px;}
.pagination span,.pagination a{padding:2px 4px;background:#eee;margin:2px;border:1px solid #f0f0f0;}

.con{padding:12px;}

#hotnews ul,#comments ul{margin:0;padding-left:16px;}
#hotnews ul li,#comments ul li{list-style:square;margin:0;padding:0 0 8px 4px;}
#comments ul li{padding-bottom:4px;color:#888;}

.month_archives ul{padding:0;margin:0;}
.month_archives ul li{padding:0;margin:0;float:left;list-style:none;}
.month_archives ul li a{display:block;padding:0 8px;color:#eee;text-decoration:none;border:1px solid #444;border-top:none;border-bottom:none;}
.month_archives ul li a:hover{background:#999;color:#333;border:1px solid #666;border-top:none;border-bottom:none;}