@charset "UTF-8";

/** 
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain)
 */
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 
{
    border:         0;
    font-size:      100%;
    font:           inherit;
    margin:         0;
    padding:        0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
    display: block;
}

body 
{
    line-height: 1.3;
}

ol, ul, ol li, ul li
{
    list-style-type: none;
    margin:          0px;
    padding:         0px;
}

blockquote, q 
{
    quotes: none;
}

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

table 
{
    /**
     * Instead of "collapse" I'm using "separate" as that allows me to give table cells
     * a border without having to go through a lot of trouble
     */
    border-collapse: separate;
    border-spacing:  0;
    width:           100%;
}

    table th
    {
        font-weight: bold;
    }

pre, code
{
    font-size:   13px;
    font-family: monospace;
}

/**
 * These form elements usually don't trigger any special cursor and thus can confuse
 * users when these elements have custom styles (e.g. a background image). 
 */
input[type="submit"], input[type="button"], input[type="checkbox"], input[type="radio"],
button, select
{
    cursor: pointer;
}

*[disabled], *[disabled="disabled"]
{
    cursor: not-allowed;
}

textarea
{
    overflow: auto;
}

acronym, abbr
{
    cursor: help;
}

/* Some typography related styles */
body
{
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
}

a:hover, a:active
{
    outline: none;
}

strong
{
    font-weight: bold;
}

small
{
    font-size: 11px;
}
