style.css

* {
    margin:0;
    padding:0;
}

body {
    background:url(img/bg.jpg) no-repeat top center #020510;
    font-family:Arial, Helvetica, sans-serif;
}

.clear-b {
    clear:both;
    height:1px;
}

.logo {
    background:url(img/logo.png);
    width:350px;
    height:69px;
    opacity:1;
    margin:120px 30px;
}

#head {
    width:905px;
    height:220px;
    margin:0 auto;
}

#footer {
    width:905px;
    margin:0 auto;
}

    #footer p {
        padding:18px 22px;
        color:#1f2f4b;
        text-shadow:0 1px 0 #000, 0 0 4px #000, 0 0 4px #000;
        font-size:12px;
    }

a {
    color:#2a4967;
    text-decoration:none;
}

hr {
    background:#070a0f;
    height:3px;
    border:none;
    border-bottom:solid 1px #1a1f31;
    margin:4px;
}
/* -------------------------------------------------------------- */
/* ---- MENU STYLESHEET ----------------------------------------- */

#menu {
    background:url(img/main.png)left top;
    height:105px;
    width:905px;
    margin:0 auto;
    font-family:Georgia, "Times New Roman", Times, serif;
}

    #menu ul {
        height:94px;
        width:740px;
        list-style:none;
        margin:0 auto;
    }

    #menu ul li {
        float:left;
        background:url(img/menu-border.png) right no-repeat;
        height:93px;
        margin-top:5px;
    }

        #menu ul li:last-child {
            background:none;
        }

        #menu ul li a {
            padding:40px 23px 40px 23px;
            display:block;
            text-transform:uppercase;
            text-decoration:none;
            color:#69acd6;
            text-shadow:0 1px 0 #000, 0 0 4px #000, 0 0 4px #000;
            font-size:15px;
        }

/* -------------------------------------------------------------- */
/* ---- MAIN STYLESHEET ----------------------------------------- */

#main {
    background:url(img/main.png) right center;
    width:905px;
    min-height:300px;
    margin:0 auto;
}

#main-bt {
    background:url(img/main.png) left bottom;
    width:905px;
    height:8px;
    margin:0 auto;
}

/* -------------------------------------------------------------- */
/* ---- STATUS STYLESHEET --------------------------------------- */

#status {
    background:url(img/status-bar.png);
    width:586px;
    height:56px;
    margin:-5px 0 0 0;
    float:left;
}

    #status p {
        float:left;
        font-size:12px;
        padding:18px 0 0 22px;
        color:#69acd6;
        text-shadow:0 1px 0 #000, 0 0 4px #000, 0 0 4px #000;
    }

    #status p.offline {
        color:#a97676;
    }

    #status p.online {
        color:#82a976;
    }


.clear-con {
    width:588px;
    height:51px;
    margin:0 0 0 7px;
}

.status-load {
    background:url(img/status-load.png);
    width:34px;
    height:35px;
    float:right;
    margin:8px 16px;
    cursor:pointer;
}

/* -------------------------------------------------------------- */
/* ---- CONTENT STYLESHEET --------------------------------------- */

#content {
    width:588px;
    margin:0 0 0 5px;
    float:left;
}

    .con-ui {
        background:url(img/content.png);
        width:588px;
    }

    .con-top {
        background-position:left top;
        height:66px;
    }

        .con-top h2 {
            font-weight:normal;
            color:#7690a9;
            text-shadow:0 2px 0 #000, 0 0 3px #000, 0 0 3px #000;
            font-size:16px;
            line-height:68px;
            text-align:left;
            text-indent:30px;
        }

    .con-post {
        background-position:right center;
    }

        .con-wrapper {
            padding:6px 30px 10px 30px;
            color:#50606f;
            font-size:12px;
            text-shadow:0 1px 1px #000;
        }

    .con-bt {
        background-position:left bottom;
        height:16px;
    }

    .con-button {
        background:url(img/con-button.png);
        width:588px;
        height:102px;
        opacity:0.7;
    }

    #quote {
        background:url(img/quote.png) no-repeat;
        width:534px;
        height:81px;
        margin:9px 0;
    }

        #quote p {
            padding:18px 37px;
            color:#4f596e;
        }
/* -------------------------------------------------------------- */
/* ---- SIDEBAR STYLESHEET -------------------------------------- */

#sidebar {
    width:307x;
    margin:0 5px 0 0;
    float:right;
}

    .sb-ui {
        background:url(img/sidebar.png);
        width:307px;
    }

    .sb-top {
        background-position:left top;
        height:58px;
    }

        .sb-top h2 {
            font-weight:normal;
            color:#7690a9;
            text-shadow:0 2px 0 #000, 0 0 3px #000, 0 0 3px #000;
            font-size:15px;
            line-height:58px;
            text-align:left;
            text-indent:28px;
        }

    .sb-post {
        background-position:right center;
    }

        .sb-wrapper {
            padding:6px 26px 5px 26px;
            color:#50606f;
            font-size:12px;
            text-shadow:0 1px 1px #000;
        }

    .sb-bt {
        background-position:left bottom;
        height:16px;
    }

    .sb-download {
        background:url(img/buttons.png) top;
        width:305px;
        height:62px;
        opacity:0.7;
    }

    .sb-register {
        background:url(img/buttons.png) bottom;
        width:305px;
        height:62px;
        opacity:0.7;
    }

/* -------------------------------------------------------------- */
/* ---- TEXT STYLESHEET ----------------------------------------- */

input[type="text"], [type="password"] {
    background:url(img/input.png);
    width:260px;
    height:39px;
    border:none;
    text-indent:15px;
    color:#272e35;
    text-shadow:0 1px 0 #000, 0 0 3px #000, 0 0 2px #000;
    font-size:12px;
    margin:3px 0;
}

input[type="submit"], [type="reset"] {
    background:url(img/button_s.png);
    width:98px;
    height:47px;
    border:none;
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;
    color:#7690a9;
    text-shadow:0 1px 0 #000, 0 0 3px #000;
}
    input[type="submit"]:hover, [type="reset"]:hover  {
        background-position:0 -47px;
        color:#7cb7f0;
    }

/* -------------------------------------------------------------- */
/* ---- RANK STYLESHEET ----------------------------------------- */

table.rank {
    background:url(img/rank.png);
    width:262px;
    height:221px;
    border:none;
    margin:0 auto;
}

table.rank tr.top {
    color:#50606f;
    font-size:12px;
    text-shadow:0 1px 1px #000;
}

table.rank tr.list {
    color:#2a4967;
    font-size:12px;
    text-shadow:0 1px 1px #000;
}


span.set-player {
    background:url(img/change_rank.png);
    width:102px;
    height:29px;
    float:right;
    display:block;
    margin:13px 22px 0 0;
    cursor:pointer;
}

span.set-guild {
    background:url(img/change_rank.png)0 -29px;
    width:102px;
    height:29px;
    float:right;
    display:none;
    margin:13px 22px 0 0;
    cursor:pointer;
}

.load {
    background:url(img/ajax-loader.gif);
    width:16px;
    height:16px;
    display:none;
    margin:0 auto;
}