/* FONT */

body {
    font-family: "Candara", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size:  75%;
}
#menu li, a.verse {
    font-family: "Georgia", "Times New Roman", Times, serif;
}
h1, h2, h3, h4, i, .description, .remark, #remarks, #menu li a, #content #latest {
    font-family: "Hoefler Text", "Cambria", "Georgia", "Times New Roman", Times, serif;
    font-weight: normal;
}
blockquote.note,
blockquote.letter,
span.mark {
    font-family: "Monotype Corsiva", "Segoe Script", "Gautami", cursive;
    font-style: italic;
}
blockquote.note {
    font-size:  165%;
}
blockquote.letter {
    font-size:  115%;
}
blockquote.note .sign {
    font-size:  230%;
}
blockquote.letter .sign {
    font-size:  330%;
}
h2 span.sub {
    font-size:  66%;
    vertical-align: bottom;
}
a {
    font-weight: bold;
}
a.verse {
    font-weight: normal;
    font-size: 100%;
    font-style: italic;
    color: #CCE;
    /* color: #DCC; */
}
a.verse:hover {
    text-decoration: none;
}
#menu li {
    font-size:  125%;
    text-transform: uppercase;
}
#menu span,
#menu ol li,
#menu ul li {
    font-size:  85%;
    text-transform: none;
    font-style: italic;
}
#btc {
    font-size:  74%;
}

#menu a,
h2 a,
h3 a {
    font-weight: normal;
}
h2 q {
    font-style: italic;
}

#content #latest tr { font-style: italic; }
#content #latest tr td { vertical-align: top; }
#content #latest tr td a { font-weight: normal; }
#content #latest tr:nth-child(1) { font-size: 175%; font-style: italic; }
#content #latest tr:nth-child(2) { font-size: 160%; }
#content #latest tr:nth-child(3) { font-size: 142%; }
#content #latest tr:nth-child(4) { font-size: 122%; }
#content #latest tr:nth-child(5) { font-size: 100%; }

/* BACKGROUND */

h1,
html {
    background-color: white;
    color: black;
}
h1 {
    display: inline-block;
    position: relative;
    padding: 0 8px;
    left: -8px;
    font-size: 1.80eM;
}
blockquote.note {
    background-image: url('../img/note.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: black;
}
blockquote.letter {
    background-image: url('../img/letter.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: black;
}
:target + p {
   background: #FFB;
   margin: -0.6eM;
   padding: 0.6eM;
}

/* FOREGROUND */

a { color: red; }
a:active {
    text-shadow: darkred 0 0 16px;
}
a:visited { color: darkred; }

hr { border-top: 1px dotted darkred; }
.line { border-top: 1px solid darkred; }
ol#menu li hr { border-top: 1px dotted silver; }

q { color: #522; }
#btc { color: #ddd; }

#menu > li > a { color: darkred; }
#title span, #previous h3, #previous h4 { color: gray; }

hr, .line {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

/* STYLING */

#body p {
    line-height: 200%;
    margin-bottom: 2eM;
}
#body p.remark, #remarks, #news {
    line-height: 133%;
}
#body p.remark, #remarks {
    line-height: 133%;
    color: #669;
    font-style: italic;
}
#body p.remark q {
    color: #669;
}
span.mark {
    font-size: 550%;
    color: #DDE;
}

#body p.subtitle {
    margin-bottom: 1eM;
}
#body p.description {
    background: #eee;
    padding: 1em;
    color: #522;
    font-style: italic;
    line-height: 133%;
}
#body p span.grayed {
    color: #999;
    /*font-style: italic;*/
}

.soundcloud + p.description {
    background: white !important;
    margin-top: -3eM;
    color: red !important;
}

#body p.foot {
    text-align: right;
}

ol#menu .plain,
ol#menu .dash {
    list-style-image: url('../img/list.png');
}
ol#menu .plain ol,
ol.plainlist {
    list-style-image: none;
    list-style-type: lower-roman;
}
ol#menu .numbered,
ol#menu .numbered ol {
    list-style-type: decimal;
}
ol#menu ol {
    list-style-type: lower-roman;
}
ol#menu {
    list-style-type: none;
}
li.current a {
    font-weight: bold !important;
}

#content #latest tr td:first-child {
    text-align: right;
}
p.poem {
    text-align: center;
}