body {
margin : 0;
padding : 0;
text-align : left;
color : #333;
font : 75% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
background: #000 url(images/bg.gif);
background-attachment: fixed;
}
#container {
width : 970px;
margin : 0 auto;
border : 1px solid #666;
padding : 0;
color : #aaa;
font-size:11px;
background : #000000;
}
			
#banner {
float : left;
width : 970px;
height : 180px;
padding : 0;
margin-bottom : 0;
background : #000 url(images/banner.jpg);
}
#logo {
font : normal 2em georgia, verdana, arial, tahoma, sans-serif;
text-transform : none;
letter-spacing : 3px;
text-align : center;
position: relative;
padding-left: 55px;
background: url(images/logo.png);
bottom : 55px;
color : #000;
background : transparent;
}

#rateStatus{float:left; clear:both; width:100%; height:20px;}
    #rateMe{float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px;}
    #rateMe li{float:left;list-style:none;}
    #rateMe li a:hover,
    #rateMe .on{background:url(images/star.png) no-repeat;}
    #rateMe a{float:left;background:url(images/empty_star.png) no-repeat;width:20px; height:20px;}
    #ratingSaved{display:none;}
    .saved{color:red; }
			
#content {
padding : 0 10px 0 10px;
border : 1px solid #666666;
margin-left : 180px;
margin-right : 180px;
margin-top : 0;
}
#content h1 {
margin : 3px 0 0 0;
padding : 1px;
padding-top : 8px;
font : bold 1.2em verdana, tahoma, arial, sans-serif;
color : #acaf2c;
background-color : #404040;
text-align : center;
}

#content h2{
margin : 10px 0 0 0;
padding : 1px;
text-transform : uppercase;
font : normal 1.2em verdana, tahoma, arial, sans-serif;
color : #acaf2c;
border-left : 10px solid #539fea;
background-color : #404040;
text-align : center;
}

			/*LEFT SIDEBAR*/
#sidebar {
border : 1px solid #666666;
float : left;
width : 150px;
margin : 0 10px 0px 10px;
padding : 5px;
height: 100%;
}
		
.game_title {
  text-align:  center;
  float:  center;
  margin:  0 0 0 0px;
  padding:  0px 0px 0px 0px;  
}

.game_title  h4 {
  margin:  8px 0 2px 0;
  padding:  0px 0px 0px 0px;
  text-align:  center;
  font:  10px  Georgia,century gothic,Arial,verdana, sans-serif;
  font-weight: normal;
  overflow: hidden;
}

.game_title  a {
  color:  #0578AD;
}

.game_title img.sh {
  border:  2px solid #ccc;
  padding:  4px;
  margin-top:  -5px;
  -moz-border-radius:  5px;
  border-radius:  5px;  
}

.game_title img:hover {
  border:  2px solid #0578AD;
  padding:  4px;
  margin-top:  -5px;
  -moz-border-radius:  5px;
  border-radius:  5px;  
}
.entry {
  margin: 0 0;
  padding:  0px 0px 0px 0px;
  line-height: px;
}  
  
.entry img.sh { 
	outline: 1px solid #111;
	border-top: 1px solid #555;
	padding: 4px;
	background: #333;
}

.entry img.sh:hover {
	outline: 1px solid #111;
	border-top: 1px solid #555;
	padding: 4px;
	background: #333;
}
  
.entry a:link,
.entry a:visited {
  color:  #AC0604;
  text-decoration:  none;
  background-color:  transparent;
}
.entry a:hover {
  color: #455236;
  background-color:  transparent;
  text-decoration:  none;
}
  
.entry p{
  margin: 5px 5px;
  padding: 0px 0px;
  font-family:   Tahoma,Georgia, Arial,century gothic,verdana, sans-serif;
  font-size: px;
}

#cat_view {

  float: left;
  margin:  12px 2px 1px 2px;
  margin-left:  4px;
  margin-right:  4px;  
  padding:  0px 0px 0px 1px;  
  color: #504945;
  font:  9px tahoma, century gothic,Arial,verdana, sans-serif;
  -moz-border-radius:  5px;
  border-radius:  5px;    
}
			
