/* @ */

@media screen {
 body {
  margin: 0em;
  font-size: 10pt;
 }
 div.box {
  width: 60em;
  margin: 5em auto;
  border: #000 1px solid;
 }
 div.text {
  margin: 1em 3em;
 }
 nav.menu a {
   letter-spacing: 0.2em;
 }
}

@media all and (max-width: 800px) {
 body {
  margin: 0em;
  font-size: 1em;
 }
 div.box {
  width: 100%;
  margin: 0em;
  border: #000 0px none;
 }
 div.text {
  margin: 1em 1em;
 }
 nav.menu a {
   letter-spacing: 0em;
 }
}

/* plain */

body {
 color: #000;
 background-color: #8a8;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
}

h2 {
 font-size: 1.5em;
 text-align: center;
 letter-spacing: 0.5em;
 margin: 2em 0em;
}

ol li {
}

a {
 color: #004;
}

a:visited {
 color: #006;
}

img {
  border: 0px;
}

/* class */

div.box {
 text-align: center;
}

div.text {
 text-align: left;
}

/* crazy pandoc alt text in paragraph! */
p.caption {
  display: none;
}

a.external {
  color: #008;
}

a.discreet {
  color: #000;
}

.menu {
 font-size: 110%;
 margin: 1em 0em 3em 0em;
 width: 100%;
 text-align: center;
}

.menu ul li {
 display: inline;
 margin: 0em 2em 0em 0em;
}

.menu a , .menu a:visited {
 color: #000;
}

.menu a.here {
 color: #f00;
}

p.copyright {
 font-size: 0.8em;
 font-weight: normal;
 text-align: center;
 margin: 1em 0em;
}

.copyright a , .copyright a:visited {
 text-decoration: none;
}

/* img */
body.front div.box div.text {
  text-align: center;
}