body, html {
          margin: 0;
          padding: 0;
          height: 100%;
	  width: 100%;
	  background-color: #fffff8;
	  font-size: 25px;
	  font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	  counter-reset: sidenote-counter;
      }
      .top {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 50px;
          background-color: #fffff8;
	  color: rgb(179,27,27);
	  font-size: 1.5em;
	  padding-top: 15px;
          z-index: 999;
	  padding-left: 20px;
	  border-bottom: 1px solid rgb(179,27,27);

      }
      .middle {
          position: absolute;
          top: 50px;
          bottom: 50px;
          left: 0;
          overflow-y: scroll;
	  padding-left: 25%;
	  margin: 0 auto;
	  padding-bottom:100px;
	  overflow-x: hidden;
	  min-width: 800px;
      }
      .bottom {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 50px;
          background-color: #fffff8;
	  color: rgb(179,27,27);
	  font-size: 20px;
	  padding-top: 15px;
	  border-top: 1px solid rgb(179,27,27);
	  padding-left: 20px;
          z-index: 999;
      }
      .content {
          padding: 20px;
	  overflow-x: scroll;
	  min-width:600px;
	  background-color: #fffff8;
      }

      .sidenote, .marginnote {
	  display: block;
	  width: 20vw;
	  margin-right: -35vw;
	  font-size: 60%; 
	  position: absolute;
	  left: 20px;
	  margin-bottom: 1em;
	  margin-top: -20px;
	  min-width: 220px;
      }

      .sidenote-number {
	  counter-increment: sidenote-counter;
      }

      .sidenote::before {
	  content: counter(sidenote-counter) " ";
	  position: relative;
	  vertical-align: super;
	  font-size: 60%;
      }

      .sidenote-number::after {
	  content: counter(sidenote-counter);
	  vertical-align: super;
	  font-size: 70%;
	  margin-right: 0.5em;
      }

      .date {
	  font-size: 40%;
	  float: right;
	  clear: right;
	  padding-top:20px;
	  margin-right:50px;
      }

      h2 {
	  font-weight: 600;
	  font-size: 1.3rem;
      }

      h3 {
	  font-weight: 600;
	  font-size: 1rem;
      }


      p {
	  max-width: 700px;
      }

      .it {
	  font-style: italic;
      }

      .sidebarquote {
	  padding-left: 15px;
      }

      a {
	  color: rgb(179,27,27);
	  text-decoration: none;
      }

      .quote {
	  padding-left: 50px;
	  max-width: 650px;
      }

      blockquote {
	  margin-left: 50px;
	  max-width: 650px;
      }