@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%;
  box-sizing: border-box;
  margin-top: 5%;
  margin-bottom: 5%;
  background-color:#ffffff;
}

/* For devices larger than 400px */
/*@media (min-width: 400px) {
  .container {
    width: 90%;
    padding: 5%; }
}*/

/* For devices larger than 550px */
/*@media (min-width: 550px) {
  .container {
    width: 67%;
    padding-left:8%;
    padding-right:8%; }
}*/
/*
@media screen and (max-width: 667px) and (min-width: 520px), (min-width: 1151px)  {
*/
/* laptops with small window */




@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;}*/

}



/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}

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;
}



.book-number {
  margin-top:8em;
  margin-bottom:-1em;
  text-align:center;
  font-size:1.5em;
  text-indent:0;
  font-variant: small-caps;
  font-size: 1.75em;
  font-family: 'Oldstyle 1', Calluna, 'Charis SIL', serif;
}
.book-title {
  margin-bottom:5.5em;
  font-size:2.5em;
  text-align:center;
  text-indent:0;
  letter-spacing:1px;
  text-shadow:-2px 0px 2px #90C3D4, -2.1px 0px 0px black, 1.3px 0px 2px #9FDAED, 1.4px 0px 0px black;
font-family: 'Oldstyle 1', Calluna, 'Charis SIL', serif;
}

.chapter-number {
margin-top: 12em;
font-size:1.4em;
text-indent:0;
word-spacing:-1px;
text-align:left;
font-family: 'Kingthings Trypewriter 2', 'Courier Prime', Courier, 'Courier New', monospace, 'OldStyle 1', Calluna, Andada, 'Charis SIL', Georgia, serif;
}
.chapter-number.start {
  margin-top: 1em;
}
.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;
  -webkit-transform-origin:center 70%;
     -moz-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);
     -moz-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;
  -webkit-transform-origin:center 70%;
     -moz-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);
     -moz-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; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  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 all (orientation:landscape) and (min-width: 650px){
    p, p.chapter-dialog, p.chapter-dialogCxSpFirst, p.chapter-dialogCxSpMiddle, p.chapter-dialogCxSpLast { font-size: 130%;}

}

@media all (orientation:portrait) and (min-width: 650px){
    p { font-size: 130%;}

}*/
/*.chapter-dialogCxSpFirst .d{
  font-family: 'HVD Edding 780', 'New York', 'MS Serif', serif;
  letter-spacing:2px;
  text-shadow: 1px -1px 2px #4769BA;
  opacity:0.8;
}
.chapter-dialogCxSpMiddle .d{
  font-family: 'HVD Edding 780', 'New York', 'MS Serif', serif;
  letter-spacing:2px;
  text-shadow: 1px -1px 2px #4769BA;
  opacity:0.8;
}
.chapter-dialogCxSpLast .d{
  font-family: 'HVD Edding 780', 'New York', 'MS Serif', serif;
  letter-spacing:2px;
  text-shadow: 1px -1px 2px #4769BA;
  opacity:0.8;
}*/