@charset "utf-8";
@import url("common.css");

#main_box{margin:20px auto 50px;overflow:hidden;_overflow:visible;min-height:600px;_height:600px;width:960px;}
#main{float:left;width:690px;}
#side{width:250px;float:right;}

#select,#results{height:16px;line-height:16px;padding-left:75px;margin-bottom:9px;}
#select a{background:#84BF57;color:#fff;display:inline-block;padding:0 5px;margin-right:10px;}
#results em{font-weight:bold;color:#f60;}

#list .item{min-height:80px;_height:80px;position:relative;z-index:1;padding:0 0 13px 65px;}
#list .item .author{width:60px;position:absolute;top:0;left:0;z-index:20;text-align:center;}
#list .item .avatar{width:48px;height:48px;padding:5px 7px 7px 5px;background:url(avatar_bg.gif) no-repeat;}
#list .item .avatar img{width:48px;height:48px;}
#list .item .author span{display:block;word-break:break-all;margin-top:5px;}
#list .item .title{height:16px;background:url(postBg_1.gif) no-repeat;padding:10px 10px 0 20px;}
#list .item .title h3{float:left;font-size:14px;line-height:16px;max-width:500px;overflow:hidden;height:16px;}
#list .item .title small{width:15px;height:13px;float:left;margin:3px 0 0 2px;background:url(_blank.gif) center center no-repeat;}
#list .item .title small a{font-size:0;height:0;display:block;padding-top:13px;overflow:hidden;}
#list .item .title span{float:right;color:#999;}
#list .item .desc{overflow:hidden;_overflow:visible;_height:54px;line-height:18px;padding:5px 10px 5px 20px;color:#333;background:url(postBg_2.gif) repeat-y;}
#list .item .desc img{float:right;max-width:593px;height:50px;margin-left:10px;width:auto;background:#fff;border:#eee 2px solid;}
#list .item .content{line-height:18px;padding:5px 10px 5px 20px;color:#333;background:url(postBg_2.gif) repeat-y;overflow:auto;}
#list .item .content p{margin-bottom:10px;}
#relink{width:120px;height:30px;margin:15px 0;font-weight:bold;background:#639A3A url(btn2.gif) no-repeat;}
#relink a{display:block;text-align:center;line-height:30px;color:#fff;}
#list .item .content img{max-width:593px;height:auto;float:none;}
* html #list .item .content img{width:expression(this.width > 593 ? 593 : width);} 
#list .item .sub{height:22px;color:#999;padding:0 2px 2px 20px;background:url(postBg_3.gif) 0 bottom no-repeat;}
#list .item .sub span{float:left;}
#list .item .sub span a{text-decoration:underline;margin-right:10px;color:#999;}
#list .item .sub small{float:right;margin-top:2px;cursor:pointer;font-size:0;width:50px;height:0;padding-top:20px;overflow:hidden;}
#list .item .sub small.off{background:url(openPost.gif) 0 0 no-repeat;}
#list .item .sub small.on{background:url(openPost.gif) 0 -20px no-repeat;}
#list .item .comments{margin:10px 2px 0 10px;border-top:#ddd 1px solid;border-left:#ddd 1px solid;border-right:#fff 1px solid;border-bottom:#fff 1px solid;background:#f5f5f5;}

.pages{height:20px;line-height:20px;padding-left:75px;font-size:14px;margin-top:10px;}
.pages a{background:#84BF57;color:#fff;display:inline-block;padding:0 5px;}

#hotPost,#newPost,#newComments{margin-bottom:20px;}
#hotPost h4,#newPost h4,#newComments h4{font-size:14px;line-height:16px;height:20px;}
#hotPost ol,#newPost ol,#newComments ol{line-height:20px;list-style:inside decimal;}