/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


*/
* {
  margin: 0px;
  padding: 0px;
}

html {
  font-size: 100%;
  margin-left: calc(100vw - 100%);
}

body {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 62.5%;
  background-image: url(/assets/bkg-lines-aa2b22ca5cf11338cb7481501c5a4a5a2d8d39d9d18e79c11284c0b206327b61.png);
  /*old cream color background: #FEF5E3; */
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

#wrapper {
  width: 941px;
  margin: 0px auto;
  min-height: 100%;
}

#inner-wrapper {
  float: left;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #ffffff;
  width: 100%;
  -webkit-box-shadow: 1px 1px 60px 20px #ffffff;
  box-shadow: 1px 1px 60px 20px #ffffff;
}

a img {
  border: 0px;
}

a, a:visited {
  text-decoration: none;
  color: #000000;
}

a:hover, a:active {
  text-decoration: none;
  color: #cdcdcd;
}

/*--- LEFT COLUMN --*/
/*-- header & nav --*/
#left-column {
  float: left;
  width: 675px;
  border-right: 1px solid #000000;
}

#top-nav {
  float: left;
  width: 100%;
  border-bottom: 1px solid #000000;
}

#top-nav ul {
  list-style-type: none;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 400;
}

#top-nav li a, #top-nav li a:visited {
  display: block;
  /*width: 204px;*/
  width: 148px;
  float: left;
  font-size: 2em;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  border-right: 1px solid #000000;
  padding: 10px;
  text-align: center;
  color: #000000;
}

#top-nav li a:hover, #top-nav li a:active {
  color: #ababab;
}

#top-nav li:last-child a {
  border-right: none;
}

#logo-main {
  position: absolute;
}

#logo-main {
  position: absolute;
}

/*--- feature story ---*/
.feature-story {
  position: relative;
  width: 675px;
  height: 505px;
  float: left;
  background-color: lightgrey;
  border-bottom: 1px solid #000000;
}

.title-block-large {
  position: absolute;
  bottom: 50px;
  background-color: white;
  width: 550px;
  padding: 15px;
}

.title-block-large .date {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-size: 1.4em;
}

.title-block-large .title {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 0.9em;
}

.title-block-large .author {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  font-size: 2.2em;
}

/*--- recent stories ---*/
#recent-stories {
  float: left;
  margin-top: -1px;
  border-bottom: 1px solid #000000;
}

.recent-story {
  float: left;
  width: 224px;
  min-height: 350px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}

div#recent-stories div.recent-story:nth-child(3n-2) {
  border-left: 0px;
  width: 225px;
}

.title-block-small {
  padding: 8px;
  float: left;
  min-height: 235px;
}

.title-block-small .date {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-size: 1.2em;
}

.title-block-small .title {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1em;
  text-transform: uppercase;
  font-size: 2.4em;
  margin-top: 3px;
}

.title-block-small .author {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  line-height: 1em;
  font-size: 1.5em;
  margin-top: 4px;
}

.small-block-description {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px dotted #dedede;
}

.large-block-description {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px dotted #000000;
}

.small-block-description p {
  font-size: 1.3em;
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  line-height: 1.2em;
}

.large-block-description p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-size: 1.4em;
  margin-top: 5px;
}

#more-stories {
  float: left;
  width: 100%;
  margin-top: -1px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin-bottom: 10px;
}

.story {
  float: left;
  position: relative;
  width: 100%;
  border-top: 1px solid black;
  /* height: 115px;
  overflow: hidden; */
}

.story:first-child {
  border-top: 0px;
}

div#search-results div.story:first-child {
  border-top: 1px solid black;
  margin-top: -1px;
}

div#search-results.author-list .story {
  padding: 2em;
  box-sizing: border-box;
  text-align: justify;
}

.story-preview-content {
  float: left;
  width: 500px;
  margin-left: 10px;
  margin-top: 10px;
}

.story-image {
  float: left;
  height: 115px;
  width: 152px;
  overflow: hidden;
  text-align: center;
  border-right: 1px solid #000000;
}

.story-image img {
  height: 115px;
}

.story-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.story .date {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-size: 1.2em;
}

.story .genre {
  font-style: italic;
}

.story .title {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1em;
  text-transform: uppercase;
  font-size: 2.4em;
  margin-top: 2px;
}

.story .author {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  line-height: 1em;
  font-size: 1.5em;
  margin-top: 4px;
}

