/* CUSTOMIZATION */
#__CUSTOMIZATION__{}

/*
* Styles specific to customer's color scheme and sidebar / primary width needs
* When possible, use yui supported widths (http://yuiblog.com/assets/pdf/cheatsheets/css.pdf)
* and delete widths section at bottom
*/


    /* COLOR SCHEME */
    #__COLOR_SCHEME__{}
    /* _COLORSCHEME
    
    aqua blue:          #179DE4;
    aqua blue (links):  #1194DD;
    light blue:         #A5DAf6;
    
    dark grey:          #373A3E;
    medium grey:        #989898;
    light grey:         #CACACA;
    
    */
    
    html{background-color:#373A3E;}
    
    a{color:#1194DD;}
    a:hover{}
    
    
    /* _LOGIN PAGE */
    #streamer{background-color:#179DE4;}
    div.login{background-color:#EFEFEF;}
    
    /*_HEADER*/
    #hd {}
    
    /*_META*/
    #meta{
        background-color:#179DE4;
        color:#FFF;
        border-bottom-color: #EAEAEA;
    }
    #meta a{color:#FFF;}
    #meta p em{color:#A5DAf6;}
    
    /*_LOGO*/
    #logo {background-color:#373A3E;}
    #logo a{color#179DE4;}
    #logo a:hover{color:#179DE4;}
    
    /*_NAV*/
    #nav{background-color:#F4F4F4;}
    #nav a,#nav a.first{
        color:#0067A5;
        border-color:#9C9C9C;
        background-color:rgba(0, 0, 0, .05);
    }
    #nav a:hover{background-color:rgba(0, 0, 0, .15);}
    
    /* WIDTHS  - delete for default yui functionality */
    #__WIDTHS__{}
    #bd{background:#FFF url(../gr/body/fauxColumnBG.png) repeat-y -381px 0px;}
    #yui-main div.yui-b,#primary{
        float:right;
        width:708px;
        margin:0;padding:0;
    }
    #secondary{
        width:218px;
    }
    
    /*
        change the width of this image
        should be 2px wider than width of #secondary   
    */
    #rounded-top{
        background:#DCDCDC url(../gr/sidebar/sidebar-rounded-top.png) no-repeat left top;
        height:5px;
        position:absolute;
        top:-4px;
        left:-1px;
        width:220px;
    }
    
    /*
        change the width of this image
        should be 14px narrower than width of #secondary   
    */
    #home-rounded-top{
        background:url(../gr/sidebar/home-rounded-top.png) no-repeat left top;
        height:4px;
        position:absolute;
        top:6px;
        left:7px;
        width:205px;
    }
    #home-rounded-top.activehover{
        background:url(../gr/sidebar/home-rounded-top.png) no-repeat 0 -5px;
    }
    #home-rounded-top.homeactive{
        background:url(../gr/sidebar/home-rounded-top.png) no-repeat 0 0;
    }
    #home-rounded-top.inactivehover{
        background:url(../gr/sidebar/home-rounded-top.png) no-repeat 0 -15px;
    }
    #home-rounded-top.inactive{
        background:url(../gr/sidebar/home-rounded-top.png) no-repeat 0 -10px;
    }
    
    /*_PRIMARY*/
    #primary{}
    
    /*_SECONDARY*/
    #secondary{
        background-color:#DCDCDC;
    }
    
    /*_FOOTER*/
    #ft{background-color:#373A3E;}
    #ft{color:#808285;}
    #ft a{color:#B6B7B8}