/*
 * *****************************************************************************
 * Stephanie Kayne Website
 *
 * /style/site.css - Site-wide Styles
 *
 * Main style sheet for entire site (aka the root sheet).
 * *****************************************************************************
 */

/* ========================================================================== */
/* Site - Fonts */

@font-face {
  font-family: Morpheus;
  font-style: normal;
  font-weight: normal;
  src: url("/font/morpheus.eot"); /* IE9 Compatibility Modes */
  src: url("/font/morpheus.eot?#iefix") format("embedded-opentype"), /* IE(6,7,8) */
       url("/font/morpheus.woff2") format("woff2"), /* Super Modern Browsers */
       url("/font/morpheus.woff") format("woff"), /* Pretty Modern Browsers */
       url("/font/morpheus.otf") format("opentype"), /* IE?, ??? */
       url("/font/morpheus.ttf") format("truetype"); /* Safari, Android, iOS */
       url("/font/morpheus.svg#svgFontName") format("svg"); /* Legacy iOS */
}

/* Alternative for Monotype Corsiva if that's not avaialable, i.e. Android. */
@font-face {
  font-family: Niconne;
  font-sytle: normal;
  font-weight: normal;
  src: url("/font/Niconne-Regular.ttf") format("truetype");
}


/* ========================================================================== */
/* Site - Document Styles */

body {
  background: #1f1f1f url("/image/tiles/background2a.jpg") fixed; /* Gray 12% */
  color: White;
  font-family: "Monotype Corsiva", Niconne, Times, serif;
  font-size: 14pt;
  margin: 0px auto;
  padding: 0px; padding-bottom: 20px;
  width: 10in;
}

.font-main {
  font-family: "Monotype Corsiva", Niconne, Times, serif;
}

.font-alt {
  font-family: "Lucida Handwriting", Arial, Helvetica, sans-serif;
}

p {
  /* border: 1px solid black; */
  margin: 0em;
  padding: 0.4em;
}

q::after {
  content: "\201D"; /* right-curly-double-quote */
}
q::before {
  content: "\201C"; /* left-curly-double-quote */
}

span.book-title {
  color: Maroon;
  font-style: italic;
}

div.aside-promo-left {
  float: left;
  width: 250px;
}

div.aside-promo-right {
  float: right;
  width: 250px;
}

div.block-1 {
  background: Cornsilk url("/image/tiles/parchment.jpg");
  border: 6px inset Black;
  box-shadow: inset 0px 0px 20px 0px SaddleBrown;
  color: Black;
  margin: 0px; margin-top: 10px;
  padding: 0.5em;
}

div.promo-title {
  /* border: 1px solid black; */
  text-align: center;
}
div.promo-title > p.title {
  color: Maroon;
  font-family: Morpheus, "Monotype Corsiva", Niconne, Times, serif;
  font-size: 28pt;
  font-weight: bold;
  padding: 0em;
}
div.promo-title > p.sub-title {
  font-family: "Times New Roman", Times, serif;
}

div.teaser {
}
div.teaser p {
  /* border: 1px solid Maroon; */
  line-height: 125%;
  margin: 0em 2em;
  padding: 0.4em 0.2em;
  font-family: "Monotype Corsiva", Niconne, Times, serif;
  font-size: 16pt;
}
div.teaser p:first-letter {
  color: Maroon;
  font-size: 2em;
}

/* -------------------------------------------------------------------------- */
/* Table of Contents */

div.contents {
}

div.contents ul {
}

div.contents li {
}

div.contents a {
  color: White;
  text-decoration: none;
}

/* ========================================================================== */
/* Site - Headings */

h1, h2, h3, h4, h5, h6 {
  background: none none;
  color: Black;
  float: none;
  padding: 0em 0.4em;
}

