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

#commend{height:565px;width:970px;padding:10px 0;margin:0 auto;}
#commend .item{display:inline;background:url(index_commend.gif) no-repeat;width:212px;height:242px;padding:10px;float:left;margin:10px 5px;position:relative;}
#commend div{height:22px;}
#commend h4{float:left;font-size:14px;line-height:16px;}
#commend h4 a{color:#000;}
#commend button{float:left;font-size:12px;margin-left:5px;padding:0;border:none;background:none;color:#999;text-decoration:underline;}
#commend small{display:block;position:absolute;top:0;right:2px;width:35px;height:35px;font-size:0;}
#commend small a{display:block;padding-top:35px;height:0;overflow:hidden;background:url(index_commend_rss.gif) 0 0 no-repeat;}
#commend small a:hover{background:url(index_commend_rss.gif) 0 -35px no-repeat;}
#commend ul{line-height:20px;height:200px;}
#commend ul .new{background:url(icon_new.gif) 0 3px no-repeat;padding-left:13px;}
#commend ul a:link{color:#424648;}
#commend ul a:hover{color:#84BF57;}
#commend span{display:block;text-align:right;margin-top:3px;}
#commend span a{color:#999;text-decoration:underline;}

#bottom_box{background:#424648;color:#ccc;}
#bottom{width:960px;margin:0 auto;height:720px;}
#bottom h4{font-size:14px;line-height:39px;height:39px;}
#bottom a{color:#84BF57;}
#bottom_1{float:left;width:714px;}
#bottom_2{width:230px;float:right;}

#honorUser{height:530px;}
#honorUser h4 a{color:#ccc;text-decoration:underline;}
#honorUser ul{zoom:1;overflow:auto;margin-top:5px;}
#honorUser li{float:left;width:49.9%;height:58px;overflow:hidden;margin-bottom:10px;}
#honorUser li .avatar{width:48px;height:48px;padding:5px;background:#3C3F40;margin-right:15px;float:left;}
#honorUser li .avatar img{width:48px;height:48px;}
#honorUser li h3{font-size:14px;line-height:16px;padding:3px 0;}
#honorUser li span{display:block;padding:0 0 3px;color:#999;}
#honorUser li p{line-height:16px;}

#about{float:left;width:300px;padding-right:57px;}
#about p{line-height:18px;}

#links{float:left;width:250px;}
#links div{line-height:18px;}
#links div a{color:#ccc;white-space:nowrap;}

#t_sina{background:url(t_sina.gif) 0 3px no-repeat;}
#t_sina h4{text-indent:50px;}
#t_sina div{margin-top:5px;}

#qmail{margin:10px 0;}
#qmail .rsstxt{width:190px;margin-bottom:5px;}
#qmail .rssbutton input{padding:0;}

#ITFcom{width:914px;height:268px;padding:15px 20px;overflow:hidden;margin:20px auto 0;background:#fff;border:#ddd 1px solid;}
#ITFcom a{color:#06C;}
#ITFcom .img{width:350px;float:left;}
#ITFcom .img img{height:200px;max-width:300px;}
#ITFcom .img h3{font-size:14px;margin:10px 0 5px;}
#ITFcom .img p{color:#999;line-height:18px;}
#ITFcom ul{float:left;display:inline;line-height:20px;width:350px;margin-left:50px;color:#F06;}
#ITFcom ul .last{margin-top:5px;}
#ITFcom ul .last a{background:#06c;color:#fff;margin-right:8px;}
#ITFcom .star{width:134px;float:right;}
#ITFcom .star strong{display:block;width:128px;height:74px;background:url(ITFcom.gif) no-repeat;}
#ITFcom .star strong a{display:block;padding-top:74px;height:0;overflow:hidden;font-size:0;}
#ITFcom .star div{width:132px;height:132px;margin-top:50px;}
#ITFcom .star div img{float:left;display:inline;margin:2px 0 0 2px;width:64px;height:64px;}