/*********************************************************************************/
/* UI                                                                            */
/*********************************************************************************/

#navButton {
}

    #navButton .toggle {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

        #navButton .toggle:before {
            font-family: FontAwesome;
            text-decoration: none;
            font-style: normal;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\f0c9';
            color: #fff;
            color: rgba(255,255,255,0.75);
            text-align: center;
            display: block;
            font-size: 14px;
            width: 80px;
            height: 30px;
            line-height: 30px;
            position: absolute;
            left: 50%;
            margin-left: -40px;
            background: rgba(132,128,136,0.75);
            border-top: 0;
            border-radius: 0 0 0.35em 0.35em;
        }

#navPanel {
    position: relative;
    background: #1f1920;
    box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.25);
    font-size: 1em;
}

    #navPanel:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url('images/overlay.png');
        background-size: 128px 128px;
    }

    #navPanel .link {
        position: relative;
        z-index: 1;
        display: block;
        text-decoration: none;
        padding: 0.5em;
        color: #ddd;
        border: 0;
        border-top: dotted 1px rgba(255,255,255,0.05);
    }

        #navPanel .link:first-child {
            border-top: 0;
        }

        #navPanel .link.depth-0 {
            color: #fff;
            font-weight: 600;
        }

    #navPanel .indent-1 {
        display: inline-block;
        width: 1em;
    }

    #navPanel .indent-2 {
        display: inline-block;
        width: 2em;
    }

    #navPanel .indent-3 {
        display: inline-block;
        width: 3em;
    }

    #navPanel .indent-4 {
        display: inline-block;
        width: 4em;
    }

    #navPanel .indent-5 {
        display: inline-block;
        width: 5em;
    }

    #navPanel .depth-0 {
        color: #fff;
    }

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav {
    display: none;
}