/*
  HTML5 Reset :: style.css
  ----------------------------------------------------------
  We have learned much from/been inspired by/taken code where offered from:

  Eric Meyer          :: http://ericmeyer.com
  HTML5 Doctor        :: http://html5doctor.com
  and the HTML5 Boilerplate :: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q,
samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images
   as sprites. If this default setting for images is causing issues, you might
   want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
  don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
  people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
  gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* Ok, this is where the fun starts.
------------------------------------------------------------------------------*/


/*
   This document has been created with Marked.app <http://markedapp.com>,
   Copyright 2011 Brett Terpstra
   Please leave this notice in place, along with any additional credits below.
   ---------------------------------------------------------------
   Title: Swiss
   Author: Brett Terpstra
   Description: Clean, Swiss typography with no frills.
*/
body
{ -webkit-font-smoothing:antialiased;
  font:normal .8764em/1.5em Helvetica,Arial,Verdana,sans-serif;
  margin:0; }

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

li
{ font-size:100%; }

li li
{ font-size:90%; }

li p
{ font-size:100%;
  margin:.5em 0; }

h1
{ color:#000;
  font-size:2.2857em;
  line-height:.6563em;
  margin:.6563em 0; }

h2
{ color:#111;
  font-size:1.7143em;
  line-height:.875em;
  margin:.875em 0; }

h3
{ color:#111;
  font-size:1.5em;
  line-height:1em;
  margin:1em 0; }

h4
{ color:#111;
  font-size:1.2857em;
  line-height:1.1667em;
  margin:1.1667em 0; }

h5
{ color:#111;
  font-size:1.15em;
  line-height:1.3em;
  margin:1.3em 0; }

h6
{ font-size:1em;
  line-height:1.5em;
  margin:1.5em 0; }

body,p,td,div
{ color:#111;
  font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  word-wrap:break-word; }

h1,h2,h3,h4,h5,h6
{ line-height:1.5em; }

a
{ -webkit-transition:color .2s ease-in-out;
  color:#0d6ea1;
  text-decoration:none; }

