/* Parts copied from http://www.thenoodleincident.com/tutorials/typography/css/real.css */
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 80%;
}

body table {
        font-size: 1em;
}

div, p {
        font-size: 1em;
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.1em; }

ol, ul, li {/*
        list-style: none;*/
        font-size: 1.0em;
        line-height: 1.8em;
        margin-top: 0.2em;
        margin-bottom: 0.1em; 
}

a.auto:hover {
        text-decoration: underline;
}

a.auto {
        text-decoration: none;
}

p {
        padding: .6em 0;
        margin: 0;
        line-height: 1.6em;
}

p:first-child {
        padding-top: .3em;
}

p:last-child {
        padding-bottom: .3em;
}

div.footer {
        font-size: 80%;
        background: #f0f0f0;
        border-top: 1px solid #888;
        margin-top: 1em;
        clear: both;
}

#messages {
        display: none;
}

div.teaser, div.thanks {
        border-bottom: 1px solid #ccc;
        background: #f8f8f8;
        padding: 0 .5em;
}

div.teaser p, div.thanks p {
        padding-left: 3em;
}

div.summary {
        border: 1px solid #ccc;
        background: #ff4040;
        padding: 0 .5em;
}