.story-preview-description {
  margin-top: 7px;
  /*
  padding-top: 7px;
  border-top: 1px dotted #DEDEDE;
  */
}

.story-preview-content p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  line-height: 1.2em;
  font-size: 1.3em;
}

.more {
  font-style: italic;
}

/*--- story content ---*/
.story-content {
  width: 100%;
  float: left;
}

.story-content p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.6em;
  margin: 20px;
  line-height: 1.6em;
}

.story-author-bio {
  float: left;
  border-top: 1px solid #000000;
  margin: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 12px;
}

.story-author-bio p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.3em;
  line-height: 1.4em;
}

.story-author-bio a {
  text-decoration: underline;
}

.bio-name {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
}

.story-photo-credit {
  float: left;
  width: 100%;
}

.story-photo-credit p {
  margin: 20px;
  font-size: 1.3em;
  margin-top: 7px;
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
}

.story-photo-credit a {
  text-decoration: underline;
}

/*--- news items ---*/
#news {
  float: left;
  min-height: 65px;
  width: 100%;
}

#news-header {
  float: left;
  width: 100%;
}

#news-header h1 {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 2.2em;
}

#news-items {
  float: left;
  width: 570px;
  padding-top: 15px;
}

#news-items li {
  display: block;
  /*	float: left;
  	padding-right: 10px;
  	padding-left: 10px;
  	border-right: 1px solid black;*/
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-size: 1.4em;
  line-height: 1.4em;
}

/*--- ISSUES ---*/
/*--- print issues index ---*/
.feature-issue {
  position: relative;
  float: left;
  width: 675px;
  height: 433px;
  border-bottom: 1px solid #000000;
}

.feature-issue-title-block {
  position: absolute;
  bottom: 50px;
  background-color: white;
  width: 550px;
  padding: 15px;
}

.feature-issue-title-block h1 {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 0.9em;
}

.feature-issue-title-block h3 {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 1.4em;
  margin-top: 5px;
}

.feature-issue-title-block p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-size: 1.4em;
  margin-top: 5px;
}

.issues {
  float: left;
  position: relative;
}

.issue {
  position: relative;
  float: left;
  width: 337px;
  border-bottom: 1px solid #000000;
  padding-bottom: 10px;
}

.issue-title-block {
  position: relative;
  float: left;
  min-height: 95px;
  width: 100%;
  border-bottom: 1px solid #000000;
}

.issue-title-block h2 {
  padding: 10px 20px 0px 20px;
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 1.3em;
}

.issue-title-block h1 {
  padding: 0px 20px 7px 20px;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 3em;
  line-height: 0.9em;
}

.issue-image-and-description {
  float: left;
  height: 575px;
}

.issue-image-thumb {
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.issue-short-description {
  float: left;
  width: 100%;
}

.issue-short-description p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.3em;
  padding: 10px 20px 10px 20px;
  line-height: 1.2em;
}

.issue-purchase {
  float: left;
  width: 100%;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}

.issue-purchase h3 {
  padding: 5px 20px 5px 20px;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.6em;
}

#buy-now {
  padding: 0px 10px 5px 0px;
  float: left;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.2em;
  border: 0px solid black;
  background: #ffffff;
  cursor: pointer;
}

#buy-now:hover {
  color: #bcbcbc;
}

.issue-purchase img, .book-purchase img {
  margin-top: 6px;
}

.feature-book .book-purchase h3 {
  padding-left: 0;
}

.feature-book #buy-now {
  background: transparent;
}

.feature-book .book-purchase {
  margin-top: 10px;
}

.issue-sharing {
  float: left;
  width: 100%;
}

.issue-sharing h3 {
  display: block;
  float: left;
  padding: 5px 5px 5px 20px;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.6em;
}

ul.sharing {
  list-style-type: none;
  padding: 5px 20px 5px 20px;
}

.sharing li {
  display: block;
  float: left;
  padding-right: 5px;
}

div.issue:nth-of-type(2n-1) {
  border-right: 1px solid #000000;
}

#issues-spacer {
  float: left;
  width: 100%;
  height: 30px;
  margin-top: -1px;
  border-top: 1px solid #000000;
}

/*--- individual issue styles ---*/
.issue-header {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid #000000;
  margin-bottom: 10px;
}

.issue-image {
  position: relative;
  float: left;
  margin: 25px;
  margin-bottom: 10px;
  margin-left: 225px;
  width: 300px;
}

.issue-info {
  float: left;
  clear: both;
  margin-bottom: 10px;
}

