/*Global start*/
html {	
			height: 100%;
			}

body {
			margin: 0px 0px 0px 0px; 
			padding: 0px 0px 0px 0px; 
			background: url("../images/bg.jpg") no-repeat;
			background-position: top center;
			background-color: #000; 
			height: 100%;
		}

A:link 		{ color: #D0A803; font-weight:bold; text-decoration: none;}
A:visited 	{ color: #D0A803; font-weight:bold; text-decoration: none;}
A:active 	{ color: #fff; font-weight:bold; text-decoration: none;}
A:hover 		{ color: #fff; font-weight:bold; text-decoration: none;}	

textarea:focus, input:focus{
outline:none
}

img{
border: 0px;
}
/*Global End*/
/*Header Start*/
#header{
			width: 970px;
			height: 286px;
			margin-left: auto;
			margin-right: auto;
			border: 0px solid green;
			}
			
/*Menu Start*/		
.navigation{
			background: url("../images/navbar.gif") repeat-x;
			width: 724px;
			height: 32px;
			text-align: center;
		}
		
#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Georgia;}

	#jsddm li a
	{	display: block;
		padding: 7px 12px;
		text-decoration: none;
		width: 76px;
		color: #EAFFED;
		white-space: nowrap;
		}

	#jsddm li a:hover
	{	background: }
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 1px solid #252525;
			text-align: left;
			background-color: black;
			background-position: 1px 1px;
			background-position-x: 1px;
			background-position-y: 1px;
			background-repeat: no-repeat;
			background-repeat-x: no-repeat;
			background-repeat-y: no-repeat;
			border-bottom-color: #2F3032;
			border-bottom-left-radius: 3px 3px;
			border-bottom-right-radius: 3px 3px;
			border: 1px solid;
			border-top-width: 1px;
			border-right-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 1px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-right-color: #434445;
			border-left-color: #434445;
			border-top-color: #B1B2B4;
			border-top-left-radius: 3px 3px;
			border-top-right-radius: 3px 3px;
			display: inline-block;
			overflow: hidden;
			overflow-x: hidden;
			overflow-y: hidden;
			padding: 1px;
			padding-top: 1px;
			padding-right: 1px;
			padding-bottom: 2px;
			padding-left: 1px;
			}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background-color: #0c0d0f;}
		
		#jsddm li ul li a:hover
		{	background-color: #2e2f30; }

		#loginform{ 
			width: 165px;
			max-height: 350px;
			left: -200px;
			font-family: arial;
			font-size: 11px;
			color: #f9efa2;
			letter-spacing: -1px;
			padding: 6px;
			}
			
		#loginform a:link
		{	display: inline;
			padding: 0px;
			text-decoration: none;
		}	
		
		#loginform .buttonbar
		{	display: block;
			padding: 0px;
			text-decoration: none;
			height: 18px;
			vertical-align: middle;
		}

#topimage{
		background: url("../images/bg_content-trans.png") no-repeat;
		width: 739px;
		height: 40px;
		position: absolute;
		top: 286px;
		}		
		
/*Menu end*/
/*Paginator start*/	
#paginator{
		color: #6f4e3f;
		font:normal 14px Arial;
		text-align: center;
		}
		
.currentpage{
		height: 16px;
		width: 18px;
		display: inline-block;
		background-color: #ffae00;
		font-weight: bold;
		color: #fff;
		margin-right: 4px;
		}

.page{
		height: 16px;
		width: 18px;
		display: inline-block;
		background-color: #2b1507;
		font-weight: bold;
		color: #d3ac6b;
		}

.page:hover{
		height: 16px;
		width: 18px;
		display: inline-block;
		background-color: #62371b;
		font-weight: bold;
		color: #d3ac6b;
		}
/*Paginator end*/	

/*Content start*/	
	
#wrapper{	
			width: 995px;
			margin-left: auto;
			margin-right: auto;	
		}


/* Left Column */

