body {
	background: #000 url(images/body-bg.jpg) no-repeat top center;
	color: #fff;
	font: 10pt verdana, geneva, lucida, arial, helvetica, sans-serif;
	margin: 0px;}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:984px;}
#header {
	height: 103px;}
#sitelogo {
	position: relative;
	left: 0;
	width: 251px;}
#topper {
	float: right;
	border-top: 1px solid #565f6b;
	border-bottom: 1px solid #3e454e;
	width: 400px;
	margin-top: 93px;
	background: #4a525d;
	width: 733px;
	height: 8px;}
#page {
	padding: 0 12px 12px 12px;
	background: #b4b4b4;
	overflow: hidden;
	clear: none;
	width:960px;}
#content {
	float: left;
	width: 646px;
	padding-top: 12px;
	margin-right: 12px;}
#rightcolumn { 
	float: left;
	width: 300px;}
#medrec {
	background:#4a525d;
	width: 300px;
	height: 250px;
	margin: 5px 0 6px 0;
}
#footer {
	padding: 20px;
	text-align: center;
	font-size: 10px;
}
A {
	color: #d7d7d7;}
A:hover,A:active,A.here:link,A.here:visited {
	color: #e2bd1d;}
/* --- info box css --- */
#infobox {
	background: #4a525d url(images/infobox-bg.jpg) no-repeat top left;
	margin-bottom: 6px;
	width: 646px;
	height: 347px;}
#infobox #choose{
	float: right;
	padding-top: 55px;
	width: 400px;}
#infobox #choose .game {
	background: url(images/game-line.gif) no-repeat bottom left;
	font-size: 15px;
	font-weight: bold;
	color: #d7d7d7;
	width: 377px;}
#infobox #choose .game A {
	text-decoration: none;
	color: #d7d7d7;}
#infobox #choose .game A:hover,#infobox #choose .game A:active,#infobox #choose .game A.here:link,#infobox #choose .game A.here:visited {
	color: #e2bd1d;}
#infobox #choose .game img {
	vertical-align: middle; 
	padding-bottom: 2px;}
#infobox #choose .stats {
	font-size: 11px;
	text-align: right;
	color: #737779;
	padding-bottom: 12px;
	width: 377px;}
#infobox #charater{
	width: 230px;}
#infobox #charater #reasons {
	padding: 180px 8px 0 12px;
}
#infobox #charater #reasons B {
	color: #e2bd1d;
}
#infobox #charater #reasons P {
	font-size: 9pt;
	margin: 8px;
}
/* --- topper tabs css --- */
#ttab {
	float: right;
	margin-top: -24px;
	list-style:none;}
#ttab LI {
	float:left;
	padding-top: 3px;
	font-weight: bold;
	margin-left: 4px;
	background: url(images/tabs-bg.gif) -160px 0 no-repeat;
	text-align: center;
	width: 80px;
	height: 20px;}
#ttab #active {
	background: url(images/tabs-bg.gif) no-repeat;}
#ttab A {
	display:block;
	text-decoration: none;
	color:#a8adb3;}
#ttab #active A {
	color: #e2bd1d;}
#ttab A:hover,#ttab A:active,#ttab A.here:link,#ttab A.here:visited {
	color:#fff;}
/* --- search box css --- */
#searchbox {
	background: url(images/searchbox-bg.jpg) no-repeat top left;
	padding-bottom: 6px;
	width: 300px;
	height: 98px;}

#searchbox #serving {
	font-size: 14px;
	font-weight: bold;
	color: #e2bd1d;
	padding: 5px 30px 0 30px;
	text-align: center;
}
#searchbox #form {
	font-size: 14px;
	color: #fff;
	padding: 19px 5px 0 5px;
	text-align: center;
}
#searchbox .select,
#searchbox .input {
	background: #323841;
	font-size: 14px;
	color: #E5E5E5;
	border: 1px solid #252a31;

}
#searchbox .input {
	width: 170px;}
