@import url("layout.css");
@media all
{
.m_top_10{margin-top:10px;}
.height_10{height:10px;width:100px;font:10px;line-height:10px;}
.height_5{height:5px;width:100px;font:5px;line-height:5px;}
.top_p3{padding-top:3px;}
/*****content*****/
#header { background: transparent url(../images/header_bg.gif) repeat-x;}
.logos img{ float:left; }
.logos img.cyt{ margin: 0 33px 0 15px;cursor:pointer;opacity:0.7;}
.first_line{height: 30px;}
.first_line .left{float:left;line-height:30px;padding-left:30px;}
.first_line .right{float:right;line-height:30px;padding-left:30px;}
.first_line .right a,.first_line .right a:visited{color: #000;}
.first_line .right a:hover{color: #06F;}
.get_pwd{background: transparent url(../images/icons.gif) no-repeat 0 -32px;padding: 5px 10px 5px 24px;}
.user_reg{background: transparent url(../images/icons.gif) no-repeat 0 0;padding: 5px 10px 5px 24px;}
.set_homepage{background: transparent url(../images/icons.gif) no-repeat 0 -64px;padding: 5px 10px 5px 24px;}

#nav {clear:both;padding:10px 17px 0 17px;}
ul.nav_list {height:33px;border-bottom:1px solid #e60012;background: #F3F3F3 url(../images/nav_list_bg.jpg) repeat-x;}
ul.nav_list li{float:left;line-height:33px;font-size:14px;font-weight:bold;padding: 0 15px;}
ul.nav_list li a,ul.nav_list li a:visited{color:#000;}
ul.nav_list li a:hover{color:#05F;}
/**ul.nav_list li.img{height:34px;margin:0;background-color:#F90;}
ul.nav_list li.img img{padding:0;margin:0;}**/

.topic_cnt {clear:both;border: 1px solid #d5d5d5; border-top:0;}
.topic_cnt .inner{padding:10px 17px;}
.topic_cnt .inner ul{clear:both;}
.topic_cnt ul li{float:left;}
.topic_cnt ul li.left img{float:left;margin-right:10px;}
.topic_cnt ul li.center{line-height:20px; width:345px}
.topic_cnt ul li.center p{line-height:26px;margin-bottom:5px;}
.topic_cnt ul li.center a.more{float:right;margin-top:10px;width:151px;height:21px;border:1px solid #CCC;text-align:center;
    background: transparent url(/blog/images/bg_s40.gif) repeat-x;}
.topic_cnt ul li.center a.more :hover{background-position: left -120px;}
.topic_cnt ul li.right{width:236px;padding-right:17px; float:right;}
.topic_cnt ul li.right .content{background: transparent url(../images/microblog_top.jpg) no-repeat;height:140px;padding: 0 10px;line-height:20px;}
.topic_cnt ul li.right .content p{color:#d71921;line-height:30px;}
.topic_cnt ul li.right .bottom{ background: #F00 url(../images/microblog_bottom.jpg) no-repeat;height:30px;}

.login_frm{ float:right;background:transparent url(../images/login_frm.gif) no-repeat left top;width:270px; height:280px;}
.reg_div_btn{width:215px;height:54px;background-color:#FFF;margin-left:-10px;cursor:pointer; opacity:0.2;filter: alpha(opacity=20);}
.login_frm .inner_login_frm{padding:25px 25px 0 30px;}
div.user_name,div.pwd {width: 200px;padding:0 0 10px 8px;float:left;clear:both;height:30px;}
.user_name input,.pwd input{width: 183px;height:22px;line-height:20px;margin:0;border:0;}
.remember_me_chx{width:200px;padding: 0 5px;clear:both;}
.login_btn{text-align:center; font: 13px/normal '宋体';float:left;padding-top:14px;width:210px;}
.login_btn input{border:0;background-color:transparent;}


#content {}

/******  第一栏  *****/
#col1 {	float: left;width: 660px;}
#col1 .inner{ margin-left:17px; border: 1px solid #d5d5d5;background: transparent url(../images/col1_bg.jpg) repeat-x 0 0;padding: 25px 15px 10px 15px;}

#col_top { background: transparent url(../images/col_top_bg.jpg) no-repeat;width:602px;}
.close {background: transparent url(../images/close.jpg) no-repeat; padding-left: 22px;float:right;margin:10px 20px 10px 0;;height:20px;clear:both;}
#col_top .main_cnt div{float:left;}
#col_top .main_cnt .title{font-size:16px; color:#4a97d1;text-align:right;width:150px;}
#col_top .main_cnt .content{ color:#4a97d1;width:340px;line-height:20px;padding-left:20px;}

.join_btn {height:29px;}
.join_btn img,.join_btn a{float:left;margin-left: 30px; }
.join_btn a{line-height:29px;font-size:14px;color:#9f7615;}

#col_top .bottons { background-color:#dedede; clear:both;margin-top:10px;}
#col_top .bottons .bottons_inner{ height:30px; }
#col_top .bottons .bottons_inner ul li.first_li{padding-left:20px;}
#col_top .bottons .bottons_inner ul li{ float:left; padding-left:8px;}
#col_top .bottons ul li a{color:#000;line-height:30px;}
#col_top .bottons ul li a:hover{color:#06F;}
.search_form{padding-top:4px;}
.search_form input{float:left;margin-left:20px;}
.search_form img{margin-left:5px;}

/** 文章列表 **/
.article_list {border:1px solid #fee48c;width:567px;margin-left:15px;}
.article_list tr th{background: transparent url(../images/comment_title_bg.jpg) repeat-x 0 18px;height:30px;color:#804f27;border-left:1px solid #fee48c;text-align:center;}
.article_list tr td{border-left:1px solid #fee48c;line-height:25px;padding-left:5px;}
.article_list tr.even td,.article_list tr:hover td{background-color:#F0F0F0;}
.new_topic_paginate{text-align:right;line-height:30px;padding:0 15px;}

/** 发表新话题 **/
#new_topic{width:800px;height:520px;border:1px solid #b7b7b7;position:absolute; background: #FFF url(../images/col1_bg.jpg) repeat-x;margin: 10px 15px;padding:10px 20px;}
#new_topic .topic_title{color: #c04f4f;font-weight:bold;font-size:14px;line-height:22px;height:22px;position:relative;z-index:10002;}
#new_topic .img{float:right;width:19px;height:17px;background: transparent url(../images/close.jpg) no-repeat;cursor:pointer;}
#new_topic .topic_title div.t{float:left;width:120px;font: bold 14px/22px '宋体';}
.new_topic_title{border:1px solid #f7c7c7;margin-bottom:5px;width:300px;height:16px;}
.new_topic_cnt {background-color:#f5e5e6;border:1px solid #f7c7c7;width:800px;height:400px;}
#new_topic ul.topic_bottons{height:30px;padding-top:3px;}
#new_topic ul.topic_bottons li{float:left;margin-right:10px;line-height:27px;}
#new_topic ul.topic_bottons li a{color:#c04f4f;} 
.mask{opacity:0.5;filter:"alpha(opacity=50)";background-color:#CCC;position:absolute;left:0;top:0}
.upload_btn{position:absolute;z-index:10002;left:311px;top:55px;height:17px;width:19px;
    background: transparent url(/blog/images/upload_file.gif) no-repeat;cursor:pointer;}
ul.upload_files{position:absolute;z-index:10002;left:311px;top:74px;padding-bottom:5px;width:130px;cursor:pointer;
    border:1px solid #F7C7C7;border-top:1px solid #efefde;background-color:#efefde;display:none;}
ul.upload_files li{padding:5px;}
span.topic_ttl{float:left;height:26px;width:50px;font: bold 14px/20px '宋体';color: #c04f4f;}


.middle_img{ vertical-align: bottom;}
.kinds{padding-left: 40px;}
.editor_tip{padding-left: 10px;}
.tmp01 { background: transparent url(../images/icons.gif) no-repeat 0 -127px; padding:5px 0 5px 25px;}

/* input microblog text */
.mssg_txtarea{text-decoration:none;float:left;width:584px;height:84px;margin:8px;*margin-left:-8px;padding:0;border:0;overflow:auto;}
.blog_issue{float:left;height:36px;width:118px;background:transparent url(/blog/images/blog_bgs.png) no-repeat 0 -325px;cursor:pointer;}
.blog_issue_hover{background-position:0 -382px;}
.face{background:transparent url(/blog/images/blog_icons.gif) no-repeat -28px 2px;width:50px;margin:7px 0 0 10px;height:18px;float:left;}
.face h3.t{ margin:0 0 0 20px;width:30px;height:18px;font:12px/18px '宋体';color:#668;padding:0;cursor:pointer;}
.flst{position:absolute;display:none;z-index:20000;}
.flst .arrow{background: url(/blog/images/blog_icons.gif) no-repeat 10px -37px;height:8px;}
.flst .faces_lst{width:400px;border:1px solid #999;background-color:#FFF;position:relative;margin-top:8px;}
.flst .faces_lst .ld{height:120px;width:400px;background:transparent url(../images/loading.gif) 190px 55px no-repeat;}
.flst .faces_lst .arrow{background: transparent url(../images/blog_icons.gif) no-repeat 10px -37px;position:absolute;height:8px;width:400px;left:0;top:-8px;}
.flst .faces_lst .arrow2{background: transparent url(../images/blog_icons.gif) no-repeat 10px -74px;position:absolute;height:8px;width:400px;left:0;top:-8px;}
.flst .faces_lst .cls{background: transparent url(../images/blog_icons.gif) no-repeat 2px -57px;position:absolute;
    width:15px;height:15px;right:10px;top:4px;cursor:pointer;}
.flst .faces_lst ul.tbs{background:transparent url(../images/blog_bgs.png) no-repeat 0 -121px;height:28px;}
.flst .faces_lst ul.tbs li{line-height:25px;float:left;height:25px;cursor:pointer;
    background:transparent url(/blog/images/blog_bgs.png) no-repeat right -88px;margin:3px 0 0 5px;display:inline;}
.flst .faces_lst ul.tbs li span{float:left;height:25px;background:transparent url(/blog/images/blog_bgs.png) no-repeat 0 -57px;
    margin-right:3px;padding: 0 5px 0 8px;display:inline;}
.flst .faces_lst ul.tbs li.crrnt,.flst .faces_lst ul.tbs li.hov{background-position: right -27px;}
.flst .faces_lst ul.tbs li.crrnt span,.flst .faces_lst ul.tbs li.hov span{background-position: 0 1px;}
.flst .faces_lst .fs{margin:5px 0 0 5px;height:24px;}
.flst .faces_lst .fs li{border:1px solid #CCC;float:left;margin:1px;width:22px;height:24px;}
.flst .faces_lst .fs li.hov{border:1px solid #49F;}
.flst .faces_lst .fs li img{cursor:pointer;width:22px;height:22px;}
.pict{background:transparent url(/blog/images/blog_icons.gif) no-repeat 0 2px;width:50px;margin:7px 0 0 10px;
    height:18px;float:left;position:relative;}
.pict h3.t{ background:transparent url(/blog/images/blog_bgs.png) no-repeat -10px -250px;margin:0 0 0 20px;
    width:30px;height:18px;font:12px/18px '宋体';color:#668;padding:0;cursor:pointer;}
.pict .pict_frm{position:absolute;border:1px solid #999;background-color:#FFF;width:400px;left:-20px;top:26px;display:none;}
.pict .arrow2{background: transparent url(../images/blog_icons.gif) no-repeat 20px -74px;position:absolute;height:8px;width:400px;left:0;top:-8px;}
.pict .cls{background: transparent url(../images/blog_icons.gif) no-repeat 2px -57px;position:absolute;
    width:15px;height:15px;right:10px;top:4px;cursor:pointer;}
.pict .pict_frm .inner_pict_frm{position:relative;}
.pict_frm .inner_pict_frm .ld{display:none;width:400px;height:130px;font: 14px/30px '宋体';background:transparent url(../images/loading.gif) 80px 55px no-repeat;}
.pict_frm .inner_pict_frm .dlt{text-align:right;padding:5px 10px 0 0;}


ul.kind_list{ height:33px;clear:both;}
ul.kind_list .new_article{float:right;margin-right:16px;}
ul.kind_list .new_article:hover{ background:none;}
ul.kind_list li{ float:left; width:111px;margin-right:2px; height:33px; line-height:33px; text-align:center; font-size:14px;background: transparent url(../images/tab_bg.JPG) no-repeat 0 -41px; cursor:pointer;}
ul.kind_list li a,ul.kind_list li a:visited{display: block;color:#000;}
ul.kind_list li:hover {font-weight: bold;background-position: 0 0;}
ul.kind_list li.current{background-position: 0 0; font-weight: bold;}
.b_list {line-height:20px;margin-top:20px;font-size:14px;}
.b_list tr.pd_top td{padding-top:10px;}
.b_list tr.bd_btm td{border-bottom:1px dashed #999; font-size:12px;padding-bottom:10px;}
.b_list tr td .f_r a,.b_list tr.bd_btm td .f_r a:visited{color:#09F;}
.b_list tr td .f_r a:hover{color:#03F;}
.b_list tr td .f_r {position:relative;}
.no_blog_tip{background:transparent url(/blog/images/blog_tip.gif) no-repeat right -87px;height:87px;margin:30px; }
.no_blog_tip span{display:block;height:87px;margin: 0 10px 0 30px;background:transparent url(/blog/images/blog_tip.gif) no-repeat left top;
                  padding-left:78px;color:#c12d2d;font:14px/26px '宋体';}
.no_blog_tip span em{padding-top:13px;display:block;font-style:normal;}

.comments_loading{height:20px;background:transparent url(../images/loading.gif) no-repeat 260px 3px;}
.comments_wrapper{width:523px;}
.comments_wrapper .t{background:transparent url(../images/comments_lst_bg.gif) no-repeat right top;height:30px;width:100%;}
.comments_wrapper .c{background:transparent url(../images/comments_lst_bg.gif) repeat-y left top;width:100%;}
.comments_wrapper .b{background: transparent url(../images/comments_lst_bg.gif) no-repeat right bottom;height:30px;width:100%;}

.index_comments{background: transparent url(../images/comment_title_bg.jpg) repeat-x left 14px;height:30px;}
.index_comments .t{font: 14px/25px '宋体'; background: transparent url(../images/icons.gif) no-repeat left -245px;padding-left:30px;}
/** 收藏与删除提示框 **/
.favorite_frm{ display:none; position: absolute; padding: 5px 0 5px 30px; color: #666;top:-40px; left:-10px;width:80px;
font-weight:bold; background: #FFF url(../images/icons.gif) no-repeat 8px -181px; border:1px solid #666;}
.del_tip{ display:none;position: absolute; width:170px; padding: 15px 0 15px 20px;border:1px solid #666; background-color:#FFF; top: -90px;left: -50px;}
.del_tip .ttl{ background: transparent url(../images/icons.gif) no-repeat 0 -210px; line-height:30px;padding-left:25px;color:#666;}
.del_tip .btn{padding-left:10px;}
.del_tip .btn a{float:left;margin-right:20px;width:52px;line-height:23px; background-color:#444;padding:0; color:#FFF;}
.del_tip .btn a:visited{color:#F00;}
.del_tip .btn a:hover{color:#F00;}
.del_btn{ background: #FFF url(../images/del_btn_bg.gif) no-repeat left top; padding: 5px 0;text-align:center;}

div.comment_frm { display:block;position:relative;}
div.comment_frm .f{margin:0 40px; line-height:30px; font-size: 14px;padding-bottom:10px; }
.cmt_btn{border:0;background: transparent url(../images/cmt_btn_bg2.gif);width:64px;height:23px;text-align:center;color:#333;
    float:left;margin:5px 0 0 5px;font: bold 12px/18px '宋体';cursor:pointer;}

.comments_lst {margin: 10px 30px  30px 30px;clear:both;}
.comments_lst li{border-top: 1px dashed #CCC;padding:10px 10px;}
.comments_lst li.odd{border-top: 1px dashed #CCC;}
.comments_lst li.even{border-top: 1px dashed #CCC;}
.comments_lst li.last{border-bottom: 1px dashed #CCC;}
.comments_lst li .img { height:100%;float:left;margin-right:5px;}
.comments_lst li .cnt { height:100%;float:left;width:90%;}
.comments_lst li .img img{ vertical-align:middle;margin-right:5px;}
.comments_lst li a{color:#06F;}
.comments_lst li a:hover{color:#F60;}

.comment_content { background: transparent url(../images/comment_bg.jpg) repeat-x; width: 600px;}
.comment_content .title{padding:40px 0 20px 0; text-align:center; font-size:16px; background: transparent url(../images/comment_title_bg.jpg) repeat-x 0 60px;}
.comment_content p{margin-top: 20px;line-height:20px;padding:0 10px;}

.web_frd_reply{width: 539px;margin-top: 30px;}
.web_frd_reply .title { background:transparent url(../images/web_frd_bg.jpg) no-repeat 60px 0;width:600px;color:#d47e21;font-weight:bold;line-height:24px;border-bottom: 1px solid #d47e21;}
.web_frd_reply ul.reply_cnt li{padding: 10px 0;border-bottom: 1px dashed #666; line-height:20px;width:600px;}
.web_frd_reply ul.reply_cnt li img{float:left;margin-right:5px;}
.web_frd_reply ul.reply_cnt li.last{ border:none;}
.web_frd_reply ul.reply_cnt li .l{float:left;width:56px;}
.web_frd_reply ul.reply_cnt li .r{float:right;width:530px;}
.sub_topic{padding:10px 0 0 20px;height:30px;line-height:30px;}
.sub_topic span{ padding:0 3px;}
.sub_topic span a,.sub_topic span a:visited{color: #000;}
.sub_topic span a:hover{color: #06F;}
.sub_topic img{float:right;margin:5px 10px 0 0;}
.sub_topic input{float:right;margin-top:5px;}


/******  第二栏  *****/
#col2 {	float: right; background-color: #FFF; width:286px; }
#col2 .inner{ margin-right: 17px; }
/** 丑陋建筑 **/
.ugly_img_wrapper{margin-bottom:10px;}

/** 右侧微博 **/
#col2 .top{ clear:both;	width: 264px; border: 2px solid #EEE;background-color: #fefbf0;}
#col2 .top .inner{margin:5px;line-height: 20px;}
#col2 .top .inner ul{margin-top: 10px;}
#col2 .top .inner ul li{line-height:22px;float:left;border-left: 1px solid #fde487;padding: 0 8px;}
#col2 .top .inner ul li.f{border: 0;}
#col2 .top .inner ul li.s{width:40px;margin-top:10px;}
#col2 .top .inner ul li.last{border-left: 0px solid #fde487;}
#col2 .top .inner ul li a{color:#000;}
#col2 .top .inner ul li a:hover{color:#06F;}
/*** 用户登录后面页面样式 **/
#usr_info{ float:right;clear:right;height:230px;margin-top:5px;width: 264px; border: 2px solid #EEE;background-color: #f3f3f3;}
#usr_info .inner{margin:10px;line-height: 20px;}
#usr_info .inner img{float: left;margin-right:5px;}
#usr_info .inner ul{height:55px;margin-top: 10px;}
#usr_info .inner ul li{line-height:22px;float:left; width: 40px;border-left: 1px solid #FFF;padding: 0 10px;}
#usr_info .inner ul li.first{border: 0;}
#usr_info .inner .intro{line-height:25px;}

/** 右侧排行 **/
.rank .title { line-height: 29px; height: 29px; background: #f3f3f3 url(/blog/images/rank_bg.gif) repeat-x; font-size: 14px;padding: 0 10px; border: 1px solid #CCC;border-bottom:0;}
.rank .title .left{float:left;font-size: 14px;height:29px;line-height:29px;}
.rank .title .right{float:right;height:29px;line-height:29px;width:40px;text-align:right;}
.rank .content{	clear: both; border: 1px solid #CCC;padding: 10px 0;}
.rank .title .center{float:left;padding-left:10px;}
.rank .title .center ul li{z-index:1;float:left;border:1px solid #999;border-bottom:1px solid #CCC; cursor:pointer; line-height:20px;margin:8px 0 -1px 3px;padding:0 5px;background-color:#CCC;}
.rank .title .center ul li.current{border:1px solid #CCC;border-bottom:1px solid #FFF;background-color:#FFF;}

.rank .content ul{ padding-left:15px; list-style: none;}
.rank .content ul li{ line-height: 22px;}
.rank .content ul li a,.rank .content ul li a:visited{ color: #444;}
.rank .content ul li a:hover{ color: #d71921;}
.rank .txt_content{padding:5px 10px 0 10px;height:200px;overflow:hidden;clear: both; border: 1px solid #CCC;text-indent:24px;line-height:20px;}
.rank .txt_content ul.rc li{border-bottom: 1px dashed #EEF;line-height:22px;height:22px;text-indent:0;}

/** 未加入至html的CSS内的 **/
.pagination{margin: 5px 0;}
.pagination span{padding:3px 10px;color:#000;}
.pagination a{padding:3px 10px; border:1px solid #c0c0c0;background: transparent url(/blog/images/paginate_bg.gif);color:#06F}
.pagination a:hover{color:#F60;}
/** 图片 **/
img.large{cursor:url(/blog/images/small.cur),auto;width:520px;}
img.small{cursor:url(/blog/images/big.cur),auto;width:80px;}
div.static_website{display:none;}

/*  */
.form_dialog{background-color:#FFF;border: 1px solid #CCC;}
.form_dialog .t{height:30px;background:transparent url(../images/nav_list_bg.jpg) repeat-x;padding-top:5px;}
.form_dialog .t .l{float:left;font: bold 14px/30px '宋体';color:#c04f4f;margin-left:10px;width:120px;}
.form_dialog .t .r{float:right;margin:5px 20px 0 0;background: transparent url(../images/close.jpg) no-repeat;width:20px;height:20px;}
.hot_topic .pic{float:left;height:200px;width:281px;}
.hot_topic .pic img{border:1px solid #666;margin:11px 0 0 15px;}
.hot_topic .cnt{float:left;height:170px;width:350px;line-height:20px;}
.hot_topic .cnt p{line-height:26px;margin:11px 0 0 5px;}
.hot_topic .cnt a{color:#666;}
.hot_topic .cnt a:hover{color:#F60;text-decoration:underline;}
.hot_topic .dtl{float:left;height:30px;width:350px;}
.hot_topic .dtl a.more{float:right;margin-top:2px;width:151px;height:21px;line-height:21px;border:1px solid #CCC;text-align:center;
    background: transparent url(/blog/images/bg_s40.gif) repeat-x;}
ul.sina_lst{clear:both;padding-top:5px;height:51px;}
ul.sina_lst li{border-left:1px solid #EEE;float:left;width:50px;padding-left:10px;}
ul.sina_lst li.first{border-left:0;}

}