body { padding: 5px 0 0 0; margin: 0; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background: #fff url(bg.gif) repeat-x; color: #333333; }
a { color: #18597B; background: inherit; }
a:hover { color: #E75300; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 {font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px; color: #4A9231;}
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; color: #4A9231;}
h1 a, h2 a { color: #4A9231; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
.image {border: 1px solid #ccc; background: #eee; float: left; margin: 0 9px 3px 0;}

/* layout */
#content { margin: 10px auto; width: 960px; }
#logo { margin: 0 0 10px 0; }
#logo-right { line-height: 27px; float: right; color: #333333; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px; }

#menutop{ padding: 3px 0; margin: 0; float: left; }
#menutop li{ list-style: none; display: inline; margin: 0; }
#menutop li a{
	text-decoration: none;
	padding: 4px 22px;
	margin-right: 2px;
	background: #E75100 url(corner.gif) no-repeat top right;
	font-weight: bold;
	color: #fff;
}
#menutop li a:hover{
	background: #4A9231 url(corner.gif) no-repeat top right;
	color: #fff;
}
#menutop li a.current{
	background: #4A9231 url(corner.gif) no-repeat top right;
	color: #fff;
	padding: 6px 22px;
}

#topbar
{
	clear: both;
	width: 950px;
	background: #B0D0DC url(topbg.png) repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #000000;
	height: 30px;
}
#topbar-left {float: left; width: 450px;}
#topbar-right {float: right; width: 500px; text-align: right}

/* search form styling */
form, form p { margin: 0; padding: 0; line-height: 25px; }
	
.search { width: 170px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
.category { width: 250px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.2em;  }
.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }

#page
{
	float: right;
	width: 790px;
	margin: 0;	
	padding: 0;
}
.post 
{
	margin: 0 0 10px 0;
	padding: 8px;
	background: #f4f4f4 url(bgshade.gif) repeat-x;
	color: #333333;
	border-bottom: 1px solid #ccc;
}
.post-left
{
	margin: 2px;
 	padding: 2px;  	
	float: left;
	width: 385px;
	background: #fff url(bgshade.gif) repeat-x;
}
.post-right
{
	margin: 2px;
 	padding: 2px;  	
	float: right;
	width: 385px;
	background: #fff url(bgshade.gif) repeat-x;
}
.ads-left
{
	margin: 2px;
 	padding: 2px;  	
	float: left;
	width: 385px;	
}
.ads-right
{
	margin: 2px;
 	padding: 2px;  	
	float: right;
	width: 385px;
}
.tags { font-size: .9em; padding: 0 0 0 12px; background: #fff url(tags.gif) no-repeat center left; color: #333333; }
	
.game 
 {
	float: left;
	width: 245px;
	background: #f4f4f4;
	color: #333333;
	border: 1px dotted #4A9231;
	padding: 3px;
	margin: 2px;
	height: 140px;
}	
.play 
{ 
	margin: 2px;
 	padding: 0 0 0 0px;  	
	border: 1px dotted #4A9231; 
	background: #f4f4f4;
}

#sidebar 
{
	float: left;
	width: 160px;
	margin: 0;	
	padding: 0; 
	display: inline;
	font-size: 12px;
}
#sidebar ul.sidemenu 
{
	list-style: none;
	text-align: left;
	margin: 0 0 7px 0; padding: 0;
	text-decoration: none;	
}
#sidebar ul.sidemenu li 
{
	border-bottom: 1px solid #CECFCE;	
	background: url(arrow.gif) no-repeat 3px 6px;	
	padding: 2px 5px 2px 20px;
}

#sidebar ul.sidemenu li a 
{
	font-weight: bolder;
	background-image: none;
	text-decoration: none;	
}

/* footer */
#footer { 
	clear: both; 
	color: #333333;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
#footer_right { float: right; }


/* navigator */
.navigator {
	clear: both;	
	margin: 0; 
	font: 11px Arial, Verdana, Tahoma, Sans-serif;
	height: 15px;
	padding: 5px;
}
.navigator a 
{
	color: #FFFFFF;
	padding: 1px;
	background-color: #84BA73;
	border: 1px solid #4A9231;
	text-decoration: none;

}
.navigator a:hover 
{
	color: #333333;	
	padding: 1px;
	background-color: #FFFFFF;
	border: 1px solid #4A9231;
	text-decoration: none;
}
.navigator .current
{
	color: #333333;	
	padding: 1px;
	background-color: #FFFFFF;
	border: 1px solid #4A9231;
	text-decoration: none;

}
.navigator .disable
{
	color: #FFFFFF;	
	background-color: #333333;
	border: 1px solid #C6C3C6;
	text-decoration: none;
}

.clear  { clear: both; }
.small{ font-size: 10px;margin: 2px;padding: 2px;}
