@import url(basic.css);
@import url(position.css);
@import url(layout.css);
@import url(size.css);
@import url(color.css);
@import url(typography.css);

#top {
	clear:both;
	width:100%;
	height:116px;
	background:url("../images/top_02.jpg ") #84735f no-repeat center center;
}
#top div {
	width:1002px;
	height:116px;
	margin:0 auto;
	border:none;
	background:url("../images/top_01.jpg ") no-repeat right top;	
}
#top a {
	width:480px;
	height:116px; 
	float:left;
}
#top a img {
	margin:0;
	padding:0;
}
#top img {
	float:right;
	display:inline; 
	margin:12px 35px 0 0;
	padding:2px;
	background-color:#ffffff;	
}
/**/
#menuline
{
	width:100%;
	background:url("../images/menu.png") repeat-x left -5px;
	clear:both;
}
#menu
{
	width:1002px;
	margin:0 auto;
	height:37px;
	background:url("../images/menu.png") no-repeat 0px -50px;
}
#menu ul
{
	display:inline;
	float:left;
} 
#menu ul li
{	
	float:left;
}
#menu  li a
{
	display:block;
	width:117px;
	height:37px;
	line-height:37px;
	float:left;
	text-indent:-1000em;
	cursor:pointer;	
	text-decoration:none;
}



#menu ul .l0 a
{
	color:#2d8bcb;
	background:url("../images/menu.png") no-repeat left -100px;
}
#menu ul li a
{
	color:#2d8bcb;
	background-image:url("../images/menu.png");
}
#menu ul#menu02 li a
{
	color:#2d8bcb;
	background-image:url("../images/menu02.png");
}
#menu ul#menu03 li a
{
	color:#2d8bcb;
	background-image:url("../images/menu03.png");
}
#menu  ul#menu03 .l5 a
{
	width:117px;
}
#menu ul .l1 a
{
	color:#2d8bcb;
	background:url("../images/menu.png") no-repeat -117px -100px;
}
#menu  ul .l2 a
{
	color:#426b59;
	background:url("../images/menu.png") no-repeat -234px -100px;
}
#menu ul .l3 a  
{	
	color:#e5e8dd;
	background:url("../images/menu.png") no-repeat -351px -100px;
}
#menu  ul .l4 a
{
	color:#be6b4b;
	background:url("../images/menu.png") no-repeat -468px -100px;
}
#menu  ul .l5 a
{
	width:145px;
	background:url("../images/menu.png") no-repeat -585px -100px;
}
#menu  ul .l6 a,#menu  ul .l6
{
	width:0;
	display:none;
	background:url("../images/menu.png") no-repeat -730px -100px;
}
/*
#menu .l1 a:visited
{
	height:39px;															
	background:url("../images/menu.png") no-repeat 0px -174px;
}

#menu  .l2 a:visited
{
	background:url("../images/menu.png") no-repeat -117px -174px;
}
#menu  .l3 a:visited
{
	background:url("../images/menu.png") no-repeat -234px -174px;
}
#menu  .l4 a:visited
{
	background:url("../images/menu.png") no-repeat -351px -174px;
}
#menu  .l5 a:visited
{
	background:url("../images/menu.png") no-repeat -468px -174px;
}
*/
#menu .l0 a:hover
{
	background:url("../images/menu.png") no-repeat 0px -137px;
}
#menu  .l1 a:hover
{
	background:url("../images/menu.png") no-repeat -117px -137px;
}
#menu .l2 a:hover
{
	background:url("../images/menu.png") no-repeat -234px -137px;
}
#menu .l3 a:hover
{
	background:url("../images/menu.png") no-repeat -351px -137px;
}
#menu  .l4 a:hover
{
	background:url("../images/menu.png") no-repeat -468px -137px;
}
#menu  .l5 a:hover
{
	background:url("../images/menu.png") no-repeat -585px -137px;
}



/*
#menu div
{
	display:inline;
	width:391px;
	height:37px;
	float:left;
	margin-left:0px;
	background:url("../images/menu.png") no-repeat 0px -50px;
}
#menu .checked span
{
	float:left;
	height:31px;
	color:#2e3336;
	margin-left:27px;
}
#menu .checked span p {
	float:left;
	margin:14px 0 0 0;
}
#menu  .checked span input
{
	width:104px;
	height:19px;
	line-height:20px;
	border-top:2px solid #9e9e9c;
	border-left:2px solid #9e9e9c;
	border-right:2px solid #dbcebe;
	border-bottom:2px solid #dbcebe;
	margin:8px 0 0 8px;
	background-color:#fff;
}

#menu  .checked span input:last-child
{
	width:39px;
	height:23px;
	margin-left:6px;
	margin-top:7px;
	cursor:pointer;
	border:none;
	background:url("../images/menu.png") no-repeat -159px -289px;
}
#menu .checked span:last-child
{
	height:22px;
	line-height:22px;
	float:left;
	margin:9px 0 0 28px;
}
#menu .checked span:last-child span
{
	color:#ec4c00;
	font-size:14px;
	margin:0px;
}
#menu .checked span:last-child a
{
	color:#992a00;
	margin:0px 10px;
}
#menu .checked span:last-child a:last-child
{
	color:#5a3c34;
	margin:0px;

}*/