#searchbox form {
	padding: 0; 
	margin: 0;
}
/* --- rounded box css --- */
.box {  
	padding-top: 6px;
	padding-bottom: 6px;}
.boxcorner{
	display:block}
.boxcorner *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#4a525d}
.boxcorner1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #86898e;
	border-right:1px solid #86898e;
	background:#646a72}
.boxcorner2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #a9aaab;
	border-right:1px solid #a9aaab;
	background:#5e646d}
.boxcorner3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #5e646d;
	border-right:1px solid #5e646d;}
.boxcorner4{
	border-left:1px solid #86898e;
	border-right:1px solid #86898e}
.boxcorner5{
	border-left:1px solid #646a72;
	border-right:1px solid #646a72}
.boxcornerfg{
	background:#4a525d;
	font-size: 12px;
	color: #fff;}
.boxcornerfg A {
	color: #d7d7d7;}
.boxcornerfg A:hover,.boxcornerfg A:active,.boxcornerfg A.here:link,.boxcornerfg A.here:visited {
	color: #e2bd1d;}
.boxcornerfg .link A {
	text-decoration: none;}
.boxcornerfg .sidetitle{
	background:url(images/box-bullet.gif) center left no-repeat;
	margin-left: 8px;
	margin-bottom: 4px;
	padding-left: 20px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	list-style: none;}
.boxcornerfg .alt1{
	padding: 6px;
	color: #d7d7d7;
	background: #5f6773;}
.boxcornerfg .alt2{
	padding: 6px;
	color: #d7d7d7;
	background: #545c68;}
.boxcornerfg .author{
	float: right;
	font-size: 9px;}
.boxcornerfg .foot{
	padding: 6px 6px 2px 6px;}
.boxcornerfg .foot .rss{
	float: right;}
.boxcornerfg .news .game{
	float: left;
	width: 54px;
	padding-left: 12px;}
.boxcornerfg .news .title{
	position: relative;
	background: url(images/news-line.gif) no-repeat bottom left;
	font-size: 15px;
	margin-left: 80px;
	font-weight: bold;
	width: 547px;
	color: #d7d7d7;}
.boxcornerfg .news .title A {
	text-decoration: none;
	color: #d7d7d7;}
.boxcornerfg .news .title A:hover,.boxcornerfg .news .title A:active,.boxcornerfg .news .title A.here:link,.boxcornerfg .news .title A.here:visited {
	color: #e2bd1d;}
.boxcornerfg .news .date{
	text-align: right;
	font-size: 11px;
	color: #c2c0c0;
	padding-right: 20px;}
.boxcornerfg .newscontent{
	padding: 12px 12px 40px 12px;}
.boxcornerfg select,
.boxcornerfg textarea,
.boxcornerfg input {
	background: #323841;
	font-size: 14px;
	color: #E5E5E5;
	border: 1px solid #252a31;

}
.boxcornerfg .notice {
	border: 2px solid #e2bd1d;
	margin-bottom: 15px; }
.boxcornerfg .notice legend { 
	color: #e2bd1d; }
.boxcornerfg fieldset { 
	border: 1px solid #b4b4b4;
	margin-bottom: 6px; }
.boxcornerfg legend { 
	color: #b4b4b4; }
/* --- charater css --- */
.charater-eq{
	background: url(images/eq-charater.png) no-repeat top left;}
.charater-eq2{
	background: url(images/eq2-charater.png) no-repeat top left;}
.charater-lotro{
	background: url(images/lotro-charater.png) no-repeat top left;}
.charater-vg{
	background: url(images/vg-charater.png) no-repeat top left;}
.charater-war{
	background: url(images/war-charater.png) no-repeat top left;}
.charater-wow{
	background: url(images/wow-charater.png) no-repeat top left;}
.charater-rift{
	background: url(images/rift-charater.png) no-repeat top left;}