h1.issue-title {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 0.9em;
  padding: 5px 20px 0px 20px;
}

h2.issue-date {
  font-family: "chapparal-pro";
  font-size: 1.3em;
  font-style: italic;
  font-weight: normal;
  line-height: 0.9em;
  padding: 0px 20px 0px 20px;
}

.issue-content p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.4em;
  margin: 20px;
  line-height: 1.4em;
}

/*--- BOOKS ---*/
/*--- print books index ---*/
.paypal {
  width: auto;
  height: 0.9em;
}

.feature-book {
  position: relative;
  float: left;
  width: 675px;
  height: 433px;
  border-bottom: 1px solid #000000;
}

.feature-book-title-block {
  position: absolute;
  bottom: 20px;
  background-color: white;
  width: 550px;
  padding: 15px;
}

.feature-book-title-block h1 {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 0.9em;
}

.feature-book-title-block h2 {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  font-size: 2.2em;
}

.feature-book-title-block p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-size: 1.4em;
  margin-top: 5px;
}

.books {
  float: left;
  position: relative;
}

.book {
  position: relative;
  float: left;
  width: 337px;
  border-bottom: 1px solid #000000;
}

.book-title-block {
  position: relative;
  float: left;
  min-height: 95px;
  width: 100%;
  border-bottom: 1px solid #000000;
}

.book-title-block-adjustment {
  position: absolute;
  bottom: 7px;
}

.book-title-block h2 {
  padding: 5px 20px 0px 20px;
  margin-top: -2px;
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  font-size: 1.6em;
}

.book-title-block h1 {
  padding: 7px 20px 0px 20px;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 3em;
  line-height: 0.9em;
}

.book-image-and-description {
  float: left;
  height: 675px;
}

.book-image-thumb {
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

.book-short-description {
  float: left;
  width: 100%;
}

.book-short-description p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.3em;
  padding: 10px 20px 10px 20px;
  line-height: 1.2em;
}

.book-purchase {
  float: left;
  width: 100%;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}

.book-purchase h3 {
  display: block;
  /*float: left;*/
  padding: 5px 20px 5px 20px;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.6em;
}

.e-book-info {
  float: left;
  margin-top: 5px;
  padding: 0px 20px 5px 20px;
  border-left: 1px solid black;
}

.e-book-info p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
  font-size: 1.4em;
  padding: 5px 0px 0px 0px;
}

.book-sharing {
  float: left;
  width: 100%;
}

.book-sharing h3 {
  display: block;
  float: left;
  padding: 5px 5px 5px 20px;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.6em;
}

.book-download {
  font-size: 2em;
  margin: 20px;
}

.book-download h1 {
  width: 150px;
  float: left;
}

.book-download h2 {
  margin-left: 250px;
  line-height: 50px;
}

.book-download-text {
  float: right;
  margin-top: 2px;
}

div.book:nth-of-type(2n-1) {
  border-right: 1px solid #000000;
}

#book-spacer {
  float: left;
  width: 100%;
  height: 30px;
  margin-top: -1px;
  border-top: 1px solid #000000;
}

/*--- individual book styles ---*/
.book-header {
  position: relative;
  float: left;
  width: 100%;
  /*
  	border-bottom: 1px solid #000000;
  */
  margin-bottom: 10px;
}

.book-image {
  position: relative;
  /*	float: left;*/
  margin: 25px;
  margin-bottom: 10px;
  margin-left: 225px;
  width: 300px;
}

.book-info {
  /*	float: left;*/
  clear: both;
  margin-bottom: 10px;
}

h1.book-title {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 0.9em;
  padding: 5px 20px 0px 20px;
}

h2.book-author {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  padding: 5px 20px 0px 20px;
  font-size: 2.2em;
}

.book-additional-info {
  /*	float: left;*/
  clear: both;
  width: 100%;
  border-top: 1px solid #000000;
  padding-bottom: 5px;
}

.book-additional-info ul {
  position: relative;
  padding: 10px 20px 20px 20px;
  list-style-type: none;
}

.book-additional-info li {
  display: block;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
  float: left;
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px dotted #cdcdcd;
}

.book-additional-info li:last-child {
  border-right: 0px;
}

.book-content p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.4em;
  margin: 20px;
  line-height: 1.4em;
}

.book-author-info {
  float: left;
  width: 100%;
  position: relative;
  border-top: 1px solid #000000;
}

.author-image {
  float: left;
  position: relative;
  padding: 22px 20px 10px 20px;
}

