/* =============================================
   Sylvia Plath Info — Faithful design replica
   Original: sylviaplath.info © 1998-2022
   CSS reverse-engineered from styles.css
   ============================================= */

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ffffff;
  color: #080808;
}

h1 {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  font-family: tahoma, arial;
  padding: 0 0 20px 0;
}

h2 {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  font-family: tahoma, arial;
}

h3 {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 30px 0;
  font-family: tahoma, arial;
}

img {
  border: 0;
  padding: 10px;
}

a {
  color: #a91101;
  font-size: 12px;
  text-decoration: underline;
}

a:hover {
  color: #a91101;
  font-size: 12px;
  text-decoration: none;
}

hr {
  border-color: #a91101;
  width: 250px;
}

/* ---- Info blocks ---- */
.info {
  min-height: 190px;
}

.infoLinks {
  float: left;
  padding: 20px 30px 0 0;
}

.infoLinks img {
  float: left;
  padding: 0 10px 0 0;
}

.infoLinks .text {
  padding: 0px 0 0 10px;
}

.imageLeft {
  float: left;
  padding: 0 20px 10px 0;
}

/* ---- Container ---- */
#container {
  width: 980px;
  margin: 0 auto;
}

/* ---- Header ---- */
#header {
  padding: 10px 0 30px 0;
}

.logoContainer {
  float: left;
}

/* ---- Logo / branding ---- */
.logo {
  font-size: 40px;
  font-style: italic;
}

.logo span {
  color: #a91101;
}

.slogan {
  font-size: 24px;
  color: #000000;
  font-style: italic;
}

/* ---- Navigation ---- */
#navcontainer {
  padding: 2px 0 1px 0;
}

#navcontainer ul {
  padding-left: 0;
  margin-left: 0;
  background: #a91101;
  color: White;
  float: left;
  width: 100%;
  list-style: none;
}

#navcontainer ul li {
  display: inline;
}

#navcontainer ul li a {
  padding: 10px 32px;
  color: White;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
  font-size: 12px;
}

#navcontainer ul li a:hover {
  background-color: #800000;
  color: #fff;
  text-decoration: none;
}

/* active nav item */
#navcontainer ul li#active a {
  background-color: #800000;
  color: #fff;
}

/* ---- picHeader (inner pages) ---- */
.picHeader {
  height: 339px;
  width: 980px;
}

.picHeaderBody {
  padding: 290px 20px 0 20px;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

.headerBodyLine1 {
  float: left;
  padding: 0 20px 0 0;
}

.headerBodyLine2 {
  padding: 10px 100px 0 260px;
  float: left;
}

/* ---- Sidebars ---- */
#sidebar1 {
  float: left;
  width: 320px;
}

#sidebar2 {
  float: left;
  width: 200px;
}

/* ---- Book boxes ---- */
.bookBox {
  border-bottom: 1px solid #b0b1b3;
  padding: 20px 0;
  margin: 0 40px 0 0;
}

.bookBox span {
  font-size: 14px;
  color: #ff0000;
  padding-left: 20px;
}

.boxBook {
  float: left;
}

/* ---- Main content offset (when sidebar present) ---- */
#mainContent {
  margin: 0 0 0 320px;
}

#mainContent1 {
  margin: 0 0 0 200px;
}

/* ---- Buttons ---- */
.smallButton {
  background-color: #a91101;
  color: #ffffff;
  border: 0;
  cursor: pointer;
  margin: 10px 0 0 0;
  padding: 1px;
  font-size: 11px;
}

.bigButton {
  background-color: #a91101;
  color: #ffffff;
  border: 0;
  cursor: pointer;
  min-width: 100px;
  font-size: 30px;
}

/* ---- Footer ---- */
#footer {
  clear: both;
  padding: 20px 0 10px 0;
  text-align: center;
  font-size: 11px;
  color: #555555;
  border-top: 1px solid #dddddd;
  margin-top: 10px;
}

/* ---- Clearfix ---- */
.clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
  display: block;
}

/* ---- Home page: new books table ---- */
#new-books-section {
  padding: 6px 0 10px 0;
}

#new-books-section b {
  font-size: 13px;
}

#new-books-section table {
  border-collapse: collapse;
  margin-top: 6px;
}

#new-books-section table td {
  padding: 0;
}

#new-books-section table td img {
  padding: 3px !important;
}

/* ---- Inner page styles ---- */
#site-intro p {
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 12px;
}

/* ---- Inner page content ---- */
#mainContent p,
#mainContent1 p {
  margin-bottom: 10px;
  line-height: 1.6;
}

#mainContent h2,
#mainContent1 h2 {
  margin: 20px 0 10px 0;
}

#mainContent h1,
#mainContent1 h1 {
  margin: 10px 0 10px 0;
}

#mainContent {
  padding: 10px 0 0 20px;
}

#mainContent1 {
  padding: 10px 0 0 20px;
}

blockquote {
  margin: 10px 0 10px 40px;
  font-style: italic;
  line-height: 1.6;
}

#sidebar2 {
  padding: 10px 0 0 0;
}

#sidebar2 .bookBox {
  padding: 8px 0;
}

#sidebar2 ul {
  list-style: disc;
  padding-left: 20px;
}

#sidebar2 ul li {
  margin-bottom: 4px;
}

#mainContent table td,
#mainContent1 table td {
  line-height: 1.6;
  vertical-align: top;
}

#mainContent ul,
#mainContent1 ul {
  padding-left: 20px;
  margin-bottom: 10px;
}

#mainContent ul li,
#mainContent1 ul li {
  margin-bottom: 4px;
  line-height: 1.6;
}

.work-note {
  color: #666;
  font-size: 0.9em;
}

#mainContent1 h3 {
  margin: 20px 0 10px 0;
  font-size: 1.1em;
  color: #333;
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
}

/* ---- Gallery / Thumbs pages ---- */
#mainContent1 table {
  border-collapse: collapse;
}

#mainContent1 table td {
  padding: 8px;
}

#mainContent1 img {
  border: 1px solid #ccc;
  display: block;
  margin-bottom: 4px;
}

#mainContent1 table td a img {
  transition: opacity 0.2s;
}

#mainContent1 table td a img:hover {
  opacity: 0.85;
}