/*
    The base stlyesheet is here as a starting point for you, and much of it is based on the Fluid Baseline Grid by Josh Hopkins and 40 Horse. We hope it halps, but feel free to hack away!

    Fluid Baseline Grid v1.0.0
    https://github.com/thedayhascome/Fluid-Baseline-Grid
    Designed & Built by Josh Hopkins and 40 Horse, http://40horse.com   
    Licensed under Unlicense, http://unlicense.org/
*/

/* HTML5 declarations */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
dialog {
    display: block;
}
audio[controls],
canvas,
video {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/* Base */
html {
    height: 100%;
    font-size: 100%;
    overflow-y: scroll;
    /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background: #fff;
}
/* Default font settings */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body,
button,
input,
select,
textarea {
    font: 100%/1.5 Georgia, "Times New Roman", serif;
    /* IE7 and older can't resize px based text */
    *font-size: 1em;
    color: #333;
}
p,
blockquote,
q,
pre,
address,
hr,
code,
samp,
dl,
ol,
ul,
form,
table,
fieldset,
menu,
img {
    margin: 0 0 1.5em;
    padding: 0;
}

/* Typography */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    color: #222;
}
h1 {
    margin: 0;
    /* 60px / 72px */
    font-size: 3.75em;
    line-height: 1.2;
    margin-bottom: 0.4em;
}
h2 {
    margin: 0;
    /* 48px / 48px */
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
}
h3 {
    margin: 0;
    /* 36px / 48px */ 
    font-size: 2.25em;
    line-height: 1.3333333333333333333333333333333;
    margin-bottom: 0.6667em;
}
h4 {
    margin: 0;
    /* 24px / 24px */
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
}
h5 {
    margin: 0;
    /* 21px / 24px */
    font-size: 1.3125em;
    line-height: 1.1428571428571428571428571428571;
    margin-bottom: 1.1428571428571428571428571428571em;
}
h6 {
    margin: 0;
    /* 18px / 24px */
    font-size: 1.125em;
    line-height: 1.3333333333333333333333333333333;
    margin-bottom: 1.3333333333333333333333333333333em;
}
p, ul, blockquote, pre, td, th {
    margin: 0;
    /* 16px / 24px */
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 1.5em;
}
small, p.small {
    margin: 0;
    /* 14px / 24px */
    font-size: 0.875em;
    line-height: 1.7142857142857142857142857142857;
    margin-bottom: 1.7142857142857142857142857142857em;
}

/* Code */
pre {
    white-space: pre;
    white-space: pre-wrap;
    /* Allow line wrapping of 'pre' */
    word-wrap: break-word;
}
pre, code, kbd, samp {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 1.5em;
    font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace;
}

/* Tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5em;
}
th {
    text-align: left;
}
tr,
th,
td {
    padding-right: 1.5em;
    border-bottom: 0 solid #333;
}

/* Forms */
form {
    margin: 0;
}
fieldset {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
legend {
    *margin-left: -.75em;
}
button,
input,
select,
textarea {
    vertical-align: baseline;
    /* IE7 and older */
    *vertical-align: middle;
}
button,
input {
    line-height: normal;
    *overflow: visible;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Quotes */
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
blockquote,
q,
cite {
    font-style: italic;
}
blockquote {
    padding-left: 1.5em;
    border-left: 3px solid #ccc;
}
blockquote > p {
    padding: 0;
}

/* Lists */
ul,
ol {
    list-style-position: inside;
    padding: 0;
}
li ul,
li ol {
    margin: 0 1.5em;
}
dl dd {
    margin-left: 1.5em;
}
dt {
    font-family: Arial, Helvetica, sans-serif;
}

/* Hyperlinks */
a {
    text-decoration: none;
    color: royalblue;
}
a:hover {
    color: midnightblue;
    text-decoration: underline;
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    /* Better CSS Outline Suppression */
    outline: none;
}

/* Media */
figure {
    margin: 0;
}
img,
object,
embed,
video {
    max-width: 100%;
    /* Fluid images */
    _width: 100%;
}
img {
    border: 0;
    /* Improve IE's resizing of images */
    -ms-interpolation-mode: bicubic;
}
/* Correct IE9 overflow */
svg:not(:root) {
    overflow: hidden;
}

/* Abbreviation */
abbr[title],
dfn[title] {
    border-bottom: 1px dotted #333;
    cursor: help;
}

/* Marked/Inserted/Deleted and Selected text */
ins,
mark {
    background: #fff9c0;
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* Selected text */
::-moz-selection {
    background: #555;
    color: #fff;
}
::selection {
    background: #555;
    color: #fff;
}

/* Others */
strong,
b,
dt {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
var,
address {
    font-style: normal;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    /* Position 'sub' and 'sup' without affecting line-height */
    vertical-align: baseline;
}
sup {
    /* Move superscripted text up */
    top: -0.5em;
}
sub {
    /* Move subscripted text down */
    bottom: -0.25em;
}

/* Adding basic structure tweaks */
body {
    background: #fff;
    padding: 0.825em 2em;
}
#content {
    margin: 0 auto;
    max-width: 70em; /* 1120px */
}
.search-form input[type="text"],
.search-form textarea {
    border: 1px solid #aaa;
    height: 2.5em !important;
}
.left {
    float: left;
}
.right {
    float: right;
}

/* Grid */
.row, .cf {
    zoom: 1;
}
.row:before, .cf:before, .row:after, .cf:after {
    content: " ";
    display: table;
}

.row:after, .cf:after {
    clear: both;
}
[class*="span"] {
    border: 0px solid rgba(0,  0,  0,  0);
    margin-left: 1.9%;
    margin-right: -0.25em;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box !important;
    -moz-background-clip: padding-box !important;
    background-clip: padding-box !important;
}
[class*="span"]:first-child {
    margin-left: 0;
}
 [class*="span"].right {
    margin-left: 0;
    margin-right: 1.9%;
}
[class*="span"].right:first-child {
    margin-left: 0;
    margin-right: 0;
}
 .span1 {
    width: 6.6%;
}
 .span2 {
    width: 15.0833333333%;
}
 .span3 {
    width: 23.575%;
}
 .span4, .span_side {
    width: 32.0666666667%;
}
 .span5 {
    width: 40.5583333333%;
}
 .span6 {
    width: 49.05%;
}
 .span7 {
    width: 57.5416666667%;
}
 .span8, .span_main {
    width: 66.0333333333%;
}
 .span9 {
    width: 74.525%;
}
 .span10 {
    width: 83.0166666667%;
}
 .span11 {
    width: 91.5083333333%;
}
 .span12 {
    margin-left: 0;
    width: 100%;
}
 .offset4 {
    margin-left: 32.0666666667%;
}
 .offset6 {
    margin-left: 49.05%;
}