html {
  background:#000;
}

body {
  margin-top:0;
  background:#111;
  background:url('/media/nightscape.jpg') no-repeat;
  color:#fff;
  font-family:Ubuntu;
  font-weight:400;
  word-spacing:.16em;
  line-height:2.0em;
}

em {
  color:#efe;
  text-shadow:2px 2px 0 #000;
  font-weight:500;
}

h1, h2, h3 {
  font-weight:700;
  text-shadow:2px 2px 0 #000;
  margin:1.66em 0 0 0;
}

h1 {
  color:#feeebd;
  font-size:1.33em;
}

h2 {
  color:#bdfbbb;
  font-size:1.11em;
  background:rgba(20,20,20,0.4);
  padding:0.2em 0.66em;
  margin-left:-0.66em;
  border-radius:0.66em;
  border:1px solid rgba(10,10,10,0.3);
  display:inline-block;
}

h3 {
  color:#dddbff;
  font-size:1.1em;
}

h3.noSpacerAbove {
  margin-top:.33em;
}

p {
  margin:.33em 0 1em 0;
}

li {
}

#topTable>tbody>tr {
  vertical-align:top;
}

#menutd {
  font-size:120%;
  font-weight:700;
  padding-left:.33em;
  text-align:right;
}

#menu {
  float:right;
  margin:1em 0;
  opacity:0.5;
  transition:opacity .5s;
}

#menu:hover {
  opacity:1;
}

#menu:before, #menu:after {
  display:block;
  content:"";
  width:1px;
  padding:5em 0 0 0;
  margin-left:auto;
}

/* Gradient from the answers here: http://stackoverflow.com/questions/6223795/how-to-implement-this-button-in-html-css */
#menu:before {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.2, rgba(94, 94, 94, 0.5)),
    color-stop(0.9, rgba(24,24,24, 0.1))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgba(94,94,94, 0.5) 20%,
    rgba(24,24,24, 0.1) 90%
  );
  background-image: linear-gradient(
    to top,
    rgba(94,94,94, 0.5) 20%,
    rgba(24,24,24, 0.1) 90%
  );
}

#menu:after {
  padding:12em 0 0 0;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.2, rgba(24,24,24, 0.1)),
    color-stop(0.9, rgba(94, 94, 94, 0.5))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgba(24,24,24, 0.1) 20%,
    rgba(94,94,94,0.5) 90%
  );
  background-image: linear-gradient(
    to top,
    rgba(24,24,24, 0.1) 20%,
    rgba(94,94,94,0.5) 90%
  );
}

/*
#menu:before, #menu:after {
  display:block;
  content:"";
  width:100% - 1px;
  padding:5em 0;
  border-right:1px solid #555;
}
*/

#menu div a {
  text-align:right;
  padding:.66em 1em;
  display:block;
  border-right:1px solid #333;
  border-right:1px solid rgba(94, 94, 94, 0.5);
  color:#eee;
  color:rgba(200,200,200,0.7);
  text-decoration:none;
  text-shadow:2px 2px 0 #000;
  transition: color .6s;
}

#menu div a:hover {
  /*background:#011;*/
  color:#fff;
}

#menu div.selected a {
  /* border-left:1px solid #555;*/
  border-right:none;
  padding:1em 1em;
  color:#9f9;
}

#menu div.selected:before {
  content:"";
  padding-top:.66em;
  display:block;
  border-bottom:1px solid #555;
  border-right:1px solid #555;
  border-bottom:1px solid rgba(94, 94, 94, 0.5);
  border-right:1px solid rgba(94, 94, 94, 0.5);
  border-bottom-right-radius:6px;
}

#menu div.selected:after {
  content:"";
  padding-bottom:.66em;
  display:block;
  border-top:1px solid #555;
  border-top:1px solid rgba(94, 94, 94, 0.5);
  border-top-right-radius:6px;
  border-right:1px solid #555;
  border-right:1px solid rgba(94, 94, 94, 0.5);
}

#contenttd {
  padding:5.66em 3.33em 0 3.33em;
  text-shadow:#000 0 0 4px;
}

#contenttd a {
  text-decoration:none;
  border-bottom:1px dotted rgba(255,255,255,0.75);
  color:#eee;
  font-weight:500;
  padding-left:.166em;
  padding-right:.166em;
  transition: border-bottom .1s, color .5s;
}

#contenttd a:hover {
  /*text-shadow:0 1px 0 #e67335, 0 2px 0 #f75;*/
  border-bottom:1px solid #5aa358;
  color: #fff;
}

.chngLogTitle {
  display:inline-block;
  margin-top:2em;
}

.chngLogDate {
  display:inline;
  margin:0 .66em;
}

::selection {
  background:#900;
}
::-moz-selection {
  background:#900;
}