/**
 * SI Reset - CSS Reset & Base Styles
 * v 1.0
 */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    vertical-align: baseline;
    background: transparent;
}

/* Make sure html5 elements display correctly in older browsers */
main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Set html and body height to 100% so that we can use 100% height on child elements */
html, body {height: 100%;}

/* Start off with a reasonable, common line-height. Leaving off the units allows it to adapt to different font sizes */
body {line-height: 1.25;}

ul, ol {list-style: none;}

small {font-size: .85em;}

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

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

blockquote, q {quotes: none;}

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

del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}
th {vertical-align: bottom;}
td {vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

a, a[href^=tel] {
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: inherit;
    text-decoration: none;
    font-weight: normal;
}

/* Use hand cursor on clickable elements */
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

select, input, textarea, button {
    font-size: 100%;
    font-family: inherit;
    background: none;
    margin: 0;
    vertical-align: middle;

    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

input[type="submit"], button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border: 0;
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: baseline;}