*{
  box-sizing: border-box;
  font-family: "Courier New", "Courier", monospace;
  font-size: 16pt;
  line-height: 1.5;
}

html{
  margin: 0;
  padding: 0;
}

body{
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  background-color: #141414;
  
  color: #f0f0f0;
}

h1:before{
  content: "# ";
}

h2:before{
  content: "## ";
}

h3:before{
  content: "### ";
}

a{
  color: #6f9;
}

a:visited{
  color: #084;
}

a:hover, a:focus{
  background-color: #ff9;
  color: darkred;
}

a:focus{
  outline: 4px solid darkred;
}

#banner{
  text-align: center;
  margin-top: 1em;
}

.dirList table{
  white-space: pre;
}

.siteName{
  font-size: 2;
  font-family: "Courier New", monospace;
  font-weight: bolder;
}

.mainTable{
  width: 100%;
  border: 1px solid #eee;
  text-align: left;
}

.mainTable th, .mainTable td{
  border: 1px solid #eee;
}

.skipLink{
  position: absolute;
  top: -9999px;
  display: block;
}