body {
  width: 900px;
  font-weight: normal;
}
#body_content {
  margin: 0em 6em 3em 6em;
}
#header_image {
  margin: 0em -6em 0em -6em;
}
#header_image > img {
  width: 900px;
}
#header_title {
  margin: 2em -3em 1em -3em;
}
#header_title + .poem {
  border-top: none;
}
#body_canvas {
  padding-bottom: 1em;
}
#body_content {
  margin-bottom: 0em;
  font-size: 1.2em;
}

h3 {
  margin-top: 3em;
  padding-top: 3em;
  text-align: center;
}
h3.divider {
  border-top: black solid .1em;
}
h1 + h3, h2 + h3, h2 + .poem, h3 + .poem,
h1 + .poem_group
{
  border-top: none;
}
h4 {
  margin-top: 3em;
  text-align: center;
}

/*  ekphrastic poem styles  */
div#spacing_ekphrastic {
  margin-bottom: 4em;
}
div#spacing_ekphrastic p.Body {
  /* Tighter spacing for paragraphs on ekphrastic poems page. */
  margin-top: 1em;
}
div#spacing_ekphrastic p.Body + p.section,
div#spacing_ekphrastic p.note_rightside + p.section,
div#spacing_ekphrastic p.note_center + p.section
{
  margin-top: 3em;
}
div#spacing_ekphrastic p.Body + h3,
div#spacing_ekphrastic p.note_rightside + h3,
div#spacing_ekphrastic p.note_center + h3
{
  margin-top: 0em;
  border-top: none;
}
div#spacing_ekphrastic h3,
div#spacing_ekphrastic h4
{
  text-align: left;
}
div#spacing_ekphrastic h4 {
  font-style: italic;
}
div#spacing_ekphrastic h3 + h4 {
  margin-top: 1em;
}

/*  manuscrit brun poem styles  */
#brun_page {
  margin-bottom: 4em;
}
#brun_page h4 {
  margin-bottom: 0em;
  text-align: left;
}
#brun_page hr {
  margin: 5em;
  margin-right: 10em;
  margin-left: 10em;
  border: .1em solid gray;
}
#brun_info p {
  margin-left: 1em; /* make room for number outside of box */
  margin-bottom: .2em;
}
#brun_info .number {
  float: left; /* separate from content */
  padding-right: 1em; /* instead of margin, pad alignment side since it's next to content */
  text-indent: -1em; /* move into empty space provided box's margin */
  text-align: right; /* alignment side */
}

/*  FRpoetry poem styles  */
#FRpoetry_page {
  margin-bottom: 4em;
}
#FRpoetry_page div.section {
  margin-top: 2em;
  margin-bottom: 3em;
}
#FRpoetry_page div.section p.break {
  margin-top: 1em;
}
#FRpoetry_page .section:first-line {
  font-style: italic;
}
#FRpoetry_page div.section p:first-child {
  margin-top: 1em;
}
#FRpoetry_page div.section p.section {
  margin-top: 1em;
}


.poem {
  padding-top: 3em;
  padding-bottom: 3em;
  border-top: black solid .1em;
}
.poem h3, .poem h4 {
  margin-top: 0em;
  padding-top: 0em;
  border-top: none;
}
.poem + h3 {
  margin-top: 0em;
}
.poem p + h3 {
  margin-top: 2em;
}

.poem_group {
  margin-top: 0em;
  border-top: black solid .1em;
}
.poem_group > h3 {
  margin-top: 0em;
  margin-bottom: 1em;
}
.poem_group > h3 + .poem,
.poem_group .poem + .poem {
  padding-top: 0em;
}
.poem_group .poem h4 {
  text-align: left;
}
.poem_group .poem {
  border: none;
}

.poem hr {
  margin: 1em 0em 1em 0em;
  width: 40%;
  border: .1em solid gray;
}
.poem hr.wide {
  width: 70%;
}
.poem hr.dots {
  margin: 1em 0em 1em 0em;
  width: 45%;
  border: .1em dotted gray;
}

.poem .numbered_part {
  margin: 2em;
}
.poem .numbered_part .part_number {
  float: left;
  width: 0em;
  text-indent: -2em;
}