.author-bio p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.4em;
  margin: 20px;
  line-height: 1.4em;
}

/*--- PAGES ---*/
.content-page {
  position: relative;
  float: left;
  min-height: 600px;
}

.genres-list {
  width: 100%;
}

.genres-list .right-column-sub-nav {
  border-bottom: 0;
}

.genres-list .right-column-sub-nav li a {
  padding-left: 20px;
}

.page-title {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 200px;
}

.page-title h2 {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 0.9em;
  margin: 20px;
}

.page-content p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.4em;
  margin: 20px;
  line-height: 1.4em;
}

/*--- SEARCH & ARCHIVES ---*/
#archives {
  float: left;
  position: relative;
  border-bottom: 1px solid #000000;
  margin-bottom: 20px;
  width: 100%;
}

#archives h1.search-info {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 0.9em;
  padding: 20px;
  padding-bottom: 0px;
}

h2.no-results {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 0.9em;
  padding: 20px;
  padding-bottom: 10px;
}

#search-content {
  float: left;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #000000;
  margin-bottom: 20px;
}

h2.search-title {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 4em;
  line-height: 0.9em;
  padding: 20px;
  padding-bottom: 10px;
}

.category-title {
  display: block;
  width: 635px;
  float: left;
  position: relative;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 3em;
  line-height: 0.9em;
  padding: 20px;
  border-top: 4px double black;
}

#search-results {
  float: left;
  position: relative;
  width: 100%;
}

#archives-results {
  position: relative;
  float: left;
  margin: 200px 0px 0px 0px;
}

.search-result {
  float: left;
  position: relative;
  width: 100%;
  border-top: 1px solid black;
}

.search-result:first-child {
  border-top: 0px;
}

.search-result-preview-content {
  float: left;
  width: 500px;
  margin: 10px 20px 10px 20px;
}

.search-result-image {
  float: left;
  height: 115px;
  width: 152px;
  overflow: hidden;
  text-align: center;
  border-right: 1px solid #000000;
}

.search-result-image img {
  height: 115px;
}

.search-result .date {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: normal;
  font-size: 1.2em;
}

.search-result .genre {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
  font-weight: normal;
  font-size: 1.2em;
}

.search-result .title {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1em;
  text-transform: uppercase;
  font-size: 2.4em;
  margin-top: 2px;
}

.search-result .author {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  line-height: 1em;
  font-size: 1.5em;
  margin-top: 4px;
}

.search-result-preview-description {
  margin-top: 7px;
  /*
  padding-top: 7px;
  border-top: 1px dotted #DEDEDE;
  */
}

.search-result-preview-content p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  line-height: 1.2em;
  font-size: 1.3em;
}

/*--- pagination ---*/
.pagination {
  width: 635px;
  float: left;
  position: relative;
  border-top: 1px solid #000000;
  margin-top: 5px;
  padding: 0px 20px 0px;
  border-bottom: 1px solid #000000;
}

#archives .page, #archives .next, #archives .last, #archives .first, #archives .prev, #more-stories .page, #more-stories .next, #more-stories .last, #more-stories .first, #more-stories .prev {
  display: block;
  min-width: 10px;
  float: left;
  padding: 7px;
  border-right: 1px solid #cdcdcd;
}

#more-stories .pager {
  margin-top: -4px;
}

#more-stories .pagination {
  margin-bottom: 1px;
}

#archives .page:first-child, #archives .first:first-child, #more-stories .page:first-child, #more-stories .first:first-child {
  border-left: 1px solid #cdcdcd;
}

/*--- generic styles ---*/
.story-content ul, .story-content ol, .issue-content ul, .issue-content ol, .page-content ol, .page-content ul, .book-content ol, .book-content ul {
  margin: 0px 10px 10px 50px;
}

.story-content li, .issue-content li, .book-content li {
  font-size: 1.6em;
}

.story-content h1, .issue-content h1, .book-content h2 {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 2.2em;
  text-transform: uppercase;
  margin: 20px;
}

.story-content h2, .issue-content h2, .book-content h2 {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1.8em;
  margin: 20px;
}

.story-content a, .issue-content a, .page-content a, .book-content a {
  text-decoration: underline;
}

/*--- SEARCH ---*/
/*--- RIGHT COLUMN ---*/
#right-column {
  float: left;
  width: 265px;
  border-left: 1px solid #000000;
  margin-left: -1px;
  padding-bottom: 20px;
}

