/*  

Theme Name: Km603

Author URI: http://www.km603.com/

Version: 1.0

Author: Kenny Ma

Description: Km603 is a free theme by <a href="http://www.km603.com/">Kenny Ma</a>.

The CSS/XHTML is released under GPL: 

http://www.opensource.org/licenses/gpl-license.php

*/



body {

	color: #666666;

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

	margin: 0px 0px 0px 0px;

	}

body * {

	margin: 0px; 

	padding: 0px;

}

img {

	border: none;

	background: none;

}

hr {

	height: 5px;

	color: #fff;

	margin: 10px 0px;

	border: none;

	border-top: 1px dotted #D3D3D3;

}

/*************************************

	Links

**************************************/

a, a:visited{

	color: #3F6E84;

	text-decoration: underline;

    font-weight: bold;

	}

	

a:hover{

	text-decoration: underline;

	color: #FF8800;

	}

/*************************************

	Headings

**************************************/

h1, h3 {

	color: #ff7700;

	font-size: 10px;

	font-weight: bold;

	margin: 1px 0px 10px 2px;

	line-height: 60%;

	}



h1 a, h3 a, h1 a:visited, h3 a:visited  {

	color: #FF0084;

	text-decoration: none;

	}

h1 a:hover, h3 a:hover {

	color: #FF0084;

	text-decoration: none;

	}

h2 {

	color: #000;

	font-size: 24px;



	font-weight: normal;

	padding: 10px 0px;

	line-height: 150%;

	margin: 0px;

	}

	

h2 a, h2 a:visited  {

	color: #6B030B;

	text-decoration: underline;

	}

h2 a:hover {

	color: #000000;

	text-decoration: none;

	}

h3 {

	color: #245A73;

	font-size: 10px;

	font-weight: bold;

	margin: 0px 0px 5px 0px;

	line-height: 150%;

	}



/* This is for our sidebar headers.  We need them large */



h3 a, h3 a:visited, h3 a:hover {

	color: #245A73;

	text-decoration: none;

	}



#r_sidebar h2, #l_sidebar h2 {

	margin: 5px 0px; padding: 0px;

	font-size: 20px;

}

h6 {

	color: #000;

	font-size: 24px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;;

	font-weight: normal;

	padding: 10px 0px;

	line-height: 150%;

	margin: 0px;

	}



/*************************************

	Main Container

**************************************/

#container { 

	width: 660px; 

	text-align: center; 

	margin: 0 auto;

	border: 0px solid black;

	}

/*************************************

	Header

**************************************/

#header { 

	height: 1px; 

	padding: 0px;

	position: relative;

	}

#header .title {

	color: #DEDEDE;

	text-decoration: none;

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 1px;

	font-weight: bold;

	text-transform: uppercase;

	margin: 0px;

	padding: 1px 0px 0px 0px;

}

#header .title a {

	color: #DEDEDE;

	text-decoration: none;

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 1px;

	font-weight: bold;

	text-transform: uppercase;

	margin: 0px;

	padding: 0px;

}

#header .title a:hover {

	color: #A1B4B9;

}

#header .description {

	color: #FFF;

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 18px;

	font-style: italic;

	font-weight: normal;

	margin: 0px;

	padding: 0px;

}

/*************************************

	Top Search Form

**************************************/

.searchform {

	background: #FF8800 url(images/search.jpg) bottom left no-repeat;

	float: right;

	padding: 4px;

	position: absolute;

	top: 1px;

	right: 0px;

}

.searchform .s {

	border: none;

	background: #FFF;

	color: #666;

	font-family: Times New Roman, Georgia, Serif;

	padding: 2px;

	width: 184px;

}

/*************************************

	Horizontal Menu

**************************************/

#menu { 

	background: transparent;

	font-size: 2px;

	font-family: Verdana, Helvetica, Arial, Sans-Serif;

	padding: 0px;

	text-align: right;

	position: absolute;

	bottom: 0px; right: 0px;

	}

#menu ul {

	margin: 0px;

	padding: 0px;

	}

#menu li {

	float: left;

	list-style-type: none;

	margin: 0px 0px 0px 4px;

	padding: 0px;

	background: url(images/tab.jpg) 0px 0px repeat-x;

	}