/* Identify nesting error: poems can be next to each other, but not inside each other. Use poem_group instead. */
.poem .poem {
  margin-top: 3em;
  margin-bottom: 2em;
  padding-top: 0em;
  padding-bottom: 0em;
  border: .3em solid orange;
  -webkit-border-top-right-radius: 5em 5em;
  -webkit-border-top-left-radius: 5em 5em;
  -webkit-border-bottom-right-radius: 2em 2em;
  -webkit-border-bottom-left-radius: 2em 2em;
}
.poem .poem:before {
  content: "Attention Editor: Please add closing \"</div>\" for previous poem.";
  display: block;
  position: relative;
  margin: 0em;
  margin-bottom: 2em;
  padding: 2em;
  border-bottom: .3em solid orange;
  -webkit-border-top-right-radius: 4.7em 4.7em;
  -webkit-border-top-left-radius: 4.7em 4.7em;
  text-align: center;
  font-family: "Monaco", monospace;
  background-color: yellow;
  color: red;
}
.poem .poem:after {
  content: "Attention Editor: This message will self-destruct once previous poem is closed with </div>.";
  display: block;
  position: relative;
  bottom: 0em;
  margin: 0em;
  margin-top: 2em;
  padding: 1em;
  padding-bottom: 0.5em;
  border-top: .3em dashed orange;
  -webkit-border-bottom-right-radius: 1.7em 1.7em;
  -webkit-border-bottom-left-radius: 1.7em 1.7em;
  text-align: center;
  font-family: "Monaco", monospace;
  background-color: yellow;
  color: red;
}

p {
  margin: .1em; 0em .1em 0em;
}
p.header {
  margin-top: 1em;
  margin-bottom: .5em;
}
p.header span {
  /*  This underlines just the content.  */
  border-bottom: .1em solid black;
}
p.Body {
  margin-top: 2em;
  margin-bottom: 1em;
  text-indent: 3em;
  line-height: 1.75em;
/*  text-align: justify; */
}
p.outdented {
  margin-left: 4em;
  text-indent: -4em;
}
p.indented {
  text-indent: 2em;
}
p.break {
  margin-top: 1.75em;
}
p.note_rightside
{
  margin-top: 2em;
  margin-right: 1em;
  text-align: right;
}
p.note_center {
  margin-top: 2em;
  margin-right: 1em;
  text-align: center;
}


.dialogue {
  /* 1923 Psychoplastie.html */
  margin-bottom: 1.75em;
  margin-left: 2em; /* Shift contents to allow for character name floated to left side. */
}
.dialogue .character {
  float: left; /* Separates itself from the layout flow of its parent's content. This allows text-indent to take affect. */
  width: 0em; /* The content of this will be outside its box after the text-indent happens, so collapse the width and it won't affect the parent's content. */
  text-indent: -2em; /* Shifts its content outside the box and balances the footnote's shifted margin. Roughly 2em for the text and .5em for extra spacing. */
}
.dialogue_3em {
  /* 1925 Poetry.html */
  margin-bottom: 1.75em;
  margin-left: 3em;
}
.dialogue_3em .character {
  float: left;
  width: 0em;
  text-indent: -3em;
}
.dialogue_4em {
  /* 1925 Poetry.html */
  margin-bottom: 1.75em;
  margin-left: 4em;
}
.dialogue_4em .character {
  float: left;
  width: 0em;
  text-indent: -4em;
}
.dialogue_5em {
  /* 1925 Poetry.html */
  margin-bottom: 1.75em;
  margin-left: 5em;
}
.dialogue_5em .character {
  float: left;
  width: 0em;
  text-indent: -5em;
}

#footnote_list {
  margin-top: 3em;
  margin-bottom: 1em;
}
#footnote_list hr {
  margin: 1em 0em 1em 0em;
  width: 50%;
  border: .2em solid gray;
}
.footnote  {
  margin: 1em 0em 0em 0em;
  /* Shifts the content for emphasizing the footnote number with a negative text-indent. Similates a numbered list. */
  margin-left: 2.5em;
}
.footnote span.MsoFootnoteReference {
  float: left; /* Separates the reference number from the rest of the footnote. */
  width: 0em; /* The content will be outside the box after the text-indent happens, so collapse the width and it won't affect the footnote content. */
  text-indent: -2.5em; /* Shifts the number outside the box and balances the footnote's shifted margin. Roughly 2em for the text and .5em for extra spacing. */
	vertical-align: baseline;
  font-size: 1em;
}
span.MsoFootnoteReference {
	vertical-align: super;
  font-weight: bold;
  font-size: .7em;
}
.footnote p.outdented,
.footnote p.indented {
  margin-left: 5.1em;
  font-size: .9em;
}
.footnote .excerpt {
  margin-top: .55em;
  margin-left: 1.1em;
  font-size: .9em;
}

a:link, a:visited  {
  text-decoration: none;
}

/*  classes that need replacing  */
span.MsoEndnoteReference {
  font-weight:bold;
	vertical-align:super;
  color: green;  /*  identifies for reclassing to footnote  */
}
p.MsoEndnoteText, li.MsoEndnoteText, div.MsoEndnoteText {
  margin-top: 1em;
	margin-right: 0in;
	margin-bottom: 0in;
	margin-left: .1in;
	text-indent: -.1in;
  color: green;  /*  identifies for reclassing to footnote  */
}