@import url("/css/html.css");

body 
{
	background: url("/images/background.gif") 0px 0px;
	font-size : 12px;
	font-family: "Tahoma" ,Verdana, Arial, Helvetica, sans-serif;
	color: #4F5F6F;
	text-align : center;
}
#container
{
	background: url("/images/container.gif") repeat-x 0px 0px;
}
#topWrap
{
	margin : 0px auto;
	text-align : center;
	width : 960px;
	position : relative ;
}
#top
{
	width : 960px;
	background : url("/images/top.jpg") no-repeat top left;
	height : 127px;
}
#logo 
{
	width :  150px;
	height : 76px;
	position : absolute;
	left : 0px;
	top : 6px;
	z-index : 999px;
}
#logo a
{
	display : block;
	height : 75px;
	width : 150px;

}
#logo a img
{
	text-align :left;
}
#toobar
{
	width : 600px;
}
#toobar ul
{
	background:url("/images/main_menu.jpg") no-repeat 0px 0px;
	height : 27px;
	width : 600px;
	position : absolute;
	top:4px;
	right : 0px;
}
#toobar ul li
{
	display:inline;
	float:left;
}
#toobar ul li a
{
	display : block;
}
#fun
{
	position : absolute;	
	top:45px;
	right : 0px;
	background:url("/images/fav.gif") no-repeat 0px 0px;	
	width : 200px;
	height : 24px;
}
#fun ul li
{
	float:left;
	display : inline;
}
#menu
{
	position : absolute;	
	top:84px;	
	left:0px;
	height : 38px;
	display:inline;
	width : 780px;
}
#menu ul li
{
	width : 60px;
	float:left;
	display : inline;
}
#menu ul li a
{
	line-height : 35px;
	font-size : 12px;
	font-weight : bold;
	color : #d1fffb;
	display : block;
}
#menu ul li a:active,
#menu ul li a:hover,
#menu ul #current a
{
	background : url("/images/menu_hot.gif") no-repeat left top;
	color : #b75200;	
}
#searchbar
{
	position : absolute;	
	top:90px;	
	right:0px;
	left : 780px;
	height : 38px;
	display:inline;
	width : 240px;
}
#searchbar from
{
}
#searchbar input
{
	border : 0px none;
	width : 152px;
	height : 24px;
	line-height :24px;
	padding : 0px 2px;
	background : url("/images/input.gif") no-repeat ;
	color: #f87800 ;
	display : inline;
	float:left;
}
#searchbar #sbtn
{
	background : url("/images/sbtn.gif") no-repeat 0px 0px;
	width : 23px;
	height : 24px;
}
#searchbar #sbtn:active,
#searchbar #sbtn:hover
{
}
#mainWrap
{
	margin-top : 5px;
	width : 960px;
	height : 100%;
	position : relative;
}
#leftWrap
{
	width : 270px;
	float:left;
	display:inline;
	margin-right : 10px;
}
#leftWrap2
{
	width : 200px;
	float:left;
	display:inline;
	margin-right : 10px;	
}
#rightWrap
{
	width : 680px;
	float:left;
	display:inline;
}
#rightWrap2
{
	width : 750px;
	float:left;
	display:inline;
}
#leftWrap #category
{
	display : block;
}
#leftWrap .border1 h1
{
	background : url("/images/title1.gif") no-repeat 0px 0px;
	font-size : 12px;
	font-weight : bold;
	color : #fff;
	line-height : 30px;
	height : 32px;
	text-align : left;
	text-indent : 35px;
}
#leftWrap2 .border5 h1
{
	background : url("/images/title5.gif") no-repeat 0px 0px;
	font-size : 12px;
	font-weight : bold;
	color : #fff;
	line-height : 30px;
	height : 32px;
	text-align : left;
	text-indent : 35px;	
}
#leftWrap #category .border-center #categories
{
	padding-bottom : 9px ;
	padding : 0px 10px;
	border-bottom : 1px dotted #8eb6be;
	overflow : hidden;
}
#leftWrap #category .border-center .clast
{
	border-bottom : 0px none;
}
#leftWrap #categories h2
{
	font-size : 13px;
	margin : 5px 0px;
	text-indent : 38px;
	color : #333;
	background : url("/images/category.gif") no-repeat left center;
	line-height : 28px;
}
#leftWrap #categories h2 span
{
	color : #ff0000;
}
#leftWrap #categories p
{
	color : #8eb6be;
	text-align:justify;	
}
#leftWrap #categories p a
{
	color : #333;
	line-height : 26px;
	height : 26px;	
	font-size : 12px;
}
#lastBorder
{
	width : 270px;
	height : 3px;
	background : url("/images/b1_bottom.gif") no-repeat 0px 0px;
	float:left;
	display:inline;
}
#leftWrap2 #lastBorder
{
	width : 200px;
	height : 3px;
	background : url("/images/b5_bottom.gif") no-repeat 0px 0px;
	float:left;
	display:inline;	
}
#bottomWrap
{
	background: url("/images/bottom.gif") repeat-x ;
	height : 79px;
}
#bottomWrap #navigate
{
	margin : 0px auto;
	width : 960px;
	text-align : center;
}
#bottomWrap #navigate ul
{
	text-align : center;
	padding-top : 15px;	
}
#bottomWrap #navigate ul li
{	
	display : inline;
	line-height : 22px;
	height : 22px;
	margin : 0px 10px;
}
#bottomWrap #navigate ul li a
{
	font-size : 12px;
	color :#d1fffb;
	font-weight : bold;
}
#bottomWrap #navigate p
{
	display : block;
	padding-top : 10px;
	color : #fff;
}
#second-menu
{
	float:left;
	display:inline;
	width : 960px;
	margin-bottom : 10px;
}
#second-menu table
{
	border : 1px solid #b5e1ee;
	background-color : #f0fcff;
	border-collapse :  collapse ;
}
#second-menu table tr td
{
	width : 120px;
	text-align : center;
	height : 28px;
	line-height : 28px;
	border-bottom : 1px dotted #b5e1ee;	
}
#second-menu table tr td a
{
	color : #06a0b4;
}
#second-menu table tr td a:active,
#second-menu table tr td a:hover
{
	color: #FC6600 ;
}
#ranking
{
	padding :0px 10px;
	float:left;
	display:inline;
	width : 250px;
}
#hotgame
{
	padding :0px 10px;
	width : 180px;	
}
#ranking ul li
{
	float:left;
	display:inline;
	padding : 5px 0px;
	border-bottom : 1px dotted #c8e9f7;
	width : 250px;
}
#hotgame ul li
{
	padding : 5px 0px;
	text-align : center;
}
#ranking ul li img
{
	border:1px solid #c8e9f7;
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
	width : 50px;
	height : 50px;
}
#hotgame ul li img
{
	border:1px solid #c8e9f7;
	margin:0px;
	overflow:hidden;
	text-align : center;	
}
#hotgame ul li a
{
	display : block;
	margin : 5px 0px;
}
#ranking ul li p
{
	text-align : left;
	float:left;
	display :inline;
	width : 180px;
}
#ranking ul li p span
{
	display : block;
}
#ranking ul li a
{
	line-height : 26px;
}
#ranking ul li a:active,
#ranking ul li a:hover
{
	color: #FC6600 ;
}	
.page-functions
{
	text-align : right;
	padding : 10px 20px;
	float:right;
	height:80px;
	display : inline;
}
.page-functions p
{
	float:left;
	display : inline;
	margin-right : 10px;
}
.page-functions p span
{
	color : #ff0000;
}
.page-functions a
{
	margin : 0px 8px;
	color : #333;
}
.page-functions .num
{
	border : 1px solid #333;
	padding : 5px;
	text-align : center;
	margin : 0px 3px;
}
.page-functions #current
{
	color : #ff0000;
}
.page-functions a:hover,
.page-functions a:active
{
	color: #FC6600 ;
}
#total
{
	padding : 0px 10px;
	overflow:hidden;
}
.st1
{
	background : url("/images/st.gif") no-repeat 0px -0px;		
}
.st2
{
	background : url("/images/st.gif") no-repeat 0px -14px;		
}
.st3
{
	background : url("/images/st.gif") no-repeat 0px -28px;		
}
.st
{
	background : url("/images/st.gif") no-repeat 0px -42px;	
}
#total ul li
{
	line-height : 14px;
	height : 14px;
	margin : 10px 0px;		
}
#total ul li span
{
	width : 16px;
	height : 14px;
	float:left;
	display : block;
	margin-right : 5px;
	text-align : center;
	color : #fff;
}