@import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;600&display=swap');

:root {
  /* Button Images */
  --buy-book-current-book-button: url(/images/page/preorder-now.png);
  --buy-the-book-button: url(/images/page/buy-the-boo.png);

  /* Generic Button */
  --button-background-image: url(/images/page/border-design.png);
  --button-background-position: -14px 53%;
  --button-background-size: 60px;

  /* Basic Colors */
  --redborder: #b83425;
  --background-color: #282923;
  --text-color: #000;
  --text-color-alt: #40482e;
  --text-color-light: #E6E3DE;

  /* Drop Shadows */
  --drop-shadow: 0px 0px 2px 2px rgba(143 142 138 / 50%);
  --text-shadow: 0px 0px 3px #E6E3DE;
  --text-shadow-dark: 0px 0px 4px var(--background-color);

}

body {
  background-color: #282923;
  margin: 0;
  font-family: georgia, verdana, arial, sans-serif;
  color: #000;
}

table, tr, td, thead {
  font-family: georgia, verdana, arial, sans-serif;
  color: #000;
}

hr {
  margin-block: 35px;
  clear: both;
}

.contentwrapper {
  margin: 0 auto;
  width: 802px;
}

table.firsttable {
  width: 794px;
  border-style: solid;
  border-width: 1px;
  border-color: #d18e49;
  border-spacing: 0;
  border-collapse: collapse;
  min-height: 90vh;
}
td {
  padding: 0;
}

table.navigationtable {
  width: 794px;
  height: 25px;
  border-spacing: 0;
  border-collapse: collapse;
  background: url(/images/nav/bg_main_nav.jpg);
  background-position: top left;
}

h1 {
  margin: 0;
  padding: 0;
}

h1 i {
  display: none;
}

.content-home h1 {
  font-family: 'Inknut Antiqua', georgia, serif;
  font-weight: 600;
  color: #40482e;
  font-size: 19px;
  line-height: 1.3em;
  letter-spacing: -0.015em;
  margin-bottom: .6em;
  margin-top: 1.5em;
}

