html { background-color: black; }

body {
  margin: 0px;
  padding: 0px 75px 0px 190px;
  font: 10pt Courier, Optima, "Trebuchet MS", sans-serif;
  background-image: url(../images/yao.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-color: black;
  color: gray;
  min-height: 200px;
}

h1,h2,h3 { color: silver; }

#navigation {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 170px;
  margin: 0px;
  list-style: none; 
  padding: 0px;
  color: black;
  border: 0px dashed white; 
}

#navigation li {
  margin: 5px; 
  margin-left: 0px;
  margin-right: 0px;
  padding: 3px;
  background-color: rgb(25,25,25);
  border-bottom: 0px solid gray;
  border: 1px solid black;
  border-right: 1px solid black;
}

#navigation li:hover {
  border: 1px solid white;
  border-right: 1px solid white;
}

#navigation li ul {
  list-style: none;
  padding-left: 5px;
  font-style: italic;
  font-size: 0.9em;
}

#navigation li ul li {
  border: 1px solid rgb(25,25,25);
}

a { color: silver; }

#navigation a { color: gray; text-decoration: none; }
#navigation a:hover { color: white }

#notes {
  position: fixed;
  bottom: 10px;
  left: 10px;
}

img { border: none; }