html {
  background-color: #000;
  }

body {
  background-color: #000;
  color: #fff;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  }
		 		 
a:link { 
  text-decoration: none; 
  color: #608e8c;
  }

a:visited { 
  text-decoration: none; 
  color: #8080c0;
  }

a:hover, a:active { 
  text-decoration: underline; 
  color: #5ec8c3;
  }
	
/* Spacer GIF Img Class */
.spacer {
  display: block;
	border: 0px;
  }

/* Spans */
.gray {
  color: #888;
  }
	
.green {
  color: #709f9d;
  }
	
/* Centers all content */
#wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  width: 1024px;
  height: 100%;
  text-align: justify;
  }

/* IE Hack */
#iehackwrapper {
  text-align: center;
  margin-top: 0px;
  }
#wrapper {
  text-align: justify;
  }

/* Flash Title Bar */
#title {
  top: 0px;
  left: 0px;
  height: 202px;
  width: 1024px;
  }

/* Left Column Wrapper */
#leftcol {
  float: left;
  margin-top: 16px;
  height: 392px;
  width: 179px;
  text-align: left;
  line-height: 1px;
  }
	
/* Navigation Left Column */
#menu { 
  float: left;
  height: 340px;
  }
	
/* Server Status Left Columm */
#status {
  float: left;
  top-margin: 16px;
  }

/* News Items */
#content {
  float: left;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 16px;
  width: 600px;
  text-align: left;
  }
	
/* Raid Progress Right Column */

#rightcol {
  float: left;
  margin-top: 16px;
  width: 179px;
  text-align: left;
  font-size: 14px;
  }
	
/* News Item Template ------------------------------------------------- */

/* Item styles */
.contenttitle
{
  height: 37px;
	font-size: 18px;
	vertical-align: center;
	background: url(images/newsitem_bar.jpg);
}

.contentbody
{
  display: inline;
	font-size: 13px;
	text-align: justify;
}

/* Item info */
`
.contentitempostedby
{
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem1
{
	display: inline;
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem2
{
	display: inline;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
}

/* Comments */

.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}
/* ------------------------------------------------------------- */
	
/* News Item Classes */

.newstop {
  width: 600px;
	height: 4px;
	background: url(images/newstop.jpg);
  }

.newsitem {
  width: 600px;
	background: url(images/newsborder.jpg) repeat-y;
  }
	
.newstitle {
  margin: 0 4px 0 4px;
	font-size: 20px;
	text-align: center;
	width: 622px;
	height: 37px;
	line-height: 37px;
	background: url(images/newsitem_bar.jpg);
  }

.newsitem2 {
  margin: 0 4px 0 4px;
  font-size: 13px;
	text-align: justify;
	background: url(images/background.jpg) repeat;
  }

.newsbottom {
  width: 600px;
	height: 4px;
	background: url(images/newsbottom.jpg);
  }

/* Cell Classes */

.uptl {
  width: 3px;
  height: 3px;
  background: url(images/3x3_tl_corner.jpg);
  }
	
.upt {
  height: 3px;
  background: url(images/3x3_top.jpg) repeat-x;
  }
	
.uptr {
  width: 3px;
  height: 3px;
  background: url(images/3x3_tr_corner.jpg);
  }
	
.upl {
  width: 3px;
  background: url(images/3x3_left.jpg) repeat-y;
  }
	
.upr {
  width: 3px;
  background: url(images/3x3_right.jpg) repeat-y;
  }
	
.upbl {
  width: 3px;
  height: 3px;
  background: url(images/3x3_bl_corner.jpg);
  }
	
.upb {
  height: 3px;
  background: url(images/3x3_bottom.jpg) repeat-x;
  }
	
.upbr {
  width: 3px;
  height: 3px;
  background: url(images/3x3_br_corner.jpg);
  }
	
.dntl {
  background: url(images/4x4_tl_corner.jpg) no-repeat;
  }
	
.dnt {
  background: url(images/4x4_top.jpg) repeat-x;
  }
	
.dntr {
  background: url(images/4x4_tr_corner.jpg) no-repeat;
  }
	
.dnl {
  background: url(images/4x4_left.jpg) repeat-y;
  }
	
.dnr {
  background: url(images/4x4_right.jpg) repeat-y;
  }
	
.dnbl {
  background: url(images/4x4_bl_corner.jpg) no-repeat;
  }
	
.dnb {
  background: url(images/4x4_bottom.jpg) repeat-x;
  }
	
.dnbr {
  background: url(images/4x4_br_corner.jpg) no-repeat;
  }