html, body
{
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #200300;
  background: url("images/background.jpg") center top;
}

#wrapper
{
	text-align: center;
	min-width: 910px;
}

#page
{
	margin-left: auto;
	margin-right: auto;
	width: 910px;
	background: url("images/page_bg.gif") 5px top repeat-y;
}

#header
{
	background: url("images/header.gif") center top no-repeat;
	height: 180px;
	text-align: center;
}

#footer
{
	background: url("images/footer.gif") center top no-repeat;
	height: 167px;
}

#logo
{
	width: 910px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.red
{
  color: #BF0000;
}

.yellow
{
  color: #EBE35E;
}

h2
{
  background:transparent url(images/head_bg.gif) no-repeat scroll center center;
  color:#200300;
  font-size:14px;
  font-weight:bold;
  height:29px;
  line-height:30px;
  margin:7px 0 10px;
  padding:0;
  text-align: center;
}

/****************** standard links *******************/
a
{
	line-height:20px;
	padding:6px 10px 8px 27px;
	_padding-top: 7px;
	background: url("images/link_yellow.gif") left no-repeat;
	/*color: #E9A55F;*/
  color: #200300;
	font-weight: bold;
	text-decoration: none;
	margin:0 3px;
}

a:hover
{
	background: url("images/link_black.gif") left no-repeat;
  color: #E9A55F;
  text-decoration: none;
}

a.simple, #mainmenu a.simple
{
  background: none;
  line-height: normal;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  color: #200300;
}

a.simple:hover, #mainmenu a.simple:hover
{
  background: none;
  margin: 0px;
  padding: 0px;
  color: #200300;
}

a.simple1, #mainmenu a.simple1, .user a.simple1
{
  background: none;
  line-height: normal;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  color: #BF0000;
  text-decoration: underline;
  padding: 2px 3px;
}

a.simple1:hover, #mainmenu a.simple1:hover, a.simple1.active, .user a.simple1:hover
{
  background: none;
  background-color: #BF0000;
  color: #CCA55F;
  text-decoration: none;
  padding: 2px 3px;
}

a.user, .user a
{
	line-height:20px;
	padding:6px 10px 8px 27px;
	_padding-top: 7px;
	background: url("images/link_user.gif") left no-repeat;
	/*color: #E9A55F;*/
  color: #200300;
	font-weight: bold;
	text-decoration: none;
	margin:0 3px;
}

a.user:hover, .user a:hover
{
	background: url("images/link_user_hover.gif") left no-repeat;
  color: #E9A55F;
  text-decoration: none;
}

/*************** DONATOR ICON *******************************/
.user img, .table td .user img, .donator, .table td .donator
{
  border: none;
  vertical-align: middle;
}

/************** main menu ********************/
#mainmenu
{
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}

#mainmenu .content
{
	height:28px;
	float: left;
	width: 820px;
	background: url("images/bar_bg.gif") repeat-x;
}

#mainmenu .left
{
	float: left;
	width: 10px;
	height: 28px;
	background: url("images/bar_left.gif") no-repeat;
}

#mainmenu .right
{
	float:right;
	width: 10px;
	height: 28px;
	background: url("images/bar_right.gif") no-repeat;
}

#mainmenu a, a.linkred
{
	background: url("images/link_red_menu.gif") left no-repeat;
}

#mainmenu a:hover, a.linkred:hover
{
	background: url("images/link_black_menu.gif") left no-repeat;
}

#mainmenu ul
{
  margin: 0px;
  padding:3px 0 0;
}

#mainmenu li
{
  list-style-type: none;
  float: left;
  padding:0 9px;
  line-height:20px;
}

#mainmenu li img.icon
{
  float: left;
  padding:0 2px;
}

/************************ end main menu *******************************/

#left
{
	float: left;
	width: 200px;
}

#left a
{
  line-height:20px;
  width:128px;
  display:block;
  text-align: center;
	padding:1px 12px 3px 27px;
	_padding-top: 7px;
	background: url("images/link_red.gif") left no-repeat;
	color: #E9A55F;
	font-weight: bold;
	text-decoration: none;
	margin:0 3px;
}

/************ colors *****************/
#left a.lbrown
{
  background: url("images/link_brown.gif") left no-repeat;
}

#left a.lgreen
{
  background: url("images/link_green.gif") left no-repeat;
}

#left a.lpink
{
  background: url("imagesyouratta/link_pink.gif") left no-repeat;
}

#left a.lyellow
{
  background: url("images/link_yellow_bright.gif") left no-repeat;
  color: #BF0000;
}

#left a.lblue
{
  background: url("images/link_blue.gif") left no-repeat;
}

#left a.loranjge
{
  background: url("images/link_orange.gif") left no-repeat;
}

#left a.lgray
{
  background: url("images/link_gray.gif") left no-repeat;
}

#left a.lyellowb
{
  background: url("images/link_yellow_bright.gif") left no-repeat;
}

#left a.lpurple
{
  background: url("images/link_purple.gif") left no-repeat;
}

#left a.lgreenb
{
  background: url("images/link_green_bright.gif") left no-repeat;
}

#left a:hover
{
  background: url("images/link_black.gif") left no-repeat;
  color: #E9A55F;
  text-decoration: none;
}

#left a.active
{
  background: url("images/link_black.gif") left no-repeat;
}

#main
{
	float: left;
	width: 650px;
}

.center
{
  text-align: center;
}

/************************* left area ******************************************/
#left h2
{
  background:transparent url(images/head_left_bg.gif) no-repeat scroll 0 0;
  font-size:14px;
  height:24px;
  line-height:26px;
  text-align:center;
  text-indent:-15px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 3px;
}
/************************ end left area **************************************/

/****** level bar ***************/
#left .container
{
  margin: 10px 15px;
}

.levelbar_wrapper
{
  height: 9px;
  width: 140px;
  font-size: 1px;
  background-color: #BF0000;
  margin-bottom: 5px;
}

.levelbar
{
  height: 9px;
  background: url("images/rope_bg.gif") repeat-x;
}

/*************** level bar *************************/

.clear
{
	clear: both;
}

#content
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width:850px;
}
/************************* table area ******************************************/