#menu .check span
{	
	float:left;
	height:31px;
	color:#2e3336;
	margin-left:27px;
}
#menu .check span p {
	float:left;
	margin:14px 0 0 0;
}
#menu  .check span input
{
	width:142px;
	height:19px;
	line-height:20px;
	border-top:2px solid #9e9e9c;
	border-left:2px solid #9e9e9c;
	border-right:2px solid #dbcebe;
	border-bottom:2px solid #dbcebe;
	margin:8px 0 0 8px;
	background-color:#fff;
}
#menu  .check span input:last-child
{
	width:39px;
	height:24px;
	margin-left:5px;
	background:url("../images/menu.png") no-repeat -159px -289px;
	border:none;
cursor:pointer;
}
#menu  .check  a
{
	height:22px;
	line-height:22px;
	float:right;
	margin:7px 22px 0 38px;
	padding-left:20px;
	color:#8a4528;
	background:#e9eef4 url("../images/menu.png") no-repeat -200px -287px;
}
/**/
#submenu {
	background:#e9eef4 url("../images/menu.png") no-repeat 0 -250px;
	width:1002px;
	margin:0 auto;
	display:none;
}
#submenu ul {
	width:363px;
	margin-left:215px;
}
#submenu ul li {
	display:inline;
	height:29px;
	line-height:29px;
	margin:0 0 0 17px;
}
#submenu ul li a {
	display:block-inline;
	padding:3px 12px;
	color:#ffffff;
	text-decoration:none;
}
#submenu a:hover {
	color:#2d0506;
	font-weight:bold;	
	background:#ffebeb;
}
/**/
#host a {
	display:block;
}
#trade a {
	display:block;
}
#race a {
	display:block;
}
#work a 
{
	display:block;
	padding:8px 3px 0 3px;
}
#work div 
{
	padding-bottom:8px;
}
#left .ad a
{	
	display:block;
	width:150px;
	height:176px;
	background:url('../images/ad01.png') no-repeat left top;
}
#left .ad a img
{
	width:144px;
	height:170px;
	margin:3px;
}
#focus div {
	display:block;
	width:469px;
	height:212px;
	background:url("../images/beijing.png") no-repeat;
	padding:5px 3px;
}
#right_1 .ad a
{	
	display:block;
	background:url('../images/ad02.png') no-repeat left top;
}
#right_1 .ad a img
{
	width:300px;
	height:100px;
	margin:5px 5px 6px;
}
/**/
#login p.submit,#login input
{	
	background:url(../images/second/lightbrown.png);
}
#login div
{
	padding:5px 0 8px 0;
}
#login p
{
	height:32px;
	line-height:32px;
}
/*
#login input[type="text"],#login input[type="password"]
{
	height:22px;
	line-height:22px;
	background-position:-930px 0;
	width:185px;
	text-indent:1px;
}
*/
#login label
{
	display:inline-block;
	width:75px;
	text-align:right;
	color:#3F3432;
}
#login input[type="submit"]
{
	width:63px;
	height:20px;
cursor:pointer;
	margin-left:76px;
	background-position:-1130px -1px;
	_margin-top:6px;		/*hack for ie6 -- button vertical align*/
	margin-bottom:-4px\0;	/*hack for ie8 -- button vertical align*/
}
#login p:last-child
{
	line-height:38px\0;		/*hack for ie8 -- text vertical align*/
}
#login a
{
	color:#3E302F;
	margin-left:14px;
}
/**//*
div.slideshow {
	width:310px;
	height:196px;
	margin-top:4px;
	overflow:hidden;
	position:relative;
	background:url("../images/time.png") no-repeat;
}	
div.slideshow div.empty {
	position:absolute;
	left:0;
	right:0;
}
div.empty img {
	 width:303px;
	 height:93px;
	 margin-top:5px;
	margin-left:3px;
	border-bottom:2px solid #f78c2a;
}
div.slideshow .time
{
	float:left;
	width:303px;
	height:38px;
	line-height:42px;
	background:#000;
	margin-left:3px;
}
div.slideshow .time b
{
	font-size:18px;
	color:red;
	margin:0 8px 0 128px;
}
div.slideshow .time span
{
	color:#fff;
}
div.slideshow .time b.open
{
	margin-left:118px;
}
div.slideshow .game
{
	display:inline;
	float:left;
	width:303px;
	margin-top:13px;
	margin-left:3px;
}
div.slideshow .game h4
{
	margin-left:15px;
	font-size:14px;
	color:#ca5102;
}
div.slideshow .game ul
{
	display:inline;
	float:left;
	width:288px;
	margin-bottom:6px;
	margin-left:15px;
	margin-top:3px;
}
div.slideshow .game ul li
{
	float:left;
	margin-right:19px;
}
div.slideshow .game ul li a
{
	color:#9d9ca4;
	text-decoration:none;
}
div.slideshow .game ul li a:hover
{
	text-decoration:underline;
}*/


