body { background: url(../images/bg-body.png) repeat; font-size: 13px; font-family: Tahoma; line-height: 120%;height:100%  }
img { border: solid 1px #666; }
a { color: #000; text-decoration: none; }
a:hover, a:active { color: #0061ff; text-decoration: underline;}
h2 { font-size: 13px; margin: 0; }
h3 { font-size: 13px; margin: 0; }
/* Color Scheme */
.pink { color: #ef467a; }
.orange { color: #ef5000 }
.red { color: #d71920 }

 #container { position: relative; width: 960px; margin: 0 auto; background: #fff  url(../images/bg-container.png) repeat-y right top ; overflow: hidden; height:auto;} 
#header { display: block; width: 960px; height: 160px; position: relative; background: url(../images/bg-head.png) no-repeat; float: left;  }
h1 { display: block; width: 194px; height: 79px; position: absolute; background: url(../images/logo.png) no-repeat; top:40px; left: 10px; text-indent: -1000em; margin: 0; }
#header .breadcumb { width:960px; height: 16px; background: url(../images/bg-header-pink.png) repeat-x; position: absolute; top:0; left: 0; text-indent: 20px; padding-top: 7px; font-size: 12px;}
#header .breadcumb a:hover {text-decoration: none; }
#header .banner { display: block; position: absolute; top:33px; right:22px; }
#nav { font-size: 13px; list-style: none; width: 960px; height: 23px; background: url(../images/bg-header-pink.png) repeat-x; position: absolute; bottom: 1px; margin: 0; }
#nav li { padding: 0; margin: 0; display: inline; }
#nav li a { display: block; float: left; font-weight: bold; padding-top: 5px; padding-left: 20px; }
#nav li a:hover { text-decoration: none; }
#left { padding: 7px 7px 0 5px; display: block;float: left; width: 195px; }
#left ul, #left ul li { list-style: none; margin: 0; }
#left .box-1 { border: solid 1px #d6d6d6; padding: 3px 7px 10px; }
#left .box-1 h3 { margin-bottom: 10px; }
#left .box-1, #left .box-1 a { color: #f42787; }

.box-1 li  { border-bottom: dashed 1px #919191; margin: 0; padding: 8px 0; }
.box-1 li a { padding-left: 25px; background: url(../images/bullet-arrow-grey.png) no-repeat 9px 7px; }
.opera .box-1 li a { background-position: 9px 4px; }
h3.hd-pink { color: #bf0b0b; background: url(../images/hd-box-pink.png) repeat; width: 195px; text-align: center; padding: 7px 0; margin: 5px 0;}
ul.box-2 { background: url(../images/bg-box-2.png) repeat-y }
ul.box li { display: block; min-height: 70px; height: auto!Important; height: 66px; padding: 10px 7px; border-bottom: dashed 1px #919191; font-size: 12px;}
ul.box li img { float: left; margin-right: 5px; }
ul.box a {  display: block; margin-bottom: 5px; font-weight: bold; }
ul.box em { text-align: right; display: block; font-style: normal; margin-top: 10px;   }


ul.box-2 a, ul.box-2 em {color: #bf0b0b; }
h3.hd-green  { color: #199420; background: url(../images/hd-box-green.png) repeat; width: 195px; text-align: center; padding: 7px 0; margin: 5px 0;}

ul.box-3 {  background: url(../images/bg-box-3.png) repeat-y }
ul.box-3 a, ul.box-3 em { color: #199420; }

/* Center Right*/
#centerright { width: 741px; float: right; display: block ; background: #fff;  font-size: 12px;position:relative;margin:0px auto;height:1100px;}

/* Center */
#center { width: 490px; display: block; float: left; padding: 0; background: #fff;  font-size: 12px; }
.ie6 #center { overflow: hidden; }
h2.type-1 { background: #f2f2f2; border:  solid 1px #dad6d5; padding: 3px 5px; margin-bottom: 3px; }


.box-table a { display: block; font-weight: bold; margin: 3px 0;}
.box-table img  { display: block; } 
.box-table table { margin: 0; }
.box-table table td {  padding: 0 5px 15px 5px; width: 118px;  }

#game-cooking { border: solid 1px #48b4ff; margin: 0 0 7px; padding: 0 5px; color: #a46000; width: 478px; overflow: hidden; }
#game-cooking h2 { width: 483px; height: 20px; padding-top: 25px; text-indent: 65px; background: url(../images/hd-game-cooking.png) no-repeat; color: #48b4ff; position: relative; top: -12px; }
.ie6 #game-cooking h2 { position: relative; left: -5px; }
#game-cooking a { color: #48b4ff; }


#game-costume { color: #ff8800; background: url(../images/bg-game-costume.png) repeat; border-bottom: dashed 1px #b89488; margin-bottom: 7px; }
#game-costume h2 { color: #f42787;  background: #fff url(../images/hd-game-costume.png) no-repeat center top; padding-top: 25px; text-indent: 10px; padding-bottom: 5px; }
#game-costume a { color: #f42787; }

#game-racing { color: #b37a00; border-bottom: dashed 1px #b89488; margin-bottom: 7px;  }
#game-racing h2 { margin-bottom: 7px; }
#game-racing a { color: #ff8800; }

#game-new { color: #fe19ac;}
#game-new a { color: #d71920; font-weight: bold; background: url(../images/bullet-arrow-grey.png) no-repeat 0 7px; padding-left: 15px; }
#game-new td { padding: 5px 4px 5px 10px; border-bottom: dashed 1px #b89488; width: 225px;  }
#game-new tr.odd td { background: #f2f2f2; }
#game-new td.space { border-right: solid 10px #fff;  }

/* Right */
#right { display: block; float: left; width: 251px; padding: 0 4px 0 7px;   background: #fff; }
#right p { margin-bottom: 5px; }

h3.hd-random-game { display: block; width: 184px; height: 29px; padding-left: 60px; background: url(../images/hd-random-game.png) no-repeat; margin: 0 auto; color: #9d4210; padding-top: 17px }
.box-5 { background: url(../images/bg-container.png) repeat-y -1px top; }
.box-5 a:hover { color: #9d4210; }
.box-5 ul { list-style: none; margin: 0; }
.box-5 li { margin: 0;  padding: 6px 0; border-bottom: dashed 1px #ab8500;  }
.box-5 li.odd { background: #fef3cf; }
.box-5 li a { background: url(../images/bullet-arrow-brown.png) no-repeat 10px 7px; padding-left: 26px; font-size: 12px;}
.box-5 li a:hover { text-decoration: none; }
#right .status { display: block; width: 191px; height: 85px; background: url(../images/bg-status-system.png) no-repeat; margin:  10px auto 0; text-align: center; }
#right .status h3 { text-indent: -15px; padding: 20px 0 20px 0; color: #8c6239; }
#right .status strong { color: red;  }

/* Footer */
#footer { width: 960px; display: block; clear:both; background: #fff url(../images/bg-footer.png) repeat-x 0 4px; padding: 4px 0 0 0; position: relative;}
#footer p { margin: 0; }
p.footer-search { position: absolute; color: #0099ff; text-align: center;  padding-left: 280px; top:15px;}
.opera p.footer-search { top:7px; }
.ie p.footer-search { top:3px; }
p.footer-search input.search { color: #666; text-align: center; }
.gecko p.footer-search input.btn-search { top:1px; }
#footer ul.group { display: block; width: 760px; padding: 50px 0 10px 170px; margin: 0; background: url(../images/bg-footer-2.png) no-repeat 30px 15px; font-size: 12px; }
#footer ul.group li { margin: 0; padding: 0; list-style: none; padding-bottom: 3px; }
#footer ul.group li strong { color: #0061ff; }
#footer ul.group li a:hover { text-decoration: none; }
#footer p.copyright { text-align: center; margin: 0 6px; padding: 7px 0 10px; border-top: dashed 1px #999; position: relative; }
img.tag-xhtml { position: absolute; border: none; right: 100px; top: 6px; }
img.tag-css { position: absolute; border: none; right: 15px; top: 6px; }

/* Theme */
#theme { display: block; width: 750px; float: left; padding: 7px 0; background: #fff; position: relative; z-index: 9999;}
#game-top { width: 490px; display: inline; float: left; margin-right: 6px; }
#game-top p { padding: 15px 5px 15px 0; min-height: 66px; height: auto !important; height: 66px; margin: 0; border-bottom: dashed 1px #666; position: relative; }
#game-top p img { float: left; margin-right: 5px; }
#game-top p a { display: block; color: #ef467a; margin: 2px 0 5px; margin-right: 130px;  }
#game-top p.even { background: #f8f5f3; }
#game-top p em { position: absolute; right: 5px; top: 18px; color: #ef467a;}
.win #game-top p em { top:16px; }

p.banner { display: block; float: left; margin-bottom: 5px; }
#theme p.search { background: url(../images/bg-right-search.png) repeat; display: block; width: 250px; padding: 10px 0; text-align: center; font-size: 12px; float: left; margin-bottom:5px;}
#theme p.search a { color: #ff0000; }
input.search { width: 170px; height: 17px; border: solid 1px #1895ec; padding:2px 17px 0 3px; position: relative; left: 7px; margin-bottom: 10px; }
.opera input.search { top:7px; position: relative; }
.ie input.search { top:10px; position: relative; }
input.btn-search { display: inline; width: 14px; height: 15px; background: url(../images/btn-search.png) no-repeat; border: none; text-indent: -1000em; text-transform: capitalize; position: relative; left: -15px; top: 2px; }
.safari input.btn-search { top: 3px; }
.opera input.btn-search { top: -1px; }
.ie input.btn-search { top: -2px; }


.game_cate_item
{
	float:left;
	width:220px;
	border: solid 1px #CCC;
	margin:10px 10px 10px 10px ;
	height:auto;
}
.game_cate_item p
{
	font-weight: bold; 
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #F42744;
	border-bottom : solid 1px #CCC;
	background-image:url(/images/bg-body.png);
	margin: 0px;
}
.game_cate_item p a
{
	color: #FFFFFF;
}
.game_cate_item img
{
	margin:0px;
	float:left;
	padding:5px;
	border-width:0px;
	width:60px;
	height:60px;
}
.game_cate_item span
{
	padding-left:3px;	
	color:#F42744;
}

#paging
{
	width:90%;
	margin-left:10px;
	margin-right:10px;
	text-align :center;
}
#paging a
{
	color: #666666;
	padding-left:2px;
	padding-right:2px;
}

.tableGameDetails
{
	width:100%;
}
.tableGameDetails td
{
	padding-left:3px;
	padding-bottom:3px;
	vertical-align:top ;
}

.headTopic
{
	padding: 3px;
	background-color: #F73552;
	font-weight: bold;
	color: #FFFFFF;
	margin: 1px;
}

