/* ARTICLE: the default style. Most other styles should inherit
 * from this, but it isn't enforced.
 */

body {
    margin: 0px;
    padding: 0px;
    background-color: white;
    color: #333;
}
#heading {
    margin: 10px 0 10px 0;
    background-color: #eee;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    padding: 5px;
    font-family: tahoma, helvetica, sans-serif;
    font-size: 0.8em;
    text-transform: lowercase;
    text-align: left;
}
#float {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #eee;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    font-family: tahoma, helvetica, sans-serif;
    font-size: 0.9em;
}
#content {
    /* maximum width of photo is 200px, then we have 3 lots of 5px
     * (the space between the #float and the edge of the screen, and
     * the left and right padding of the #float) and 10px safety
     * margin brings us to 225px
     */
    margin: 10px 225px 10px 0;
    padding: 0 10px 10px 10px;
    font-family: times new roman, times, serif;
}
#content p {
    line-height: 1.25em;
}
#subtitle {
    font-family: tahoma, helvetica, sans-serif;
    font-size: 0.85em;
    font-style: italic;
    margin-left: 0px;
    margin-right: 0px;
}
#pageturn {
    padding: 10px;
    font-family: tahoma, helvetica, sans-serif;
    font-size: 0.85em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: tahoma, helvetica, sans-serif;
    font-variant: small-caps;
    color: #ccc;
}
h1 { font-size: 1.8em; }
h2 { font-size: 1.1em; color: #bbb; }
h3 { font-size: 1.0em; color: #bbb; }

h2.date {
    border-bottom: 1px solid #aaa;
}
.entry h3 {
    margin-left: 10px;
    margin-right: 10px;
}
div.entry {
    margin-bottom: 20px;
}

p {
    margin-left: 10px;
    margin-right: 10px;
}
#float p {
    margin-left: 0px;
    margin-right: 0px;
}
blockquote {
    margin-left: 20px;
    margin-right: 20px;
}

a:link {
    color: #55c;
}
a:visited {
    color: #22a;
}
a:active {
    color: red;
    background: #eee;
}
a:hover {
    background: #eee;
}

pre {
    margin: 10px;
}

a.image {
    /* HACK: old Firefoxes wipe part of the border on hover without this */
    background: none;
    /* HACK: IE7 displays bits of underlined whitespace without this */
    text-decoration: none;
}

.borderless {
    border: none;
}

.thumb {
    border: 1px solid black;
}
.polaroid {
    border: none;
}
.photo {
    border: none;
}
#float .thumb {
    border: 1px solid #ccc;
}

.hidden {
    display: none;
}

#float h2 {
    display: none;
}
#float h3 {
    border: 1px solid #ccc;
    color: #888;
    text-align: center;
    margin: 0px;
}
#float ul {
    list-style: none;
    text-align: center;
    margin-top: 4px;
    padding: 0px;
}
#float p {
    text-align: center;
}

hr {
    display: none;
}
.hr {
    border-top: 1px solid #ccc;
    width: 33%;
}

.footnote {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 0.8em;
}