#menu ul li a {

	font-family: Verdana, Helvetica, Arial, Sans-Serif;

	font-size: 2px;

	color: #ffffff;

	padding: 0px;

	margin: 0px;

	text-decoration: none;

	display: block;

	padding: 12px 1px;

	}



#menu ul li a:hover, #menu ul li.current_page_item {

	text-decoration: none;

	background: url(images/tab.jpg) 0px -50px repeat-x;

	}

/*************************************

	Content

**************************************/

#content { 

	width: 510px; 

	float: left; 

	margin: 0px 0px 1px 0px;

	display: block;

	}



#content-single { 

	width: 620px; 

	float: left; 

	margin: 0px 0px 2px 0px;

	display: block;

	}



#content-category { 

	width: 680px; 

	float: left; 

	margin: 0px 20px 20px 20px;

	display: block;

	} 



#content-single p{

	margin: 0px;

	line-height: 8px;

	padding: 0px 2px 2px 2px;

	font-size: 11px;

	}

#content-single p img{

	border: none;

	padding: 0px 5px 15px 0px;

	}

#content-single ol {

	list-style-type: decimal;

	line-height: 18px;

	margin: 0px;

	padding: 0px 0px 10px 30px;

	}

#content-single ul {

	list-style: none;

	margin: 0px;

	padding: 0px 0px 10px 0px;

	}

	

#content-single li {

	margin: 0px;

	padding: 0px;

	}

	

#content-single ul li {

	list-style: square outside;

	margin: 0px 30px 0px 30px;

	padding: 5px 0px 0px 5px;

	}

blockquote{

	margin: 0px 0px 0px 25px;

	padding: 0px 25px 0px 10px;

	font-style: italic;

	color: #666666;

	border-left: 1px solid #cccccc;

	}

	

#content-single blockquote p{

	margin: 0px 0px 20px 0px;

	padding: 0px;

	}

#content-single .post-meta {

	display: block;

	background: #FCF4C7;

	margin: 8px 0px 15px 0px;

	padding: 5px 10px;

	font-size: 11px;

	color: #AD5433;

	clear: both;

}



#content-single .title {

	display: block;

	background: #141D22;

	margin: 0px 0px 5px 0px;

	padding: 0px 5px;



	border-top: 3px solid #FF0084;

	font-size: 11px;

	color: #AD5433;

	clear: both;

}



#content-single .post-meta-more {

	display: block;

	margin: 0px 0px 15px 0px;

	padding: 0px 0px;

	font-size: 11px;

	color: #AD5433;

	clear: both;

}



#content-single .gamebox {

	display: block;

	background: #FFFFFF;

	clear: both;

}



#content-single .banner468 {

	overflow:auto;

	display: block;

	background: #000000;

	text-align: center;

	padding: 3px;

	clear: both;

}



#content-single .tdcel {

	width: 25%;

	text-align: center;

	padding: 2px;

	background: #ffffff;

	clear: both;

}





/*********************************************

		Previous/Next Page Navigation

*********************************************/

.page-nav {

	clear: both; /* To clear any floats */

	margin: 15px 0px;

	padding: 2px 0px;

	height: 22px;

	border-top: 2px solid #274756;

	border-bottom: 1px solid #1A2E39;

}

.nav-previous {

	width: 249px; 

	float: left; 

	text-align: left;

	margin: 2px 0px;

}

.nav-next {

	width: 249px; 

	float: right; 

	text-align: right;

	margin: 2px 0px;

}

.page-nav a {

	text-decoration: none;

}

.nav-previous a {

	padding-left: 18px;

	background: url(images/arrow-left.gif) 0px 6px no-repeat;

}

.nav-next a {

	padding-right: 18px;

	background: url(images/arrow-right.gif) right 6px no-repeat;

}

/*************************************

**************************************

	Comments

**************************************

**************************************/

#comments-wrap {

	width: 548px;

}



/*	Headers	*/



#comments-wrap h3 {

	font-size: 20px;

}



/*	Trackbacks	*/



.trackbacklist {

}

.thetrackback {

	margin: 0px 0px 20px 0px;

}

