#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 260px;
    // padding: 0 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-box-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}
#menu{
    ul{
        padding:0;
        margin:0;
        li{
            padding:0;
            margin:0;
            a{
                display:block;
                width:100%;
                height:50px;
                line-height:50px;
                text-indent:20px;
                // background:$highlight-color;
                @include box-shadow(inset 0 -1px 0 white(0.1), 0 1px 0 black(0.8));
                &:hover{
                    background:black(0.5);
                    color:white;
                }
            }
        }
    }
}
body.pageslide-open{
    overflow:hidden;
}
.wrapper{
    position:absolute;
    top:0;
    margin:0;
    width:100%;
    background:#e9f3f7; 
}