/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Georgia;
	color: #4a5b3e;
	line-height: 1.5;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	background: #272727;
}

* { margin:0; padding:0; }

/******* hyperlink and anchor tag styles *******/


h2 a:link, h2 a:visited{
	color: #ffffff;
	text-decoration: none;
}

h2 a:hover{
	color: #ffffff;
	text-decoration: underline;
}

a:link, a:visited{
	color: #4a5b3e;
	text-decoration: none;
}

a:hover{
	color: #4a5b3e;
	text-decoration: underline;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/************** main styles **************/

.cl{

}
#wrapper{
	margin: 0px auto 0px auto;

}

#logo{
	float: left;
	width: 100%;
	text-align: center;
	display: inline;
	margin: 20px 0px 30px 0px;
}

#inside{
	float: left;
	width: 800px;
	border-top: #c2c2c2 1px solid;
	background: #a6abaf;
	display: inline;
}

#inside #tl{
	float: left;
	width: 7px;
	height: 7px;
	background: url(../images/corner/top-left.jpg) no-repeat;
	display: inline;
	margin: -1px 0px 0px 0px;
}

#inside #tr{
	float: right;
	width: 7px;
	height: 7px;
	background: url(../images/corner/top-right.jpg) no-repeat;
	display: inline;
	margin: -1px 0px 0px 0px;
}

#footer{
	padding: 5px 0px 0px 0px;
	float: left;
	display: inline;
	background: #d0d0d0;
	border-top: 1px solid #e4e4e4;
	width: 800px;

}

#footer #bl{
	float: left;
	width: 7px;
	height: 7px;
	background: url(../images/corner/bottom-left.jpg) no-repeat;
	display: inline;
	margin: -1px 0px 0px 0px;
	font-size: 1px;
}

.footer {
	display:inline;
	margin: 0px 0px 0px 20px;
}

#footer #br{
	float: right;
	width: 7px;
	height: 7px;
	background: url(../images/corner/bottom-right.jpg) no-repeat;
	display: inline;
	margin: -1px 0px 0px 0px;
	font-size: 1px;
}

#main{
	padding: 10px;
	float: left;
	display: inline;
	border-bottom: 1px solid #888f96;
}

.box{
	width: 780px;
	float: left;
	background: #e9e9e9;
	margin: 0px 0px 20px 0px;
	display: inline;
}

.box-inner{
	width: 780px;
	float: left;
	display: inline;
	margin: 6px 0px 0px 0px;
}

.box .mtl{
	float: left;
	width: 7px;
	height: 7px;
	background: url(../images/corner/middle-top-left.jpg) no-repeat;
	display: inline;
}

.box .mtr{
	float: right;
	width: 7px;
	height: 7px;
	background: url(../images/corner/middle-top-right.jpg) no-repeat;
	display: inline;
}

.box .mbl{
	float: left;
	width: 7px;
	height: 7px;
	background: url(../images/corner/middle-bottom-left.jpg) no-repeat;
	display: inline;
	font-size: 1px;
}

.box .mbr{
	float: right;
	width: 7px;
	height: 7px;
	background: url(../images/corner/middle-bottom-right.jpg) no-repeat;
	display: inline;
	font-size: 1px;
}

.box h2 {
	height: 49px;
	color: #fff;
	float: left;
	margin: 0px 0px 0px 10px;
	font-size: 26px; 
	display: inline;
}

.box h2 .right{

	height: 44px;
	color: #fff;
	float: left;
	margin: 0px;
	padding: 5px 20px 0px 20px;
	display: inline;
}

.box .grey{
	background: #272727 url(../images/corner/grey-left.jpg) no-repeat;
	display: inline;
}

.box .grey .right{
	background: url(../images/corner/grey-right.jpg) no-repeat right 0;
	display: inline;
}

.box .blue{
	background: #244467 url(../images/corner/blue-left.jpg) no-repeat 0 0;
	display: inline;
}

.box .blue .right{
	background: url(../images/corner/blue-right.jpg) no-repeat right 0;
	display: inline;
}

.box .content{
	width: 750px;
	float: left;
	padding: 15px;
	display: inline;
}


.form-bar {
	height: 33px;
	background: url(../images/search-bar.jpg) repeat-x;
	float: left;
	display: inline;
	margin: 0px 5px;
	text-align: center;
}

.form-left {
	height: 33px;
	width: 6px;
	background: url(../images/corner/search-left.jpg) no-repeat;
	float: left;
	display: inline;
}

