/**
 * Alternative style for screen media
 *
 * @author  Akira Ohgaki <akiraohgaki@gmail.com>
 */

/**
 * Reset
 */
section, nav, article, aside, hgroup, header, footer,
figure, figcaption,
embed, canvas,
details, summary, menu {
    display: block;
}

time, mark, ruby, rt, rp, wbr,
datalist, keygen, progress, meter,
command {
    display: inline;
}

body, section, nav, article, aside,
h1, h2, h3, h4, h5, h6, hgroup, header, footer, address,
p, hr, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, div,
img, iframe, embed, object, video, audio, canvas,
table, caption, tbody, thead, tfoot, tr, td, th,
form, fieldset, legend, input, button, select, textarea,
details, summary, menu {
    margin: 0;
    padding: 0;
}

/**
 * Sections
 */
body {
    line-height: 1.4;
    background-color: #ffffff;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 80%;
    text-align: left;
    vertical-align: baseline;
    letter-spacing: 0.05em;
    cursor: default;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 100%;
    letter-spacing: 0.1em;
}

h1 {
    font-size: 200%;
}

h2 {
    font-size: 166%;
}

h3 {
    font-size: 125%;
}

address {
    font-style: normal;
}

/**
 * Grouping content
 */
p, hr, pre, blockquote, ol, ul, dl {
    margin: 1em 0;
}

hr {
    border: 0;
    border-top: 1px dashed #d3d3d3;
}

pre {
    overflow: auto;
    margin-left: 1em;
    padding: 0.5em;
    border-left: 0.5em solid #d3d3d3;
    background-color: #f5f5f5;
    color: #000000;
    font-family: 'Courier New', Courier, monospace;
}

blockquote {
    margin-left: 1em;
    padding: 0.5em;
    border-left: 0.5em solid #f5deb3;
    background-color: #fff8dc;
    color: #000000;
    font-family: 'Times New Roman', Times, serif;
}

ol, ul, dl {
    margin-left: 2em;
}

/**
 * Text-level semantics
 */
a {
    color: #4169e1;
    text-decoration: none;
}
a:hover {
    color: #b22222;
}

em, strong {
    font-style: normal;
    font-weight: bold;
}

strong {
    color: #b22222;
}

dfn, abbr {
    border: 0;
    font-style: normal;
}
dfn[title], abbr[title] {
    cursor: help;
}

mark {
    background-color: #ffff00;
    color: #000000;
}

br {
    letter-spacing: 0;
}

/**
 * Edits
 */
ins {
    text-decoration: none;
}

del {
    opacity: 0.75;
    text-decoration: line-through;
}

/**
 * Embedded content
 */
img {
    border: 0;
    vertical-align: bottom;
}

/**
 * Tabular data
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

/**
 * Forms
 */
fieldset {
    border: 0;
}

input, button, select, textarea {
    font-size: 100%;
    vertical-align: middle;
    letter-spacing: normal;
}

textarea {
    overflow: auto;
    font-family: 'Courier New', Courier, monospace;
}

/**
 * Interactive elements
 */
menu {
    letter-spacing: normal;
}