img { border: 0px; }

body {
	margin:0px auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background: #4c4c4e;
	color:#000000;
}

#base{
	width:900px;
	margin:0px auto;
	background: url('/imgs/repeat.jpg') repeat-y center #eeeeee;
}
#base2{
	width:900px;
	background: url('/imgs/footer.jpg') no-repeat center bottom;
}

#subtitle {
	font-size: 9px;
        font-weight: normal;
        text-align: right;
	padding: 0px 0px 5px 0px;
        margin: 0px;
}

#header{
	position:relative;
	width: 900px;
	height: 217px;
	background: url('/imgs/header.jpg') no-repeat center;
}

#content{ 
	float:left;
	display:inline; 
	width: 665px;
	min-height: 300px; /*ie6 not support*/
	padding: 0px 15px 30px 20px;
	margin: 0px;
/*	background:url('.jpg') no-repeat 567px 0px; */
}

#content h1 {
	color: #ea7600;
	text-align: right;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0px;
	font-variant: normal;
	margin: 0px 5px 15px 5px;
	padding: 0px 20px 3px 0px;
	border-bottom: 1px solid #ea7600;
}

#footer {
	clear:both;
	margin:0px;
	color: #000000;
	font-size: 11px;
	padding: 50px 210px 15px 20px;
}

.item { 
        float: left;
        width: 665px;
        vertical-align: top; 
        text-align: left; 
        font-size: 12px; 
	margin: 0px;
        padding: 5px 0px 5px 0px; 
}

.item div { 
        float: left;
        width: 49%;
	margin: 0px;
        padding: 0px 10px 0px 0px; 
}

.item h2 { /* related text */
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	font-variant: normal;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	text-align: left;
        border-top: 1px dotted #ea7600;
}

.item a { text-decoration: none; color:#330000; font-weight: bold; }
.item a:hover { color:#ff3300;}


.icon { 
        float: left; 
        padding: 5px 5px 5px 0px; 
}

.sidebar { /*width=200px*/
	float:right;
	display:inline; 
	overflow:hidden;
	width: 184px;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	color: #000000;
}

.sidebar h1 {
	color: #aa0000;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0px;
	font-variant: normal;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	border-top: 3px solid #ea7600; 
	border-bottom: 1px solid #ea7600; 
	text-align: center;
}

.sidebar a{ text-decoration: none;  color:#330000; }
.sidebar a:hover {color:#ff3300;}

.sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 8px 0px 5px 0px;
/*	background: #f0ba85; */
	border-bottom: 1px dotted #ea7600;
}

.sidebar ul li {
	line-height: 1.5em; 
	font-weight: bold;
	list-style-type: none;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 1px 13px;
	border: 0px;
}

.gamelist {
	margin: 30px 0px 0px 0px;
}

.gamelist ul li {
	line-height: 1.5em; 
	font-weight: normal;
	list-style-type: none;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 1px 13px;
	border: 2px;
}

#pager { 
        float: left;
        padding: 20px 0px 20px 0px; 
        width: 665px;
}

#pager ul { 
        list-style-type: none;
	margin: 0px;
        padding: 0px 0px 0px 0px; 
        text-align: center;
}

#pager ul li {
        display:inline;
} 

#pager-current a { 
        background: #f2a860; 
        color: #660000; padding:4px; border: 1px solid #660000;
}

#pager a { color: #660000; padding:4px; border: 1px solid #660000; }
#pager a:hover { color: #ff3300;  border: 1px solid #ff3300; }


#leftside { /*width=180px*/
	float: left;
	display:inline; 
	width: 145px;
	min-height: 300px; /*ie6 not support*/
	padding: 0px 10px 0px 10px;
	text-align: center;
}

#leftside img {
	padding: 10px 10px 10px 10px;
}

#detail {
        float: right;
        width: 500px;
	color: #000000;
	font-size: 14px;
}

#detail h2 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	margin: 0px 0px 0px 0px;
	padding: 3px 20px 3px 0px;
	text-align: left;
	border: none;
}


.mlink {  color: #aa0000;
          padding: 15px 0px 15px 0px;
          text-align: center; }

.mlink a { font-size: 18px; font-weight: bold; text-decoration: none;  color: #aa0000; }
.mlink a:hover { color:#ff3300; }

#sh_info { width: 300px;
           float: left; 
           text-align: left; 
           padding: 0px 10px 0px 20px; 
           font-size: 12px; 
	   border-right: 1px dotted #ea7600;
}

#sh_info img { 
           float: left; 
           padding: 0px; 
}

#thumbs { text-align: center; }
#thumbs img { padding: 5px 5px 5px 0px; }

#thumbs h2 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	font-variant: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: center;
	border: none;
}

#sshot { 
        width: 100%; 
        text-align: center;
  	padding: 0px 0px 20px 0px;
}

.htab {
   position: absolute;
   top: 149px; left: 340px; 
   margin: 0px;
   height: 30px;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
}

#htab {
   position: absolute;
   left: 500px; 
}
.htab tr td {
   margin: 0px;
   padding: 4px 5px 0px 0px;
   width: 160px;
   background: url('/imgs/tab.gif') no-repeat;
   border-bottom: 1px solid #ea7600;
}

.htab tr th {
   margin: 0px;
   padding: 4px 5px 0px 0px;
   font-size: 15px;
   width: 160px;
   background: url('/imgs/tab.gif') no-repeat;
}

.htab a { color: #aa0000; text-decoration: none; }
.htab tr td a { color: #660000; }
.htab a:hover { color: #ff3300; }

.rss_icon { 
   padding: 0px 0px 0px 10px; 
}

#lang {
   margin: 0px 20px 0px 0px;
   padding: 0px;
   font-size: 12px;
   font-weight: bold;
   text-align: right;
}

#lang a{ text-decoration: none;  color:#330000; }
#lang a:hover {color:#ff3300;}

#lang ul {
	list-style-type: none;
        margin: 5px 0px 0px 0px;
	padding: 0px;
}

#lang ul li {
	line-height: 1.5em; 
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

