body {
  background-color: #181818;
}

#sidebar {
  valign: center;
  width: 200px;
  padding-left: 50px;
  padding-top: 100px;
  padding-right: 10px;
  float: left;
}

#sidebar-separator {
  float: left;
  margin-top: 50px;
  width: 1px;
  height: 600px;
  background-color: #3C3C3C;
}


#menu {
  padding-left: 20px;
  padding-top: 10px;
}

#menu h2 {
  font-family: Trebuchet MS;
  font-size: 12px; 
}

#menu h2 a {
  color: #FFFFFF;
  text-decoration: none;
}

#menu h2 a:hover {
  color: #D2D2D2;
}

#content{
  width: 500px;
  float: left;
  padding-left: 50px;
  padding-top: 100px;
  padding-bottom: 50px;
  font-family: Trebuchet MS;
  font-size: 12px;
  color: #FFFFFF;
}

#portfolio-content{
  width: 800px;
  height: 100%;
  float: left;
  margin-left: 310px;
  padding-top: 100px;
  font-family: Trebuchet MS;
  font-size: 12px;
  color: #FFFFFF;
  position: fixed;
}

#content a {
  color: #FFFFFF;
}

#content a:hover {
  color: #D2D2D2;
}

#content a:visited {
  color: #B4B4B4;
}