h4, h5, h6,
h1, h2, h3 {margin: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html, body{
  font-family: 'Roboto', sans-serif;
   font-size: 100%;
   background:#525659; 
   color: #ffffff
}


/* 
.wrapper {min-width:500px;padding: 1em .5em;}
.left{background-color:#525659; 
    
}
.navigation {position:fixed;}
.wrapper .content{border-left: 1px solid #000000}
 */

.navbar-fixed-left {
    width: 200px;
    position: fixed;
    border-radius: 0;
    height: 100%;
    padding: 1em .5em
  }

  .navbar-fixed-left h3{
     
      font-family: Marvel;
      font-size: 3em
  }    
  .small{
    font-size: .9em;
    color: #cccccc;
    margin-bottom: .5em
  }
  .year{
    font-family: Marvel;
    color: #f1ffd0;
    font-size:1.2em;
    padding-bottom: .5em;
    padding-left: .2em;
    border-bottom: 1px solid #838383

  }
  
  .navbar-fixed-left .navbar-nav > li {
    float: none;  /* Cancel default li float: left */
    width: 180px;
  }
  
  .navbar-fixed-left + .container {
    padding-left: 160px;
  }
  
  /* On using dropdown menu (To right shift popuped) */
  .navbar-fixed-left .navbar-nav > li > .dropdown-menu {
    margin-top: -50px;
    margin-left: 140px;
  }

  #category{
    background-color: #333;

  }
  #category li{
    line-height: 2em;
    padding: .2em .5em;
  }
  #category li:hover{
      cursor: pointer;
      background-color: #768552
  }
  #category-files,  #category{
      border:0;
      margin-top: .5em;
      background-color: #333;
      color: #ffffff
  }