#slideShowItems {
	width:310px;
	height:196px;
	margin-top:4px;
	overflow:hidden;
	position:relative;
	background:url("../images/time.png") no-repeat;
}	
#slideShowItems img {
	width:303px;
	height:93px;
	margin-top:5px;
	margin-left:3px;
	border:0;
}
#slideShowItems .time
{
	float:left;
	width:303px;
	height:48px;
	line-height:48px;
	background:#000;
	margin-left:3px;
	color:#fff;
}
#slideShowItems .time b
{
	font-size:18px;
	color:red;
	margin:0 8px;
}
#slideShowItems .time span
{
	margin-left:96px;
}
#slideShowItems .time b.open
{
	margin-left:110px;
}
#slideShowItems .game
{
	float:left;
	width:303px;
	margin-top:13px;
	margin-left:3px;
	margin-bottom:13px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	color:#ff7300;
}



/****notice****/
#notice
{
	background:url(../images/time.png) no-repeat;
}
#notice img
{
	width:303px;
	height:93px;
	margin-top:5px;
	margin-left:3px;
	border-bottom:2px solid #f78c2a;
}
#notice div.game
{
	display:inline;
	float:left;
	width:303px;
	margin-top:13px;
	margin-left:3px;
}
#notice div.game h4
{
	margin-left:15px;
	font-size:14px;
	color:#ca5102;
}
#notice div.game ul
{
	display:inline;
	float:left;
	width:288px;
	margin-bottom:6px;
	margin-left:15px;
	margin-top:3px;
}
#notice div.game ul li
{
	float:left;
	margin-right:19px;
}
#notice div.game ul li a
{
	color:#9d9ca4;
	text-decoration:none;
}
#notice div.game ul li a:hover
{
	text-decoration:underline;
}
#notice div.time
{
	clear:both;
	width:303px;
	height:38px;
	background:#000;
	margin-left:3px;
	color:#fff;
}
#notice div.time b
{
	float:left;
	font-size:16px;
	font-weight:bold;
	color:red;
	margin:14px 20px 0 97px;
}
#notice div.time span{
	float:left;
	margin-top:17px;
}
/**/
#vote h3,#vote p .submit,#vote p .look
{	cursor:pointer;
	background:url(../images/right.png);
}
/****vote******/
#vote {
	height:235px;
	background:url(../images/m_media.png) no-repeat;
}
#vote h3
{
	float:left;
	width:310px;
	height:34px;
	color:#fff;
	background-position:-900px 0px;
	background-repeat:no-repeat;
}
#vote h3 span
{
	float:left;
	margin-top:11px;
	margin-left:36px;
}
#vote h4
{	
	display:inline;
	float:left;
	margin-left:24px;
	margin-top:18px;
	color:#c74a00;
	font-size:14px;
	
}
#vote ul 
{
	display:inline;
	float:left;
	width:271px;
	margin:21px 0 21px 35px;
}
#vote ul li
{
	float:left;
	width:271px;
	height:25px;
	line-height:25px;
	border-bottom:1px solid #d0c6ba;
	color:#513921;
}
#vote ul li .radio
{
	background:#d4c8ba;
}
#vote ul li span
{
	margin-left:14px;
}
#vote p
{
	float:left;
	margin-left:54px;
	margin-bottom:0px;
}
#vote p .submit
{
	width:51px;
	height:21px;
	margin-right:14px;
	background-position:-1940px 0px;
	background-repeat:no-repeat;
}
#vote p .look
{
	width:78px;
	height:21px;
	background-position:-1850px 0px;
	background-repeat:no-repeat;	
}
/**/
#friend {
	position:relative;
	width:1002px;
	margin:20px auto;
}
#friend p {
	position:absolute;
	display:inline-block;
	top:-13px;
	left:15px;
	width:auto;
	height:auto;
	color:#898989;
	font-weight:bold;
	background:#fff;
	float:left;
	padding:5px;
}
#friend ul {
	width:1000px;
	padding:0 0 10px 0;
	border:1px solid #d9d9d9;
	float:left;
}
#friend ul li {
	display:inline;
	float:left;
	margin:15px 0 0 30px;
}
#friend img {
	width:88px;
	height:31px;
}
/**/
#bottom{
	width:1002px; 
	margin:10px auto;
	/*color:#943634;*/
}
#bottom .unit,#bottom .us,#bottom .icp {
	text-align:center;
	margin-top:13px;
}
#bottom .unit a {
	color:#585858;
}
#bottom .us a,#bottom .icp a {
	color:#585858;
	margin:0 5px;
}
/*added by xiaoshu on 2010-05-17 00:17 -- begin*/
div#logined{

	padding:0;
}
div#logined p{
	
	text-align:center;
}
div#logined p span{
	font-weight:bold;
	font-size:16px;
	color:#B60000;
	margin-left:0.5em;
}
div#logined ul
{
	float:left;
	width:310px;
	padding-top:45px;
	padding-bottom:15px;		
}
div#logined ul li
{
	float:left;
	width:33%;
	text-align:center;
}
/*end*/