.form-right {
	height: 33px;
	width: 6px;
	background: url(../images/corner/search-right.jpg) no-repeat;
	float: left;
	display: inline;
}

.form-text {
	margin: 6px;
	height: 20px;
	width: 500px;
	float: left;
	display: inline;
	border: 0px;
	font-family: Georgia;
	color: #4a5b3e;
	line-height: 1.5;
	font-size: 1em;
}

.form-down {
	margin: 6px;
	height: 20px;
	width: 150px;
	float: left;
	display: inline;
	border: 0px;
	font-family: Georgia;
	color: #4a5b3e;
	line-height: 1.5;
	font-size: 1em;

}

.show-cat{
padding: 4px 0px 0px 0px;
}

.submit{
color: #000;
font-size:14px;
margin: 0px 5px 0px 5px;
font-weight:bold;
padding:5px;
}

.search{
	background: url('../images/search.jpg') no-repeat;
	width: 77px;
	height: 30px;
	border: 0px;
	margin-top: 0px;
}

#gamepane{

	margin: 0 auto;

	text-align: center;
}

#gameform{
	width: 540px; 
	margin: 0px auto;
}

#gameleft{
	float:left; 
	width: 200px;
	margin: 0px 20px 0px 0px;
	display: inline;
}

#gameright{
	float: left; 
/*
	width: 600px;

*/
	width: 820px;
	text-align: center;
}

.gamelist{
	float: left;
	width: 290px;
	height: 90px;
	display: inline;
	margin: 0px 4px 30px 4px;
	background: url('../images/gamebackground.jpg') no-repeat;
	padding: 10px 5px 10px 20px;
}

.gamelist .img{
	width: 85px;
	border: 3px solid #fff;
	float: left;
	display: inline;
	background: #000;
}

.gamelist .small{
	width: 85px;
	height: 85px;
	
}

.gamelist .h3{
	float:left;
	width:173px;
	display: inline;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	font-weight: bold;
	font-size: 14px;
}

.gamelist b{
	font-weight: bold;
	font-size: 14px;
	margin: 5px 0px 0px 0px;
}

.gamelist p{
	float:left;
	width:173px;
	display: inline;
	margin: 5px 10px 0px 10px;
	padding: 0px;
	font-size: 11px;
}

.float{
 position:relative;
 width: 400px;
 height: 30px;
 background-color: red;
}

.absolute{
 position:absolute;
 top:0;
 right:0;
  background-color: red;
}

.right {
	float: right;
}

.list ul{ 
	list-style: none; 
	margin: 0px;
	padding: -1px 0px 0px 0px;
	float: left; 
	/*width: 100%;*/
}

.list ul li{ 
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

.list ul .twitter{
	background-image: url("../images/icons/twitter.png");
	/*list-style-image: url("../images/icons/twitter.png");*/
}

.list ul .stumble{
	background-image: url("../images/icons//stumble.png");
	/*list-style-image: url("../images/icons/stumble.png");*/
}

.list ul .digg{
	background-image: url("../images/icons/digg.png");
	/*list-style-image: url("../images/icons/digg.png");*/
}

.list ul .email{
	background-image: url("../images/icons/email.png");
	/*list-style-image: url("../images/icons/email.png");*/
}

.list ul .star{
	background-image: url("../images/icons/star.png");
	/*list-style-image: url("../images/icons/star.png");*/
}

.list ul .user{
	background-image: url("../images/icons/user.png");
	/*list-style-image: url("../images/icons/user.png");*/
}

.list ul .chart{
	background-image: url("../images/icons/chart_bar.png");
	/*list-style-image: url("../images/icons/chart_bar.png");*/
}

	/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink { width: 158px; float: left; margin-left: 0px; background-color: #e9e9e9; text-align: left; color: #000; }
	#cssdropdown li.headlink a { display: block; padding: 3px 3px 3px 13px; color: #000;}
 
	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li { padding: 5px; height: 17px; color: #fff;}
	#cssdropdown li.headlink ul li a:hover { background-color: #333; }
	
	/* Pretty styling */

	#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { background-color: white; background-image: url(/images/select-cat.jpg); background-repeat: no-repeat; }
	#cssdropdown li.headlink ul { background-color: #000; background-position: bottom; padding-bottom: 10px; }
	
	
	.head-link {  color: #000; background-image: url(../images/select-cat.jpg); width: 144px; height: 24px; float: left; padding: 3px 3px 3px 10px; }