#site-navigation {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  width: 15%;
  border-right: 1em solid #f5f5f5;
  padding-left: 0.5em; }
  #site-navigation ul {
    background: #e1e1e1;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    #site-navigation ul li {
      padding: 0;
      margin: 0;
      /*-moz-box-shadow: darken($BODYBACKGROUNDCOLOR, 20%) -2px -4px inset;
            -webkit-box-shadow: darken($BODYBACKGROUNDCOLOR, 20%) -2px -4px inset;
            box-shadow: darken($BODYBACKGROUNDCOLOR, 20%) -2px -4px inset;*/ }
      #site-navigation ul li a {
        display: block;
        text-decoration: none;
        text-align: center;
        color: #252525;
        padding: 0.5em;
        border-bottom: 2px solid #f5f5f5; }
        #site-navigation ul li a:hover {
          background-color: #e8e8e8;
          /*box-shadow: darken($BODYBACKGROUNDCOLOR, 10%) -2px -4px inset;*/ }
      #site-navigation ul li > ul {
        display: none;
        background: #c7c7c7; }
        #site-navigation ul li > ul a:hover {
          background: #d6d6d6; }