body {
background-image:url('../images/stripe.png');
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0;
margin:0;
}
img{
border: 0px;
}
a {color: #000000;}
a:visited {color:#000000;}
a:active { color:#000000;}

h1 {
font-size: 20px;
text-transform:uppercase;
padding:5px 15px;
margin:0 }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

h3{
font-size: 16px;
font-family: Tahoma;
display: inline;
}
h6{
font-size: 12px;
text-align:center;
}

/* ----------container to center the layout-------------- */
#container {
width: 1000px;
margin-bottom: 10px;
margin: 0 auto;
background-color:#ffff66;
border-right: 3px solid #ffcc33;
border-left: 3px solid #ffcc33;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #ffff66;
text-align: left;
padding: 0px;
padding-bottom: 10px;
margin: 0px;
border-right: 3px solid #ffcc33;
border-left: 3px solid #ffcc33;

}
#banner img {border:0px; padding-left: 5px; padding-top: 5px;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
width:1000px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
}


p, pre{
padding: 5px 10px;
margin:0px;
}


#main{
width: 1000px;
height: auto;
float: left;
background-color: #ffffff;
}
#right {
float: left;
background-color: #ffffff;
width: 330px;
padding: 0px;
}
.splitright1{
float: left;
width: 125px;
margin: 10px;
padding: 2px;
}
.rightimg{
border: 0px;
margin-bottom: 15px;
}
.splitright2{
float: left;
width: 160px;
margin: 10px;
}
#logbox{
background-color: #ffffcc;
width: 300px;
padding: 5px;
margin: 10px;
}
.headbox {
background-color: #eeeeee;
float: left;
width: 300px;
height: 250px;
padding: 5px;
margin: 10px;
border: 1px solid #999999;
}
.headbox2 {
background-color: #eeeeee;
float: left;
width: 300px;
height: 250px;
padding: 5px;
margin: 10px;
border: 1px solid #999999;
font-size:14px;
}


.headbox_home {
background-color: #eeeeee;
float: left;
width: 310px;
height: 360px;
padding: 5px;
margin: 2px;
margin-left: 6px;
border: 1px solid #999999;
}
.headbox_home2 {
background-color: #eeeeee;
float: left;
width: 650px;
height: 360px;
padding:5px;
margin: 2px;
border: 1px solid #999999;
font-size:14px;
}
.headbox_home3 {
background-color: #eeeeee;
float: left;
width: 650px;
height: 100%;
padding:5px;
margin: 2px;
border: 1px solid #999999;
font-size:14px;
min-height: 742px;
}
.headbox_home_side {
background-color: #eeeeee;
float: left;
width: 310px;
height: 100%;
padding:5px;
margin: 2px;
border: 1px solid #999999;
font-size:14px;
min-height: 742px;
}
.gametext2{
text-align:center;
width: 100px;
height: 12px;
overflow:hidden;
font-size: 9px;
}
.gamethumb2{
width:100px;
height: 120px;
margin-left: 4px;
margin-right: 4px;
float: left;
}



#slideshow{
background-color: #eeeeee;
float: left;
width: 630px;
height: 250px;
padding: 5px;
margin: 10px;
border: 1px solid #999999;
}
#social{
clear: both;
background-color: #ffffcc;
width: 630px;
padding: 5px;
margin: 10px;
}
#searchbox{
clear: both;
background-color: #ffffcc;
width: 715px;
padding: 5px;
margin: 10px;
float:left;
}
#box{
float:left;
background-color: #ffffcc;
padding: 0px;
margin: 2px;
width: 200px;
height: 150px;
}
/* -----------footer--------------------------- */
#footer {
margin: 0;
padding: 0;
width: 1000px;
background-color:#090909;
background-image:url(../images/spy_bg.jpg);
background-repeat:repeat-x;
clear:both;
}
#footer p{
text-align:right;
color: #CCCCCC;
}
#footer strong{
color:#FFFFFF;
}
#footer a{
color:#FFFF66;
}
#footer h3{
text-align:center;
color:#FFFF33;
}


/* ------------login----------------------- */
.messagebox{
	position:absolute;
	width:auto;
	margin-left:-100px;
	border:1px solid #ffcc33;
	margin-top: 40px;
	background:#ffc;
	padding:3px;
	font-weight:bold;
	color:#ffcc33;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:-100px;
	margin-top: 40px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:150px;
	margin-left:-100px;
	margin-top: 40px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}
#login {
    width:468px;
	height: 90px;
    background-color: #ffcc00;
    border:1px solid #363634;
    padding:5px;
	margin: 5px;
    font-size:14px;
    list-style:none;
}


.full{
zoom: 1;
}

/* ------------- search bar ------------------------- */
.searchbar{
	margin-left: 240px;
	display: inline;
}
#flags{
    padding:4px;
    font-size:14px;
    list-style:none;
	float: left;
}

/*--------------main_menu--------------------- */
#menu{
	width: 1000px;
	background-color:#324143;
	height: 25px;
}



/*----------header--------------------- */
.header{
	background-color: #eeeeee;
float: left;
width: 630px;
padding: 5px;
margin: 10px;
border: 1px solid #999999;
}
.header_search{
background-color: #eeeeee;
float: left;
width: 900px;
padding: 5px;
margin: 10px;
border: 1px solid #999999;
}
.title{
background-color: #ffcc00;
    border:1px solid #363634;
padding: 5px;
width: 630px;
height: 24px;
text-align: center;
margin: 10px;
}

.rightthing{
background-color: #ffffcc;
width: 300px;
padding: 5px;
margin: 10px;
}


/*--------------game thumbs ---------------- */
.gametext{
text-align:center;
width: 85px;
height: 24px;
overflow:hidden;
margin: 5px;
padding: 1px;
float: left;
}
.gamethumb{
width:80px;
height: 100px;
margin: 5px;
float: left;
overflow:hidden;
}
.thumb{
width: 95px;
height: 80px;
}
.info{
width: 205px;
height: 80px;
}
















/*-----------menu---------------*/
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: bold 12px Tahoma, Arial;}

	#jsddm li a
	{	display: block;
		background: #324143;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 140px;
		height: 15px;
		color: #FFFFFF;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #24313C}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			z-index:100;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: 140px;
				background: #ffcc00;
				color: #24313C}
			
			#jsddm li ul li a:hover
			{	background: #cc9900}


/*-------------highscores----------------*/
.score_head{
	width:280px;
	height: 24px;
	padding: 5px;
	margin: 5px;
	background-color:#333333;
	font-weight:bold;
	color:#FFCC00;
	overflow:hidden;
	text-align:center;
}
.score_even{
	width:280px;
	height:24px;
	padding: 2px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 2px;
	background-color:#FFCC66;
	color:#000000;
	overflow:hidden;
}
.score_odd{
	width:280px;
	height:24px;
	padding: 2px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 2px;
	background-color:#FFFF66;
	color:#000000;
	overflow:hidden;
}