a:link
{
  color: #60a0ff;
}

a:visited
{
  color: #a060ff;
}

a:active,a:hover
{
  color: #40ff80;
}

body
{
  background-color: #080808;
  color: #ffff70;
  font-family: sans;
}

code
{
  background-color: #402020;
  border: 2px dashed #000000;
  color: #ffd800;
  display: block;
  font-family: monospace;
  font-size: 0.9em;
  font-weight: bold;
  margin: 1.5em 1.0em 1.5em 1.0em;
  line-height: 1.5em;
  padding: 0.5em;
}

h1
{
  font-size: 1.8em;
  font-weight: bold;
}

h2
{
  font-size: 1.5em;
  font-weight: bold;
}

h3
{
  font-size: 1.2em;
  font-weight: bold;
}

h4
{
  font-size: 1.1em;
  font-weight: bold;
}

h5
{
  font-size: 1.1em;
  font-weight: bold;
}

h6
{
  font-size: 1.1em;
  font-weight: bold;
}

img
{
  border: 0;
}

p
{
  line-height: 1.5em;
}

strong
{
  font-weight: bold;
}

li
{
  line-height: 1.5em;
}

#contactme
{

}

#content
{
  margin: 0 14em 50px 20px; /* navigation width + 4em */
}

#footer
{
  height: 4em;
  font-size: 0.8em;
  margin: 0 10em 0 10em;
  padding: 0.5em;
  text-align: center;
}

#header
{
  height: 4em;
  margin: 0 10em 0 10em;
  padding: 0.5em;
  text-align: center;
}

#navigation
{
  background-color: #181818;
  border: 3px solid #606018;
  color: #d0d060;
  padding: 0.3em;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 7em; /* header height + 3em */
  width: 10em;
}

#navigation a:link,#navigation a:visited
{
  color: #d0d040;
}

#navigation a:active,#navigation a:hover
{
  color: #e0e045;
}

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