body {
  margin : 0;
  padding : 0;
}

img {
  border : 0;
  vertical-align : middle;
}

#header-wrap {
  margin : 0;
  background-color : #ffeec2;
}

#header {
  width : 720px;
  margin-left : auto;
  margin-right : auto;
  padding : 8px;
  font-family : 'Verdana', 'Arial', sans-serif;
  font-size : 0.7em;
  letter-spacing : 0.5pt;
  line-height : 1.5em;
}

#header h1 {
  margin : 0;
  padding : 0;
  font-size : 1em;
  color : #e00;
}

#header h2 {
  margin : 0;
  padding : 0 0 0 6px;
  font-size : 1em;
  font-weight : normal;
  font-style : italic;
}

#nav-wrap {
  margin : 0;
  border-top : 1px dashed #ccc;
  border-bottom : 1px dashed #ccc;
}

#nav {
  width : 720px;
  margin-left : auto;
  margin-right : auto;
  padding : 8px 8px;
  font-family : 'Verdana', 'Arial', sans-serif;
  font-size : 0.7em;
  line-height : 1.5em;
}

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

#nav ul li {
  margin : 0;
  padding : 0 8px 0 0;
  display : inline;
}

#nav a {
  margin : 0;
  padding : 4px;
  text-decoration : none;
  display : inline-block;
  white-space : nowrap;
}

#nav a:link, #nav a:visited, #nav a:active {
  border : 1px solid white;
  color : #3a6ea5;
  background-color : transparent;
}

#nav a:hover {
  border : 1px solid #ff8000;
  color : #ff8000;
  background-color : #ffeec2;
}

#footer-wrap {
  margin : 0;
  border-top : 1px dashed #ccc;
}

#footer {
  width : 720px;
  margin-left : auto;
  margin-right : auto;
  padding : 8px;
  font-family : 'Verdana', 'Arial', sans-serif;
  font-size : 0.7em;
  line-height : 1.5em;
  color : gray;
}

#footer address {
  font-style : italic;
}

#footer a:link, #footer a:visited, #footer a:active {
  color : gray;
  text-decoration : none;
}

#footer a:hover {
  color : gray;
  text-decoration : underline;
}

#contents-wrap {
  margin : 0;
}

#contents {
  width : 720px;
  margin-left : auto;
  margin-right : auto;
  padding : 1.6em 8px;
  font-family : 'Verdana', 'Helvetica', sans-serif;
  font-size : 0.8em;
  line-height : 1.4em;
}

#contents a:link, #contents a:visited, #contents a:active {
  color : #3a6ea5;
  text-decoration : underline;
}

#contents a:hover {
  color : #e00;
  text-decoration : underline;
}

#contents a.external {
  background : url('img/world.png') no-repeat right center;
  padding-right : 12px;
}

#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6 {
  font-family : 'Calibri', 'Trebuchet MS', 'Helvetica', sans-serif;
  color : #960;
}

#contents h1 {
  font-size : 2em;
}

#contents h2 {
  font-size : 1.5em;
  margin-top : 1.6em;
}

#contents h3, #contents h4, #contents h5, #contents h6 {
  font-size : 1.25em;
  margin-top : 1.6em;
}

#contents pre, #contents code {
  font-family : 'Lucida Console', monospace;
  color : #360;
}

#contents pre {
  line-height : 1.3em;
}