#menu-header {
  height: 3.6em;
  line-height: 3.6em;

  background: -moz-linear-gradient(top, #777, #666);
  background: -webkit-linear-gradient(top, #777, #666);
  background: -o-linear-gradient(top, #777, #666);
  background: -ms-linear-gradient(top, #777, #666);
  background: linear-gradient(top, #777, #666);

  color: #ddd;
}

#menu {
/*  margin-top: 3.6em;*/
}

#menu a {
  outline: 0;
}

#menu .separator {
  background-color: #888;
}

#menu li {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

#menu > ul > li {
  border-bottom: 2em solid #888;
}


#menu > ul > li > ul {
  display: none;
}

#menu > ul > li.active > ul {
  display: block;
}

/*
#menu > ul > li > ul {
  display: none;
}
*/
#menu > ul > li.active {
  background-color: white;
  padding-left: 0.5em;
  margin-left: 0;
  margin-right: 0;
}

#menu > ul > li > a {
  text-shadow: #555 -1px 1px 0px;
}

#menu > ul > li.active > a {
  color: #121212;
  text-shadow: none;
}

#menu > ul > li.active li.active a {
  color: #121212;
}

#menu > ul > li.active li a:hover {
  text-decoration: underline;
}

#menu > ul > li {
  border-bottom: 1px solid #888;
}

#menu > ul > li li {
  font-size: 0.8em;
  padding-left: 1.875em;
}


/* Collapsed menu item color */
#menu > ul > li > a {
  color: #f5f5f5;
}

/* Sub item color */
#menu .active ul li a {
  color: #a6a6a6;
}

#menu ul {
  list-style-type: none;
  padding: 0;
}

#menu ul li a {
  display: block;
  line-height: 2.5em;
  padding-left: 0.7em;
  text-decoration: none;
}

#menu > ul > li img {
  width: 1em;
  height: 1em;
  border: none;
  margin-bottom: -0.125em;
  margin-right: 0.5em;
}

#menu ul ul li a {
  line-height: 1.2em;
  padding-bottom: 1em;
}

#menu > ul > li {
  margin: 0 0 0 0.5em;
}

#menu > ul > li.active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}