.trackback-body {

	margin: 0px; padding: 10px;

	border: 1px solid #D3D3D3;

	border-bottom: none;

}

.trackback-metadata {

	margin: 0px; padding: 10px;

	border: 1px solid #D3D3D3;

	font-size: 10px;

}



/*	Comments	*/



.commentlist {	

}

.thecomment {

	margin: 0px 0px 20px 0px;

	overflow: hidden;

}

.comment-body {

	border-top: 1px solid #D3D3D3;

	border-right: 1px solid #D3D3D3;

	border-left: 1px solid #D3D3D3;

	margin: 0px; padding: 10px;

}

.comment-metadata {

	background: #325768;

	padding: 10px;

	color: #FFF;

}

.comment-metadata a, .comment-metadata a:visited {

	color: #FFF;

}

.comment-metadata a:hover {

	color: #FF8800;

}

.authorcomment {

	border: 1px solid #CCC;

	margin: 0px 0px 20px 0px;

	overflow: hidden;

}

.authorcomment .comment-body {

	border: none;

}

.authorcomment .comment-metadata {

	background: #FCF4C7;

	padding: 11px 10px;

	color: #AD5433;

}

.authorcomment .comment-metadata a {

	color: #AD5433;

}

.authorcomment .comment-metadata a:hover {

	color: #FF8800;

}



/*	Comment Form	*/



#commentform {

}



/*************************************

	Sidebar

**************************************/

#sidebar {

	float: left;

	display: block;

	width: 755px;

	margin: 10px 10px 5px 0px; padding: 0px 0px 0px 5px;

}



#sidebar-single {

	float: left;

	display: block;

	width: 520px;

	margin: 14px 0px 10px 0px; padding: 0px 0px 0px 25px;

}



#sidebar-category {

	float: center;

	display: block;

	width: 960px;

	margin: 14px 0px 10px -5px; padding: 0px 0px 0px 0px;

}



#sidebar .banner728 {

	background: #000000 url(images/vertical.jpg) top right no-repeat; height: 90px;

	float: center:display: block;

	padding: 2px 2px 2px 2px; margin: 0px 0px 10px 0px;

}

#sidebar-single .sidebar-email {

	border-bottom: 1px dotted #D3D3D3;

	padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;

}

#sidebar-single .recentposts {

	border-bottom: 1px dotted #D3D3D3;

	padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;

}

#sidebar p img {

	float: right;

	margin: 0px 0px 0px 7px;

}

#sidebar ul {

	list-style-type: none;

}



#sidebar-category ul {

	list-style-type: none;

}

/*************************************

	Left Sidebar

**************************************/

#l_sidebar {

	float: left;

	display: block;

	width: 200px;

	font-size: 11px;

	margin: 10px 10px 10px 10px; padding: 5px;

    background-color: #FFCCFF;



}

#l_sidebar ul, #l_sidebar ul li {

	margin: 0px; padding: 0px; list-style-type: none;margin-bottom:3px;

}

#l_sidebar ul li ul {

	border-top: 1px solid #F4F4F4;

}

#l_sidebar ul li ul li {

	margin: 0px; padding: 0px;

	border-bottom: 1px dotted #D3D3D3;

}

#l_sidebar ul li ul li a, #l_sidebar ul li ul li a:visited {

	color: #666666;

	display: block;

	padding: 5px 3px;

	margin: 0px;

	text-decoration: none;

}

#l_sidebar ul li ul li a:hover {

	background: #FCF4C7;

	color: #AD5433;

	text-decoration: none;

}

#l_sidebar ul li ul li ul li {

	border-bottom: 1px dotted #FFF; /*IE Bug Fix */

	border-top: 1px dotted #D3D3D3;

}

#l_sidebar ul li ul li ul li a, #l_sidebar ul li ul li ul li a:visited {

	color: #666666;

	display: block;

	padding: 5px 3px 5px 10px;

	margin: 0px;

	text-decoration: none;

}

#l_sidebar ul li ul li ul {

	border: none;

	padding: 0px; margin: 0px;

}

#l_sidebar ul li ul li ul li a:hover {

	background: #FCF4C7;

	color: #AD5433;

	text-decoration: none;

}



/*************************************

	Right Sidebar

**************************************/

