/* Normal, standard links. */
a:link, a:visited {
  color: #FFCCFF;
  font-weight:bold;
  text-decoration: none;
}

a:hover, a:active {
  color: #FFFFFF;
  font-weight:bold;
  text-decoration: none;
  background-color:#882299;
}

imglink, a.imglink:link, a.imglink:visited, a.imglink:hover, a.imglink:active {
background-color:transparent;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited {
  color: #FFCCFF;
  font-size:9pt;
  font-weight:normal;
  text-decoration: none;
  background-color:transparent;
}
a.nav:hover, a.nav:active {
	color:#FFFFFF;
	background-color:#882299;
	text-decoration:none;
}

/* Tables should show empty cells. */
table {
	empty-cells:show;
}

/* By default (td, body..) use Tahoma in black. */
body, td, th {
  color:#EEDDFF;
  font-size:10pt;
  font-family:helvetica, arial, sans-serif;
}

/* The main body of the entire forum. */
body {
	margin:0px;
	padding:0px;
  background-color:#220022;
  background-image:url(images/bg.jpg);
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button {
	font-size:10pt;
	color:#000000;
  background-color:#D8AADD;
  font-family:arial, verdana, helvetica, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check {
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select {
	font-size:9pt;
	font-weight:normal;
	color:#000000;
  font-family:arial, verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor {
	height:2px;
	border:0;
	color:#774488;
	background-color:#774488;
}

/* A quote, perhaps from another post. */
.quote {
  color:#F0BBFF;
  background-color:#662277;
  border:3px solid #000000;
  margin:4px;
  padding:4px;
  font-size:9pt;
}

/* A code block - maybe even PHP ;). */
.code {
color: #BBDDFF;
background-color: #000050;
background-image: url(images/Albatross_bak.png);
border: 1px solid #99CCFF; 
padding: 12px;
font-family: "lucida console", "courier new", fixedsys, monospace;
font-weight:normal;
font-size: 9pt;
width: 95%;
margin: 1px auto 1px auto;
overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader {
	color:#EE88FF;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	font-size:9pt;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help {
	cursor:help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction {
	color:red;
}

/* The main post box - this makes it as wide as possible. */
.editor {
	width:95%;
}

/* Highlighted text - such as search results. */
.highlight {
	background-color:yellow;
	font-weight:bold;
	color:black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg {
	color:#F7F0FF;
	background-color:#110022;
}
.windowbg2 {
	color:#F7F0FF;
	background-color:#552255;
}
.windowbg3 {
	color:#F7F0FF;
  background-color:#BB88CC;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited {
	color:white;
	font-style:normal;
	background-color:#9000B0;
}
.titlebg a:hover {
	color:#FFFFFF;
  background-color: #882299;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg {
  background-image: url(images/catbg.jpg);
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2 {
  background-image: url(images/catbg2.jpg);
}

.catbg, .catbg2 {
  font-weight: bold;
  background-color: #C000F0;
  color: #F8F0FF;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
  background-color: #AA77BB;
}

/* This is used on tables that should just have a border around them. */
.tborder {
	border: 1px solid #663377;
	background-color: #8844AA;
	padding: 1px;
}
/* This is the content of most tables */
.tcontent {
  background-color: #8844AA;
}
/* Message bodies */
.tmessage {
  font-size:11pt;
  font-family: arial, verdana, tahoma, sans-serif;
}

/* Default font sizes:small (8pt), normal (10pt), and large (14pt). */
.smallesttext {
font-size: 9pt;
font-family: arial, helvetica, sans-serif;
}
.smalltext {
font-size: 10pt;
font-family: arial, helvetica, sans-serif;
}
.normaltext {
font-size: 11pt;
font-family: arial, helvetica, sans-serif;
}
.largetext {
font-size: 12pt;
font-family: arial, helvetica, sans-serif;
}
.nametext {
	font-size:10pt;
  font-family: arial, verdana, tahoma, sans-serif;
}


/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea {
}

/* This is the main area of the forum, the part that's gray. */
#bodyarea {
}

/* And this is the bottom, where the copyright is, etc. */
.footerarea {
  color: #000000;
  font-size:12px;
  background-color: #220033;
	border-top: 2px solid #9944AA;
	border-bottom: 2px solid #9944AA;
	margin:8px 0px 16px 0px;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles {
  font-family:helvetica, arial, sans-serif;
  font-size:9pt;
  color:#FFFFFF;
  font-weight:bold;
  background-color: #BB44CC;
  font-variant: small-caps;
  padding:4px 8px 4px 8px;
}

.headerbodies {
  font-family:helvetica, arial, sans-serif;
  font-size:9pt;
  border: 2px solid #8844AA;
  background-color: #330044;
}

.avatarbox {
background-color:#662288;
border:4px solid #883399;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage {
	width:100%;
	overflow:auto;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature {
  font-family:arial, helvetica, sans-serif;
  font-size:8pt;
  font-color:#EECCFF;
	width:100%;
	overflow:auto;
	padding-bottom:3px;
	line-height:1.3em;
}

.mouseover_button, .mouseover_button:link, .mouseover_button:visited {
font-family:helvetica, arial, sans-serif;
padding:1px 0px 1px 0px;
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#000000;
background-color:#C877CF;
border:1px solid #EEAAFF;
white-space: nowrap;

/* Non-IE fix */
line-height:20px;
}

.mouseover_button:hover, .mouseover_button:active {
color:#770077;
background-color:#DD88EE;
text-decoration:none;
}

.mouseover_button_image {
padding: 0px 1px 0px 1px;
margin: 0px;
border: none;
position:relative;
top:-1px;
}

.MenuIcon:Link, .MenuIcon:Visited {
position:relative;
top:0px;
_top:-1px;
background-color:#C877CF;
border:1px solid #000000;
}

.MenuIcon:Hover, .MenuIcon:Active {
background-color:#DD88EE;
}

.RightLogo {
position:absolute;
top:2px;
left:2px;
z-index:1;
}

.YourBanner {
display:block;
width:100%;
height:54px;
position:absolute;
top:10px;
right:200px;
background-image:url(images/banner_bar.jpg);
z-index:0;
}

.LeftLogo {
position:absolute;
top:8px;
right:8px;
z-index:1;
}

.topmenu {
white-space:nowrap;
position:absolute;
top:70px;
left:118px;
z-index:3;
padding: 2px 6px 2px 6px;
/* IE Fix */
_padding: 2px 6px 0px 6px;
}

.MailIcon {
position:absolute;
top:75px;
_top:73px;
left:11px;
_left:13px;
z-index:3;
line-height:20px;
}

.MenuIcon {
margin-right:4px;
padding:0px 2px 0px 2px;
}

.MenuIcon:Link, .MenuIcon:Visited {
color:#000000;
background-color:#C877CF;
border:1px solid #EEAAFF;
}

.MenuIcon:Hover, .MenuIcon:Active {
color:#770077;
background-color:#DD88EE;
}

.YourTitle {
font-family:arial, helvetica, sans-serif;
font-weight:bold;
font-size:32px;
font-variant:small-caps;
color:#000088;
}

.YourTitle_top {
font-family:arial, helvetica, sans-serif;
font-weight:bold;
font-size:32px;
font-variant:small-caps;
color:#000000;
}

.YourTitle_bottom {
font-family:arial, helvetica, sans-serif;
font-weight:bold;
font-size:32px;
font-variant:small-caps;
color:#F899FF;
}

.attachment_image {
width:98%;
text-align:center;
display:block;
overflow:scroll;
Border:4px solid #666666;
padding:4px;
background:#000000;
}

.post {
}

.post_image {
width:99%;
display:block;
overflow:auto;
}

.post_table {
border: 1px solid #663377;
background-color: #AA77BB;
padding:none;
margin:none;
table-layout:fixed;
}

.post_table_header_tr {
background-color: #9000B0;
background-image: url(images/titlebackjk2.png);
}

.post_table_header_td {
font-weight:bold;
padding:6px;
}

.post_table_header_td_middle {
font-size:10pt;
font-weight:bold;
}

.post_td {
font-size:11pt;
padding:4px 2px 4px 0px;
border-right:4px solid #000000;
border-left:none;
}

.post_td_bottom {
font-size:9pt;
font-weight:normal;
padding:4px 2px 6px 0px;
_padding:4px 2px 4px 0px;
border-right:4px solid #000000;
border-bottom:4px solid #000000;
}

.post_user_info {
overflow: hidden;
border-left:4px solid #000000;
border-bottom:4px solid #000000;
padding:4px 2px 4px 0px;
}

.post_user_info_innerborder {
width:168px;
border:2px solid #664477;
background-color:#000000;
padding:4px;
}