/* begin meyer reset
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1,
div.content h2,
div.content h3, h2, div.content h3, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

html, body {
  height: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  color: black;
  background: white; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* end meyer reset */
/* variables */
/* mixins */
/* style */
* {
  color: #151515; }

em {
  font-style: italic;
  color: inherit; }

strong {
  font-weight: 700; }

html, body {
  overflow-x: hidden; }

body {
  border-top: 5px solid purple; }

span.strike {
  text-decoration: line-through; }

a {
  text-decoration: none;
  color: #8F7AFF; }
  a:hover, ul.long-list li a:hover, a:active {
    color: gray; }

div.content {
  font-family: Georgia, "Times New Roman", serif;
  width: 100%;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  line-height: 1.5; }
  div.content p {
    margin-top: 1em; }
    div.content p .footnote {
      font-size: 14px; }
    div.content p.cite {
      margin-left: 2em;
      text-indent: -2em; }
    div.content p.annotation {
      margin-left: 2em; }
    div.content p.caption {
      margin-top: 0;
      font-size: 14px;
      line-height: 1.5; }
  div.content div.inset.left {
    margin-left: 2em; }
  div.content div.inset.right {
    margin-right: 2em; }
  div.content sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em; }
  div.content blockquote {
    padding-left: .75em;
    margin-left: .75em;
    border-left: 1px solid #151515; }
  div.content h1, div.content h2, div.content h3 {
    font-weight: 700;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 2.25em;
    line-height: 1.333333333333333em;
    border-bottom: 1px solid #151515;
    margin-left: 19%;
    padding-bottom: .4em;
    padding-top: .3em; }
    div.content h1 a, div.content h2 a, div.content h3 a {
      color: #151515; }
      div.content h1 a:hover, div.content h2 a:hover, div.content h3 a:hover, div.content h1 a:active, div.content h2 a:active, div.content h3 a:active {
        color: gray; }
    @media only screen and (max-width: 620px), only screen and (max-device-width: 620px) {
      div.content h1, div.content h2, div.content h3 {
        margin-bottom: 0em;
        margin-left: 0;
        margin-right: 0;
        width: 100%; } }
    div.content h1 + p, div.content h2 + p, div.content h3 + p {
      margin-top: .5em; }
  div.content h2, div.content h3 {
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 0;
    font-size: 1.5em;
    line-height: 1.5em; }
  div.content h3 {
    padding-top: .5em;
    font-size: 1.3125em;
    line-height: 1.142857142857143em;
    padding-bottom: .15em;
    margin-bottom: 0; }
    div.content h3 + p, div.content h3 + h4 {
      margin-top: .3em; }
  div.content h4 {
    font-size: 1em;
    margin-top: .65em;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700; }
  div.content li {
    margin-left: 2em;
    margin-top: .5em; }
  div.content img {
    outline: none;
    width: 75%;
    margin-top: .5em;
    margin-left: auto;
    margin-right: auto;
    display: block; }
    div.content img:hover, div.content img:active {
      outline: none; }
    div.content img.mini-image {
      width: 18%;
      min-width: 90px; }
    div.content img.full-image {
      width: auto;
      max-width: 100%; }

div#ribbon {
  width: 100%;
  height: 5px;
  position: fixed;
  background-color: purple; }

div#full-wrapper {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: left; }

header nav {
  width: 19%;
  padding-top: 1em;
  float: left; }
  header nav ul#nav-menu {
    list-style-type: none;
    font-size: 16px;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, sans-serif; }
    header nav ul#nav-menu li {
      margin-left: 0;
      margin-top: 0; }
      header nav ul#nav-menu li + li {
        margin-top: .65em; }
      header nav ul#nav-menu li.current a {
        color: gray; }
        header nav ul#nav-menu li.current a:hover {
          color: #8F7AFF; }
  @media only screen and (max-width: 620px), only screen and (max-device-width: 620px) {
    header nav {
      padding-top: 0;
      width: 100%;
      float: none; }
      header nav ul#nav-menu {
        padding-top: .5em;
        padding-bottom: .5em;
        border-bottom: 1px solid #151515;
        margin-bottom: .5em; }
        header nav ul#nav-menu li {
          padding-top: 0;
          display: inline; }
          header nav ul#nav-menu li:after {
            content: " -"; }
          header nav ul#nav-menu li:last-of-type:after {
            content: ""; } }

section.main {
  margin-top: .65em;
  margin-left: 19%;
  width: 81%; }
  @media only screen and (max-width: 620px), only screen and (max-device-width: 620px) {
    section.main {
      margin-left: 0;
      width: 100%; } }

h2 > a, div.content h3 > a, h3 > a, h4 > a {
  color: #8F7AFF; }
  h2 > a:hover, div.content h3 > a:hover, ul.long-list li h2 > a:hover, div.content ul.long-list li h3 > a:hover, h2 > a:active, div.content h3 > a:active, h3 > a:hover, ul.long-list li h3 > a:hover, h3 > a:active, h4 > a:hover, ul.long-list li h4 > a:hover, h4 > a:active {
    color: gray; }

aside ul.aside-list {
  padding-top: .5em;
  font-style: italic; }
  aside ul.aside-list li {
    margin-left: 0;
    margin-top: 0;
    list-style-type: none;
    font-size: 16px;
    display: inline; }
    aside ul.aside-list li:after {
      content: " -"; }
    aside ul.aside-list li:last-of-type:after {
      content: ""; }

hr {
  height: 1px;
  border: 0;
  width: 40%;
  margin-left: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: auto;
  background-color: #151515; }

ul.long-list li a {
  color: #151515; }