/*  
    Recommeded CSS
    ==============
*/

.panel {
    position: fixed;
    left: -12em; /*or width of your navigation panel*/
    width: 12em; /*should match the above value*/
    z-index: 10000;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}

.panelopen {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height: 100%;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}

/*  
    Demo Specific Styles
    ====================
*/


.wrap {
    position: relative;
    max-width: 80%;
    margin: 0 auto;
    padding: 20px;
}

.panel, .panelopen {
    background: #101820;
}

.panel a, .panelopen a {
    color: #fff;
}

.menu {
z-index: 10000;
}