table.table
{
  border: solid #BF7934;
  border-width: 1px 0px 0px 1px;
}

table.table th
{
  background:transparent url(images/header_table_bg.gif);
  color:#EAE05C;
  font-weight:bold;
  font-size: 14px;
  height:28px;
  border: solid #BF7934;
  border-width: 0px 1px 1px 0px;
}

table.table td
{
  border: solid #BF7934;
  border-width: 0px 1px 1px 0px;
  padding: 5px;
}

table.table tr.odd
{
  background-color: #E3A35B;
}

table.table tr.mark
{
  background-color: #F5CB54;
}

table.table td img
{
  border: solid 1px #BF7934;
  margin: 5px;
}

table.table .tred
{
  color: #BF0000;
}


/**************** login table ***********************/


table.table_login
{
  background-color: transparent;
}

table.table_login th
{
  background:transparent url(images/header_table_bg.gif) repeat-x;
  color:#EAE05C;
  font-weight:bold;
  font-size: 14px;
  height:28px;
  border: solid #BF7934;
}

table.table_login td
{
  padding: 5px;
}

table.table_login tr.odd
{
  background-color: #E3A35B;
}

.signature a, .signature a:hover
{
  background: none;
}

/************************* end table area ******************************************/

/**************************** loot table ******************************************/

table.loot
{

}

table.loot td
{
  padding: 0px;
}

table.loot td img
{
  margin: 0px;
  border: 0px;
}

table.loot tr.mark td
{
  padding: 5px;
}

.item
{
  width: 48px;
  height: 48px;
  cursor: move;
  background-color: #F5CB54;
}

.droppable
{
  width: 48px;
  height: 48px;
  border: solid 1px #BF7934;
  position: absolute;
}

.acceptable
{
  background-color: #B7FE5B;
}

#items .acceptable
{
  background: red;
}

.equipped
{
  cursor: move;
  border: solid 1px #F5CB54;
}

#equipped
{
  position: relative;
}

table.items td
{
  padding: 3px;
  border: none;
}

#items
{
  overflow-y: scroll;
  height: 398px;
}

div.items
{
  cursor: pointer;
}

#loading
{
  background: #FE855B url('images/ajax-loader.gif') no-repeat center center;
}

a.image
{
  padding: 0px;
  margin: 0px;
}

a.image:hover
{
  padding: 0px;
  margin: 0px;
}
/****************************** end loot table *************************************/

/************************ input form *******************************************/
input, textarea, select
{
  font-family: arial, sans-serif;
  font-size: 12px;
  background: url("images/field_form.jpg") repeat-x #FDFE96;
  border: solid 1px #878500;
  color: #BF0000;
}

input.button
{
  background: url("images/field_button.gif") repeat-x #BF0000;
  border: solid 1px #690000;
  color: #EBE35E;
  margin: 5px;
}
/************************ end input form ****************************************/

#signature
{
  overflow-x: auto;
  overflow-y: none;
  width: 626px;
}

.newsticker
{
	list-style-type: none;
	border: 1px solid #BF7934;
	background-color: #E3A35B;
	padding: 3px;
	margin: 0;
  margin: 10px 0px 10px 0px;
}

.newsticker li
{
  text-align: left;
  height: 300px;
}

/********************** clock *************************/
.clock_wrapper
{
  margin: 15px 10px 15px 20px;
}

.clock_wrapper .clock
{
  float: left;
}

.clock_wrapper .time
{
  float: left;
  margin: 0px 10px;
  font-weight: bold;
}

/***************************************************/
.warning
{
  background:#EAE15D url(images/warning.gif) no-repeat scroll 6px 5px;
  display:block;
  font-weight:bold;
  line-height:26px;
  margin-left:35px;
  margin-right:35px;
  text-align:left;
  padding-left: 35px;
}