.menu {
margin-bottom : 0px;
width : 110px;
padding : 0px 0 0 0;
}
.menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
.menu li {
margin : 0 0 0.2em 0;
}
.menu a {
display : block;
font-size : 11px;
color : #539fea;
background : #515244;
width : 120px;
padding : 0.5em 0.8em;
text-decoration : none;
border-left : 10px solid #4c4c42;
}
.menu a:hover {
border-left : 10px solid #6d6f1c;
background: #539fea;
color : #fff;
}
.links {
font-size : 1.4em;
letter-spacing : 1px;
}
		
#sidebar-b {
border : 1px solid #666666;
float : right;
width : 150px;
margin : 0 10px 0px 10px;
padding : 5px;
height: 100%;
}
		
#footer {
border : 0px solid #666;
clear : both;
padding : 5px;
margin-top : 5px;
height : 40px;
font-size : 0.8em;
text-align: center;
color : #eee;
background : #404040;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #acaf2c;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #858563;
background : inherit;
color : #858563;
}
			
h1 {
margin : 0 0 10px 0;
font : normal 1.4em verdana, arial, tahoma, sans-serif;
text-transform : uppercase;
color : #acaf2c;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
		
a {
color : #acaf2c;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
text-decoration : none;
color : #369;
background : inherit;
}
a img {
border: 0;
}
		
.clear {
clear : both;
overflow : hidden;
width : 0;
height : 1px;
}

.qitem {
	width:100px;
	height:100px;	
	border:4px solid #222;
	border-top: 1px solid #fff;
	background: url(images/grey-b.gif) no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#369ead;
		}

		.qitem .caption p {
			font-size:10px;	
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.arrowlistmenu{
width: 150px; /*width of menu*/
padding-bottom: 10px;
margin: 0px;
}

.arrowlistmenu .headerbar{
font: bold 12px Arial;
color: #aaaaaa;
background: black url(images/over_li.gif) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
margin-top: 2px;
text-transform: uppercase;
padding: 5px 0 4px 8px; 
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; 
}

.arrowlistmenu ul li{
padding-bottom: 1px; 
}

.arrowlistmenu ul li a{
color: #aaaaaa;
background: url(images/arrowbullet.png) no-repeat center left; 
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #666666;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #aaaaaa;
}

.arrowlistmenu ul li a:hover{ 
color: #000;
background-color: #F3F3F3;
}

.moreLessControl
{
    text-decoration:underline;
    color:red;
    cursor:pointer;
}

.screenshot {
  width: 593px;
  height: 445px;
  background: #666 url(images/screenshot.jpg);
  position:relative;
  border: 1px solid #666;
  padding-top: 13px;
  right: 4px;
  padding-bottom: 18px;
  -moz-border-radius:  5px;
  border-radius:  5px;  
}

.endline {
content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	overflow : hidden;
}

#tooltip{
    position:absolute;
    border:1px solid #666;
    background:#000000;
    padding:3px 3px 0px 3px;
    color:#aaa;
    display:none;
	opacity:0.9;

}   
	

.submit input
{

}
input
{
color: #000;
background: #666;
border: 1px solid #999;
}

.submit
{
color: #000;
background: #fff;
border: 2px outset #d7b9c9;
}
fieldset
{
border: 1px solid #781351;
width: 20em;
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px;
} 	

.psw {
background: url(images/psw.gif);
border: 1px solid #BFBFBF;
font-family: Trebuchet MS;
padding-left: 20px;
}

.txt {
background: url(images/input.gif);
border: 1px solid #BFBFBF;
font-family: Trebuchet MS;
padding-left: 20px;
}	

.frm {
background: transparent;
border: 0px solid #BFBFBF;
position:absolute;
top: -1px;
}

.search1 {
background: transparent;
position: relative; bottom: 12px; right: 48px;
}

a:active
{
outline: none;
}

a:focus
{
outline: none;
-moz-outline-style: none;
}

button:focus {  
    outline: none;  
} 

.msg_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.games_side {
}

.container {
	width:592px;
	height: auto;
}

.msg_body {
    border:1px solid #666666;
	padding: 5px;
	width: 580px;
	background:#404040 url(images/sky.gif);
	text-align:justify;
	position:absolute;
}
.linkclass
{
background-color: #404040 url(images/sky.gif);
border:1px solid #666666;
border-bottom: 1px solid #000;
padding: 2px; 
}

.info {
  width: 575px;
  padding:  2px 2px 2px 2px;
  clear: both;
  font:  11px tahoma, century gothic,Arial,verdana, sans-serif;
  background: #000 url(images/bg-cat.gif) repeat-x;
  border: 1px solid #666;
  padding-left:  0px;
  padding-top:  2px;
  -moz-border-radius:  5px;
  border-radius:  5px;
}

.news_wrapper {
	border: 1px solid #666;
	background-color: #000;
	margin-bottom: 15px;
}
.news_header {
	background: #333;
	overflow:auto;
	width:100%;
}
.news_image {
	float: left;
	width: 60px;
	margin: 5px 0px 0px 5px;
}
.news_title {
	float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 8px;
}
.news_title a {

	text-decoration: none;
}
.news_author {
	font-size: 12px;
}
.news_main {
	padding: 0px 10px 0px 10px;
	margin-bottom: 25px;
	font-family: Arial;
}
#member_list {
	width: 100%;
}
#member_list td {
	border-bottom: 1px solid #333;
	height: 40px;
}
#member_list td a {

}
#member_list img {
	margin-top: 5px;
}