h1 {
  border: solid Maroon; border-width: 2px 0px 0px 1px;
  clear: both;
  color: Maroon;
  font-family: Morpheus, "Monotype Corsiva", Niconne, Arial, Helvetica, sans-serif;
  margin: 0.6em 2.0em 0.2em 0em;
  padding: 0.2em 0.4em;
}

div.block-1 > h1:first-child { /* Implicit rule for block-1 divs. */
  margin: 0em 2.0em 0.2em 0em;
}
h1.first { /* Explicit rule for other divs */
  margin: 0em 2.0em 0.2em 0em;
}

h2 {
  clear: both;
}

/* ========================================================================== */
/* Site - Anchor */

a.up {
  font: normal normal small Arial, Helvetica, sans-serif;
}

a.plain, a.plain:link, a.plain:visited {
  color: inherit;
  text-decoration: none;
}
a.plain:hover {
  color: SaddleBrown;
  text-decoration: none;
}

a:link {
  color: Maroon;
}
a:visited {
  color: SaddleBrown;
}

/* ========================================================================== */
/* Site - Image */

img.book-cover-medium {
  border: 4px solid Black;
  display: block;
  margin: 8px;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}

img.portrait-medium {
  border: 4px solid Black;
  margin: 8px;
  width: 200px;
}

img.portrait-small {
  border: 3px solid Black;
  margin: 6px;
  width: 100px;
}

img.portrait-xsmall {
  border: 2px solid Black;
  margin: 4px;
  width: 50px;
}
img.button-small {
  margin: 6px;
  width: 100px;
}
img.button-xsmall {
  border: none;
  margin: 4px;
  width: 50px;
}

/* ========================================================================== */
/* Site - List */

ul.list-1 {
}

lu.list-1 li {
}

ul.list-1-leaf {
  list-style: none;
  padding: 0.1em;
}

ul.list-1-leaf li {
  color: DarkViolet;
  display: block;
  margin: 0;
  padding: 0;
  width: 2in;
}

/* ========================================================================== */
/* Site - Table */

table.multi-column-list {
}

table.multi-column-list tr {
}

table.multi-column-list td {
  vertical-align: top;
  padding: 0em 1em;
}

/* ========================================================================== */
/* Page Header */

div#page-header {
  /* border: 1px solid white; */
  color: White;
  margin: 10px 0px;
  padding: 5px 0px;
  position: relative;
  text-align: center;
}

div#page-header div#header-banner {
  background-image: url("/image/inkwell_1c_80px.png"), url("/image/quill_pen_1a.png"), url("/image/nav-scroll1a.png");
  background-position: left center, right top, center top;
  background-repeat: no-repeat;
  background-size: 80px, 100px, 860px;
  /* border: 1px solid yellow; */
  height: 170px;
  margin: 0px 15px;
  padding: 0px;
}

div#page-header div#header-author, div#header-genre {
  background: transparent none;
  margin: 0px 200px;
  padding: 0px;
  text-align: center;
}

div#page-header div#header-author {
  /* border: 1px solid black; */
  color: Black;
  font-family: Morpheus, "Monotype Corsiva", Niconne, Times, serif;
  font-size: 50px;
  line-height: 50px;
  padding: 0em 0.3em 0.2em 0.3em;
  text-shadow: 0px 0px 1px Ivory, 0px 0px 20px Ivory;
}

div#page-header div#header-genre {
  /* border: 1px solid maroon; */
  color: Maroon;
  font-family: Morpheus, "Monotype Corsiva", Niconne, Arial, Helvetica, sans-serif;
  font-size: 30px;
  margin-bottom: 5px;
  margin-top: -10px;
}

div#page-header div#page-title, div#page-sub-title {
  text-align: center;
}

div#page-header div#page-title {
  /* border: 1px solid white; */
  color: GoldenRod;
  font-family: Morpheus, "Monotype Corsiva", Niconne, Arial, Helvetica, sans-serif;
  font-size: 35pt;
  margin-top: -40px;
}

