body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 80%;

    margin: 0;
    padding-top: 0;

    background: #efefef;
}

img { border: 0; }

div#content {
    margin: 1em auto; padding: 0 1em 1em 1em;
}

a {
    color: #a76600;
    text-decoration: none;
}

a:visited { color: #840; }
a:hover { text-decoration: underline; }

#error {
    padding: 5px;
    border: 1px dashed red;
}

body#phpbb div#content { padding-top: 1em; }

div#content h2 { }

div#footer {
    border-top: 3px double black;
    text-align: center;
    font-size: x-small;
    color: black;
    padding: 1ex;
    margin: 1em;
}

div#footer a { color: black; }

h3 {
    border-left: 10px solid #444;
    border-bottom: 2px solid black;

    margin-top: 1em;
    padding: 5px;
    background-color: #ccc;
}

h4 {
    font-size: 120%;
    border-bottom: 1px solid black;
}

/* header */

div#header {
    display: block;
    height: 63px;
    border-bottom: 1px solid black;
    background: url('/images/headers/random.jpg') no-repeat #000;
    background-position: top right;
}

div#header h1 { margin: 0; text-align: center; }

div#header h1 a {
    display: block;
    height: 63px; width: 229px;
    float: left;
    background: no-repeat top center;
    background-image: url('/images/apoc-header-black.gif');
}

div#header h1 span { display: none; }

/*linkbar*/
div#linkbar {
    text-align: center;
    position: absolute;
    top: 35px; left: 190px;
}
div#linkbar,
div#linkbar a,
div#linkbar a:hover,
div#linkbar a:visited,
div#linkbar a:active {
    color: #F2E125;
}
div#linkbar a {
    font-weight: bold;
    text-transform: lowercase;
}

/* misc */

a.notme {
    text-decoration: none;
    color: #888;
}

a.me {
    text-decoration: underline;
    color: blue;
}

body#wow form label {
    display: block;
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 10px;
}

body#wow form div.row {
    margin-bottom: 4px;
}

body#wow form p.help {
    margin-left: 110px;
    margin-top: 3px;
    font-size: x-small;
}

/* thott items */

span.white a:hover,
span.green a:hover,
span.blue a:hover,
span.purple a:hover,
span.orange a:hover
    { text-decoration: none; }

span.common, span.common a,
span.white, span.white a { color: black; }

span.uncommon, span.uncommon a,
span.green, span.green a { color: #0c0; }

span.rare, span.rare a,
span.blue, span.blue a { color: #0068FF; }

span.epic, span.epic a,
span.purple, span.purple a { color: #a335ee; }

span.legendary, span.legendary a,
span.orange, span.orange a { color: #ff8000; }

/* wiki dkp table... yes, i know this isn't the wiki css file */
table.grid {
    border-collapse: collapse;
    background-color: #e0e0e0;
}
table.grid td, table.grid th {
    border: 1px solid #888;
    padding: 2px 3px;
    vertical-align: top;
}
table.grid th {
    background-color:  black;
    text-align: left;
    color: #F2E125;
}

table.grid th a {
    color: #F2E125;
}

table#dkp tr.class td {
    border: 0; 
    padding-top: 1em;
    font-size: 120%;
    font-weight: bold;
    color: #F2E125;
}

table#dkp .earned,
table#dkp .spent,
table#dkp .total { 
    text-align: right;
}

table.grid td.blank,
table.grid th.blank,
table.grid td.classhead { border: 0; background-color: transparent}

ul#filetoc {
    display: none;
}

* html div.smudge { height: 1%; }

div.smudge a {
    margin: 2px 3px;
    border: 1px solid black;
    display: block;
    float: left;
    background-color: #f96;
    padding: 2px;
    color: black;
    font-size: 80%;
}

div.smudge a:hover {
    text-decoration: none;
}

div.smudge a.active {
    background-color: #9f9;
}

li {
    margin-bottom: 4px;
}

br.clear {
    clear: both;
    line-height: 0;
}

div.quicklinks ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 1em;
    width: 12em;
    float: right;
    border: 1px solid black;
}

