/*
 * *****************************************************************************
 * Stephanie Kayne Website
 *
 * /style/extras.css - Extras Page/Section Styles
 *
 * Assumes: site.css
 * *****************************************************************************
 */

/* -------------------------------------------------------------------------- */
/* Extras - General */

h2 {
  color: Maroon;
}

div.block-right-1 {
  border: 1px dotted black;
  float: right;
  margin: 1em 0.5em;
  padding: 0.5em;
  width: 30%;
}

div.block-right-1 h2 {
  margin: 0px;
}

div#status {
}

dt {
  margin-top: 0.6em;
}

/* ------------------------------------------------------------------------- */
/* Extras - Story Menu */

div.story-menu {
  background-color: none;
  background-image: url(/image/quill_and_paper_sketch.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  /* background-size: 50%; */
  /* border: 1px solid black; */
  color: Black;
  font-family: "Times New Roman", Times, sans-serif;
  margin: 0px;
  padding: 1em;
}
div.story-menu h1 {
  border: none;
  /* border: 1px solid Maroon; */
  color: Maroon;
  margin: 0em;
  padding: 1em 0em;
  text-align: center;
}

/* ------------------------------------------------------------------------- */
/* Extras - Story */

div.story {
  background-color: none;
  background-image: url(/image/quill_and_paper_sketch.png), url(/image/quill_and_paper_sketch_hflip.png);
  background-position: right top, left top;
  background-repeat: no-repeat;
  background-size: 20%;
  /* border: 1px solid black; */
  color: Black;
  font-family: "Times New Roman", Times, sans-serif;
  margin: 0px;
  padding: 1em;
}
div.story h1 {
  border: none;
  /* border: 1px solid Maroon; */
  color: Maroon;
  margin: 0em;
  padding: 1em 0em;
  text-align: center;
}
div.story p {
  /* border: 1px solid black; */
  margin: 0em;
  padding: 0em 2em;
  text-indent: 2em;
}
div.story p.context {
  font-sytle: italic;
  text-align: center;
}

/* ------------------------------------------------------------------------- */
/* Extras - Story Reference */

div.story-ref {
  font: normal normal small Arial, Helvetica, sans-serif;
  margin: 1em;
}
div.story-ref.next {
  text-align: right;
}
div.story-ref.prev {
  text-align: left;
}

div.story-ref a {
  /* border: 1px solid black; */
  color: Maroon;
  padding: 0.2em 0.4em;
  text-decoration: none;
}
div.story-ref a:link {
  color: Maroon;
}
div.story-ref a:visited {
  color: DarkRed;
}
div.story-ref a:hover {
  color: Black;
}