body {
  font-family: georgia, serif;
  background-color: gray;
}

html>body { font-size: 16px; }

p { margin: 0 0 1.5em 0; text-align: justify; }

h1 { font-size:1.5em; font-weight:bold; }

h2 { font-size:1.1875em; font-weight:bold; }

h3 { font-size:1.1875em; font-weight:normal; }

h4 { font-size:1em; font-weight:bold; }

h5 { font-size:1em; font-weight:normal; }

h6 { font-size:1em; font-weight:normal; }

a:link, a:visited{
  color: navy;
  text-decoration: none;
}

.inline-picture { 
  float: right;
  padding: 1em;
}

#frame {
  width: 46em;
  background-color: #ccc;
  margin-left: auto;
  padding: 0.5em;
  margin-right: auto;
}

#header { 
  position: relative; /* makes the "position: absolute" in .navbar work */
}

#header h1 { 
  display: inline;
}

#content { 
  padding: 1.5em 3em 1.5em 3em;
  border: 1px solid black;
}

.navbar {
  display: inline;
  position: absolute;
  line-height: 0; /* otherwise the navbar drifts too far down */
  right: 0;
}

.navbar li {
  padding: 0.4em 0.3em 0 0;
  display: inline;
}

br.flush-inline-picture {
  clear: right;
}

br.medskip { 
  margin-bottom: 1ex;
}