/* Subdesigns Adept Media */

html,body {
background-color: #d8d3b7;
}

div.subpage {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
clear: left;
}

span.subpageheading {
color: #000000;
font-size: 14px;
font-weight: bold;
}


/*/////////////////////////////////// HERO PAGE ///////////////////////////*/
div.herocontainer {
width: 300px;
clear: left;
}

div.herodescrip {
height: 25px;
background: url(images/herodescrip.gif) repeat-x #7a4d4d;
color: #ffffff;
font-weight: bold;
vertical-align: middle;
line-height: 25px;
padding-left: 8px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

div.herocol1 {
width: 65%;
float: left;
}

div.herocol2 {
width: 35%;
float: left;
}

div.herocol3 {
width: 55%;
float: left;
}

div.herocol4 {
width: 45%;
float: left;
}

div.herosubheading1, div.herosubheading2, div.onlinesubheading1, div.onlinesubheading2, div.onlinesubheading3 {
height: 23px;
background: url(images/herosubheading.gif) repeat-x #afa791;
vertical-align: middle;
line-height: 23px;
padding-left: 5px;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
}

div.herosubheading1, div.onlinesubheading1 {
border-left: 1px solid #000000;
border-right: 1px solid #8b816f;
}

div.herosubheading2 {
border-right: 1px solid #000000;
}

ul.heroname, ul.herolevel {
margin: 0;
padding: 0;
margin-bottom: 25px;
}



ul.heroname li {
background-color: #e5dfcf;
list-style-type: none;
border-bottom: 1px solid #918f7d;
border-right: 1px solid #918f7d;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
text-align: left;
}

ul.herolevel li {
background-color: #e5dfcf;
list-style-type: none;
border-bottom: 1px solid #918f7d;
border-right: 1px solid #918f7d;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}

ul.heroname li {
border-left: 1px solid #918f7d;
}

ul.heroname li:hover, ul.herolevel li:hover {
background-color: #d9d3c2;
}

span.heronum {
font-weight: bold;
color: #744848;
}


/*/////////////////////////////////// GUILD LIST ///////////////////////////*/
ul.guildlist {
list-style-type: none;
padding: 0;
margin: 0;
}

ul.guildlist li {
width: 200px;
background-color: #cfcaad;
border-bottom: 1px solid #d8d3b7;
padding: 3px;
}

ul.guildlist li:hover {
background-color: #c6c1a2;
}

ul.guildlist li a {
display: block;
color: #000000;
text-decoration: none;
}

ul.guildlist li.guildleader {
color: #6c1313;
}

span.guildnamehighlight {
color: #6b4242;
}


/*/////////////////////////////////// ITEM SHOP ///////////////////////////*/
div.itemcontainer {
width: 100%;
border-bottom: 1px solid #918f7d;
}

div.itemtitlebar {
height: 23px;
background: url(images/herosubheading.gif) repeat-x #afa791;
vertical-align: middle;
line-height: 23px;
padding-left: 5px;
border: 1px solid #000000;
clear: left;
}

div.itemcontent {
height: 160px;
background-color: #e5dfcf;
border-left: 1px solid #918f7d;
border-right: 1px solid #918f7d;
padding-top: 10px;
padding-bottom: 5px;
}

div.itemprice {
background-color: #d9d3c2;
border-left: 1px solid #918f7d;
border-right: 1px solid #918f7d;
padding: 4px;
}

div.itemcontent ul {
list-style-type: none;
padding: 0;
margin: 0;
}

div.itemcontent ul li {
padding: 1px 20px 1px 15px;
}

div.itemcontent ul li:hover {
background-color: #F0ECE0;
}

div.shophowtopurchase {
color: #760000;
background-color: #E1DCCE;
border: 1px dashed #918f7d;
padding: 5px;
}

div.shophowtopurchase a {
color: #000000;
text-decoration: none;
}

div.shophowtopurchase a:hover {
background-color: #d9d3c2;
}

p.shopfree {
color: #760000;
text-decoration: underline;
}

img.itemshop {
float: left;
}


/*/////////////////////////////////// ONLINE LIST ///////////////////////////*/
div.onlinecontainer {
width: 400px;
}

div.onlinecontainer a {
color: #000000;
display: block;
text-decoration: none; 
}

div.onlinecol1 {
width: 40%;
float: left;
}

div.onlinecol2 {
width: 20%;
float: left;
color: #760000;
}

div.onlinecol3 {
width: 40%;
float: left;
}

div.onlinesubheading2 {
color: #000000;
border-right: 1px solid #8b816f;
}

div.onlinesubheading3 { /* subheading1 and 2 are in hero category */
border-right: 1px solid #000000;
}

span.onlineplayer {
color: #760000;
font-weight: bold;
}


/*/////////////////////////////////// FAQ ///////////////////////////*/
ul.faq, ul.faq2 {
list-style-type: decimal;
}

ul.faq2 {
color: #760000;
}

ul.faq li {
padding: 1px;
}

ul.faq li:hover {
background-color: #E6E2CD;
}

ul.faq a {
color: #760000;
text-decoration: none;
}

span.faqq {
color: #760000;
font-weight: bold;
}

p.faq {
margin-left: 15px;
}

a, img {
border: 0px;
}


/*/////////////////////////////////// ABOUT US ///////////////////////////*/
ul.aboutus {
color: #760000;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.aboutus li {
padding-left: 15px;
}