#leftcolumn{
			width: 739px;
			background-color: #180d08;
			float: left;
		}

#leftcolumn h2{
			color: #f9efa2;
			font:bold 24px Arial;
			letter-spacing: -1px;
			margin: 0px;
			}
			
#leftcolumn h3{
			color: #b9a086;
			font:bold 18px Arial;
			letter-spacing: -1px;
			margin: 0px;
			}
			
#shortarticle{
		width: 703px;
		background: url("../images/bg_shortitem.gif") no-repeat;
		height: 280px;
		max-height: 275px;
		padding: 30px 10px 25px 25px;
		border: 0px solid red;
		overflow: hidden;
	}
	
#shortarticle .postinfo{
		color: #6f4e3f;
		height: 23px;
		font:normal 11px Arial;
		border: 0px solid red;
		}
		
#shortarticle .titleimage{
		width: 150px;
		height: 150px;
		padding: 6px;
		background: url("../images/shadow_thumbnail.png") no-repeat;
		float: left;
		overflow: hidden;
		}
#shortarticle .titleimage img{
		border: 1px solid #613131;
		}
		
#shortarticle .titleimage img:hover{
		border: 1px solid #7f5840;
		}
#shortarticle .post{
		width: 703px;
		color: #896d4f;
		font:normal 13px Arial;
		float: right;
		overflow: hidden;
		height: 235px;
		}

#fullarticle{
		width: 703px;
		background: url("../images/bg_fullitem.gif") no-repeat;
		padding: 30px 10px 25px 25px;
		border: 0px solid red;
		overflow: hidden;
		min-height: 550px;
		background-color: #180d08;
	}
	
#fullarticle .postinfo{
		color: #6f4e3f;
		height: 23px;
		font:normal 11px Arial;
		border: 0px solid red;
		}
		
#fullarticle .titleimage{
		width: 691px;
		height: 278px;
		max-width: 691px;
		max-height: 278px;
		margin-left: auto;
		margin-right: auto;
		overflow:hidden;
		background: url("../images/shadow_titleimage.png") no-repeat;
		padding: 9px;
		}

#fullarticle .post{
		color: #896d4f;
		font:normal 13px Arial;
		}
		
#comments{
		width: 703px;
		padding: 0px 10px 25px 25px;
		border: 0px solid red;
		overflow: hidden;
		color: #896d4f;
		font:normal 13px Arial;
		}

#comments h3{
		color: #eee9bf;
		font:normal 19px Arial;
		letter-spacing: -1px;
		margin: 0px;
		}

#comments .commentform{
	background: url("../images/form_comment.png") center center no-repeat;
	width: 687px;
	height: 138px;
	
}	
#comments .commentform textarea{

	border: 0px solid red;
	width: 650px;
	height: 120px;
	font: normal 13px Arial;
	margin: 6px 10px 10px 14px;
	resize: none;
	background: none;
	}
	
#comment{
		color: #896d4f;
		font:normal 13px Arial;
	}
#comment .commentinfo{
		color: #6f4e3f;
		height: 23px;
		font:normal 12px Arial;
		border: 0px solid red;
		}
#comment .avatar{
		width: 83px;
		height: 83px;
		padding: 3px;
		background: url("../images/shadow_avatar.png") no-repeat;
		float: left;
		}
#comment .avatar img{
		border: 1px solid #613131;
		}

div.w1{  
background:#371f14 url(../images/tl.gif) no-repeat;  
width:650px;  
margin-left: auto;
margin-right: auto;
}  
div.w2{  
background:url(../images/tr.gif) no-repeat top right;  
}  
div.w3{  
background:url(../images/bl.gif) no-repeat left bottom;  
}  
div.w4{  
background:url(../images/br.gif) no-repeat right bottom;  
padding:10px;  
min-height: 83px;
}  
#articleheader{
		width: 703px;
		background: url("../images/bg_shortitem.gif") no-repeat;
		height: 124px;
		max-height: 124px;
		padding: 30px 10px 25px 25px;
		border: 0px solid red;
		overflow: hidden;
	}