#right-column h1 {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: normal;
  text-align: center;
  letter-spacing: 1px;
  padding: 10px;
  border-bottom: 1px solid #000000;
}

#right-column p {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.3em;
}

/*--- current issue & book ---*/
#current-issue {
  min-height: 505px;
}

div.home-page-book {
  border-top: 1px solid black;
  position: relative;
  float: left;
  padding-bottom: 5px;
}

#current-issue h2.title, #current-book h2.title {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 2.4em;
  text-transform: uppercase;
  line-height: 1em;
  padding: 15px;
  padding-bottom: 0px;
}

#current-issue p, #current-book p {
  padding: 15px;
  padding-top: 8px;
}

#current-book h3.author {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  font-size: 1.6em;
  padding: 15px;
  padding-bottom: 0px;
}

#current-issue h3.author {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: 300;
  font-size: 1.6em;
  padding: 0px 0px 0px 15px;
}

/*--- Right Column Sub Nav ---*/
#features-sub-nav h2 {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  color: #000000;
  font-size: 2em;
  text-transform: uppercase;
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #000000;
  letter-spacing: 1px;
}

ul.archives {
  list-style-type: none;
}

.right-column-sub-nav {
  border-bottom: 1px solid #000000;
  list-style-type: none;
}

.right-column-sub-nav li a {
  display: block;
  border-bottom: 1px dotted #dedede;
  padding: 6px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  line-height: 1.1em;
  color: #000000;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1.6em;
  text-transform: uppercase;
}

.right-column-sub-nav li:last-child a {
  border-bottom: 0px;
}

.right-column-sub-nav li a:hover {
  color: #999999;
}

.sub-nav-title {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1.1em;
  text-transform: none;
}

.sub-nav-name {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 0.8em;
  text-transform: none;
}

/*--- subnav for issues ---*/
#print-issues-sub-nav h2 {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  color: #000000;
  font-size: 1.6em;
  font-weight: normal;
  text-transform: uppercase;
  padding: 7px 15px 5px 15px;
}

#print-issues-sub-nav .banner h2 {
  padding: 0px 15px 9px 15px;
}

#print-issues-sub-nav h3 {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.3em;
  font-weight: normal;
  padding: 10px 15px 0px 15px;
  font-style: italic;
}

#print-issues-sub-nav ul {
  list-style-type: none;
}

#print-issues-sub-nav li a {
  display: block;
  border-bottom: 1px solid #000000;
}

#print-issues-sub-nav li a:hover h2, #print-issues-sub-nav li a:active h2 {
  text-decoration: none;
  color: #cdcdcd;
}

#print-issues-sub-nav h4 {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  color: #000000;
  font-size: 2em;
  text-transform: uppercase;
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #000000;
  letter-spacing: 1px;
}

.sub-info {
  padding: 10px;
}

.sub-info p {
  padding-bottom: 5px;
}

.sub-info #buy-now {
  font-size: 1.8em;
}

.sub-info img {
  padding-top: 5px;
}

/*--- subnav for book ---*/
#books-sub-nav h2 {
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  color: #000000;
  font-size: 1.6em;
  font-weight: normal;
  text-transform: uppercase;
  padding: 7px 15px 0px 15px;
}

#books-sub-nav h3 {
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1.3em;
  font-weight: normal;
  padding: 0px 15px 10px 15px;
}

#books-sub-nav ul {
  list-style-type: none;
}

#books-sub-nav li a {
  display: block;
  border-bottom: 1px solid #000000;
}

#books-sub-nav li a:hover h2, #books-sub-nav li a:active h2 {
  text-decoration: none;
  color: #cdcdcd;
}

/*--- shared book and issues styles ---*/
.banner {
  background: white;
  width: 95%;
  position: absolute;
  bottom: 25px;
}

.image-list-div {
  position: relative;
  height: 170px;
}

/*--- FOOTER ---*/
/*--- bottom nav ---*/
#footer {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 20px;
}

#bottom-nav {
  float: left;
  width: 100%;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

#bottom-nav a {
  color: #000000;
  text-decoration: none;
}

#bottom-nav a img {
  padding-left: 6px;
}

#pages-nav ul {
  float: left;
}

#pages-nav li {
  display: block;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  float: left;
  font-size: 2em;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  border-right: 1px solid #000000;
  padding: 10px;
  text-align: center;
  color: #000000;
}

#search {
  float: right;
  width: 265px;
  height: 44px;
  border-left: 1px solid #000000;
  margin-left: -1px;
}

