@media all
{
    body
    {
        padding         : 1em;
        margin          : 0 4% 0 4%;
        line-height     : 1.5em;
        letter-spacing  : 0.02em;
        background      : #222;
    }

    li ul
    {
        border-left     : 1px dotted black;
    }
    ul li
    {
        margin-left     : 0.6em;
    }

    tr:hover
    {
        background      : #eee;
        color           : #511;
    }

    code, pre
    {
        display         : block;
        border          : 1px dashed black;
        padding         : 1em;
        overflow        : auto;
        margin          : 1em;
    }

    a:link
    {
        text-decoration : none;
        color           : #999;
        margin          : 0;
        transition: all 0.5s ease;
    }
    a:visited
    {
        text-decoration : none;
        color           : #bbb;
    }
    a:hover, a:focus
    {
        text-decoration : none;
        color           : #fff;
    }

    dt a:link, dt a:visited, dt a:focus
    {
        text-decoration : none;
        color           : black;
    }
    dt a:hover
    {
        text-decoration : none;
        color           : gray;
    }

    h1, h2, h3, h4, h5, h6
    {
        display: none;
        width           : 100%;
        color           : #596e9d;
        border-bottom   : 1px dotted gray;
    }
    h1 { font-size      : 1.6em; }
    h2 { font-size      : 1.6em; }
    h3 { font-size      : 1.3em; }
    h4 { font-size      : 1.0em; }
    h5 { font-size      : 0.8em; }
    h6 { font-size      : 0.7em; }

    h1 a:link, h1 a:visited, h1 a:focus,
    h2 a:link, h2 a:visited, h2 a:focus,
    h3 a:link, h3 a:visited, h3 a:focus,
    h4 a:link, h4 a:visited, h4 a:focus,
    h5 a:link, h5 a:visited, h5 a:focus,
    h6 a:link, h6 a:visited, h6 a:focus
    {
        color           : #091e4d;
        text-decoration : none;
    }

    p, ul, ol, dl, table 
    {
        text-align      : justify;
        margin-left     : 0;
	}
    p {
        text-indent: -1em;
        margin: 150px 20% 0 30%;
        line-height: 2.5em;
        font-size: 1.5em;
        font-weight: bold;
        color: #000;
        text-shadow: #ccc 0 0 10px;
    }
    p + p {
        margin-top: 1em;
    }
    p img {
        background: #eee;
        padding: 20px;
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        box-shadow: #555 1px 1px 5px;
        transition: all 1s ease;
    }
    p img:hover {
        border-radius: 30px;
        box-shadow: #ccc 2px 2px 5px;
    }

    table
    {
        text-align      : left;
    }
    dl dt
    {
        font-weight     : bold;
        border-bottom   : 1px dashed black;
        margin-bottom   : 0.5em;
    }

	div#top
    {
        width           : 100%;
        text-align      : center;
    }
    p#copyright
    {
        display: none;
        margin          : 0;
        padding         : 0;
        font-weight     : bold;
        font-size       : 0.8em;
        border          : dotted gray;
        border-width    : 1px 0;
    }

    ul#menu
    {
        margin          : 3em 0 0 0;
        padding         : 0;
        list-style-type : none;
        line-height     : 2em;
    }
    ul#menu li
    {
        text-align: right;
        margin          : 0 0.7em 0 0;
        padding         : 0 0.7em 0 0;
        border-right    : 1px solid #596e9d;
        text-transform  : lowercase;
    }

    p#jinvent {
        margin: 0.5em 0;
        padding: 0.5em;
        border: 1px dotted gray;
        color: #222;
    }

    p#footer { margin-top:2em; }
    p#footer a { margin-top:2em; font-size:0.4em; text-shadow:none; position:absolute; right:2em; }

    p#print
    {
        display         : none;
    }
}

@media print
{
    a:link, a:visited
    {
        border          : none; text-decoration:none;
    }
    ul#menu, p#top, p.jinvent
    {
        display         : none;
    }
    p#print
    {
        display         : block;
    }
}