div#page-header div#page-sub-title {
  /* border: 1px solid white; */
  color: CornSilk;
  font-family: Morpheus, "Monotype Corsiva", Niconne, Times, serif;
  font-size: 14pt;
  margin-bottom: 0.4em;
  margin-top: 0;
}

/* -------------------------------------------------------------------------- */
/* Page Header - Navigation Bar */

div#page-header div#header-nav-bar {
  /* border: 1px solid white; */
  margin: 0px 150px;
  padding: 0px;
}

div#page-header div#header-nav-bar ul {
  /* border: 1px solid blue; */
  list-style: none;
  margin: 0px 10px;
  padding: 0px;
}

div#page-header div#header-nav-bar li {
  /* border: 1px solid yellow; */
  display: inline-block;
  margin: 0px 5px;
}

div#page-header div#header-nav-bar a {
  /* border: 1px solid red; */
  color: Black;
  display: inline-block;
  font-family: "Lucida Handwriting", "Times New Roman", Times, serif;
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  padding: 5px 0px;
  text-decoration: none;
  text-transform: uppercase;
  width: 80px;
}
div#page-header div#header-nav-bar a:hover {
  color: GoldenRod;
  text-shadow: 0px 0px 10px Black;
}

/* Each page calls initNavBar() to set the correct <a> element class to 'current' */
div#page-header div#header-nav-bar a.current {
  color: Maroon;
}
div#page-header div#header-nav-bar a.current:hover {
  color: GoldenRod;
}

/* -------------------------------------------------------------------------- */
/* Page Header - Breadcrumbs */

div#page-header ul.breadcrumbs {
  /* border: 1px solid white; */
  color: White;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  list-style: none;
  margin: 0px; margin-left: 5px;
  padding: 0px;
  text-align: left;
}

div#page-header ul.breadcrumbs li {
  /* border: 1px solid red; */
  display: inline;
  margin: 0px;
}

div#page-header ul.breadcrumbs a {
  color: white;
  text-decoration: none;
}

div#page-header ul.breadcrumbs a:hover {
  text-decoration: underline;
}

/* ========================================================================== */
/* Page Footer */

div#page-footer {
  /* border: 1px solid red; */
  background-image: url("/image/fillial_1_left.png"), url("/image/fillial_1_right.png");
  background-position: left center, right center;
  background-repeat: no-repeat;
  background-size: auto 65px;
  clear: both;
  color: Black;
  font-family: "Times New Roman", Times, serif;
  font-size: medium;
  font-weight: normal;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  position: relative;
  text-align: center;
}

div#page-footer div#footer-banner {
  background: Wheat url("/image/tiles/site_footer_banner_fill.png") repeat-x;
  border: 6px solid black;
  display: inline-block;
  height: 68px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  width: 674px;
}

div#page-footer div#footer-copyright {
  font-style: italic;
}

div#page-footer div#footer-rights-notice {
  color: Maroon;
  font-size: smaller;
  font-style: italic;
}

/* -------------------------------------------------------------------------- */
/* Page Footer - Navigation Bar */

div#page-footer div#footer-nav-bar {
  /* border: 1px solid orange; */
  display: inline-block;
  font-family: Arial, Helavitica, sans-serif;
  font-size: small;
  margin-top: 5px;
  margin-bottom: 8px;
  padding: 0px;
  width: 100%;
}

div#page-footer div#footer-nav-bar ul {
  /* border: 1px solid blue; */
  list-style: none;
  margin: 0px;
  padding: 0px;
}

div#page-footer div#footer-nav-bar li {
  /* border: 1px solid green; */
  display: inline-block;
}

div#page-footer div#footer-nav-bar a {
  /* border: 1px solid red; */
  padding: 0em 0.5em;
  text-decoration: none;
}

div#page-footer div#footer-nav-bar a:link {
  color: Maroon;
}

div#page-footer div#footer-nav-bar a:visited {
  color: Maroon;
}

div#page-footer div#footer-nav-bar a:hover {
  color: Black;
}