html, body {
    font-family: arial, helvetica, sans-serif;
    margin: 0 auto;
    min-height: 100%;
}

.clear { clear: both; }
sub {
    font-size: .8em;
    vertical-align: baseline;

    position: relative;
    top: 0.3em;
}


#top {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
    width: 1000px
    }
    #top #header-image {
        margin-left: 10px;
        }
    
    #top #member_nav_bar { font-size: x-small; margin: 0 25px 15px 25px; overflow: hidden; position: absolute; top: 0; right: 0; }
        #top #member_nav_bar .identifier { float: left; }
            #top #member_nav_bar .identifier #join_date { margin-top: 5px; }
        
        #top #member_nav_bar ul#member_nav { float: right; list-style-type: none; margin: 0; padding: 8px 5px 0 0; }
            #top #member_nav_bar ul#member_nav li { display: inline; }
                #top #member_nav_bar ul#member_nav li a { }
                #top #member_nav_bar ul#member_nav li a:hover { color: rgb(255, 204, 51); }
        
        #top #member_nav_bar #member_descrip { margin-top: 15px; }
            #top #member_nav_bar #member_descrip strong { }
            #top #member_nav_bar #member_descrip #join_date { }
    
    
    #top #nav {
        margin-right: 10px;
        padding-top: 30px;
    }
        #top #nav .button {
            float: right;
            padding-bottom: 0px;
            padding-left: 1px;
            padding-right: 1px;
            text-align: center;
            width: 105px;
        }
            #top #nav .button a {
                color: black;
                display: block;
                font: 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Tahoma", sans-serif;
                height: 100%;
                padding-top: 20px;
                padding-bottom: 7px;
                text-decoration: none;
                width: 100%;
            }
            #top #nav .button span {
                height: 100%;
            }
            #top #nav .button .button_bar {
                background-color: rgb(255, 204, 51);
                display: block;
                height: 5px;
                -webkit-transition-property: height, background-color;
                -webkit-transition-duration: 0.5s;
            }
            #top #nav .button .active {
                background-color: rgb(152, 0, 0);
                height: 10px;
            }
            #top #nav .button:hover .button_bar {
                background-color: rgb(152, 0, 0);
                height: 10px;
            }

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

#bottom {
    background-color: rgb(102, 102, 102);
    background-image: url(/media/themes/soufi/images/footer-bg.jpg);
    background-repeat: repeat-x;
    color: rgb(153, 153, 153);
    font-size: 0.8em;
    height: 100px;
    min-height: 100px;
    min-width: 1000px;
    padding-bottom: 20px;
    position: relative;
}
    #bottom #footer {
        margin: 0 auto;
        width: 1000px;
    }
        #bottom #footer #footerLeft {
            float: left;
            line-height: 1.5em;
            padding-left: 40px;
            padding-top: 40px;
            text-align: left;
        }
            #bottom #footer #footerLeft a {
                color: rgb(153, 153, 153);
                text-decoration: none;
            }
            #bottom #footer #footerLeft a:hover {
                color: rgb(255, 204, 51);
                font-weight: bold;
            }
        #bottom #footer #footerRight {
            float: right;
            padding-right: 40px;
            padding-top: 40px;
            text-align: center;
        }
            #bottom #footer #footerRight a {
                display: block;
                height: 100%;
                width: 100%;
            }
            #bottom #footer #footerRight #copyright_link {
                background: url(/media/themes/soufi/images/copyright.gif);
                float: right;
                height: 35px;
                margin: 10px auto;
                padding: 0;
                position: relative;
                width: 24px;
            }
                #bottom #footer #footerRight #copyright_link a:hover {
                    background: transparent url(/media/themes/soufi/images/copyright.gif) 0 -35px no-repeat
                }
            #bottom #footer #footerRight #home_link {
                background: url(/media/themes/soufi/images/home.gif);
                float: right;
                height: 35px;
                margin: 10px auto;
                padding: 0;
                position: relative;
                width: 24px;
            }
                #bottom #footer #footerRight #home_link a:hover {
                    background: transparent url(/media/themes/soufi/images/home.gif) 0 -35px no-repeat
                }
            #bottom #footer #footerRight #top_link {
                background: url(/media/themes/soufi/images/top.gif);
                float: right;
                height: 35px;
                margin: 10px auto;
                padding: 0;
                position: relative;
                width: 24px;
            }
                #bottom #footer #footerRight #top_link a:hover {
                    background: transparent url(/media/themes/soufi/images/top.gif) 0 -35px no-repeat
                }