/* Generic Elements */

a {
  text-decoration: none;
}

a:link,
a:visited {
  color: #f30;
}

a:hover {
  color: #f90;
}


.summary {
    font-style: italic;
}


a img {
    border: none;
}


code {
font-family:Monaco,ProFont,"Bitstream Vera Sans Mono","American Typewriter","Andale Mono",monospace;
}


/* Main Article */

article {
  position: absolute;
  top: 40px;
  left: 280px;
  width: 500px;
}


article h1 {
  font-size: 40px;
  font-weight: normal;
  line-height: 40px;
  letter-spacing: -1px;
}


article p {
  margin: 20px 0;
  font-size: 15px;
  line-height: 20px;
}


article ul {
  margin: 20px;
}


article li {
  list-style-type: square;
  font-size: 15px;
  line-height: 20px;
}



/* Sidebar */

nav {
  position: absolute;
  top: 40px;
  left: 20px;
  width: 200px;
  padding: 0 20px 0 0;
  border-right: 1px solid #ccc;
  text-align: right;
  font-family: sans-serif;
}


nav h2 {
  font-size: 20px;
  color: #333;
  line-height: 20px;
}


nav ul {
  list-style-type: none;
  margin: 18px 0;
}


nav li {
  font-size: 16px;
  line-height: 20px;
}


/* Footer */


footer {
  border-top: 1px solid #ccc;
  font-size: 10px;
  font-family: sans-serif;
}