a:hover
{ color:#3593d9; }

.footnote
{ color:#0d6ea1;
  font-size:.8em;
  vertical-align:super; }

#wrapper img
{ max-width:100%;
  height:auto; }

dd
{ margin-bottom:1em; }

li>p:first-child
{ margin:0; }

ul ul,ul ol
{ margin-bottom:.4em; }

caption,col,colgroup,table,tbody,td,tfoot,th,thead,tr
{ border-spacing:0; }

table
{ border:1px solid rgba(0,0,0,0.25);
  border-collapse:collapse;
  display:table;
  empty-cells:hide;
  margin:-1px 0 23px;
  padding:0;
  table-layout:fixed; }

caption
{ display:table-caption;
  font-weight:700; }

col
{ display:table-column; }

colgroup
{ display:table-column-group; }

tbody
{ display:table-row-group; }

tfoot
{ display:table-footer-group; }

thead
{ display:table-header-group; }

td,th
{ display:table-cell; }

tr
{ display:table-row; }

table th,table td
{ font-size:1.1em;
  line-height:23px;
  padding:0 1em; }

table thead
{ background:rgba(0,0,0,0.15);
  border:1px solid rgba(0,0,0,0.15);
  border-bottom:1px solid rgba(0,0,0,0.2); }

table tbody
{ background:rgba(0,0,0,0.05); }

table tfoot
{ background:rgba(0,0,0,0.15);
  border:1px solid rgba(0,0,0,0.15);
  border-top:1px solid rgba(0,0,0,0.2); }

figure
{ display:inline-block;
  margin-bottom:1.2em;
  position:relative;
  margin:1em 0; }

figcaption
{ font-style:italic;
  text-align:center;
  background:rgba(0,0,0,.9);
  color:rgba(255,255,255,1);
  position:absolute;
  left:0;
  bottom:-24px;
  width:98%;
  padding:1%;
  -webkit-transition:all .2s ease-in-out; }

.poetry pre
{ display:block;
  font:italic 110%!important/1.6em Georgia,Garamond,serif!important;
  margin-left:1em; }

.poetry pre code
{ font-family:Georgia,Garamond,serif!important; }

blockquote p
{ font-size:110%;
  font-style:italic;
  line-height:1.6em; }

sup,sub,a.footnote
{ height:0;
  font-size:1.4ex;
  line-height:1;
  position:relative;
  vertical-align:super; }

sub
{ vertical-align:sub;
  top:-1px; }

p,h5
{ font-size:1.1429em;
  line-height:1.3125em;
  margin:1.3125em 0; }

dt,th
{ font-weight:700; }

table tr:nth-child(odd),table th:nth-child(odd),table td:nth-child(odd)
{ background:rgba(255,255,255,0.06); }

table tr:nth-child(even),table td:nth-child(even)
{ background:rgba(0,0,0,0.06); }

@media print {
  body {
    overflow:auto; }

  img,pre,blockquote,table,figure,p
  { page-break-inside:avoid; }

  #wrapper
  { background:#fff;
    color:#303030;
    font-size:85%;
    padding:10px;
    position:relative;
    text-indent:0; }
}

@media screen{
  .inverted #wrapper,.inverted
  { background:rgba(37,42,42,1); }

  .inverted hr
  { border-color:rgba(51,63,64,1)!important; }

  .inverted p,.inverted td,.inverted li,.inverted h1,.inverted h2,
  .inverted h3,.inverted h4,.inverted h5,.inverted h6,.inverted pre,
  .inverted code,.inverted th,.inverted .math,.inverted caption,.inverted dd,
  .inverted dt { color:#eee!important; }

  .inverted table tr:nth-child(odd),.inverted table th:nth-child(odd),.inverted table td:nth-child(odd)
  { background:0; }

  .inverted a
  { color:rgba(172,209,213,1); }

  #wrapper
  { padding:20px; }

  ::selection
  { background:rgba(157,193,200,.5); }

  h1::selection
  { background-color:rgba(45,156,208,.3); }

  h2::selection
  { background-color:rgba(90,182,224,.3); }

  h3::selection,h4::selection,h5::selection,h6::selection,li::selection,ol::selection
  { background-color:rgba(133,201,232,.3); }

  code::selection
  { background-color:rgba(0,0,0,.7);
    color:#eee; }

  code span::selection
  { background-color:rgba(0,0,0,.7)!important;
    color:#eee!important; }

  a::selection
  { background-color:rgba(255,230,102,.2); }

  .inverted a::selection
  { background-color:rgba(255,230,102,.6); }

  td::selection,th::selection,caption::selection
  { background-color:rgba(180,237,95,.5); }

}

/* End Terpstra code */

/*Random junk*/

body, select, input, textarea {color: #333;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*  j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


/* Block tags */

    h1, h2, h3, h4, th {
        font-family: Helvetica, "Meiryo", "Apple Symbols", "Arial Unicode MS", sans-serif;
        font-weight: bold;
        page-break-after: avoid;
    }
    h2, h3, h4 {
        margin-top: 1em;
        margin-bottom: 0;
    }
    h1 {
        font-variant: small-caps;
        font-size: 24pt;
        text-align: center;
        margin-top: .5in;
        margin-bottom: .25in;
    }
    h2 {
        font-size: 18pt;
    }
    h3 {
        font-size: 14pt;
    }
    h4 {
        font-size: 12pt;
    }
    h1 + h2, h2 + h3, h3 + h4, hr + * {
        margin-top: 0;
        margin-bottom: 0;
    }
    h1 em, h2 em, h3 em, h4 em {
        line-height: none;
        font-style: oblique;
    }
    p {
    font-family: Palatino, Georgia, serif;
        text-align: justify;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 12pt;
        line-height: 19pt;
        hyphens: auto;
    }
    p + p {
        text-indent: .25in;
    }
    blockquote {
        margin: 1em .25in;
    }
    blockquote p {
        font-size: 10pt;
        line-height: 16pt;
    }
    figure {
        margin: .25in 0;
    }

/* Inline tags */
    a {
        text-decoration: none;

    }
    a:hover {
        text-decoration: underline;

    }
    code {
        font-family: Courier, "Courier New", monospace;
        font-size: 10pt;
    }
    var {
        font: 1em "Apple Symbols", Symbol, Osaka;
        font-style: normal;
        line-height: none;
    }
    sup {
        line-height: none;
    }
    em em {
        /*If you have italics in italics, unitalicize */
        font-style: normal;
    }

/* Table tags */
    table {
        font-size: 12pt;
        width: 100%;
    }
    td, th {
        vertical-align: top;
    }
    th {
        font-weight: bold;
        text-align: center;
    }
    td + td, th + th {
        padding-left: 1em;
    }

/* List tags */

  li p {
    padding-left: 25px;
    text-indent: -25px;
    text-align: left;
  }
  li p + p {
    padding-left: 25px;
    text-indent: 0;
    text-align: left;
  }
/* Classes */
.main {
  box-sizing: border-box;
  margin-left: 100px;
  margin-right: auto;
  max-width: 100%;
  padding: 0 2em;
  width: 790px;
}

@media (max-width: 900px) {
  .main {
    margin: 0 auto;
    width: 100%;
  }
}
.right {
  float: right;
}
@media (max-width: 600px) {
  .right {
    float: none;
  }
}
.smallcaps {
  font-variant: small-caps;
}
.tenteneighty tr > td {
  width: 10%;
}
.tenteneighty tr > td + td {
  width: 10%;
}
.tenteneighty tr > td + td + td {
  width: 80%;
}
/* For iPhone */
@media only screen and (max-device-width: 480px) {
    html {
    }
}

.hidden {
    display: none;
}