/*  
Theme Name: Hellfire Club
Theme URI: http://www.hfc-guild.com/
Description: The WordPress theme for Hellfire Club.
Version: 0.1
Author: Justin Shaw
Author URI: http://www.shawrkbyte.com/shawrk/
*/

/***    TAGS    ***/

body
{
    color: #BFB6AC;
    background-color: #000;
    background-image: url('/gfx/hfc-bg.jpg');
    background-repeat: repeat-x;
    border: 0;
    margin: 0;
    padding: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
}

a, a:visited
{
    color: #90f;
    text-decoration: none;
}

a:hover
{
    background-color: #000;
    color: #f90;
    text-decoration: none;
}

a:visited
{

    color: #9f0;
    text-decoration: none;
}

form
{
    margin: 0px;
    padding: 0px;
}

h1
{
    color: #3F6A73;
    text-align: center;
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 0;
    padding: 0 0 12px 0;
}

h2
{
    color: #FFB443;
    font-family: verdana, arial, helvetica, sans-serif;
    border: 1px solid #3F6A73;
    border-width: 0 0 2px 0;
    margin: 0;
    padding: 0 0 0 8px;
}

h3
{
    font-size: 1.4em;
    border:0;
    margin:0;
    padding:0;
}

input, select
{
    color: #fff;
    background-color: #000;
    border: 2px solid #3F6A73;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    cursor: hand;
    cursor: pointer;
}

input.img, input.box
{
    background-color: transparent;
    border:0px;
}

select.num
{
    text-align: right;
    width: 100%;
}

strong, b
{
    color: #fff;
}

table
{
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}

tr, td
{
    text-align: left;
    vertical-align: top;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: default;
}

td td
{
    vertical-align: middle;
    padding: 1px 4px;
}

tr.odd
{
    color: #BFB6AC;
    background-color: #152326;
}

tr.even
{
    color: #BFB6AC;
    background-color: inherit;
}

tr.null
{
    display: none;
}

tr.sel_odd
{
    color: #000;
    background-color: #e80;
}

tr.sel_even
{
    color: #000;
    background-color: #f90;
}

tr.head
{
    color: #fff;
    font-weight: bold;
}

tr.head td
{
    padding-bottom: 5px;
    border-bottom: 2px solid #3F6A73;
}

tr.act td
{
    border: 2px solid #3F6A73;
    border-width: 2px 0px;
    padding: 4px;
    text-align: center;
}

td.num
{
    text-align: right;
}

/***    IDS    ***/

#contain
{
    background-color: #000;
    text-align: left;
    width: 70%;
    border: 2px solid #3F6A73;
    margin: 0;
    padding: 0;
}

#content
{
    margin: 0 8px 0 8px;
    padding: 0;
}

/* Eh?
#content h1,h2
{
    display: inline;
}
*/

#content p
{
    padding: 0 8px 0 8px;
}

#easteregg
{
    color: #FFB443;
    font-size: 10px;
    text-align: center;
    border-top: 2px solid #3F6A73;
    padding: 3px 0 5px 0;
}

#footnote
{
    font-size: 9px;
    text-align: center;
    border-top: 2px solid #3F6A73;
    padding-top: 5px;
}

#mainbody
{
    text-align: center;
    border: 0;
    margin: 8px;
    padding: 0;
}

#masthead
{
    background-color: #000;
    text-align: center;
    padding: 5px;
    margin: 0;
}

#mastmenu
{
    background-color: #000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #3F6A73;
    border-width: 2px 0 2px 0;
    padding: 3px 0 5px 0;
}

#sidemenu, #prefmenu
{
    width: 135px; // Something else must reflect this... I think.
    background-color: #000;
    border: 0;
    margin: 0;
    padding: 0 8px 0 0;
}

#sidemenu ul, #prefmenu ul
{
    border: 0;
    margin: 0;
    padding: 0 8px 0 0;
}

#sidemenu li, #prefmenu li
{
    display: block;
    border: 0;
    margin: 0 0 0 8px;
    padding: 0;
}

/***    CLASSES    ***/

.alignleft
{
    float: left;
    text-align: left;
}

.alignright
{
    float: right;
    text-align: right;
}

.cap
{
    color: #FFB443;
    background-image: url('/gfx/hfc-menu.gif');
    background-repeat: repeat-y;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 2px;
}

.clear 
{
    clear: both;
}

.dead       { color:#808080; font-weight:bold; }
.attempt    { color:#ff0; font-weight:bold; }
.skull      { color:#f00; font-weight:bold; }

.item, .item a          { font-weight:bold; }
    .poor, .poor a              { color:#808080; }
    .common, .common a          { color:#fff; }
    .uncommon, .uncommon a      { color:#9f0; }
    .rare, .rare a              { color:#03f; }
    .epic, .epic a              { color:#90f; }
    .legendary, .legendary a    { color:#ffb443; }
    .artifact, .artifact a      { color:#f30; }

.navigation
{
    padding: 0 0 12px 0;
}

.postmetadata, .commentmetadata
{
    color: #3F6A73;
    font-size: smaller;
}

.post
{
    border: 1px solid #3F6A73;
    border-width: 0 0 2px 0;
    margin: 0 0 30px 0;
    padding: 0;
}

.shafted
{
    color: #f30;
    font-weight: bold;
    text-decoration: underline;
}

.sig
{
    font-size: 10px;
    color: #3F6A73;
    font-weight: bold;
    text-align: right;
    padding: 0 16px 0 0;
    margin: 0;
}

.sub
{
    text-align: center;
}

/***    UNKNOWN STYLE DECLARATIONS    ***/

#container
{
    margin-left: auto;
    margin-right: auto;
    width: 745px;
}

#main
{
    background-color: #000;
    width: 745px;
}

#headermenu
{
    background-color: #000;
    color: #0F0;
    width: 745px;
    padding: 10px 0 10px 0;
}

#headermenu a:link
{
    color: #0F0;
}

#footer
{
    background-color: #000;
    color: #0F0;
    width: 745px;
    padding: 10px 0 0 0;
}