/* - - - - - - CSS Document - - - - - - - - -



Title : shucu style sheet



Version: 1.0



Updated: 07.15.09 



Author : mcplive.cn



- - - - - - - - - - - - - - - - - - - - - */



/*Layout*/



body { background-color:#DADADA; font-size:12px;}

#wrap { width:960px; margin:0 auto; background:#fff;}

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; line-height:0;}





/*topbar*/

#topbar { width:960px; height:30px; background: url(../img/personalbar_bg.jpg) no-repeat;position: relative; }

#topbar .personalbar_title { float:left; width:190px; height:30px;}

#topbar .personalbar_title img{ width:182px; height:30px; margin-left:3px;}

#topbar .welcome_info{ float:left; width:307px; height:30px;}

#topbar .welcome_info ul{ width:295px; height:30px; line-height:30px; padding:0px 0px 0px 12px;}

#topbar .welcome_info ul li{ float:left; color:#C7C7C7; margin-right:10px; height:30px; }

#topbar .quick_func { float:right; line-height:30px; position: relative;}

#topbar .quick_func li { float:left; color:#C7C7C7; padding:0 10px; background: url(../img/personalbar_sp.jpg) right top no-repeat}

#topbar .last { background:none}

#topbar .quit { margin:0px;}



#topbar a.name:link { color:#FFA422; text-decoration:none;}

#topbar a.name:visited { color:#FFA422; text-decoration:none;}

#topbar a.name:hover { color:#FFA422; text-decoration: underline;}

#topbar a.name:active { color:#FFA422; text-decoration: underline;}

#topbar a.func:link { color:#C7C7C7; text-decoration:none;}

#topbar a.func:visited { color:#C7C7C7; text-decoration:none;}

#topbar a.func:hover { color:#FFA422; text-decoration: underline;}

#topbar a.func:active { color:#FFA422; text-decoration: underline;}

#topbar a.charm:link { color:#CFCFCF; text-decoration:none;}

#topbar a.charm:visited { color:#CFCFCF; text-decoration:none;}

#topbar a.charm:hover { color:#FFA422; text-decoration: underline;}

#topbar a.charm:active { color:#FFA422; text-decoration: underline;}



#search_form {

	-moz-border-radius-topleft:5px;

	-moz-border-radius-bottomleft:5px;

	-moz-border-radius-bottomright:5px;

	-webkit-border-top-left-radius:5px;

	-webkit-border-bottom-left-radius:5px;

	-webkit-border-bottom-right-radius:5px;

	display:none;

	background-color:#222;

	position:absolute;

	width:210px;

	z-index:100;

	border:1px transparent;

	text-align:left;

	padding:12px;

	top: 24.5px; 

	right: 0px; 

	margin-top:5px;

	margin-right: 0px;

	*margin-right: -1px;

	color:#789;

	font-size:11px;

}



#search_form input[type=text] {	display:block;	-moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #ACE; font-size:13px; margin:0 0 5px;	padding:5px; width:203px; }

#search_submit { -moz-border-radius:4px; -webkit-border-radius:4px;	background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;	border:1px solid #39D;	color:#fff;	text-shadow:0 -1px 0 #39d;	padding:4px 10px 5px;	font-size:11px;	margin:0 5px 0 0;	font-weight:bold;}

#search_submit::-moz-focus-inner { padding:0;border:0;}

#search_submit:hover,

#search_submit:focus { background-position:0 -5px; cursor:pointer;}





/*topnav*/

ul#topnav { margin: 30px 0 0 0; padding: 0; float: left; width: 645px; list-style: none; background:url(../img/head_nav_bg.png) no-repeat 0 0; padding-left:20px; height:47px; z-index:998; }

ul#topnav li { float: left; margin: 0; padding: 0; position: relative; /*--Important--*/}

ul#topnav li a { float: left; text-indent: -9999px; /*--Push text off of page--*/ height: 38px;}

ul#topnav li:hover a, 

ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/



ul#topnav a.home { background: url(../img/topnav_home.png) no-repeat; width: 60px;}

ul#topnav a.news { background: url(../img/topnav_news.png) no-repeat; width: 60px;}

ul#topnav a.articles { background: url(../img/topnav_article.png) no-repeat; width: 70px;}

ul#topnav a.blog { background: url(../img/topnav_blog.png) no-repeat; width: 60px;}

ul#topnav a.act {	background: url(../img/topnav_act.png) no-repeat; width: 70px;}

ul#topnav a.group {	background: url(../img/topnav_group.png) no-repeat; width: 60px;}

ul#topnav a.brand {	background: url(../img/topnav_brand.png) no-repeat; width: 97px;}

ul#topnav a.member { background: url(../img/topnav_member.png) no-repeat; width: 80px;}

ul#topnav a.mag { background: url(../img/topnav_mag.png) no-repeat; width: 60px;}


ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 38px; left: -10px;
	z-index: 999;
	background: #b5b5b5;/*url(sub_bg.png) repeat-x; --Background gradient--*/
	padding: 3px 3px 3px;
	float: left;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { clear: both; float: left; width: 100%; margin-bottom: 10px;}/*--If needed to break out into rows--*/
ul#topnav li .sub ul { list-style: none; margin: 0; padding: 0; float: left; background:#fff}
ul#topnav .sub ul li { width: 100%; /*--Override parent list item--*/ color: #fff; }

ul#topnav .sub .sub_article { margin: 0; width: 420px; background:#fff; }
ul#topnav .sub .sub_article h2 { font-weight:bold; color:#633; line-height:22px; display:block; height:24px; padding:5px 0 0 10px;}
ul#topnav .sub .sub_article a { float: left; text-indent: 0; width:70px; display: block; text-decoration: none;	color: #333;height:22px; padding-left:10px; line-height:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
ul#topnav .sub .sub_article a:hover { color:#F00}
ul#topnav .sub .sa_splite {clear:both; display:block; height:1px; border-bottom:#630 1px dashed; }

ul#topnav .sub .hudong { margin: 0; padding: 0; width: 300px; background:#fff}
ul#topnav .sub .hudong { list-style: none; margin: 0; padding: 0; width: 150px; float: left; background:#fff; }
ul#topnav .sub .hudong li a { float: none; text-indent: 0; height: auto; background: url(../img/topnav_hudong_icon.jpg) no-repeat 6px 6px;
	padding: 7px 5px 7px 24px;
	display: block;
	text-decoration: none;
	color: #333;
}
ul#topnav .sub ul li a:hover { color: #f00; background-position: 6px 6px ;/*--Override background position--*/ }

ul#topnav .sub .zhuanqu { width:180px; }
ul#topnav .sub .zhuanqu a { float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	display: block;
	text-decoration: none;
	color: #333; 	
}
ul#topnav .sub .zhuanqu a:hover { color:#F00}

ul#topnav .subnavcontent { background:#FFF;}

ul#topnav .sub span { padding: 0; margin: 0; font-size: 1.3em; font-weight: normal; }



#header { width:960px; height:110px; background:url(../img/head_bg.png) no-repeat 0 0;}

#headlogo { float:left; padding:18px;}