/* Body. Set page margin/padding/bg here. Leave text-align=center alone. */
body {
	margin:0;
	padding:0;
	background: #e9dfbe url(/img/layout/v2/cbkg.png);
	color: #000;
	text-align:center;
}

#top {
	background: url(/img/layout/v2/headergodimage.php) no-repeat;
}
/* Configure logo here. */
#header {
	background: url(/img/layout/v2/bkg_topbar.jpg) repeat-x;
	height: 125px;
	text-align: left;
}

#header-shadow {
	background: url(/img/layout/v2/headergodimage.php) no-repeat;
	height: 193px;
	width: 193px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

/* Should have the same dimensions & bg as `#sitelogo a' to prevent IE6 flicker on hover */
#sitelogo {
	margin: 0;
	margin-left: 193px;
	padding: 0;
	background: url(/img/layout/v2/aomh.jpg) no-repeat;
	width: 458px;
	height: 125px;
	float: left;
	display: inline;
}
#sitelogo a {
	background: url(/img/layout/v2/aomh.jpg) no-repeat;
	width: 458px;
	height: 125px;
	font-size: 16pt;
	display: block;
}

#sitelogo a span {
	display: none;
}

#header-right {
	float: right;
	width: 101px;
	height: 83px;
	margin-top: 21px;
	background: url(/img/layout/v2/logo_HGX.gif) no-repeat;
}

#header p {
	margin: 0;
}

/* Main wrapper for everything but the header and top banner. Leave alone,
leave line-height in. */
#main {
	min-width: 990px;
	line-height: 1.2; /* Kills peekaboo bug in IE */
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

/* NAVIGATION STYLES */
/* Left bar styles. Leave the float & inline alone */
#left-bar {
	float: left;
	width: 176px;
	display: inline;
}

/* First wrapper div for the left bar, use for background */
#left1 {
	background: url(/img/layout/v2/lhstop.jpg) no-repeat top;
}
/* Second wrapper div for the left bar, use for background */
#left2 {
}
/* Third wrapper div for the left bar, use for background */
#left3 {
}
/* Final div for the left bar. Use for background, padding, etc */
#left {
	padding: 70px 15px;
}

/* Right bar styles. Leave the float & inline alone */
#right-bar {
	float: right;
	width: 176px;
	display: inline;
}
/* First wrapper div for the right bar, use for background */
#right1 {
	background: url(/img/layout/v2/rhstop.jpg) no-repeat top;
}
/* Second wrapper div for the right bar, use for background */
#right2 {
}
/* Third wrapper div for the right bar, use for background */
#right3 {
}
/* Final div for the right bar. Use for background, padding, etc */
#right {
	padding: 20px 15px 20px 20px;
}

/* #left and #right divs are both classed "nav". Use ".nav whatever" to define
styles for both navbars */
/*
.nav h3 {
	...
}
*/


/* Ad banner and skyscraper styles. */
#ad-banner-wrap {
	text-align: center;
	padding: 2px 10px 5px 180px;
	background: #575654 url(/img/layout/v2/bkg_adbar.jpg);
}
#ad-banner {
	width: 728px;
	margin: auto;
}
#ad-skyscraper {
	height: 600px;
	width: 160px;
	background: #999;
	padding: 0px 8px 10px 8px;
	background: #575654 url(/img/layout/v2/bkg_adbar.jpg);
}

/* CONTENT LAYOUT */

/* Div for a possible background on the left navigation, that extends all
the way to the bottom. Make sure the background isn't wider than, say, 180px */
#wrap-lhs-back {
	background: url(/img/layout/v2/bkg_lhs.png) repeat-y left top;
}

/* Div for a possible background on the right navigation, that extends all
the way to the bottom. Make sure the background isn't wider than, say, 180px */
#wrap-rhs-back {
	background: url(/img/layout/v2/bkg_rhs.png) repeat-y right top;
}

/* First wrapper div for the content area, use for background, leave margin alone */
#content1 {
	margin: 0 176px;
	background: url(/img/layout/v2/cf_t.jpg) repeat-x top;
}
/* Second wrapper div for the content area, use for background */
#content2 {
	background: url(/img/layout/v2/cf_tl.jpg) no-repeat top left;
}
/* Third wrapper div for the content area, use for background */
#content3 {
	background: url(/img/layout/v2/cf_tr.jpg) no-repeat top right;
}
/* Fourth wrapper div for the content area, use for background */
#content4 {
}
/* Fifth wrapper div for the content area, use for background */
#content5 {
}
/* Sixth wrapper div for the content area, use for background */
#content6 {
	
}

/* Final div for the content area, use for background, padding, etc */
#content {
	padding: 20px;
	margin: 0;
	text-align: left;
}

/* Optional footer. Leave the clear property alone */
#footer {
	text-align: left;
	clear: both;
	background: url(/img/layout/v2/cf_b.jpg) repeat-x;
	height: 19px;
}

#footer .left {
	float: left;
	width: 191px;
	height: 19px;
	background: url(/img/layout/v2/lhs_bottom.png) no-repeat;
}

#footer .right {
	float: right;
	width: 191px;
	height: 19px;
	background: url(/img/layout/v2/rhs_bottom.png) no-repeat;
}

p#skip {
	display: none;
}
.newsitem dd, .newsitem dt {
  margin: 0;
  padding: 0;
}

.newsitem .subject {
  font-family: "Arial Black", sans-serif;
  font-size: 1.3333em;
  line-height: 1.125;
  margin-top: 0.675em;
  margin-bottom: 0.45em;
  font-weight: normal;
  border-bottom:1px dotted #000000;
}

.newsitem .subject a:link, .newsitem .subject a:visited, .newsitem .subject a:hover {
  color: #000;
  text-decoration: none;
}

.newsitem .postline {
  font-size: .8333em;
  line-height: 1.8;
  margin-bottom: 1.8em;
  text-align: right;
  font-size:10px;
}

.newsitem .newsposter, .newsitem .newsdate {
  font-weight: bold;
}

.newsitem .footer {
  font-size: .8333em;
  line-height: 1.8;
  margin-bottom: 1.8em;
  text-align: right;
}


/* Newsitem Forum Formatting */

.newsitem blockquote .by-line {
  font-size: .8333em;
  line-height: 1.8;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #666;
}

.newsitem blockquote {
  border: 0px solid #666;
//  background: #EBE4BD;
//  color: #333;
//  font-style: normal;
  background:url(http://aom.heavengames.com/img/layout/quote.gif) no-repeat;
  background-position:top left;
  padding-left:30px;
  text-align:justify;
}
.newsitem
{
background-color:#E7DBB6;
border:1px solid #DFCF9D;
padding: 5px;
}
.seraph
{ color: #D07500}
.angel
{ color: #C00000}
.cherub
{ color: #009900}

//
// These are from the forums, so we're able to float pictures or text by setting the class
//

.floatr {
float: right;
display: inline;
}
.floatl {
float: left;
}