a:link {
  color: #c27300;
  text-decoration: none;
  font-family: georgia, verdana, arial, sans-serif;
}
a:visited {
  color: #c27300;
  text-decoration: none;
  font-family: georgia, verdana, arial, sans-serif;
}
a:hover {
  color: #e0b97f;
  text-decoration: underline;
  font-family: georgia, verdana, arial, sans-serif;
}
a.subnav:link {
  text-decoration: none;
  font-family: caslon, georgia, times, serif;
  margin: 0;
  padding-left: 0;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
a.subnav:visited {
  text-decoration: none;
  font-family: caslon, georgia, times, serif;
  margin: 0;
  padding-left: 0;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
a.subnav:hover {
  text-decoration: none;
  font-family: caslon, georgia, times, serif;
  margin: 0;
  padding-left: 0;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
a.small:link {
  color: #c27300;
  text-decoration: none;
  font-family: georgia, verdana, arial, sans-serif;
}
a.small:visited {
  color: #c27300;
  text-decoration: none;
  font-family: georgia, verdana, arial, sans-serif;
}
a.small:hover {
  color: #e0b97f;
  text-decoration: underline;
  font-family: georgia, verdana, arial, sans-serif;
}
a.white:link {
  color: #c4b300;
  text-decoration: none;
  font-family: georgia, verdana, arial, sans-serif;
}
a.white:visited {
  color: #c4b300;
  text-decoration: none;
  font-family: georgia, verdana, arial, sans-serif;
}
a.white:hover {
  color: #c4a600;
  text-decoration: underline;
  font-family: georgia, verdana, arial, sans-serif;
}
a.aotw:link {
  color: #6e5d48;
  text-decoration: underline;
  font-family: arial, sans-serif;
  font-size: 10px;
}
a.aotw:visited {
  color: #6e5d48;
  text-decoration: underline;
  font-family: arial, sans-serif;
  font-size: 10px;
}
a.aotw:hover {
  color: #fff;
  text-decoration: none;
  font-family: arial, sans-serif;
  font-size: 10px;
}
a.copyright:link {
  color: #c27300;
  text-decoration: none;
  font-family: arial, sans-serif;
}
a.copyright:visited {
  color: #c27300;
  text-decoration: none;
  font-family: arial, sans-serif;
}
a.copyright:hover {
  color: #fff;
  text-decoration: underline;
  font-family: arial, sans-serif;
}
.content-home {
  margin: 33px 53px 49px 44px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
  background-image: url(/images/nav/bg_home_text.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #e2e0db;
}
div.redborder {
  width: 800px;
  border-style: solid;
  border-width: 1px;
  border-color: #b83425;
}
div.blackborder {
  width: 798px;
  border-style: solid;
  border-width: 1px;
  border-color: #434430;
}
div.yellowborder {
  width: 796px;
  border-style: solid;
  border-width: 1px;
  border-color: #d39b2e;
}
.bg-all {
  background-color: #d1cfc9;
  background-image: url(/images/nav/bg.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  vertical-align: top;
}
.bg-all .center {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.content-table {
  width: 711px;
  margin: 27px 56px 49px 25px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
  border-color: #393324;
  border-spacing: 0;
  border-collapse: collapse;
}

.content-home .content-wrap,
.content-table .content-wrap {
  margin: 20px;
  min-height: 60vh;
}
.world-table {
  width: 711px;
  margin: 27px 25px 49px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
}
.content-bg {
  background-image: url(/images/nav/bg_text.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #e2e0db;
  min-height: 60vh;
}
blockquote {
  margin-left: 50px;
  margin-top: 25px;
  margin-right: 50px;
  margin-bottom: 25px;
}

.booktitleblock {
  min-height: 465px;
  position: relative;
}

.booktitleblock h2 {
  margin-top: 0;
  padding-top: 0;
}

.content-wrap.booktitleblock {
  min-height: 300px;
}

.bookimageblock {
  margin: 0px 15px 10px 0px;
  padding: 0px;
  float: left;
}

.bookimageblock > a img {
  height: 300px;
  width: auto;
}

.bookimageblock .center img {
  margin: 5px 5px 0px 0px;
  border: none;
}

.booktitleblock .buy-columns ~ img[usemap*="#Map"] {
  position: absolute;
  bottom: -5px;
  left: 50%;
  right: 50%;
  clear: both;
}


.text {
  font-family: georgia, verdana, arial, sans-serif;
  color: #000;
}
.title {
  font-family: georgia, verdana, arial, sans-serif;
  font-weight: 700;
}
.small-text {
  font-family: georgia, verdana, arial, sans-serif;
  color: #000;
}
.red {
  font-family: georgia, verdana, arial, sans-serif;
  color: #900;
}
.white {
  color: #fff;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
}
.quote {
  /* font-family: caslon, georgia, times, serif; */
  font-family: 'Inknut Antiqua', georgia, serif;
  font-weight: 400;
  color: #834a32;
  font-size: 19px;
  text-indent: -10px;
  line-height: 1.3em;
  letter-spacing: -0.08em;
}
.quote2 {
  font-family: caslon, georgia, times, serif;
  font-weight: 400;
  color: #947263;
  font-size: 14px;
  text-indent: -14px;
}

.home .quote2 {
  text-align: right;
}

.aotw {
  font-family: arial, sans-serif;
  font-weight: 400;
  color: #6e5d48;
  font-size: 10px;
}
.copyright {
  font-family: arial, sans-serif;
  font-weight: 400;
  color: #6e5d48;
  font-size: 10px;
}
.bold {
  font-family: verdana, arial, sans-serif;
  font-weight: 700;
  color: #900;
}

.onsale {
  font-family: 'Inknut Antiqua', georgia, serif;
  font-size: 24px;
  font-weight: 400;
  text-shadow: var(--text-shadow);
  margin: 5px 5px;
  line-height: 1.1em;
  letter-spacing: -.005em;
  text-align: center;
  color: #40482e;
}

.onsale .second-line {
  font-size: 22px;
  letter-spacing: -0.08em;
  padding-bottom: 15px;
}

.onsale.bold {
  font-family: 'Inknut Antiqua', georgia, serif;
  font-size: 24px;
  font-weight: 600;

}

.generic-button.generic-button {
  font-family: 'Inknut Antiqua', georgia, serif;
  font-weight: 300;
  letter-spacing: -.025em;
  align-items: center;
  background-color: #E6E3DE;
  background-image: var(--button-background-image);
  background-position: var(--button-background-position);
  background-repeat: no-repeat;
  background-size: var(--button-background-size);
  box-shadow: var(--drop-shadow);
  border: 1px solid var(--redborder);
  border-radius: 2px;
  color: #40482e;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 3px 8px;
  position: relative;
  width: 150px;
  box-sizing: border-box;
  text-shadow: 0px 0px 5px var(--text-shadow);
}

.generic-button:hover {
  text-decoration: none;
  box-shadow: inset var(--drop-shadow);
}

.read-more.read-more {
  border: none;
  box-shadow: unset;
  color: #51488D;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1em;
  text-transform: capitalize;
}

.read-more::after {
  content: "\00bb";
  font-size: larger;
  line-height: .8em;
  position: relative;
  top: -2px;
  margin-left: 3px;
  transition: all 2s ease-in;
}

.read-more:hover::after {
  content: "\00bb";
  font-size: larger;
  line-height: .8em;
  position: relative;
  top: -2px;
  right: -4px;
  margin-left: 3px;
}

ul.buy-list {
  display: inline-block;
  float: left;
  width: 50%;
}

.subtitle {
  color: #82341c;
  margin-top: -15px;
  padding-top: 1px;
  font-style: italic;
  font-weight: 300;
}

.subtitle em {
  font-weight: 400;
  color: #70260f;
}

em > em {
  /* font-style: normal; */
  font-weight: 600;
  font-size: smaller;
}

.buy-columns {
  display: flex;
  flex-direction: row;
  margin: 0;
  margin-bottom: 30px;
}

.hardcover::before,
.paperback::before,
.print::before,
.ebook::before,
.audiobook::before {
  margin: 0;
  margin-bottom: 5px;
  margin-top: -10px;
  font-weight: 700;
  font-family: caslon;
  padding-top: 5px;
}

.hardcover::before {
  content: "Hardcover";
}

.paperback::before {
  content: "Paperback";
}

.print::before {
  content: "Print";
}

.ebook::before {
  content: "Ebook";
}

.audiobook::before{
  content: "Audiobook";
}

.buy-columns .buy-links {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.buy-columns .buy-links:not(:last-of-type) {
  margin-right: 15px;
  /* border-right: 1px solid rgba(90 90 90 / 25%); */
  padding-right: 10px;
}

.buy-links a {
  display: block;
  padding-bottom: 6px;
}

img[src*="read-the-blog"] {
  margin-inline: 50px;
}

.home-display {
  display: flex;
  flex-direction: column;
  width: 248px;
  float: right;
  margin: 15px;
}

.home-display img[src*="read-the-blog"] {
  margin: 0;
}

.indie-bookstores {
  font-family: 'Inknut Antiqua', Georgia, serif;
  font-size: 0.8em;
  line-height: 1em;
  font-weight: 300;
  color: var(--text-color-light);
  text-shadow: var(--text-shadow-dark);
  background: radial-gradient(ellipse at top right, #6b6a40b5 20%, #b9844457), radial-gradient(ellipse at bottom left, #544935a1 20%, #d7a05944),radial-gradient(circle at center, #f32a08ab , #874d0866);
  padding: 6px 30px;
  display: block;
  position: fixed;
  text-align: center;
  box-shadow: 0px 0px 0px 1px #d18e49, 0px 0px 0px 2px #d39b2e, 0px 0px 0px 3px #434430, 0px 0px 0px 4px #b83425, var(--drop-shadow);
  bottom: 3px;
  left: 50%;
  transform: translate(-50%);
}

.indie-bookstores a {
  color: var(--text-color-light);
  text-shadow: var(--text-shadow-dark);
  font-size: 1.05em;
  letter-spacing: 0.05em;
  padding-left: 3px;
}

.indie-bookstores a:hover {
  text-shadow: var(--text-shadow-dark);
}