/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(images/img01.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7F7772;
}

h1, h2, h3 {
	margin-bottom: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #333333;
}

h1 {
	font-size: 197%;
	margin: 0;
}

h2 {
	font-size: 152%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, ul, ol {
	margin-bottom: 15px;
	line-height: 1.6em;
}

ul, ol {
	margin-left: 2em;
}

blockquote {
	margin-left: 1em;
	padding-left: 1em;
	background: url(images/img09.gif) repeat-y;
	font-style: italic;
}

a:link {
	color: #0AAAFD;
}

a:hover, a:active {
	text-decoration: none;
	color: #FF6700;
}

a:visited {
	color: #7F7772;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

/* Menu */

#menu {
	width: 930px;
	height: 105px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: block;
	float: left;
	width: 102px;
	height: 65px;
	padding: 40px 0 0 0;
}

#menu a {
	display: block;
	width: 102px;
	height: 32px;
	padding: 13px 0 0 0;
	background: url(images/img02.jpg) no-repeat;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background-image: url(images/img03.jpg);
}

#menu .active {
	padding-top: 35px;
}

#menu .active a {
	height: 37px;
	padding-top: 16px;
	background-image: url(images/img04.jpg);
	color: #327EBE;
}

#menu .active a:hover {
	background-image: url(images/img04.jpg);
}

/* Header */

#header {
	background:url("images/howdoiplaygame.jpg") no-repeat scroll 0 0 transparent;
	height:160px;
	margin:0 auto;
	width:930px;
}

/* Logo */

#logo {
	float: left;
	width: 250px;
	height: 160px;
	background: url(images/img05.jpg) no-repeat;
}

#logo h1, #logo h2 {
	text-align: center;
}

#logo h1 {
	padding-top: 90px;
	background: url(images/img07.jpg) no-repeat center center;
	letter-spacing: 8px;
	font-size: 197%;
}

#logo h2 {
	letter-spacing: 2px;
	font-size: 85%;
}

#logo a {
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}

/* Banner */

#banner {
	float: right;
	width: 520px;
	height: 160px;
	background: url(images/img06.jpg) no-repeat;
}

#banner a {
	float: right;
	padding: 120px 20px 0 0;
	text-decoration: none;
	text-align: right;
	font-size: 136%;
	font-style: italic;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 920px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

/* Content */

#content {
	float: right;
	width: 650px;
}

.post {
	margin-bottom: 20px;
}

.post .title {
	padding: 0 20px;
}

.post .story {
	padding: 0 20px;
}

.post .meta {
	padding: 5px 20px;
	background: url(images/img09.gif) repeat-x;
}

.post .meta p {
	margin: 0;
	font-size: 77%;
}

.boxed .title {
	height: 32px;
	margin: 0;
	padding: 8px 0 0 20px;
	background: url(images/img08.jpg) no-repeat;
	letter-spacing: -1px;
	color: #FF3300;
}

.boxed .story {
	padding: 20px;
	border: 1px solid #FF8D17;
}

.boxed .meta {
	padding: 5px 10px;
	background: #FF8D17;
	color: #FFFFFF;
}

.boxed .meta a {
	color: #FFFFFF;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 15px;
}

#sidebar li ul {
	padding: 10px;
	border: 1px solid #0AAAFD;
	border-top: none;
}

#sidebar li li {
	margin: 0;
	padding: 3px 0;
	background: url(images/img09.gif) repeat-x;
}

#sidebar li li.first {
	background: none;
}

#sidebar li h2 {
	height: 30px;
	margin: 0;

	background: url(images/img10.jpg) no-repeat;
	letter-spacing: -1px;
	color: #327EBE;
}

#sidebar a:link {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar li a {
	padding-left: 10px;
	background: url(images/img11.gif) no-repeat left center;
}

/* Footer */

#footer {
	clear: both;
	padding: 15px 0;
	background: #D1D1D1;
	border-top: 5px solid #999999;
	text-align: center;
}

#footer p {
	margin: 0;
	color: #999999;
}

#footer a {
	color: #999999;
}

#footer a:hover {
	color: #FFFFFF;
}


/* Additional CSS */

.sliderwrapper{
overflow: hidden; /*leave as is*/
width: 691px; /*width of featured content slider*/
height: 250px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
width: 526px;
margin: 0 auto;
color: #ffffff;
background-color: transparent;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.game_title {
font-family:Taqhoma, Arial, Helvetica, sans-serif;
font-size:20px;
line-height: 25px;
color: #ffffff;
background-color: transparent;
}
.game_text {
font-family:Taqhoma, Arial, Helvetica, sans-serif;
font-size:12px;
color: #ffffff;
background-color: transparent;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #ffffff;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #ffffff;
background-color: #FEE496;
}

.homebox {
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-weight:bold;
font-size:12px;
text-align:left;}
.homebox a {
font-family:Arial, Helvetica, sans-serif;
color: #990000;
font-size:12px;
font-weight:bold;
text-decoration: underline;
}
.homebox a:hover {
	color: #000099;
}
.border {
border-right:solid #000000 1px;
}

#homewrapper{
width:700px;
padding-bottom:20px;
}