/* Profile page highscores */
.user_highscore_list {
	list-style: none;
	font-family: Arial;
	font-size: 13px;
	padding: 2px;
	margin: 0px;
}
.user_highscore_container {
	height: 35px;
}
.user_highscore_container a {

}
.user_highscore_avatar {
	float: left;
}
.user_highscore_name {
	float: left;
	padding: 7px 0px 1px 6px;
	width: 45%;
}
.user_highscore_score {
	float: right;
	padding-top: 7px;
	font-weight: bold;
	width: 15%;
	margin-right: 15px;
}
.user_no_highscores {
	font-family: Arial;
	text-align: center;
	padding: 20px 0px 20px 0px;
}
.user_highscore_pages {
	font-family: Arial;
	text-align: center;
}
.user_highscore_pages a {

}
#user_highscore_header {
	height: 35px;
}
#user_highscore_header .user_highscore_score {
	font-weight: normal;

}
#user_highscore_header .user_highscore_name {
	padding-left: 0px;
	width: 41%;
}

/* Game page highscores */
.game_right_container {
	float: left;
	width: 49%;
}
.profile_right_container {
	float: right;
	width: 28%;
}
.game_highscore_list {
	list-style: none;
	font-family: Arial;
	font-size: 13px;
}
.game_highscore_container {
	height: 35px;
}
.game_highscore_container a {

}
.game_highscore_avatar {
	float: left;
}
.game_highscore_name {
	float: left;
	padding: 7px 10px 1px 6px;
	width: 33%;
}
.game_highscore_score {
	float: left;
	padding-top: 7px;
	font-weight: bold;
	width: 28%;
}
.game_highscore_date {
	float: left;
	padding-top: 7px;

	width: 17%;
}
.game_no_highscores {
	font-family: Arial;
	text-align: center;
	padding: 20px 0px 20px 0px;
}
.game_highscore_pages {
	font-family: Arial;
	text-align: center;
}
.game_highscore_pages a {
	color: #505050;
}
#game_highscore_header {
	height: 35px;
}
#game_highscore_header .game_highscore_score, #game_highscore_header .game_highscore_date {
	font-weight: normal;
	color: #666;
}
#game_highscore_header .game_highscore_name {
	padding-left: 0px;
	width: 41%;
}
.highscore_title {
	font-family: Arial;
	text-align: center;
	padding-top: 3px;
}
.inline {
display: inline;
}
div.img
  {
  margin:2px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #666;
  }
.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.content2  {
  width: 588px;
  margin: 0px 0px 0px 0px;
  height: 520px;
  font:  11px tahoma, century gothic,Arial,verdana, sans-serif;
  background: #000 url(images/bg-cat.gif) repeat-x;
  border: 1px solid #666;
  padding-left:  0px;
  padding-top:  2px;
  -moz-border-radius:  5px;
  border-radius:  5px;  
}

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:595px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	border:1px solid #494e52;
	background-color:#990;
	padding:3px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#464c54;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
	background-image:url(images/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
	color: #fff;
}
ul.tabs li a.active {
	background:#000 url(images/sky.gif);	
	color:#999;
	border:1px solid #464c54; 
	border-bottom: 1px solid #000;
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background:#000 url(images/sky.gif);
    padding:20px 4px 20px 4px;
	border:1px solid #464c54; 	
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#content_2, #content_3, #content_4, #content_5, #content_6, #content_7 { display:none; background:#000 url(images/sky.gif);  }