/* #####
    main.css auto-generated from main.scss
    http://sass-lang.com
##### */
html, body {
  width: 100%; }

body {
  background: #f9f9f1;
  color: #3a3a3a;
  font-family: Lato, arial, sans-serif;
  position: relative; }

h1 {
  color: #d21313;
  font: normal 40px/40px Lato, arial, sans-serif;
  padding: 36px 0 18px; }
  h1 span {
    color: #3a3a3a;
    font-weight: 900; }

h3, h4, h5, h6, h7 {
  color: #d21313;
  font: 700 16px/18px Lato, arial, sans-serif; }

h4, h5 {
  color: #3a3a3a;
  font-weight: 400; }

h5 span {
  color: #d21313; }

h6 {
  color: #3a3a3a;
  font-size: 14px; }

p, li {
  padding-bottom: 18px;
  color: #3a3a3a;
  font: normal 14px/18px Lato, arial, sans-serif; }

li {
  padding-bottom: 0; }

a {
  color: #d21313; }
  a:hover {
    text-decoration: none; }

nav {
  float: left; }
  nav#style-nav {
    display: none; }
  nav ul, nav li {
    float: left; }
  nav li {
    border-right: 1px solid #3a3a3a;
    color: #fff;
    color: white;
    font: 900 13px/13px Lato, arial, sans-serif;
    text-decoration: none;
    margin-right: 9px;
    padding-right: 9px; }
    nav li:last-child {
      border: none !important;
      margin: 0;
      padding: 0; }
    nav li a {
      color: #3a3a3a;
      font: normal 13px/13px Lato, arial, sans-serif;
      text-decoration: underline;
      color: #fff;
      opacity: .8; }
      nav li a:hover {
        text-decoration: none; }
  nav h2 {
    float: left;
    padding-right: 9px;
    color: white;
    font: bold 13px/13px Lato, arial, sans-serif; }
  nav.reverse {
    float: right; }
    nav.reverse ul, nav.reverse li {
      float: right; }
    nav.reverse li {
      border: 1px solid #3a3a3a;
      border-width: 0 0 0 1px;
      margin: 0 0 0 9px;
      padding: 0 0 0 9px; }
  nav#main-nav ul {
    bottom: 0;
    left: auto;
    position: absolute;
    right: 18px;
    top: 10px; }
  nav#main-nav li {
    background: #f9f9f1;
    border: 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    color: #d21313;
    opacity: .7;
    padding: 6px 16px 14px; }
    nav#main-nav li#nav-home {
      opacity: 1; }
  nav#main-nav a {
    color: #3a3a3a;
    text-decoration: none; }
    nav#main-nav a:hover {
      text-decoration: underline; }

nav ul, nav li {
  float: left; }

div.center {
  margin: 0 auto;
  width: 522px; }

p.intro {
  color: #3a3a3a;
  font: 700 35px/36px Lato, arial, sans-serif;
  padding-bottom: 36px; }

.alt {
  color: #d21313 !important; }

p.legend {
  font-weight: 300; }

header {
  background: #d21313;
  float: right;
  width: 100%; }
  header div.center {
    height: 13px;
    overflow: hidden;
    padding: 9px 0 13px;
    position: relative; }
  header nav {
    padding-left: 18px; }

div#content {
  float: left;
  padding: 0 18px; }
  div#content article, div#content aside {
    clear: none;
    float: left;
    width: 560px; }
  div#content aside {
    background: url(../images/lg-head.png) no-repeat;
    height: 254px;
    margin-top: 36px;
    width: 395px;
    display: none; }

.has-js div#bum li h5 span {
  background: url(../images/minus.png) no-repeat left 5px;
  float: left;
  left: -17px;
  margin-right: -12px;
  padding-left: 17px;
  position: relative; }
.has-js div#bum li.hidden h5 span {
  background-image: url(../images/plus.png); }

div#bum {
  border-top: 1px solid #3a3a3a;
  margin-top: 14px;
  padding-top: 20px;
  clear: none;
  float: left;
  width: 100%; }
  div#bum div.left, div#bum div.right {
    width: 468px; }
  div#bum h3 span {
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline; }
  div#bum ul li {
    border-bottom: 1px dashed #3a3a3a;
    margin-bottom: 9px;
    padding-bottom: 15px;
    clear: none;
    float: left;
    width: 100%; }
    div#bum ul li a.hash {
      border-bottom: 1px dotted #d21313;
      text-decoration: none; }
  div#bum ul li.hidden {
    padding-bottom: 8px; }
    div#bum ul li.hidden p, div#bum ul li.hidden footer {
      display: none; }
  div#bum section {
    position: relative;
    clear: none;
    float: left;
    width: 100%; }
    div#bum section h4 {
      bottom: 0;
      left: -125px;
      position: absolute;
      right: 0;
      top: 0;
      font-weight: 300;
      text-align: right;
      width: 100px; }
    div#bum section footer h6, div#bum section footer ul, div#bum section footer ul li {
      display: inline; }
    div#bum section footer h6, div#bum section footer ul {
      float: left; }
    div#bum section footer h6 {
      clear: left;
      margin-right: 8px; }
    div#bum section footer ul li {
      border: none;
      float: none;
      margin: none;
      width: auto; }
      div#bum section footer ul li:after {
        content: ", "; }

#grid {
  bottom: auto;
  left: auto;
  position: absolute;
  right: auto;
  top: auto;
  display: block;
  left: -513px;
  height: 1px;
  margin-left: 50%;
  width: 1026px;
  z-index: 100; }
  #grid #griddy {
    background: url(../images/_grid.png);
    height: 2000px;
    margin: 0 auto;
    width: 1027px;
    bottom: auto;
    left: 0;
    position: absolute;
    right: auto;
    top: -1px; }
    #grid #griddy.hidden {
      display: none; }
  #grid button {
    position: fixed;
    left: 0;
    z-index: 101; }