#catwrapper{
width:700px;
}
#column1{
float:left;
width:28%;
margin-right:5px;
margin-top:5px;
text-align:left;
}
#game_info_column{
float:left;
width:49%;
margin-right:5px;
margin-top:5px;
text-align:left;
}
#feature_column{
float:left;
width:73%;
margin-right:5px;
margin-top:5px;
text-align:left;
}
#feature_column2{
float:left;
width:25%;
text-align:left;
}

#column1 img{
border:1px solid #000000;
width:25px;
height:25px;
}
#home_category_heading {
border-bottom: 2px solid #ece0d9;
width:100%;
margin:0;
margin-bottom:2px;
font-family:Tahoma, Arial, Helvetica, sans-serif;

padding-bottom: 5px;
font-size:16px;
font-weight: bold;
text-align:left;
}
#home_category_heading a {  
font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#subheading {
border-bottom: 2px solid #ece0d9;
width:98%;
margin:0;
margin-bottom:2px;
font-family:Tahoma, Arial, Helvetica, sans-serif;

font-size:16px;
text-align:left;
}
#home_news_heading a {      
font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#homepage_news { 
padding-top:6px;
height:26px;
margin-left:2px;
margin-right:2px;
width:98%;
text-align:left;
}
#homepage_news a {  
font-family:Tahoma, Arial, Helvetica, sans-serif}
#homepage_games {   

padding-top:5px;
padding-bottom:4px;
height:30px;
margin-left:2px;
margin-right:2px;
border-bottom:solid 1px #ece0d9;
}


#cat_link {    
text-align:right;
font-size:12px;
padding-top: 5px;
font-weight:bold;
font-family:Tahoma, Arial, Helvetica, sans-serif}

#cat_link a{      
font-size:12px;
font-weight:bold;
font-family:Tahoma, Arial, Helvetica, sans-serif}

#newsimage {
float:left;
width:60px;
}
#newstitle {
float:right;
width:616px;              
background-color:#CCCCCC;
padding-left:4px;
}
#newswrapper {
width:680px;
border:#999999 1px solid;
margin-top:6px;
}
#headerwrapper {
height:60px;
background:#B1B1B1;
}

#newstext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	border-right:#999999 1px solid;
	border-left:#999999 1px solid;
	border-bottom:#999999 1px solid;
	width:672px;
	padding:4px;
}

#view_game_head {
width:593px;
background: #28313A url(images/img01.gif) repeat-x scroll center top;
height:18px;
border:2px solid black;
border-bottom: none;
}
#view_game {
width:583px;
background: #000000 url(images/bg02.jpg) repeat center bottom;
padding: 2px 0 5px 10px;
text-align:center;
border:2px solid black;
border-top: none;

}
#view_game_bottom {
width:600px;
background: #ce3d00 url(img/bott.gif);
}
#game_info_head {
color: #FFFFFF;
background: #0D0D0D url('img/bg1.jpg');
background-repeat: no-repeat;
background-position: top left;
width: 570px;
height: 29px;
text-align: left;
font-size: 16px;
font-weight: bold;
padding-left: 19px;
padding-top: 24px;
border-left:2px solid #000000;
border-right:2px solid #000000;
border-top:2px solid #000000;
border-bottom:2px dashed #FFFFFF;
}
#game_info {
color: white;
background:url("images/img0a1.gif") repeat scroll left top #000000;
width: 549px;
text-align: left;
padding: 0 20px 15px 20px;
border-left:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
}
#game_info a {

}
#game_image {
float:left;
width:60px;
height:60px;
border:1px solid #86611a;
background-image:url(images/no_image.png);}
#game_text {
float:left;

padding-left:10px;
padding-right:3px;
}
#game_text a {
text-decoration:underline;
}
#game_stats {
float:right;
width:245px;
padding-top:10px;
padding-left:10px;
font-size:10px;
color:#000000;
}

#cat_game_container {
float:left;
width: 80%;
margin-right:8px;
margin-bottom:8px;
padding: 10px 10px 10px 10px;
text-align:left;
background:url("images/img01.jpg") repeat scroll left top transparent;
border:1px solid #FFFFFF;
color: #FFFFFF;
}

#cat_game_container a{
color: #ffffff
}

#homepage_games a {   
display: block;}

#homepage_games a:hover {  
display:block;
background:transparent url(images/img10.jpg) repeat right; 
/*color: #000000;

text-decoration:none;*/

}