div.quicklinks li {
    font-weight: bold;
    padding: 2px;
    margin: 0;
    border-bottom: 1px solid black;
    background: #F2E125 url('/images/yellow-gradient.gif') repeat-x;
    background-position: 0px 5px;
    border-left: 5px solid black;
}

table.diff { background: #ffe296; border: 1px solid black; }
td.diff-addedline {
    background:#ccffcc;
    font-size: smaller;
}
td.diff-deletedline {
    background:#ffffaa;
    font-size: smaller;
}
td.diff-context {
    background:#eee;
    font-size: smaller;
}
span.diffchange { color: red; font-weight: bold; }

#dkpcsv {
    margin: 1em;
    padding: 1ex;
    border: 1px solid #a76600;
}

/* thottbot */

table.ttb {
    margin: 0px; 
    color: #FFFFFF;
    font-size: 100%;
}
table.ttb td {
    padding: 0;
}
table.ttb h6 {
  width: 100%;
  background-color: #AAAAAA;
  color: #000000;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
table.ttb h6 a:link { color: #3333FF; text-decoration: underline; }
table.ttb h6 a:visited { color: #3333FF; text-decoration: underline; }
table.ttb h6 a:hover { color: #7777FF; background-color: #282828; }
table.ttb h6 a:active { color: #000000; background-color: #0000FF; }
table.ttb a:link { color: #00FF00; text-decoration: none; }
table.ttb a:visited { color: #00EE00; text-decoration: none; }
table.ttb a:hover { color: #77FF77; background-color: #282828; }
table.ttb a:active { color: #000000; background-color: #00FF00; }
span.quality   { color: #FFFFFF; }
span.quality-1 { color: #FFCC00; }
span.quality0  { color: #808080; }
span.quality1  { color: #FFCC00; }
span.quality2  { color: #00FF00; }
span.quality3  { color: #0068FF; }
span.quality4  { color: #8000FF; }
span.quality5  { color: #FF8000; }
span.quality6  { color: #FF0000; }
span.quality,span.quality-1,span.quality0,span.quality1,span.quality2,span.quality3,span.quality4,span.quality5,span.quality6 {
  display: block;
  font-weight: bold;
}

span.itemspell a.spell:active { color: #000000; background-color: #00FF00; }
span.itemdesc { color: #AAAA00; }
span.spdesc { color: #FFFF00; }

span.itemspell { color: #00FF00; }
span.itemspell a.spell:link { color: #00FF00; }
span.itemspell a.spell:visited { color: #00EE00; }
span.itemspell a.spell:hover { color: #77FF77; }

div#tbitem {
    position: absolute;
    visibility: hidden;
    background-color: #282828; 
    border-bottom: 2px solid #888; 
    border-right: 2px solid #888;
    border-top: 2px solid #EEE; 
    border-left: 2px solid #EEE;
    color: #FFFFFF;
}

/* inventory items */

.invitem {
    display: block;
    height: 40px; width: 40px;
    position: relative;
}

div.item .quantity, .invitem .quantity {
    font-family: "Verdana", sans-serif;
    color: white;
    font-weight: bold;
    position: absolute;
    bottom: 3px; left: 0px;
    width: 37px;
    text-align: right;
}

.invitem .quality {
    display: block;
    top: 0; left: 0;
    height: 40px; width: 40px;
}

.bag {
    position: relative;
    border: 1px solid black;
    margin: 1em; 
    display: block;
    float: left;
    background: url('/images/empty.gif') repeat #555;
}

ul#claims {
    border: 1px solid black;
    display: block;
    position: absolute;
    width: 10em;
    padding: 0;
    font-size: 85%;
    top: 8px; right: 10px;
}

ul#claims li {
    border-top: 1px solid black;
    margin: 0; padding: 2px;
    list-style: none;
    background: #ddd;
    display: none;
}

ul#claims li.username {
    display: block;
    background-image: none;
    background-color: black;
    color: #eee;
    text-align: center;
}

ul#claims:hover li {
    display: block;
}

div.item {
    display: block;
    height: 40px;
    padding-left: 40px;
    background: top left no-repeat;
    position: relative;
}