#search input[type=text] {
  height: 44px;
  width: 189px;
  padding: 0px;
  padding-left: 10px;
  border: 0px;
  font-family: "chaparral-pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
  font-size: 1.5em;
}

#search input[type=submit], input[type=submit] {
  display: block;
  width: 64px;
  float: right;
  height: 44px;
  border: 0px;
  border-left: 1px solid black;
  padding: 10px;
  font-family: "myriad-pro-condensed", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.6em;
  background-color: white;
}

#search input[type=submit]:hover, input[type=submit]:hover {
  color: #cdcdcd;
  cursor: pointer;
}

/*--- placeholder-divs for images ---*/
.placeholder-image-thumb {
  width: 100%;
  height: 170px;
  float: left;
  border-bottom: 1px solid #000000;
}

.placeholder-image-book {
  width: 100%;
  height: 170px;
  float: left;
  border-bottom: 1px solid #000000;
  margin-bottom: 10px;
}

.issue-placeholder-div {
  margin: 0px auto;
  width: 275px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.book-placeholder-div {
  margin: 0px auto;
  width: 275px;
  margin-top: 15px;
  margin-bottom: 10px;
}

/* Login */
.login-body {
  width: 100%;
  float: left;
  clear: both;
}

.login-body h1 {
  border-top: 1px solid #000000;
  padding-top: 5px;
  margin-top: 5px;
}

.login-form {
  margin: 70px auto;
  width: 460px;
  padding: 20px;
  border-bottom: 1px dotted #999999;
  font-size: 1.6em;
}

.login-form input[type=password], .login-form input[type=email] {
  width: 320px;
  height: 30px;
  font-size: 1.2em;
  padding-left: 5px;
}

.login-form label {
  text-align: left;
  width: 120px;
  display: block;
  float: left;
  text-align: left;
  padding-right: 10px;
}

.login-form div.field {
  margin-bottom: 10px;
}

.login-form input[type=submit] {
  margin-left: 100px;
}

.login-footer {
  clear: both;
  float: left;
  padding-top: 30px;
}

/* Pagination */
div.pager {
  height: 34px;
}

.pagination span.current {
  /*	float: left;
  	padding: 0 14px;
  	line-height: 34px;
  	text-decoration: none;
  	border: 1px solid #DDD;*/
  font-size: 1.5em;
}

.pagination span.first a {
  border-left-width: 1px;
}

.bottom-pager .pagination {
  margin-top: 0px !important;
}

div.pager a {
  font-size: 1.5em;
  padding: 0 3px;
}

/* title block opacity */
.semi-transparent {
  background: rgb(255, 255, 255); /* The Fallback */
  background: rgba(255, 255, 255, 0.9);
}

/* Thanks */
#thanks {
  font-size: 1.6em;
  padding: 20px;
}

#thanks p {
  margin: 15px 0;
}

/* Cart */
form#cart-form-add del {
  position: relative;
  top: -4px;
  margin-right: 10px;
  color: red;
}

.print-button {
  padding: 10px 20px;
}

.print-button button {
  padding: 5px 10px;
}

.had.hobart #search-results .story {
  display: flex;
  align-items: center;
}

.had.hobart #search-results .story-image {
  display: flex;
  flex: none;
  border: 0;
  padding-right: 1em;
}

.had.hobart #archives-results .story-preview-content {
  text-align: left;
}

.had.hobart #archives-results .story-preview-content h1.title {
  padding: 0;
}

@media print {
  html {
    margin-left: 0;
  }
  #top-nav, #right-column, #footer, .date em, .book-sharing,
  .issue-sharing, .issue-purchase, .print-button {
    display: none;
  }
  #left-column, #wrapper {
    width: 100%;
    margin: 0;
    border-right: none;
  }
  #inner-wrapper {
    border-left: none;
    border-right: none;
  }
  a, .story-photo-credit a {
    text-decoration: none;
    color: #000;
  }
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

#flash_notice, #flash_error, #flash_alert {
  padding: 5px 8px;
  margin: 50px 10px 10px 10px;
  font-size: 1.5em;
}

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6;
  color: #6C6;
}

#flash_error, #flash_alert {
  background-color: #FCC;
  border: solid 1px #C66;
  color: #C66;
}

.fieldWithErrors {
  display: inline;
}

.error_messages {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  font-size: 12px;
}

.error_messages h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

.error_messages p {
  margin: 8px 10px;
}

.error_messages ul {
  margin: 0;
}