body {
    font-family:Open Sans,Arial;
    color:#454545;
    font-size:16px;
    margin:2em auto;
    max-width:800px;
    padding:1em;
    line-height:1.6;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto
}
.title {text-align:center}

h1,h2,h3 {line-height:1.2}

a {color:#07a} /* it's prettier */

.figure-number {display:none}

/* going against all of Beyonce's advice, all my images are in a box to the right, to the right */
div.figure {float:right; text-align:center;}
/* div.figure p:nth-child(2) {text-align:center; font-style:italic; font-size:0.7em; width:200px} */
div.figure p:nth-child(2) {font-style:italic; font-size:0.7em}

#postamble {font-size:0.7em; line-height:0.5}

/* The navigation bar */
.navbar {
  overflow: hidden;
  background-color: #FFF;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  padding: 0.8em;
}

/* this makes the clicked internal link move down from under the navbar */
a[id^='org'] {scroll-margin-top: 4em;}
h2[id^='org'] {scroll-margin-top: 2em;}
h3[id^='org'] {scroll-margin-top: 2em;}

/*

  .title  { text-align: center;
             margin-bottom: .2em; }
  .underline { text-decoration: underline; }
  #postamble p, #preamble p { font-size: 90%; margin: .2em; }
  p.verse { margin-left: 3%; }
  pre {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background-color: #f2f2f2;
    padding: 8pt;
    font-family: monospace;
    overflow: auto;
    margin: 1.2em;
  }
  pre.src {
    position: relative;
    overflow: auto;
  }
  pre.src:before {
    display: none;
    position: absolute;
    top: -8px;
    right: 12px;
    padding: 3px;
    color: #555;
    background-color: #f2f2f299;
  }

*/