@font-face {
    font-family: 'Charis SIL';
    src: url('../fonts/charissil-r-webfont.eot');
    src: url('../fonts/charissil-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissil-r-webfont.woff2') format('woff2'),
         url('../fonts/charissil-r-webfont.woff') format('woff'),
         url('../fonts/charissil-r-webfont.ttf') format('truetype'),
         url('../fonts/charissil-r-webfont.svg#charis_silregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Charis SIL';
    src: url('../fonts/charissil-i-webfont.eot');
    src: url('../fonts/charissil-i-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissil-i-webfont.woff2') format('woff2'),
         url('../fonts/charissil-i-webfont.woff') format('woff'),
         url('../fonts/charissil-i-webfont.ttf') format('truetype'),
         url('../fonts/charissil-i-webfont.svg#charis_silitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Charis SIL';
    src: url('../fonts/charissil-b-webfont.eot');
    src: url('../fonts/charissil-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissil-b-webfont.woff2') format('woff2'),
         url('../fonts/charissil-b-webfont.woff') format('woff'),
         url('../fonts/charissil-b-webfont.ttf') format('truetype'),
         url('../fonts/charissil-b-webfont.svg#charis_silbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Charis SIL';
    src: url('../fonts/charissil-bi-webfont.eot');
    src: url('../fonts/charissil-bi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissil-bi-webfont.woff2') format('woff2'),
         url('../fonts/charissil-bi-webfont.woff') format('woff'),
         url('../fonts/charissil-bi-webfont.ttf') format('truetype'),
         url('../fonts/charissil-bi-webfont.svg#charis_silbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Kingthings Trypewriter 2';
    src: url('../fonts/Kingthings_Trypewriter_2-webfont.eot');
    src: url('../fonts/Kingthings_Trypewriter_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Kingthings_Trypewriter_2-webfont.woff') format('woff'),
         url('../fonts/Kingthings_Trypewriter_2-webfont.ttf') format('truetype'),
         url('../fonts/Kingthings_Trypewriter_2-webfont.svg#kingthings_trypewriter_2Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OldStyle 1';
    src: url('../fonts/oldsh___-webfont.eot');
    src: url('../fonts/oldsh___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oldsh___-webfont.woff') format('woff'),
         url('../fonts/oldsh___-webfont.ttf') format('truetype'),
         url('../fonts/oldsh___-webfont.svg#oldstyle_1hplhs') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* for dialog dashes */
    font-family: 'HVD Edding 780';
    src: url('../fonts/hvd_edding-webfont.eot');
    src: url('../fonts/hvd_edding-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hvd_edding-webfont.woff') format('woff'),
         url('../fonts/hvd_edding-webfont.ttf') format('truetype'),
         url('../fonts/hvd_edding-webfont.svg#hvd_edding_780regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Courier Prime';
    src: url('../fonts/courier_prime-webfont.eot');
    src: url('../fonts/courier_prime-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/courier_prime-webfont.woff') format('woff'),
         url('../fonts/courier_prime-webfont.ttf') format('truetype'),
         url('../fonts/courier_prime-webfont.svg#courier_primeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Courier Prime italic';
    src: url('../fonts/courier_prime_italic-webfont.eot');
    src: url('../fonts/courier_prime_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/courier_prime_italic-webfont.woff') format('woff'),
         url('../fonts/courier_prime_italic-webfont.ttf') format('truetype'),
         url('../fonts/courier_prime_italic-webfont.svg#courier_primeitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* style from http://getskeleton.com/ */
.container {
  position: relative;
  width: 75%;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 5%;
  padding-bottom:5%;
  padding-left:8%;
  padding-right:8%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 5%;
  margin-bottom: 5%;
  background-color:#ffffff;
}

.simple {
  margin-top:2%;
  margin-bottom: 2%;
  padding-top:2%;
  padding-bottom:2%;
  padding-left:5%;
  padding-right:5%;
}

@media all and (orientation:landscape) {
  .container {
    width:75%;
    padding-left:8%;
    padding-right:8%;
  }
}


@media all and (orientation:landscape) and (min-width: 650px) {
  .container {
    width:75%;
    padding-left:8%;
    padding-right:8%;
  }
}


/* laptops only */

@media screen and (max-width: 750px){
  .container {
    width:100%;
    padding-left:5%;
    padding-right:5%;
  }
}

@media screen and (min-width: 751px){
  .container {
    width:100%;
    padding-left:8%;
    padding-right:8%;
  }
}



@media all and (orientation:portrait) {
  .container {
    width:100%;
    padding-left:5%;
    padding-right:5%;
  }
}


@media all and (orientation:portrait) and (min-width: 700px){
  .container {
    width:100%;
    padding-left:8%;
    padding-right:8%;
  }
}

img {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

img.bottom {
  margin-bottom:0.5em;
}
img.top {
  margin-top:0.5em;
}
img.moveup {
  margin-top:-0.5em;
}
img.closeup {
  margin-bottom:-0.5em;
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */

body {
  background-color: #424039;
  font-family: 'Charis SIL', Constantia, Carat, 'Averia Serif', Andada, Calluna, Georgia, Poly, serif;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


a:hover {
  color: #0FA0CE;
}


/* Larger than mobile */
@media (min-width: 550px) {
  .mobile-message {display:none;}
  /*body {font-size: 1.85em;}*/

}

html {
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

p {
  font-size:120%;
  line-height:137%;
  text-indent:1.15em;
  text-align:justify;
}

#dropdown-container {
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.dropdown {
  font-size:100%;
  word-spacing:-1px;
  background:#FCFCF5;
  color:#707070;
  font-family: 'Kingthings Trypewriter 2', 'Lucida Console', Monaco, monospace;
  display:inline-block;
  cursor:pointer;
  border:1.33px solid #EDEDE1;
  -webkit-box-shadow:0px 1px 1px #6E6E57;
       -o-box-shadow:0px 1px 1px #6E6E57;
          box-shadow:0px 1px 1px #6E6E57;
  padding:0.5em 0.5em 0.5em 0.5em;
  width:auto;
  -webkit-border-radius:4px;
          border-radius:4px;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
  width:auto;
  text-indent:0;
  position: relative;
}

.dropdown-content {
  font-size:100%;
  line-height:144%;
  display: none;
  position: absolute;
  background-color: #FAFAF0;
  width: auto;
  padding: 0.75em;
  text-align: left;
  border: 1px #A8A8A8 solid;
    -webkit-border-radius:0.5em;
          border-radius:0.5em;
  -webkit-box-shadow: 0px 8px 16px 0px #4A4A4A;
          box-shadow: 0px 8px 16px 0px #4A4A4A;
  z-index: 1;
}

li {
  display: block;
}

.dropdown:hover .dropdown-content {
  display: inline-block;
}


a.dropdown-content {
  color:#000000 !important;
  text-decoration: none;
}

.touch .dropdown-content {
  display: none;
}

.touch #touch-contents-link {
  display: inline-block;
}

.touch .dropdown {
  display: none;
}

#touch-container {
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

#touch-contents-link {
  display:none;
  font-size:100%;
  word-spacing:-1px;
  background:#FCFCF5;
  color:#707070;
  font-family: 'Kingthings Trypewriter 2', 'Lucida Console', Monaco, monospace;
  cursor:pointer;
  border:1.33px solid #EDEDE1;
  -webkit-box-shadow:0px 1px 1px #6E6E57;
       -o-box-shadow:0px 1px 1px #6E6E57;
          box-shadow:0px 1px 1px #6E6E57;
  padding:0.5em 0.5em 0.5em 0.5em;
  width:auto;
  -webkit-border-radius:4px;
          border-radius:4px;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
  width:auto;
  text-indent:0;
  position: relative;
}

a#touch-contents-link:link {
  color:black;
}

a#touch-contents-link:visited {
  color:black;
}

.plaintext-contents {
  word-spacing:-1px;
  font-family: 'Kingthings Trypewriter 2', 'Lucida Console', Monaco, monospace;
  display:block;
  cursor:pointer;
  padding:0.25em 0.5em 0.25em 0.5em;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
  text-indent:0;
  position: relative;
  width:100%;
  line-height: 130%;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

.book-number {
  margin-top:8em;
  margin-bottom:-1.75em;
  letter-spacing:0.07em;
  text-align:center;
  font-size:1.5em;
  text-indent:0;
  font-variant: small-caps;
  font-size: 1.75em;
  font-family: 'Oldstyle 1', 'Charis SIL', serif;
}
.book-title {
  margin-bottom:5.5em;
  font-size:3.0em;
  text-align:center;
  text-indent:0;
  letter-spacing:0.07em;
  font-family: 'Oldstyle 1', 'Charis SIL', serif;
  color: #382D04;
  text-shadow: -3px 0px 10px #5E5D09, 3px 0px 10px #5E5D09;
  padding-top:0.5em;
  padding-bottom:0.5em;
}

.chapter-number {
  margin-top: 12em;
  font-size:1.4em;
  text-indent:0;
  word-spacing:-1px;
  text-align:left;
  padding-top: 1em;
  font-family: 'Kingthings Trypewriter 2', 'Courier Prime', Courier, 'Courier New', monospace, 'OldStyle 1', Calluna, Andada, 'Charis SIL', Georgia, serif;
}
.chapter-number.start {
  margin-top: 3em;
}
.Chapterheads {
  margin-top:-0.5em;
  margin-bottom:2.0em;
  font-size:2.5em;
  text-indent:0;
  word-spacing:-0.15em;
  text-align: left;
  font-family:'Kingthings Trypewriter 2', 'Courier Prime', Courier, 'Courier New', monospace, 'OldStyle 1', Calluna, Andada, 'Charis SIL', Georgia, serif;
}

.typewriter {
  font-size:1.4em;
  text-indent:0;
  font-family: 'Kingthings Trypewriter 2', 'Courier Prime', Courier, 'Courier New', monospace, 'OldStyle 1', Calluna, Andada, 'Charis SIL', Georgia, serif;
}

p.chapter-textCxSpFirst {
  margin:0;
}
p.chapter-textCxSpMiddle {
  margin:0;
}
p.chapter-textCxSpLast {
  margin:0;
}
/* used mostly for asides */
p.chapter-text {
  margin-top:0.1em;
  margin-bottom:0.1em;
}
p.chapter-spacebreak {
  margin-top:1.75em;
  margin-bottom:0;
}
.spacebreak {
  margin-top: 1.75em !important;
}

.space {
  margin-top: 0.8em !important;
}
.smallspace {
  margin-top: 0.5em !important;
}

.lf {
  opacity:0.65;
}

p.chapter-dialog {
  margin-top:0.05em;
  margin-bottom:0.15em;
  margin-left:1.5em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}
p.chapter-dialogCxSpFirst {
  margin-top:0.30em;
  margin-right:0in;
  margin-bottom:0.15em;
  margin-left:1.5em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}
p.chapter-dialogCxSpMiddle {
  margin-right:0;
  margin-top:0.15em;
  margin-bottom:0.15em;
  margin-left:1.5em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}
p.chapter-dialogCxSpLast {
  margin-top:0.15em;
  margin-bottom:0.30em;
  margin-left:1.5em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}

p.chapter-dialog1 {
  margin-top:0.20em;
  margin-bottom:0.20em;
  margin-left:1.5em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}
p.chapter-dialog1CxSpFirst, p.chapter-dialog1first {
  margin-top:0.40em;
  margin-bottom:0.20em;
  margin-left:1.5em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}
p.chapter-dialog1CxSpLast {
  margin-top:0.20em;
  margin-bottom:0.20em;
  margin-left:1.5em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}
p.chapter-dialog1CxSpMiddle {
  margin-top:0.20em;
  margin-bottom:0.20em;
  margin-left:1.5em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}

p.chapter-dialog2 {
  margin-top:0.20em;
  margin-bottom:0.20em;
  margin-left:2.38em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}
p.chapter-dialog3 {
  margin-top:0.20em;
  margin-bottom:0.20em;
  margin-left:1.4em;
  text-indent:0;
  line-height:121%;
  font-size:114%;
}
p.chapter-dialog0 {
  margin-top:0.20em;
  margin-bottom:0.20em;
  margin-left:0.42em;
  text-indent:0;
  line-height:121%;
  font-size:114%;
}

p.chapter-dialog2CxSpFirst, p.chapter-dialog2first {
  margin-top:0.40em;
  margin-bottom:0.20em;
  margin-left:2.38em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}
p.chapter-dialog2CxSpLast {
  margin-top:0.20em;
  margin-bottom:0.20em;
  margin-left:2.38em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}
p.chapter-dialog2CxSpMiddle {
  margin-top:0.20em;
  margin-bottom:0.20em;
  margin-left:2.38em;
  text-indent:-0.88em;
  line-height:121%;
  font-size:114%;
}

/* for dashes before dialog */
.chapter-dialog .d, .chapter-dialogCxSpFirst .d, .chapter-dialogCxSpMiddle .d, .chapter-dialogCxSpLast .d, .chapter-dialog1 .d, .chapter-dialog1CxSpFirst .d, .chapter-dialog1first .d, .chapter-dialog1CxSpMiddle .d, .chapter-dialog1CxSpLast .d, .chapter-dialog2 .d, .chapter-dialog2CxSpFirst .d, .chapter-dialog2first .d, .chapter-dialog2CxSpMiddle .d, .chapter-dialog2CxSpLast .d {
  font-family: 'HVD Edding 780', 'New York', 'MS Serif', serif;
  letter-spacing:2px;
  text-shadow: 1px -1px 2px #4769BA;
  opacity:0.8;
}
.indent {
  text-indent: 1em;
}

.indent2 {
  text-indent:0 !important;
}

.indent3 {
  text-indent:0.10em !important;
}

.indent4 {
  text-indent:1.00em !important;
}

.indent5 {
  text-indent:1.90em !important;
}
.d {
  white-space:nowrap;
}

.loose {
  letter-spacing:2px;
}
.tight-word {
  word-spacing:-2px;
}
.loose1 {
  letter-spacing:1px;
}
.tight {
  letter-spacing:-2px;
}

p.imageCxSpFirst {
  text-align:center;
  font-size:10.5pt;
}
p.imageCxSpMiddle {
  text-align:center;
  font-size:10.5pt;
}
p.imageCxSpLast {
  text-align:center;
  font-size:10.5pt;
}

p.screenplay {
  text-indent:0;
  font-size:130%;
  font-family: 'Courier Prime', Courier, 'Courier New', monospace;
  text-align:left;
}
p.screenplay-speaker {
  text-indent:0;
  margin-left:8em;
  font-size:130%;
  font-family:'Courier Prime', Courier, 'Courier New', monospace;
  text-align:left;
  margin-bottom:0;
}
p.screenplay-dialog {
  text-indent:0;
  margin-left:4em;
  margin-right:3em;
  font-size:130%;
  font-family:'Courier Prime', Courier, 'Courier New', monospace;
  text-align:left;
  margin-top:0;
}

.link {
  font-size: 140%;
  text-indent:0;
  text-align:center;
  margin-top:1.5em;
  margin-bottom:1em;
  text-decoration: none;
} 
.quotes {
  font-size:100%;
  opacity:0.8;
}

.quotel {/*for use with left quote attribution symbol. using it around names in dialog */
  display:inline-block;
  text-indent:0;
  opacity:0.50;
  white-space:nowrap;
  font-family: 'Times New Roman', Times, serif, 'Charis SIL';
  -webkit-transform-origin:center 70%;
      -ms-transform-origin:center 70%;
       -o-transform-origin:center 70%;
          transform-origin:center 70%;
  -webkit-transform:translate(02px,-0px) scale(0.85, 1.56);
      -ms-transform:translate(02px,-0px) scale(0.85, 1.56);
       -o-transform:translate(02px,-0px) scale(0.85, 1.56);
          transform:translate(02px,-0px) scale(0.85, 1.56);
}

.quoter {/*for use with right quote symbol. moves it left 2 px instead of right 2px */
  display:inline-block;
  text-indent:0;
  opacity:0.50;
  white-space: nowrap;
  font-family: 'Times New Roman', Times, serif, 'Charis SIL';
  -webkit-transform-origin:center 70%;
      -ms-transform-origin:center 70%;
       -o-transform-origin:center 70%;
          transform-origin:center 70%;
  -webkit-transform:translate(-2px,-0px) scale(0.85, 1.56);
      -ms-transform:translate(-2px,-0px) scale(0.85, 1.56);
       -o-transform:translate(-2px,-0px) scale(0.85, 1.56);
          transform:translate(-2px,-0px) scale(0.85, 1.56);
}

.footnote-callout {
  vertical-align:super;
  font-size:70%;
  line-height: 0;
}

.dollarsign {
  font-size: 80%;
}

.no-break {
  white-space:nowrap;
}

.serif {
  font-family: 'Times New Roman', Times, serif;
}

.monospace {
  font-family: 'Courier New', Courier, monospace;
}

.full-page { 
  background: url(../images/THE-LIST-hi-res.jpg) no-repeat center center fixed;
  background-size: cover;
  min-width: 100%;
  min-height: 100%;
}

/* various special formatting for phones, to deal with realy short line-widths */
@media (max-width: 500px) {
  .chapter-number {
    margin-top:7em;
    font-size:1.2em;
  }
  .Chapterheads {
    font-size:1.75em !important;
    margin-bottom:1.5em !important;
  }
  .book-number {
    margin-top:5em;
    font-size:1.3em;
  }
  .book-title {
    margin-bottom:3.5em;
    font-size:1.75em;
  }
  p.screenplay-speaker {
    margin-left:4em;
  }
  p.screenplay-dialog {
    margin-left:1.5em;
    margin-right:0.5em;
  }
}

@media (max-width:400px) {
  .chapter-dialog, .chapter-dialogCxSpFirst, .chapter-dialogCxSpMiddle, .chapter-dialogCxSpLast, .chapter-dialog1, .chapter-dialog1CxSpFirst, .chapter-dialog1first, .chapter-dialog1CxSpMiddle, .chapter-dialog1CxSpLast, .chapter-dialog2, .chapter-dialog2CxSpFirst, .chapter-dialog2first, .chapter-dialog2CxSpMiddle, .chapter-dialog2CxSpLast, .chapter-dialog0, .chapter-dialog3 {
    text-align:left;
  }
}