@charset "utf-8";
/* 
	LAYOUT CODED BY CHAAD
*/

html, body {
    background: url(../images/bg.png) fixed !important;
    color: #404040;
}

div#container {
    margin: 0 auto 10px auto;
    width: 870px;
}

    div#container div#banner {
        background: url(../images/banner.png);
        height: 115px;
        margin-bottom: 10px;
        width: 870px;
    }
    
        div#container div#banner a#logo {
            background: url(../images/logo.png);
            float: left;
            height: 102px;
            left: 537px;
            position: relative;
            top: 6px;
            width: 175px;
        }
        
    div#container div#left {
        float: left;
        width: 538px;
    }
    
        div#container div#left div#navi-body {
            background: url(../images/navi-body.png);
            height: 23px;
            padding: 12px 10px 0 10px;
            width: 512px;
        }
        
            div#container div#left div#navi-body > a {
                color: #000000;
                margin-right: 10px;
                padding-bottom: 24px;
                text-decoration: none;
            }
            
            div#container div#left div#navi-body > a:hover {
                background: url(../images/navi-hover.png) no-repeat center;
                height: 5px;
                width: 9px;
            }
            
        div#container div#left div#subnavi {
            background: url(../images/subnavi.png);
            height: 28px;
            margin-bottom: 8px;
            padding: 13px 7px 0 7px;
            width: 524px;
        }
        
            div#container div#left div#subnavi > a {
                color: #03485e;
                margin-right: 10px;
                text-decoration: none;
                text-shadow: #4bc3e8 0 1px;
            }
            
            div#container div#left div#subnavi > a:hover {
                font-weight: bold;
            }
            
        div#container div#left div#radio-stats {
            background: url(../images/radio-stats.png);
            height: 88px;
            width: 526px;
        }
        
            div#container div#left div#radio-stats div#controls {
                height: 18px;
                left: 5px;
                position: relative;
                top: 5px;
                width: 200px;
            }
            
                div#container div#left div#radio-stats div#controls a#radio-stop {
                    background: url(../images/radio-controls.png) no-repeat 0 0;
                    float: left;
                    height: 18px;
                    width: 19px;
                }
                
                div#container div#left div#radio-stats div#controls div#radio-track {
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    background: #ade6ec;
                    border-radius: 3px;
                    float: left;
                    height: 10px;
                    margin: 4px 10px 0 10px;
                    width: 115px;
                }
                
                    div#container div#left div#radio-stats div#controls div#radio-track div#radio-volume {
                        background: url(../images/radio-controls.png) no-repeat 0 -18px;
                        cursor: move;
                        height: 18px;
                        position: relative;
                        top: -4px;
                        width: 19px;
                    }
                    
                div#container div#left div#radio-stats div#controls a#radio-refresh {
                    background: url(../images/radio-refresh.png);
                    float: left;
                    height: 15px;
                    width: 15px;
                }
                
            div#container div#left div#radio-stats div#radio-text {
                color: #2c393e;
                line-height: 14px !important;
                margin: 15px 0 0 81px;
                width: 245px;
            }
            
            div#container div#left div#radio-stats div#habbo {
                float: right;
                margin: 5px 132px 0 0;
            }
        
        div#container div#left div.content {
            float: left;
            margin-top: 10px;
            width: 530px;
        }
        
            div#container div#left div.content div.content-header {
                background: url(../images/content-headers.png) no-repeat 0 0;
                color: #FFF;
                font-weight: bold;
                height: 23px;
                padding: 16px 13px 0 13px;
                width: 504px;
            }
            
                div#container div#left div.content div.content-header.yellow {
                    background-position: 0 0;
                    text-shadow: #a1800b 1px 1px;
                }
            
            div#container div#left div.content div.content-mid {
                background: url(../images/content-mid.png);
                overflow: hidden;
                padding: 0 6px 0 6px;
                width: 518px;
            }
            
            div#container div#left div.content div.content-footer {
                background: url(../images/content-footer.png);
                height: 9px;
                width: 530px;
            }
            
        div#container div#left p#disclaimer {
            color: #73746b;
            float: left;
            line-height: 14px;
            padding: 10px 0 10px 0;
            text-align: center;
            text-shadow: #FFF 0 1px;
            width: 530px;
        }
        
            div#container div#left p#disclaimer > a {
                color: inherit;
                font-weight: bold;
                text-decoration: none;
            }
            
    div#container div#right {
        float: right;
        margin-top: 6px;
        width: 332px;
    }
    
        div#container div#right div#login-area {
            background: url(../images/login-body.png);
            height: 124px;
            padding: 10px;
            width: 312px;
        }
        
            div#container div#right div#login-area input.login {
                background: url(../images/login-input.png);
                border: 0 !important;
                color: #053443;
                font-family: Tahoma;
                font-size: 12px;
                height: 33px;
                padding: 0 10px 0 10px;
                text-shadow: #0b779a 1px 1px;
                width: 236px;
            }
            
            div#container div#right div#login-area input.submit {
                background: url(../images/login-submit.png);
                border: 0 !important;
                float: left;
                height: 33px;
                margin-top: 10px;
                width: 61px;
            }
            
            div#container div#right div#login-area a.register {
                background: url(../images/login-register.png);
                float: left;
                height: 33px;
                margin: 10px 0 0 10px;
                width: 82px;
            }
            
            div#container div#right div#login-area > p {
                color: #FFF;
                left: 10px;
                position: relative;
                top: 20px;
            }
            
        div#container div#right div.contentbox {
            margin-top: 10px;
            width: 278px;
        }
        
            div#container div#right div.contentbox div.contentbox-header {
                background: url(../images/contentbox-headers.png);
                color: #FFF;
                height: 23px;
                font-weight: bold;
                padding: 16px 13px 0 13px;
                width: 252px;
            }
            
                div#container div#right div.contentbox div.contentbox-header.blue {
                    background: url(../images/contentbox-headers.png) no-repeat 0 0;
                    text-shadow: #0c82a6 1px 1px;
                }
                
                div#container div#right div.contentbox div.contentbox-header.red {
                    background: url(../images/contentbox-headers.png) no-repeat 0 -39px;
                    text-shadow: #671b1b 1px 1px;
                }
                
            div#container div#right div.contentbox div.contentbox-mid {
                background: url(../images/contentbox-mid.png);
                overflow: hidden;
                padding: 0 6px 0 6px;
                width: 266px;
            }
            
            div#container div#right div.contentbox div.contentbox-footer {
                background: url(../images/contentbox-footer.png);
                height: 9px;
                width: 278px;
            }