/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
--------------------------------------------------------------------------------------------------------------
    Reset & Basics
    Font Sizing
	Basic Styles
    Typography
	Lists
    Tables
	Images
    Links
    Buttons
	Helper Classes */


/* Reset & Basics (Inspired by E. Meyers)
-------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, 
tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, 
output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; 
}

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

body    { line-height: 1; }
ol, ul  { list-style: none; }

blockquote, q { 
    margin: 20px; 
    quotes: none; 
}

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

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


/* Font Sizing
-------------------------------------------------------------------------------------------------------------- 
    38 px = 2.5 em
    33 px = 1.75 em
    17 px = 1.35 em
    16 px = 1.25 em
    14 px = 1.1 em
    13 px = 1 em
    12 px = .9 em
    11 px = .75 em
    10 px = .7 em    */


/* Basic Styles
-------------------------------------------------------------------------------------------------------------- */
body {
    background: #fff;
    color: #888;
    font: 400 14px/1.8em 'Lato', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%; }

p { margin: 0 0 20px 0; }

    p.lead  {
        font-size: 20px;
        line-height: 30px;
        padding: 20px 0; }

em      { font-style: italic; }
strong  { font-weight: 700; }

/*  Blockquotes  */
blockquote {
    color: #888;
    font-size: 1.2em;
    font-weight: 300;
    margin: 0 0 20px;
    padding: 10px 0 10px 20px;
    border-left: 1px solid #ddd; }

    blockquote cite             { display: block; font-size: .75em; font-weight: 700; margin-top: 10px; }
    blockquote cite:before      { content: "\2014 \0020"; }

    blockquote cite a,
    blockquote cite a:visited,
    blockquote cite a:visited   { color: #888; }

hr { 
    border: solid #ddd; 
    border-width: 1px 0 0; 
    clear: both; 
    margin: 30px 0 35px;
    height: 0; }

    #main-content hr { margin-bottom: 50px; }


/* Typography
-------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {    
    line-height: 1.4em;
    margin: 20px 0;
    text-rendering: optimizeLegibility; }

h1 { font-size: 44px; color: #fff; font-weight: 300; }
h2 { font-size: 36px; color: #333; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; }

h3 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 5px;
    text-transform: uppercase; }

    h3 small {
        font-size: 11px;
        font-weight: 300;
        display: block;
        line-height: 15px; }

h3.simple {
    color: #82bb89;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 0;
    text-transform: uppercase; }

    h3.simple small {
        color: #888;
        font-size: 12px;
        font-weight: 700;
        display: block;
        line-height: 15px; }

        h3.simple small em { font-weight: 400; }

h4 { font-size: 14px; font-weight: 700; color: #333; text-transform: uppercase; letter-spacing: 2px; }

/* Lists
-------------------------------------------------------------------------------------------------------------- */
ul, 
ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }

ol, 
ul.square, 
ul.circle, 
ul.disc     { margin-left: 30px; }
ul.square   { list-style: square outside; }
ul.circle   { list-style: circle outside; }
ul.disc     { list-style: disc outside; }

ul ul, ul ol,
ol ol, ol ul { margin: 7px 0 5px 30px; font-size: .875em;  }

ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }

li      { line-height: 1.5em; margin-bottom: 12px; }
li p    { line-height: 1.8em; }


/* Tables
-------------------------------------------------------------------------------------------------------------- */
th      { font-weight: 700; }


/* Images
-------------------------------------------------------------------------------------------------------------- */
img.scale-with-grid {
    max-width: 100%;
    width: 100%; height: auto; 
}


/* Links
-------------------------------------------------------------------------------------------------------------- */
a { 
    color: #82bb89;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    
    a:hover { color: #888; text-decoration: none; }


/* Buttons
-------------------------------------------------------------------------------------------------------------- */
.button {
    background: #82bb89;
    border-radius: 15px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px 9px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap; }

    a.button:hover { background: #fff; color: #82bb89; }

.button.big {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px 15px; }
    
    
.button.simple { background: #ccc; }

    .button.simple:hover { background: #f8f8f8; color: #bbb; }


/* Helper Classes
-------------------------------------------------------------------------------------------------------------- */
.remove-bottom  { margin-bottom: 0 !important; }
.half-bottom    { margin-bottom: 10px !important; }
.add-bottom 	{ margin-bottom: 20px !important; }

.floatLeft      { float: left; margin: 0 1em 0 0; }
.floatRight     { float: right; margin: 0 0 0 1em; }

.relative       { position: relative; }
.left           { left: -18px; }
.right          { right: -18px; }

.txtLeft        { text-align: left; }
.txtRight       { text-align: right; }
.txtCenter      { text-align: center; }

.half           { width: 50%; }
.full           { width: 100%; }

.small  { font-size: .75em; }
.caps   {
    font-size: .7em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5em;
    margin-bottom: 1em;
    text-transform: uppercase;
}