body 
{ 
	margin:0;
	padding:0; 
	background-color:rgb(106,84,69);
	background-image:url(../images/hellfire_earth_bg.jpg); 
	background-position:top center;
	color:rgb(226,217,181);
	font-family:lucida grande, verdana, sans-serif;
	font-size:12px;
}

a img { border:none; }

#top 
{
	width:100%; 
	padding-top:172px; 
	margin:0;
	background-image:url(../images/hellfire_earth_top.jpg); 
	background-position:top center;
	background-repeat:repeat-x;
}

#navigation { border-bottom:1px solid rgb(226,217,181); margin:0 40px 30px 40px; padding:0; }

#navigation li 
{ 
	list-style:none; 
	display:inline;
	margin-right:20px;
}
#navigation li a { font-family:Friz Quadrata TT, georgia, serif; text-transform:uppercase; font-weight:normal; letter-spacing:2px; font-size:14px; }
#navigation li.selected a { color:rgb(255,230,128); border-bottom:3px solid rgb(226,217,181); }
#navigation li a:hover { border-width:3px; }

#content 
{ 
	position:relative;
	margin:0 auto;
	width:700px;
}

/* all elements within the main content block need this margin to keep them in line with the rest of the block */

#content h2,
#content p,
#content dl
#content ul,
#content ol { margin:auto 40px 10px; }

#content h1 { margin-top:0; }
#content h2 
{ 
	color:rgb(255,230,128); 
	font-family:Friz Quadrata TT, georgia, serif; 
	text-transform:uppercase; 
	font-weight:normal; 
	letter-spacing:2px; 
	font-size:14px; 
	margin-top:40px;
}
#content p { line-height:18px; }
#content p.footer { color:rgb(166,151,125); border-top:1px solid rgb(166,151,125); padding-top:5px; margin-bottom:100px; }
#content p.footer a { color:rgb(226,217,181); border-bottom:1px solid rgb(166,151,125); }
#content p.footer a:hover { border-color:rgb(226,217,181); }

#content a { color:white; text-decoration:none; border-bottom:1px solid rgb(226,217,181); }
#content a:hover { border-bottom-color:white; }

#content dl.characters { margin-left:40px; width:620px; }
#content dl.characters dt 
{ 
	color:rgb(255,230,128); 
	font-family:Friz Quadrata TT, georgia, serif; 
	text-transform:uppercase; 
	font-weight:normal; 
	letter-spacing:2px; 
	font-size:12px; 
	margin-bottom:5px; 
}
#content dl.characters dt a.external { font-family:lucida grande, verdana, sans-serif; font-size:12px; font-weight:bold; border:none; }
#content dl.characters dt a.external:hover { background-color:rgb(226,217,181); color:rgb(106,84,69); }
#content dl.characters dd 
{ 
	margin-left:0;
	line-height:24px;
	height:24px;
	padding-left:24px;
	background-repeat:no-repeat; 
	background-position:left center;
	position:relative;
}
#content dl.characters dd.druid { background-image:url(../images/classes/druid.gif); }
#content dl.characters dd.hunter { background-image:url(../images/classes/hunter.gif); }
#content dl.characters dd.mage { background-image:url(../images/classes/mage.gif); }
#content dl.characters dd.paladin { background-image:url(../images/classes/paladin.gif); }
#content dl.characters dd.priest { background-image:url(../images/classes/priest.gif); }
#content dl.characters dd.rogue { background-image:url(../images/classes/rogue.gif); }
#content dl.characters dd.shaman { background-image:url(../images/classes/shaman.gif); }
#content dl.characters dd.warlock { background-image:url(../images/classes/warlock.gif); }
#content dl.characters dd.warrior { background-image:url(../images/classes/warrior.gif); }
#content dl.characters dd span.details { position:absolute; right:0; margin-right:40px; margin-top:-1.8em; }