body{
background: #EFF2F3;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CCFFFF;
}
#wrapper{
		position: relative;
        margin: 0 auto;
        width: 1000px;
}
#main {
	width:100%;
	margin:0px auto;
	background:#fff url(images/leftside.gif) repeat-y left top;
	position: relative;
	top:0;
	left: 0;
}



/** HEADER START **/
#header{
font-size: 11px;
font-family: Verdana;
line-height: 14px;
}

#header img{
padding-bottom: 5px;
}
#logo{
height: 135px;
}
#logo img{
border: 0;
}
#header #left{
	width: 320px;
}
#header #right{
position: absolute;
left: 336px;
top: 170px;
width: 655px;
line-height: 17px;
}

#header #newgames{
margin-top: 5px;
}
#header #games{
padding: 5px 0 5px 0;
width: 655px;
height:290px;
}
#topgames-title{
	background: url(images/topgames.gif) center no-repeat;
	height: 34px;
	text-align: center;
	color: #EFF2F3;
	font-weight: bold;
	padding-top: 12px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
}

#sponsors-title{
	background: url(images/topgames2.gif) center no-repeat;
	height: 34px;
	text-align: center;
	color: #EFF2F3;
	font-weight: bold;
	padding-top: 12px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#members-title{
	background: url(images/topgames3.gif) center no-repeat;
	height: 34px;
	text-align: center;
	color: #EFF2F3;
	font-weight: bold;
	padding-top: 12px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#friends-title{
	background: url(images/topgames4.gif) center no-repeat;
	height: 34px;
	text-align: center;
	color: #EFF2F3;
	font-weight: bold;
	padding-top: 12px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#search-title{
	background: url(images/search.gif) center no-repeat;
	height: 34px;
	text-align: center;
	color: #EFF2F3;
	font-weight: bold;
	padding-top: 12px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#header #new-title{
	background: url(images/latest.gif) left top no-repeat;
	height: 32px;
	color: #EFF2F3;
	font-weight: bold;
	padding: 5px 0 0 14px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#new-title .span{
	padding-left:20px;
	color:#014A7B;
	text-shadow: none;
}
#header .rightad{
	float: right;
	position: absolute;
	top: 45px;
	right: 5px;
	border: none;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #3f3f41;
}
#newgames .thumbs{
	height:127px;
	line-height: 10px;
	overflow:hidden;
	width:161px;
	text-align:center;
	float: left;
	padding-bottom: 5px;
}
#header #newgames img{
border-color: #000000;
padding: 0;
}
#header #newgames a{
	font-weight: bold;
	color: #000000;
}
#header a{
	font-family: Verdana;
	font-size: 11px;
	color: #2276C3;
	text-decoration: none;
}

#header #newgames .thumbs img{
border:1px solid #2276C3;
}
#header #newgames a:hover img{
border:1px solid #0000EE;
}
#header #newgames a:hover{
	color: #0000EE;
}
/** HEADER END **/

/** NAVIGATION **/
#nav { width:980px; height:24px; background:url(images/nav.gif) no-repeat; line-height:24px; padding-bottom: 5px;}
#nav ul li { display:inline; height:24px; line-height:24px; font-weight:700;}
#nav ul li.current a { background:url(images/navactive.gif) repeat-x; color:#004779; }
#nav ul li.current a:visited { background:url(images/navactive.gif) repeat-x; color:#004779; }
#nav ul li a { color:#fff;float:left; font-weight:bold;text-transform:uppercase;  padding:0 6px 0 6px; }
#nav ul li a:visited { color:#fff;float:left; font-weight:bold;text-transform:uppercase;  padding:0 6px 0 6px; }
#nav ul li a:hover{background:url(images/navactive2.gif) repeat-x; color:#004779; text-decoration:none;}



