/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
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-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

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

body { font-family: "Open Sans", "Helvetica Neue", "Helvetica", sans-serif; font-size-adjust: 0.535; /* Open Sans */ background: #999; font-size: 8px; }

a { color: white; border-bottom: 1px dotted #ae9898; text-decoration: none; }
a:visited { color: white; }
a:focus, a:hover, a:active { color: white; text-decoration: underline; border-bottom: none; }
a:active { position: relative; top: 1px; }

ul, ol { margin: 1em; }

ul > li { margin: 1em; list-style-type: disc; }

ol > li { margin: 1em; list-style-type: decimal; }

h2 { margin-top: 48px; font-size: 24px; font-weight: bold; }

p { margin: 1em 0; }

div, p, header, footer { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

header, footer { color: white; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px; background: #b54040; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b54040), color-stop(100%, #5b2020)); background: -webkit-linear-gradient(center top, #b54040, #5b2020); background: -moz-linear-gradient(center top, #b54040, #5b2020); background: -o-linear-gradient(center top, #b54040, #5b2020); background: -ms-linear-gradient(center top, #b54040, #5b2020); background: linear-gradient(center top, #b54040, #5b2020); border-top: 1px solid #cf7777; border-bottom: 1px solid #2d1010; }

header { font-weight: bold; font-size: 48px; padding: 24px 36px; height: 96px; }
header small { font-size: 24px; padding-top: 20px; }

footer { font-size: 12px; text-align: center; padding: 12px 48px; }

#root { margin: 48px; max-width: 500px; font-size: 14px; line-height: 20px; }
#root a { color: #b54040; }
#root a:visited { color: #883030; }
#root a:focus, #root a:hover, #root a:active { color: #cf7777; }

/* Sticky footer from http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
*/
html, body { height: 100%; }

.stickyfooter-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -48px; background: #eee; background: -webkit-gradient(radial, 30% 30%, 0, 30% 30%, 400, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-radial-gradient(30% 30%, #ffffff, #eeeeee 400px); background: -moz-radial-gradient(30% 30%, #ffffff, #eeeeee 400px); background: -o-radial-gradient(30% 30%, #ffffff, #eeeeee 400px); background: -ms-radial-gradient(30% 30%, #ffffff, #eeeeee 400px); background: radial-gradient(30% 30%, #ffffff, #eeeeee 400px); }

footer, .stickyfooter-push { height: 48px; }