@import url("style.css");

/********** Paragraphs **********/
p
{margin-top: 1em;
margin-bottom: 0;
text-indent: 2em;
line-height: 1.6;}
p + p
{margin-top: 0.7em;}

p.date
{margin-top: 7em;}
p + p.date
{margin-top: 7em;}
p.date:first-child, h1 + p.date
{margin-top: 5em;}

p.comment
{margin: 0 0 2em 2em;
text-indent: -2em;
font-style: italic;}

p.comment:before
{content: "~| ";}
p + p.comment
{margin-top: 2em;}
p.comment + p.comment
{margin-top: -1.5em;}

p.poem, p.stanza, p.verse, p.chorus, p.bridge
{margin-top: 1.5em;
text-indent: 0;
text-align: center;}
p.stanza
{line-height: 1.4;}
p.blank, p.short
{text-align: left;}
/********** End Paragraphs **********/


/********** Images and Decoration **********/
hr
{background: blue;
color: blue;
border: solid blue thin;}
/********** End Images and Decoration **********/


/********** Headings **********/
h1
{display: none;}

h3
{color: #FFF0F5;
font-weight: lighter;}
/********** End Headings **********/


/********** Other Blocklevel Content **********/
div.prose, div.poem
{margin-top: 7em;}
div.prose:first-child, div.poem:first-child, h1 div.prose, h1 div.poem
{margin-top: 5em;}

div#selectWriting
{position: absolute;
top: 0;
height: 5em;
width: 75%;
overflow: visible;}

/*div#selectWriting:after
{content: "Jump to a specific piece of writing";}

/*div#selectWriting p
{position: fixed;
margin-top: 0;
padding-top: 1em;
width: 100%;
border: solid thin red;
background: black;}*/

div#selectWriting ul
{float: right;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
overflow: auto;}
div#selectWriting li:before
{content: "> ";}

div#selectWriting a
{text-decoration: none;}
/********** End Other Blocklevel Content **********/