/** CCENTER START **/
#content{
height:1725px;
width: 786px;
margin-top:5px;
}
#content-pages{
height:1375px;
width: 786px;
margin-top:5px;
}
#category{
height:1445px;
width: 786px;
margin-top:5px;
}
#center{
position: relative;
top:0;
left: 0;
width: 100%;
font-size: 11px;
font-family: Verdana;
}
#center-games{
height:1712px;
padding-top:5px;
}
#center-games a{
text-decoration: none;
font-weight: bold;
}
#pageinfo{
padding: 0 0 5px 20px;
}
#center-games-left{
width:786px;
height: 335px;
}
#center-games-right{
width:786px;
height: 835px;
}
#center-games-left-img{
	background:url(images/top-online-games.gif) no-repeat top center; 
	height: 30px;
	color: #EFF2F3;
	font-weight: bold;
	padding: 6px 0 0 18px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#center-games-left-img .spn{
	padding-left:20px;
	color:#014A7B;
	text-shadow: none;
}
#center-games-right-img{
	background:url(images/games-being-played.gif) no-repeat top center; 
	height: 30px;
	color: #EFF2F3;
	font-weight: bold;
	padding: 6px 0 0 18px;
	margin-top: 10px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#center-games-right-img .spn{
	padding-left:20px;
	color:#014A7B;
	text-shadow: none;
}
.thumbbig{
	padding: 8px 3px 5px 4px;
	text-align: center;
	overflow:hidden;
	float: left;
}
.thumbbig a{
font-size: 11px;
font-family: Verdana;
color: #000000;
text-decoration: none;
text-decoration: none;
font-weight: bold;
}
.thumbbig img{
border:1px solid #000000;
}
.thumbbig a:hover img{
border:1px solid #0000EE;
}
.thumbbig a:hover{
color: #0000EE;
}
#pages{
height:1360px;
padding-top:5px;
}
#pages h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#pages h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
#pages h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
#pages-title{
	background:url(images/title.gif) no-repeat top center; 
	height: 32px;
	color: #EFF2F3;
	font-weight: bold;
	padding: 6px 0 0 24px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
	text-align: left;
}
#pages-title .spn{
	padding-left:20px;
	color:#014A7B;
	text-shadow: none;
}
#pages-title .spn a{
text-decoration: none;
}

#pages .thumbs{
	padding: 8px 3px 5px 4px;
	overflow:hidden;
	text-align:center;
	float: left;
	padding-bottom: 5px;
}
#pages .thumbs img{
border:1px solid #000000;
}
#pages .thumbs a{
text-decoration: none;
color: #000000;
font-size: 12px;
font-weight: bold;
}
#pages .thumbs a:hover{
color: #0000EE;
}
#pages .thumbs a:hover img{
border:1px solid #0000EE;
}

#pages-title2{
	background:url(images/title2.gif) no-repeat top center; 
	height: 32px;
	color: #EFF2F3;
	font-weight: bold;
	padding: 6px 0 0 18px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
	text-align:left;
}
#pages-title2 .spn{
	padding-left:20px;
	color:#014A7B;
	text-shadow: none;
}
#mediaright{
float: left;
text-align:center;
width: 43%;
}
#medialeft{
width:43%;
float:left;
padding: 10px 0 10px 0;
text-align:center;
}
#mediaright img{
border:2px solid #000000;
}
#mediaright a:hover img{
border:2px solid #0000EE;
}
#mediaright a{
text-decoration: none;
color:#000000;
float: left;
font-size: 16px;
font-weight: bold;
}
#mediaright a:hover{
color:#0000EE;
}
#mediabanners{
padding: 30px 0 0 0;
float: left;
width: 14%;
text-align:center;
}
#rright{
text-align: center;
width: 190px;
margin-top: 4px;
position: absolute;
top: -4px;
left: 791px;
}
#rright #links{
text-align:left;
padding-left: 15px;
}
#rright #links a{
text-decoration: none;
}
#rright #links a:hover{
text-decoration: underline;
}
#recommended{
	width: 100%;
	margin-bottom: 14px;
}
#recommended img{
border-color: #000000;
padding: 0;
}
#recommended-height{
	height:300px;
	padding: 5px;
}
#recon{
	width: 650;
	float: left;
	margin-left: 310px;
}

