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

html, body
{
    height: 100%;
}

body
{
    background-color: #f6f9fc;
    font-family: "Liberation Sans", "Nimbus Sans", "DejaVu Sans", Arial, Verdana, sans-serif;
    font-size: 14px;
}

p
{
    text-align: justify;
}

a:link, a:visited
{
    color: #00adef;
    text-decoration: none;
}

a:active, a:hover
{
    color: #666666;
    text-decoration: underline;
}

a img
{
    border: none;
}

div#container
{
    min-height: 100%;
    position: relative;
}

/* HEADER */

div#header
{
    height: 120px;
    background-image: url(http://www.archhurd.org/images/header.png)
}

div#header h1 a
{
    width: 360px;
    height: 120px;
    display: block;
    float: left;
    background-image: url(http://www.archhurd.org/images/logotrans.png);
    text-indent: -9999px;
}

div#header ol#navbar
{
    list-style-type: none;
    position: absolute;
    right: 24px;
    top:   50px;
}

div#header ol#navbar li
{
    display: block;
    float: right;
    margin: 0px 24px 0px 24px;
}

div#header ol#navbar li a:active, div#header ol#navbar li a:hover, div#header ol#navbar li a:link, div#header ol#navbar li a:visited, div#header ol#navbar li.selected
{
    font-size: 16px;
    color: #dddddd;
}

div#header ol#navbar li.selected
{
    font-weight: bold;
}

div#header ol#navbar li a:hover
{
    text-decoration: none;
    color: #ffffff;
}

/* CONTENT */

div#content.fullwidth
{
    padding: 0px 0px 124px 0px;
}

div#brdmenu
{
    padding: 5px;
}

div#brdmenu ul, div#brdwelcome ul
{
    list-style-type: none;
    display: inline;
}

div#brdmenu li, div#brdwelcome ul.conr li
{
    float: left;
    padding: 5px;
    text-transform: uppercase;
}

div#brdwelcome ul.conr li
{
    float: right;
    position: relative;
    top: -5px;
}

div#brdwelcome ul.conl, div#brdwelcome p
{
    display: none;
}

div.blocktable, div.block, div.blockform, div.linkst, div.linksb, div#viewprofile, div.blockpost, div.postlinksb, div.blockmenu
{
    clear: both;
    border: 1px solid #cccccc;
    padding: 10px 25px;
    margin: 10px 10%;
    border-radius: 10px;
}

div.blocktable h2, div.block h2, div.blockform h2, div#viewprofile h2, div.blockpost h2, div.blockmenu h2
{
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: bold;
    text-align: right;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 16px;
}

div.blockmenu ul
{
    list-style-type: none;
    height: 20px;
}

div.blockmenu li
{
    text-transform: uppercase;
    margin: 10px;
    float: left;
    position: relative;
    top: -6px;
}

div.blockmenu + div.blockform input
{
    width: 25%;
}

p
{
    margin-bottom: 10px;
}

p input
{
    margin: 10px;
    padding: 3px;
    width: 150px !important;
}

div.blockpost .inbox
{
    margin-left: 160px;
}

div.blockpost div.postleft
{
    float: left;
    width: 150px;
    position: relative;
    left: -160px;
    height: 0px;
}

div.blockpost div.postleft dd
{
    font-size: 0.9em;
}

div.blockpost div.postleft dt, div.blockpost div.postleft dd.usertitle, div.blockpost div.postleft dd.postavatar
{
    text-align: center;
    font-weight: normal;
    font-size: 1.1em;
}

div.blockpost div.postleft dd.postavatar img
{
    margin: 10px;
}

div.blockpost div.postleft dd.usercontacts
{
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
}

div.blockpost div.postright
{
    clear: both;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    min-height: 170px;
    margin-bottom: 24px;
}

div.blockpost div.postright h3
{
    font-size: 1em;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

div.blockpost div.postsignature
{
    margin-top: 24px;
}

div.blockpost div.postsignature h2
{
    border: none;
    height: 1px;
    background-color: #dddddd;
}

div.blockpost .postfootleft p
{
    font-weight: bold;
    font-size: 0.9em;
    margin-left: 32px;
}

div.blockpost .postfootright ul
{
    list-style-type: none;
    float: right;
    position: relative;
    top: -12px;
}

div.blockpost .postfootright ul li
{
    display: inline;
    text-transform: uppercase;
}

div.blockpost h2
{
    font-size: 0.7em;
    border-bottom: none;
    font-weight: normal;
}

div.blocktable table
{
    width: 100%;
}

div.blockform fieldset
{
    border: none;
    margin-bottom: 10px;
}

div.blockform fieldset label
{
    margin-bottom: 16px;
    display: block;
}

th, legend
{
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
}

th.tcl, td.tcl
{
    width: 65%;
}

th.tc2, td.tc2
{
    width: 5%;
    text-align: center;
}

th.tc3, td.tc3
{
    width: 5%;
    text-align: center;
}

th.tcr, td.tcr
{
    width: 25%;
}

td.tcl div
{
    margin-bottom: 16px;
}

td.tcr
{
    text-align: right;
    font-size: 0.9em;
    font-style: italic;
}

td.tcr a
{
    font-size: 1.1em;
    font-style: normal;
    display: block;
}

div.fakeform fieldset
{
    border: none;
}

div.inform
{
    margin: 10px 0px;
    padding: 10px 0px;
}

div.inform + div.inform
{
    border-top: 1px solid #cccccc;
}

div.fakeform dt
{
    font-weight: bold;
    display: block;
    float: left;
    width: 200px;
}

div#brdstats dl.conr
{
    float: right;
}

div#brdstats dl.conr dt strong, div#brdstats dl.conl dt strong
{
    font-weight: normal;
    text-transform: uppercase;
}

div#brdstats dl#onlinelist
{
    clear: both;
    text-align: center;
}

div.linkst .inbox p.postlink, div.linksb .inbox p.postlink
{
    float: right;
    text-transform: uppercase;
    position: relative;
    top: -5px;
}

div.postlinksb .inbox p.postlink, div.postlinksb .inbox p.subscribelink
{
    float: right;
    text-transform: uppercase;
    position: relative;
    top: 6px;
}

div.blockform
{
    padding-left: 150px;
}

div.blockform div.inform .txtarea label
{
    display: block;
    width: 100%;
}

label strong
{
    font-weight: normal;
}

input.longinput
{
    width: 100%;
}

textarea
{
    width: 100%;
    height: 125px;
}

div.blockform div.inform ul
{
    list-style-type: none;
    float: left;
    height: 0px;
    position: relative;
    top: -126px;
    left: -125px;
}

div.rbox input
{
    margin-right: 8px;
    width: 16px !important;
}

blockquote
{
    padding: 16px 25px;
    margin: 10px;
    border: 1px solid #aaaaaa;
    background-color: #eeeeee;
}

blockquote h4
{
    font-style: italic;
    font-weight: normal;
    font-size: 0.9em;
    margin-bottom: 8px;
}

div.blockform div.inform li
{
    margin-bottom: 6px;
    clear: both;
}

div.blockform div.inform ul a
{
    text-transform: uppercase;
    display: block;
    width: 70px;
    float: left;
}

div.postlinksb .inbox p.subscribelink
{
    top: -20px;
}

div.linkst .inbox ul, div.linksb .inbox ul, div.postlinksb .inbox ul
{
    list-style-type: none;
    margin-top: 6px;
    margin-bottom: 6px;
}

div.linkst .inbox li, div.linksb .inbox li, div.postlinksb .inbox li
{
    display: inline;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8em;
}

div#brdstats dl#onlinelist dt, div#brdstats dl#onlinelist dd
{
    display: inline;
    font-weight: bold;
    font-size: 0.8em;
}

div#brdfooter
{
    display: none;
}

/* FOOTER */

div#footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color:#111111;
    border-top: 10px solid #191919;
    color: #999999;
    font-size: 10px;
    padding-top: 24px;
    height: 90px;
}

div#footer a
{
    color: #ffffff;
}

div#footer a:hover
{
    text-decoration: underline;
}

div#footer div#leftfoot
{
    width: 256px;
    padding-left: 10px;
    float: left;
    position: relative;
    bottom: 54px;
    height: 0px;
}

div#footer div#rightfoot
{
    width: 256px;
    padding-right: 10px;
    float: right;
    position: relative;
    bottom: 44px;
    height: 0px;
}

div#footer div#mainfoot
{
    padding: 10px;
    float: right;
    width: 100%;
}

div#footer div#mainfoot p
{
    text-align: center;
}