html
{ 
  overflow-y: scroll;
  background: #666;
}

body
{
  font-family: "Droid Serif", "Georgia", serif;
  font-size: 1em;
  line-height: 1.5em;
  color: #333;
}

div#container
{
  padding: 1em;
  margin: auto;
  background-color: #FFFFF6;
}

div#header
{
  margin-bottom: 2em;
  text-align: center;
}

div#header img
{
  width: 16em;
}



div#nav
{
  border-top: 2pt solid lightgrey;
  border-bottom: 2pt solid lightgrey;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
}

a#nav + a#nav:before { content: "•"; }
div#nav span
{
  color: grey;
  margin: 0.2em;
}



div#main
{
  margin-top: 2em;
}

div.article
{
  margin-top: 2em;
  margin-bottom: 2em;
}
div.article + div.article
{
  border-top: 6pt double lightgrey;
  padding-top: 6em;
}

h1, h2, h3, h4, h5, h6
{
  font-family: "Droid Sans", "Trebuchet MS", sans-serif;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1em;
}
h1 { font-size: 1.728em; }
h2,div.sect h1 { font-size: 1.44em; }
h3,div.sect div.sect h1 { font-size: 1.20em; }
h4, h5, h6, div.sect div.sect div.sect h1 { font-size: 1em; }

p,ul,ol
{
  margin: 0;
  padding: 0;
  text-align: justify;
  text-indent: 0em;
}
p + p { text-indent: 1em; }

ul { padding-left: 1em; list-style-type: "•  "; }
ol { padding-left: 1em; list-style-type: decimal; }

dt { font-weight: bold; }

code { font-family: "Droid Sans Mono", "Andale Mono", "Menlo", monospace; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 0.83em; }

a, a:visited { outline: none; color: grey; text-decoration: underline; }
a:hover { outline: none; color: #333; }  

div.title
{
  margin: 0;
  padding-bottom: 0.5em;
  border-bottom: 2pt solid lightgrey;
}

div.author
{
  margin-top: 0.5em;
  font-family: "Droid Serif", "Georgia", serif;
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
}

div.figure
{
  margin-left: 1.0em;
  margin-right: 1.0em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
div.figcap
{
  font-size: 0.83em;
  font-style: italic;
  text-align: center;
}

blockquote { font-style: italic; }

img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* a.footnoteref { font-size: 0.5787em; vertical-align: super; } */
a.footnoteRef:before { content: "["; }
a.footnoteRef:after { content: "]"; }
div#footnotes
{
  border-top: 1pt solid lightgrey;
  font-size: 0.83em;
}
a.fnback
{
  font-size: 1.2em;
  text-decoration: none;
  vertical-align: bottom;
}



#footer
{
  clear: both;
  text-align: center;
  border-top: 2pt solid lightgrey;
  margin-top: 1em;
  padding-top: 1em;
}



@media screen and (min-width: 30em)
{
  #header img
  {
    width: 20em;
  }

  #main
  {
    margin: 0 auto;
    max-width: 30em;
  }
}

@media screen and (min-width: 60em)
{
  #container
  {
    padding: 2em;
    margin: 0 auto; 
    max-width: 60em;
  }

  #header img
  {
    width: 24em;
  }
}