body
{
  background-color:#f1f1f1;
  background-opacity: 10%;
  overflow-y:scroll;
}

code
{
  background:#fff;
}

header
{
  /*dark_matter.png by Atle Mo CC-BY-SA 3.0 http://subtlepatterns.com/dark-matter/ http://atlemo.com/ */
  background-image:url(../images/dark_matter.png);
  padding-top:1em;
  padding-bottom:1em;
  box-shadow: 0 0 0px 1px #eee, 0px 0 10px 3px #aaa;
}

ul.menu
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  float:right;
  line-height:30px;
}

ul.menu > li.menu-item
{
  display:inline-block;
  margin-top:15px;
  margin-bottom:15px;
  border-radius:5px;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  font-weight:bold;
  color:white;
}

ul.menu > li.menu-item a{
  color: inherit;
  text-decoration: none;
  padding-left:15px;
  padding-right:15px;
  display: inline-block;
}

ul.menu > li.menu-item:hover{
  background:#444;
}


ul.menu > li.menu-item.active
{
  background:#1EAEDB;
}

.m-t-1
{
  margin-top:1em;
}

.m-t-2
{
  margin-top:2em;
}

.m-t-3
{
  margin-top:3em;
}

div.docmenu-item.active{
    box-shadow:0 0 0 1px #ddd inset, 8px 0 0 0 #1EAEDB inset;
    background:white;
}

div.docmenu-item
{
  text-indent: 15px;
  line-height:2em;
}