#articleheader .post{
		width: 703px;
		color: #896d4f;
		font:normal 13px Arial;
		text-align: center;
		overflow: hidden;
		height: 124px;
		}
/* Right Column */
		
#rightcolumn{
		width: 256px;
		border: 0px solid blue;
		background: url("../images/shadow_sidebar.gif") repeat-y;
		background-color: #1a0f08;
		font: normal 10px Arial;
		color: #946f3a;
		float: right;
		min-height: 950px;
		}
		
#rightcolumn .content{
		clear: both;
		background: url("../images/bg_sidebar.gif") no-repeat;
		width: 235px;
		padding: 30px 10px 0px 10px;
		}

#rightcolumn h2{
		color: #f9efa2;
		font:normal 17px Arial;
		letter-spacing: -1px;
		margin: 0px;
}

#rightcolumn .bigbar{
			height: 3px;
			width: 235px;
			background-color: #40200d;
			margin-bottom: 7px;
			}
			
#rightcolumn hr{
			height: 1px;
			width: 235px;
			background-color: #35271f;
			color: #35271f;
			border: 0;
			clear: both;
			}

#rightcolumn a:link, #rightcolumn a:visited, #rightcolumn a:active{
			color: #e7c390;
			font:normal 12px Arial;
			}
			
#rightcolumn a:hover{
			color: #fff0dc;
			font:normal 12px Arial;
			}		

#disclaimer{
			clear: both;
			border: 0px solid blue;
			font-size: 11px;
			color: #6F4E3F;
			font-family: Arial;
			letter-spacing: 0px;
			margin-left: auto;
			margin-right: auto;
			width: 996px;
			height: 40px;
			background: url("../images/disclaimer_bg.gif") no-repeat;
			padding-top: 25px;
		}		

.icon-frame.frame-18 {
height: 18px;
width: 18px;
}
.icon-frame {
background-color: black;
background-position: 1px 1px;
background-position-x: 1px;
background-position-y: 1px;
background-repeat: no-repeat;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
border-bottom-color: #2F3032;
border-bottom-left-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border: 1px solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #434445;
border-left-color: #434445;
border-top-color: #B1B2B4;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
display: inline-block;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
padding: 1px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
}

.achimage{
float: left;
height: 35px;
border: 0px solid red;

}
 
.achievement{
width: 210px;
border: 0px solid blue;
float: right;
vertical-align: middle;
}

.bosslist{
padding: 20px;
width: 300px;
height: 300px;
float: left;
background: url("../images/parchment-tall.png") no-repeat;
}

#boss {
	display: none;        /* required */
}

#tiper {
	z-index: 999999;
	display: none;
	position: absolute;
	width: 188px;
	height: 119px;
	background: url("../images/tooltip_bg.jpg") no-repeat;
	padding: 4px;
	color: #896d4f;
	font:normal 13px Arial;
}

table#roster{
	width: 703px;
	text-align: left;
	border-spacing: 0px;
}

table#roster thead th{
	color: #695e3a;
	height: 30px;
	width: 45px;
	font-size: 10px;
	border-bottom: 1px solid #33221a;
	text-align: left;
	cursor: pointer;
	padding-left: 20px;
}

table#roster tbody td{
	height: 24px;
	font-size: 10px;
	border-bottom: 1px solid #33221a;
}

table#roster tbody tr:hover{
	background-color: #261913;
}
table#roster thead tr .header {
	background-image: url('../images/bg.gif');
	background-repeat: no-repeat;
	background-position: center left;

}
table#roster thead tr .headerSortUp {
	background-image: url('../images/asc.gif');
}
table#roster thead tr .headerSortDown {
	background-image: url('../images/desc.gif');
	}

.disclaimer{
			color: white;
			text-align: center;
		}		

#server_status_table div:last-child { display: none; }

.gads{
		margin-left: 4px;
		}