/*
* 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
*/

/* ~~~~~~~ Custom Typography Style ~~~~~~~ */

body                            { font: 14px/21px Open Sans, sans-serif;color: #444;-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */-webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6     		{ color: #000;font-family: Open Sans, sans-serif;}
h1                         		{ color:#FBCB43;font-size: 40px; line-height: 50px; margin-bottom: 14px;}
h2                         		{ color:#FBCB43;font-size: 32px; line-height: 40px; margin-bottom: 10px; }
h3                         		{ color:#FBCB43;font-size: 27px; line-height: 34px; margin-bottom: 8px; }
h4                         		{ color:#FBCB43;font-size: 22px; line-height: 30px; margin-bottom: 4px; }
h5                         		{ color:#FBCB43;font-size: 18px; line-height: 24px; }
h6                         		{ color:#FBCB43;font-size: 12px; line-height: 21px; }
p                               { color: #333;font: 300 14px/30px Open Sans, sans-serif;margin: 0 0 20px 0;}
p img                           { margin: 0; }
em                              { font-style: italic; }
strong                          { font-weight: bold; color: #333; }
small                           { font-size: 80%; }
a, a:visited                    { text-decoration: underline; outline: 0; }
a:hover, a:focus                { color: #000; }
p a, p a:visited                { line-height: inherit; }
table th                        { background: #000;border-bottom: 2px solid #fff;color: #cbcbcb;font-size:100%;font-weight:600;padding: 15px 12px;white-space: nowrap;text-transform: uppercase;}
table tr                        { border-bottom: 2px solid #fff;}
table td                        { background: #EBEBEB;color: #484444;font-size:100%;padding: 15px 6px;text-transform: capitalize;}
tfoot td                        { background: #ccc;color: #484444;white-space: nowrap;text-transform: uppercase;}
tbody tr:hover td               { background: #f2f2f2;}
ol                              { color: #333;counter-reset: preview-ol;list-style: lower-roman outside none;margin-bottom: 30px;}
ol li:before                    { background: #FBCB43;border-radius: 13px;color: #333;content: counter(preview-ol, decimal);counter-increment: preview-ol;line-height: 26px;display: inline-block;height: 26px;margin-right: 18px;text-align: center;width: 26px;}
ul li                           { list-style: disc;color: #333;}
body blockquote                	{ color: #333;font-style: italic;font-size:100%;margin: 25px 0 20px 30px;padding: 9px 9px 9px 0px;position: relative;}
blockquote, blockquote p        { font-size: 17px; line-height: 24px; color: #333; font-style: italic; }
blockquote cite                 { display: block; font-size: 12px; color: #555; }
blockquote cite:before          { content: "—";}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
blockquote footer               { background: transparent;}
blockquote footer cite a:hover  { background: #000;color: #ccc;}
blockquote:after                { bottom: -20px;color: #FBCB43;content: "”";font-size: 36px;left: -34px;position: absolute;}
blockquote:before               { color: #FBCB43;content: "“";font-size: 36px;left: -39px;position: absolute;top: 5px;}
img                             { height: 100%;max-width: 100%;}

/* #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, sub, sup, 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-family:Open Sans, sans-serif;
        font-weight:normal;
        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; }
    table {
        border-collapse: collapse;
        border-spacing: 0;
        margin: 20px 0;
        width: 100%; }

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

/* #Lists
================================================== */
    ul, ol { margin-bottom: 20px; }
    ul { list-style: none outside; }
    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: 4px 0 5px 30px; font-size: 90%;  }
    ul ul li, ul ol li,
    ol ol li, ol ul li { margin-bottom: 6px; }
    li { margin-bottom: 15px; }
    ul.large li { line-height: 21px; }
    li p { line-height: 21px; }


/* #Images
================================================== */

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

/* #Misc
================================================== */
    .remove-bottom { margin-bottom: 0 !important; }
    .half-bottom { margin-bottom: 10px !important; }
    .add-bottom { margin-bottom: 20px !important; }