@import url(fonts/Typewriter/cmun-typewriter.css);
@import url(fonts/HKGrotesk/stylesheet.css);
/*@import url(fonts/cmun-typewriter-light/cmun-typewriter-light.css);*/
/*@import url(fonts/cmun-upright-italic/cmun-upright-italic.css);*/
/*@import url('http://laemeur.sdf.org/fonts/Arbutus_Slab.css');*/

body {
  margin: auto;
  max-width: 7in;
  min-width: 6in;
  font-family: "hk_groteskmedium",serif;
  font-size: 14px;
  color: black;
  background-color: white;
}
h1 {font-size: 1.5em;}
h2 {font-size: 1.25em;}
h3,h4{font-size: 1em;}

p,li,pre {
  margin-left: 1em;
}
li { margin: 0.3em;}
pre,code {
  font-family: "Computer Modern Typewriter",monospace;
  font-size: 14px;
}
nav {
    margin: 0.5em;
}
blockquote {
  margin-left: 5em;
}
section {
  padding-left: 0.5em;
  margin: 0.5em;
  margin-left: 1em;
}
article {
 
}
address {
    font-family: "Computer Modern Typewriter", monospace;
    font-size: 14px;
    font-style: normal;
}
footer {
  margin-top: 2em;
  font-style: italic;
}
hr {
  border: 0px;
  height: 1px;
  color: gray; 
  background-color: gray;
}

body > header { border-bottom: dashed 1px grey; }
body > footer { border-top: dashed 1px grey; }

a {
    color: black;
    font-weight: bold;
    text-decoration: none;

}
figure img { width: 100%; }
figcaption { font-size: smaller; padding: 0em 0.5em;}
a:hover {
    color: black;
    background-color: yellow;
    text-decoration-style: solid;
    -moz-text-decoration-style: solid;
}
audio {
    height: 1.5em;
    margin: 0.25em;
}