#recon .thumbs{
	height:127px;
	line-height: 10px;
	overflow:hidden;
	width:155px;
	text-align:center;
	float: left;
	padding-bottom: 5px;
}

#recon a{
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
#recon .thumbs img{
border:1px solid #000000;
}
#recon a:hover img{
border:1px solid #0000FF;
}
#recon a:hover{
	color: #0000FF;
}
#recommended .rightad{
	position: absolute;
	left: 5px;
	border: none;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #3f3f41;
}

#recon-title{
	background: url(images/recon-games.gif) left top no-repeat;
	height: 32px;
	color: #EFF2F3;
	font-weight: bold;
	padding: 6px 0 0 10px;
	font-size:120%;
	letter-spacing:normal;
	line-height:100%;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#recon-title .span{
	padding-left:15px;
	color:#014A7B;
	text-shadow: none;
}

#footer{
height: 80px;
font-size: 11px;
font-family: Verdana;
line-height: 120%;
}
#footer a{
font-size: 11px;
text-decoration: None;
font-family: Verdana;
line-height: 120%;
}
#footertext{
font-family: Verdana;
font-size: 11px;
padding: 0 5px 0 5px; 
text-align: justify;
}
#footertext a{
text-decoration: none;
font-weight: normal;
color: #000000;
}
.blr{
	background: url(images/blr.gif) 0 100% no-repeat #EFF2F3;
}
.brr{
	background: url(images/brr.gif) 100% 100% no-repeat;
}
.tlr{
	background: url(images/tlr.gif) 0 0 no-repeat;
}
.trr{
	background: url(images/trr.gif) 100% 0 no-repeat;
	padding:0 5px 5px 5px;
}

.bl{
	background: url(images/bl.gif) 0 100% no-repeat #AEF0F9;
}
.br{
	background: url(images/br.gif) 100% 100% no-repeat;
}
.tl{
	background: url(images/tl.gif) 0 0 no-repeat;
}
.tr{
	background: url(images/tr.gif) 100% 0 no-repeat;
	padding:0 5px 5px 5px;
}
.bld{
	background: url(images/bld.gif) 0 100% no-repeat #72D5FD;
}
.brd{
	background: url(images/brd.gif) 100% 100% no-repeat;
}
.tld{
	background: url(images/tld.gif) 0 0 no-repeat;
}
.trd{
	background: url(images/trd.gif) 100% 0 no-repeat;
	padding:0 5px 5px 5px;
}
.clear{
	font-size: 1px;
	height: 1px;
}

.top {
	width:100%;
	height:20px;
	background:url(images/top.gif) no-repeat left top;
}
.top span {
	display:block;
	position:relative;
	height:20px;
	background:url(images/top-right.gif) no-repeat right top;
}
.center-content {
	position:relative;
	background:url(images/rightside.gif) repeat-y right top;
	padding:1px 10px 1px 10px;
	margin:0 0 -16px 0;
}
.bottom {
	height:60px;
	background:url(images/bottom.gif) no-repeat left bottom;
}
.bottom span {
	display:block;
	position:relative;
	height:60px;
	background:url(images/bottom-right.gif) no-repeat right top;

}

/********************************************
* Paginator                                 *
********************************************/
/* block containing the paginator */
div#kpg-paginator {
	text-align: center;
	line-height: 30px;
	text-decoration: none;
}

/* the current page */
div#kpg-paginator span.kpg-on {
	border: solid 1px #006699;
	padding: 4px;
		font-weight: bold;
			text-decoration: none;
			background: #CCFFFF;
}

/* the other pages */
div#kpg-paginator a {
	border: solid 1px #78C4EC;
	padding: 4px;
		text-decoration: none;
}
div#kpg-paginator a:hover {
	border: solid 1px #006699;
	background: #CCFFFF;
}