/*
  Typography
*/
/*
  Color Scheme
*/
/*
  Grid: 960px wide, 8 columns
*/
/*
  Helpful Functions
*/
/* 
  Helpful mixins
*/
/*
  The Style
*/
body {
  font-size: 62.5%;
  margin: 0;
  background: #dbd5d1; }

#splash {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 3em;
  background: #dbd5d1; }
  #splash #grid {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1; }
    #splash #grid:before, #splash #grid:after {
      content: "";
      display: table; }
    #splash #grid:after {
      clear: both; }
    #splash #grid header#title {
      float: left;
      width: 350px;
      margin-left: 16px; }
      #splash #grid header#title h1 {
        color: #cd4343;
        font-family: "chennai-slab", serif;
        font-weight: 200;
        font-size: 6.4em;
        text-align: right;
        text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0; }
    #splash #grid a {
      color: #cd4343;
      text-decoration: none;
      text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      #splash #grid a:hover {
        text-decoration: underline;
        color: #8faaad; }
    #splash #grid nav#sections {
      float: left;
      width: 594px; }
      #splash #grid nav#sections ul {
        list-style-type: none;
        margin-top: 4.2em;
        padding-left: 1em; }
        #splash #grid nav#sections ul li {
          font-family: "chennai-slab", serif;
          font-weight: 500;
          font-size: 6.4em; }
  #splash section#content {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    text-align: center; }