@import 'normalize.css';

html
{
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll;
}

body
{
  width: 600px;
  margin: 0 auto;
  font: 100%/1.5em Verdana, sans-serif;
  line-height: 1.5em;
}

header
{
  height: 4.5em;
  margin: 1.5em 0 0 0;
}

nav ul
{
  height: 4.5em;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
}

nav li
{
  float: left;
  margin-right: 1em;
}

nav a
{
  display: block;
  height: 1.5em;
  margin: 1.125em 0;
  padding: 0.1875em 0;
  font: 100%/1.5em Verdana, sans-serif;
  text-decoration: none;
  color: #999;
}

nav a:link, nav a:visited 
{
  border-top: solid 0.1875em #FA3;
  border-bottom: solid 0.1875em #FFF;
}

nav a:hover
{
  border-top: solid 0.1875em #609;
  border-bottom: solid 0.1875em #FFF;
}

nav a.cur:link, nav a.cur:visited 
{
  border-top: solid 0.1875em #FFF;
  border-bottom: solid 0.1875em #800000;
}

nav a.cur:hover
{
  border-top: solid 0.1875em #FFF;
  border-bottom: solid 0.1875em #609;
}

p 
{
  margin: 0;
  padding: 0 0 1.5em 0;
}

.content h1
{
  font: bold 131.25%/2em Verdana, sans-serif;
  margin: 0;
  padding: 0;
  color: #800000; 
}

.content h2
{
  font: bold 112.5%/2em Verdana, sans-serif;
  margin: 0;
  padding: 0;
  color: #999;
}

.content em
{
  font: bold 100%/1.5em Verdana, sans-serif;
}

.content img
{
  display: block;
  margin-bottom: 24px;
}

.content ul
{
  margin: 0 0 1.5em 0;
  padding: 0 0 0 0.9em;
  list-style-type: none;
  text-indent: -0.9em;
}

.content li:before 
{
  content: "• ";
  color: #800000;
}

footer
{
  color: #999;
}