#r_sidebar {

	float: right;

	display: block;

	width: 230px;

	font-size: 11px;

    background-color: #CCFFFF;

}



#r_sidebar .login {

	display: block;

	background: #FCF4C7;

	margin: 5px 35px 10px 10px;

	padding: 10px 10px;

	font-size: 11px;

	color: #AD5433;

	clear: both;

}



#r_sidebar ul, #r_sidebar ul li {

	margin: 0px; padding: 0px;margin-bottom:3px;

}

#r_sidebar ul li ul {

	border-top: 1px solid #F4F4F4;

}

#r_sidebar ul li ul li {

	margin: 0px; padding: 0px;

	border-bottom: 1px dotted #D3D3D3;

}

#r_sidebar ul li ul li a, #r_sidebar ul li ul li a:visited {

	color: #666666;

	display: block;

	padding: 5px 3px;

	margin: 0px;

	text-decoration: none;

}

#r_sidebar ul li ul li a:hover {

	background: #FCF4C7;

	color: #AD5433;

	text-decoration: none;

}

#r_sidebar ul li ul li ul li {

	border-bottom: 1px dotted #FFF; /*IE Bug Fix */

	border-top: 1px dotted #D3D3D3;

}

#r_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a:visited {

	color: #666666;

	display: block;

	padding: 5px 3px 5px 10px;

	margin: 0px;

	text-decoration: none;

}

#r_sidebar ul li ul li ul {

	border: none;

	padding: 0px; margin: 0px;

}

#r_sidebar ul li ul li ul li a:hover {

	background: #FCF4C7;

	color: #AD5433;

	text-decoration: none;

}

/*************************************

	Footer

**************************************/

#text-link-ads {

	padding: 15px;

	text-align: left;

	clear: both;

	}



/*************************************

	Footer

**************************************/

#footer { 

	padding: 15px;

	text-align: left;



	color: #000;

	}

#footer a {

	color: #9BB1BB;

}

#footer-wrap {

	width: 950px;

	border-top: 5px solid #CCC;

	clear: both;

	background: #F4F4F4;

	margin: 0px auto;

	padding:5px;

}



/***************

	Index Games

***************/



#frontbox1{

	width: 33%;

	float:left;

	border-bottom: 1px solid #CCC;

	padding: 1px 0 0 0px;

	overflow:auto;

	min-height: 50px;

    background-color: #CCFF66;

}



#frontbox2{

	width: 33%;

	float:left;

	min-height: 50px;

	border-bottom: 1px solid #CCC;

	padding: 1px 0 0 0px;

	overflow:auto;

	background-color: #FFFF66;

}

#frontbox6{

	width: 33%;

	float:left;

	border-bottom: 1px solid #CCC;

	padding: 1px 0 0 0px;

	overflow:auto;

	min-height: 50px;

    background-color: #CCFF66;



#gameleft{

	float:center;

	width:150px;

	margin: 20px 0px 0px 0px;

}



#gameright{

	float:center;

	width: 150px;

	margin-top: 1px;

	color: #000;

	font-size: 11px;

}



#title{

	width: 100%;

	border-bottom: 1px solid #CCC;



	padding-left: 250px;



}





}



.img {

	padding: 5px;

	border: 1px solid #CCC;

	clear: both;

}



/***************

	Category Games

***************/



#frontbox3{

	width: 50%;

	float:left;

	border-bottom: 1px solid #CCC;

	padding: 5px 0 0 0px;

	overflow:auto;

	min-height: 250px;

}



#frontbox4{

	width: 50%;

	float:left;

	min-height: 250px;

	border-bottom: 1px solid #CCC;

	padding: 5px 0 0 0px;

	overflow:auto;

	background-color: #F4F4F4;

}



#gameleft-cate{

	float:left;

	width:250px;

	margin: 10px 10px 10px 0px;

}



#gameright-cate{

	float:left;

	width: 250px;

	margin-top: 8px;

	color: #000;

	font-size: 11px;

}



#img2 {

	padding: 3px;

	border: 1px solid #CCC;

	clear: both;

}

#title2{

	width: 100%;

	border-bottom: 1px solid #CCC;



	padding-left: 0px;



}