﻿/*通用*/
* { margin: 0px; padding: 0px; list-style: none;}
body {font-size:12px;font-family:"宋体";}
a { color: #333; text-decoration: none;}
a:hover {color: #c00;}
.arial{ font-family:Arial, Helvetica, sans-serif;}
img { border:0;}
.fl { float:left;}
.fr { float:right;}
.red{ color:#FF0000;}
.dark{ color:#999999;}
.mar_b5{ margin-bottom:5px;}
.mar_l5{ margin-left:5px;}
.mar_l2{ margin-left:2px;}
.mar_r2{ margin-right:2px;}
.mar_t5{ margin-top:5px;}
.padl10{ padding-left:10px;}
.none {display:none;} 
.both{ clear:both;} 
.t1 { border-top:#ccc 1px solid;}
.b1 { border-bottom:#ccc 1px solid;}
.l1 { border-left:#ccc 1px solid;}
.r1 { border-right:#ccc 1px solid;}
.t { border-top:#ff6600 1px solid;}
.b { border-bottom:#ff6600 1px solid;}
.l { border-left:#ff6600 1px solid;}
.r { border-right:#ff6600 1px solid;}
.c{text-align: center;}
.m{ vertical-align:middle;}
.pad10{ padding:10px;}
.bold{ font-weight:bold;}
.line{ background:url(../Image/list_line.gif) repeat-x bottom;}
.w300{ width:300px;}
.w204{ width:204px;}
.w1{ width:60px;}
.w2{ width:90px;}
.w3{ width:120px;}
.bgcol{ background:#fff;}

/*布局*/
#wrapper{ margin:5px auto 0px; width:980px; height:100%; background-color:#fff;display:table;}
#header{ height:26px; width:980px; float:left;}
#title { height:81px; width:980px; margin:5px 0 0; float:left;}
#main{ width:980px;clear: both; margin-top:5px; float:left;}
#left{ width:230px; float:left;}
#center{ float:left; width:500px; margin:0 10px;}
#right{ width:230px; float:left;}
#footer{height: 110px;line-height: 24px; width:980px; margin-top:5px; float:left;}

/*顶部*/
#time{ padding-left:20px; line-height:26px; width:200px; float:left;}
#weatherDiv{ width:280px; float:left; line-height:26px;}
#weatherDiv #weather{ margin-left:8px;}
#weatherDiv #weatheren{ margin-left:8px;}
#header_r{ float:left; width:460px; height:26px;}
#header_r ul{ float:right;}
#header_r ul li{ background:url(../Image/top_icon.gif) no-repeat left center; padding:0 10px 0 15px; line-height:26px; float:left;}

/*导航*/
#title { height:60px; width:978px; margin:5px 0; float:left;}
#logo{ width:255px; height:60px; float:left;}
#menu_top{ width:980px; float:left; height:36px;}
#menu_top li{ float:left;}
.menu_top_r{ float:right; background:url(../Image/menu_bg.gif) no-repeat left; width:759px; display:block; text-align:center; height:36px; line-height:36px;}
.menu_top_r a{ margin:0 5px;}
#menu { margin-left:20px; height:60px; width:700px; float:left;}
#menu ul{ float:left;}
.menu_l{ width:450px; background:url(../Image/menu_line.gif) no-repeat right center;}
.menu_r{ width:240px; background:url(../Image/menu_line.gif) no-repeat left center;}
#menu li{ width:110px; line-height:20px; float:left; display:block; text-align:center; background:url(../Image/menu_bg.gif) no-repeat;}

.menu1{ width:980px; float:left; height:34px; margin:5px 0;}
.menu1_l{ width:210px; float:left;}
.menu1_c{ width:764px; float:left; background:url(../Image/menu_bg1.gif) repeat-x; height:34px; color:#fff;}
.menu1_c a{ margin:0 25px; color:#fff; line-height:34px;}
.menu1_c a:hover{ color:#fff;}
.menu1_r{ width:6px; float:left;}

/*搜索*/
#search{ width:980px; height:64px; margin-top:5px; float:left;}
#search_l{ width:7px; float:left; background:url(../Image/search_left.gif) left bottom; height:64px; display:block;}
#search_r{ width:7px; float:left; background:url(../Image/search_right.gif) right bottom; height:64px; display:block;}
#search_bg{ background:url(../Image/search_bg.gif) repeat-x bottom; width:906px; height:59px; float:left; padding:5px 0 0 60px;}
#search_btn{ height:26px; width:906px; line-height:26px;}
#search_btn span{ color:#fff; padding-left:20px;}
#search_btn span a{ color:#fff;}
#search_btn span a:hover{ color:#fff;}
#search_b { width:906px; float:left; line-height:24px; padding-top:8px;}
#search_b a{ margin-left:20px;}
.input1{ padding-left:10px; color:#999999; font-size:12px; width:500px; height:22px; border:#f1a9a9 2px solid; line-height:22px;}
.btn{
	background:url(../Image/search_search.gif) no-repeat;
	width:75px;
	height:26px;
	border:0;
	text-indent: 20px;
	display: block;
	font-size:12px;
	line-height:26px;
	color:#fff;
}

/*链接*/
#link1,#link2{ padding:5px; border:#CCCCCC 1px solid; margin-top:5px; width:968px; float:left;}
#link1 ul li{width:160px; float:left; line-height:24px; display:block; text-align:center;}
#link1 ul li a:hover{color:#ff0000;	text-decoration:underline;}
#link2 ul li{width:100px; float:left; line-height:24px; display:block; text-align:center;}
#link2 ul li a:hover{color:#ff0000;	text-decoration:underline;}

/*页脚*/
#footer_list{
	height: 29px;
	line-height: 29px;
	margin-bottom: 10px;
	border-bottom:#ff6600 2px solid;
	border-top:#ff6600 1px solid;
}

/*其它*/
#left .user{background:#ff6600; width:230px; float:left; margin-bottom:5px;}
.userbottom{ background:url(../Image/left_bottom.gif) no-repeat; height:27px; display:block; width:230px; float:left; padding-top:10px;}
.usermain{ background:url(../Image/left_center.gif) repeat-y; padding:0 10px; width:210px; padding-top:5px;}
.userbottom span{ padding:0 15px;}
.userbottom span a{ background:url(../Image/icon2.gif) no-repeat; padding-left:14px; color:#fff; line-height:27px; margin-right:5px;}
.userbottom span a:hover{color:#fff; text-decoration:underline;}
.usermain .photo{width:210px; float:left; margin-bottom:5px;}
.usermain .photo span{ width:210px; float:left; line-height:24px; font-weight:bold; text-align:center;}
.usermain .photo span img{ padding:2px; border:#ccc 1px solid;}
.usermain .username{ padding:5px; width:200px; float:left; line-height:24px; background:url(../Image/list_line.gif) repeat-x top;}
.icon{ background:url(../Image/icon3.gif) no-repeat left center; padding-left:25px;}
.box{ width:230px; float:left; margin-bottom:5px;}
.boxtitle1{ background:url(../Image/box_title1.gif) no-repeat; line-height:29px; padding-left:25px; color:#fff; font-weight:bold; width:205px; float:left;}
.boxtitle2{ background:url(../Image/box_title2.gif) no-repeat; line-height:29px; padding-left:40px; color:#fff; font-weight:bold; width:460px; float:left; color:#FF6600;}
.box ul{ padding:5px; width:218px; float:left; line-height:24px; margin-top:2px; border:#ff6600 1px solid;}
.box ul li{ width:108px; margin:2px 1px 2px 0; float:left; display:inline;}
.box ul li span{ width:108px; float:left; line-height:24px; text-align:center;}
.box ul li span img{ padding:1px; border:#ccc 1px solid;}
.box1{ width:230px; float:left;}
.box1 ul{ padding:5px; width:218px; float:left; line-height:24px; margin-top:2px; border:#ff6600 1px solid;}
.box1 li{ background:url(../Image/list_line.gif) repeat-x bottom; line-height:24px;}
.box1 li a{ background:url(../Image/icon1.gif) no-repeat left center; padding-left:20px;}
.box2{ width:500px; float:left;}
.box2 ul{ width:490px; float:left; padding:5px;}
.box2 li{ background:url(../Image/list_line.gif) repeat-x bottom; line-height:24px;}
.box2 li a{ background:url(../Image/icon1.gif) no-repeat left center; padding-left:10px;}
.box2 li span{ color:#999; float:right; padding-right:10px;}

#HotTagList{margin-left:-16px;}

.userpic { width:210px; float:left; margin-bottom:5px;}
.userpic span{ margin:2px 5px; float:left;}
.userpic span img{ border:none;}