/********************************************
    Adapted from the Golden Grid System
    by Joni Korpi, licensed under MIT
    http://goldengridsystem.com

    Tag Resets
********************************************/

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}

/********************************************
    Normalize CSS
    http://necolas.github.com/normalize.css/
********************************************/

html {
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    background: #fff;
    color: #222
    font-size: 100%;
    min-height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
audio,
canvas,
video {
    display: block;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

b,
strong {
    font-weight: bold;
}

input,
textarea,
button,
select {
    margin: 0;
    font-size: 100%;
    line-height: normal;
    vertical-align: baseline;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    overflow: auto;
}

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

/* ******************************************
    Elastic Gutters
****************************************** */

.wrapper {
    padding: 0 0.75em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* ******************************************
    Elastic Gutters for IE6-7
    http://github.com/Schepp/box-sizing-polyfill
****************************************** */

.ie .wrapper {
    /* IE8 doesn't need this, so we use the * hack */
    *behavior: url("/ie/boxsizing.htc");
}

/********************************************
    Fluid Media
********************************************/

figure {
    position: relative;
}

figure img,
figure object,
figure embed,
figure video {
    max-width: 100%;
    display: block;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/********************************************
    Zoomable Baseline Grid
********************************************/

body {
    font-size: 1em; /* 16px */
    font-weight: 300;
    line-height: 1.5em; /* 24px */
}

.small,
small,
code,
h5,
h6 {
    font-size: 0.8125em; /* 13px */
    line-height: 1.3846153846153846em; /* 18px */
}

.normal,
h4 {
    font-size: 1em; /* 16px */
    line-height: 1.5em; /* 24px */
}

.large,
h3 {
    font-size: 1.375em; /* 22px */
    line-height: 1.75em; /* 28px */
}

.extralarge,
h2 {
    font-size: 1.625em; /* 26px */
    line-height: 1.23076923076923em; /* 32px */
}

.huge,
h1 {
    font-size: 2.625em; /* 42px */
    line-height: 1.1428571428571428em; /* 48px */
}

/* ******************************************
    Typography
****************************************** */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

pre,
code {
    font-family: Menlo, "Courier New", monospace;
}

em,
i {
    font-style: italic;
}

/********************************************
    Mobile First, 4 Column Grid

    Use padding instead of margin for
    full-width backgrounds in containers
    ----------------------------------------
    Padding  | #  1   2   3   4   |  Padding
    2.55555% | %  25  50  75  100 | 2.55555%
********************************************/

.container {
    /* Less wasteful for small screens */
    padding: 1em 2.555555555555555%;
}

h1,
h2 {
    /* margin: 0.9230769230769231em 0 1.3846153846153846em; */
    margin: 0;
    padding: 0;
}

h3,
h4 {
    margin: 0;
}

/* ******************************************
    Float Clearing
****************************************** */

.group:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

/********************************************
    Fixes for IE6-8
    http://jonikorpi.com/leaving-old-IE-behind/
********************************************/

.ie body {
    width: 40em;
    margin: 0 auto;
    font-size: 1.0625em;
}

.ie h1 {
    font-size: 2.625em; /* 42px */
    line-height: 1.1428571428571428em; /* 48px */
    padding: 1.1428571428571428em 0 0.5714285714285714em;
}