/* @Reset */

html
{
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}

body
{
  margin: 0;
  padding: 0 0 0 0;
  width: 100%;
  overflow-x: hidden;
  background: #fff;
 
}


*
{
  margin: 0;
  padding: 0;
  outline: none;
 
}

  body,
  div,
  dl,dt,dd,
  ul,ol,li,
  h1,h2,h3,h4,h5,h6,
  pre,
  form,fieldset,
  input,textarea,
  a,
  p,blockquote,
  th,td 
  { 
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }
    
  img 
  {
   border: 0
  }
    
  address,
  caption,
  cite,
  code,
  dfn,
  em,
  strong,
  th,
  var 
  {
    font-style: normal;
    font-weight: normal;
  }
    
  ol,ul 
  {
    list-style: none;
  }
    
  h1,h2,h3,h4,h5,h6 
  {
    font-weight: normal;
  }

/* ---------------------------------- */

/* @HTML5 */

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary, mark {  
  display:block;
}

/* ---------------------------------- */

/* @Global */

* 
{
  line-height: 14px;
  font-size: 11px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: normal;
  
  font-weight: normal !important;

}

  p
  {
    margin: 0 0 15px 0;
    color:#333;
    font-size: 11px;
    line-height: 18px;
  }
  
    p * {
      font-size: 11px;
    }
  
  a
  {
 color: #777;
        border-bottom: 1px dotted #bebebe;
		text-decoration:none;
  }
 
  a:hover {
    border-bottom: 1px solid #bebebe;
  }
  
  

  
  h1 em, h2 em {
    font-weight: normal;

  }


/* ---------------------------------- */

/* @Layout */


div#wrapper {
  min-height: 1000px;
  width: 100%;
  margin: 0;
  padding: 0 0 50px 0;
}

header {
  margin: 0
}



article { 
  background: #fff; 
  position: fixed; 
  top: 0 ; 
  left: 0; 
  width: 100%; 
  min-height: 100%;  
  -moz-box-shadow: 0 0 12px #666; 
  -webkit-box-shadow: 0 0 12px #666; 
  z-index:99999;
}

  article figure { 
    background: transparent;
    top: 20px; 
    min-height: 400px;  
 	margin:0 auto;
 	width:300px;
    padding: 0;
	text-align:justify;
	position:relative;
  }

  ._mobile article { position: relative }

  ._mobile article figure { position: absolute }  

   
 
   
  article header {
    position: absolute; 
    margin: 20px 0 0 0;
    width: 300px;
    top: 0;
    padding: 0 0 0 10px;
  }


  article h1 {

  }

    article p {
      font-family: Georgia, "Times New Roman", Times, serif;
      line-height: 18px;
      color:  #333;
      font-size: 11.5px;
    }
    
    .footnotes {
      margin: 50px 0 0 0;
    }
    
      
    
    .column {
      margin: 0 0 0 0px;
      padding: 0 0 0 0;
    }
    
    .text {
      margin: 20px 0 0 0;
    }
	
	 .text-beadle {
      margin: 20px 0 0 -50px;
    }
    
      .text p {
        width: 200px;
      }
     
    
    .numeral {
      position: absolute;
      top: 250px  ;
      left: 50px;
      font-size: 15px;
      line-height: 10px;
      font-family:"HerculesRegular", Georgia, "Times New Roman", Times, serif;;

      padding: 5px;
      border-bottom: 2px solid #444;
      text-align: center;
    }

        article sup {
          font-family: Courier;
          font-size: 11px;
          color: #777;
        }
        
        
    .fullscreen * {
    }
    
      .fullscreen .background {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
      }
  

        
/* ---------------------------------- */

/* Media */

    figure img {
      display: block;
      margin-bottom:30px;
    }
    
   
/* ---------------------------------- */

/* Title Pages */


  .title-page {
    background-color: #FFF;
  }
  

  .title-page header {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -480px !important;
    width: 960px;
    height: 350px;
    padding: 0;
  }
  
  
  .credits header h1,
  .chapter header h1 {
   
  }
  
  .credits header {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -480px !important;
    width: 960px;
    height: 500px;
    padding: 0;
  }
  
   
  
  .chapter header {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -125px 0 0 -480px !important;
    width: 1260px;
    height: 325px;
  }
  
    .chapter header p {
      width: 460px;
      margin-left: auto;
      margin-right: auto;
    }

  .hints {
    margin: 100px 0 0 0; 
  }
  
  
  .hints span {
    display: none;
  }
  
  

/* ---------------------------------- */

/* Nav */

#toc {
  position: fixed;
  top: 50%;
  left: 54%;
  background: rgba(0,0,0,.9);
  width: 400px;
  height: 400px;
  z-index: 999999;
  display: none;
 
  margin: -250px 0 0 -250px;
  -webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);	
}
.white-transparency {
	position:fixed;width:100%;height:100%;background:rgba(255,255,255,.9);top:0;left:0; z-index:9998; display:none;}


.toc-content {
	 -webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);	
	text-align:center;
	 width: 400px;
  height: 400px;
   padding: 30px;
   position:relative;
}

.toc-h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-top:-10px;
	margin-bottom:15px;
	display:block;
	color:#f28907 !important;
}

.toc-nav-1 {
	 position:absolute;
	 width:400px;
	 padding:20px;
	 font-size:14px !important;
	 margin-top:-40px;
	 margin-left:-15px;
}

.toc-nav-2 {
	 position:absolute;
	 width:400px;
	 padding:20px;
	 margin-top:-530px;
	 margin-left:-15px;
	
	font-size:14px !important;
}

.toc-link {
	font-size:14px !important;
	text-transform:uppercase;
	text-decoration:none !important;
	border-bottom: 0px !important;
	font-family:"Brandon", Arial, Helvetica, sans-serif;
	padding-left:10px;
}
	 


  #toc h1,
  #toc h2,
  #toc p
  { text-align: center; color: #fff;}
  
  #toc p {
    color: #bebebe;
    padding: 0 0 5px 0;
  }
  
      #toc p a
      {
        color: #bebebe;
        border-bottom: 1px dashed #bebebe;
      }
      
      #toc p a:hover {
        border: 0;
        color: #bebebe;
      }
  
  #toc h1
  { 	font-family:"HerculesRegular", Georgia, "Times New Roman", Times, serif;}
  
  #toc h2
  { padding: 0 0 0 0; color: #fff; font-size: 11px; }

  
/* ---------------------------------- */

/* Modal */

#modal {
  width: 600px;
  height: 250px;
  padding: 0;
  position: fixed;
  top: 55%;
  left: 50%;
  z-index: 999999;
  margin: -125px 0 0 -300px;
  overflow: hidden;
  display: none;
}

  #modal .bg { background: #111; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .96; z-index: 1}
  #modal .modal-details { position: absolute; top: 50px; left: 225px; z-index: 2 }
  #modal figure { position: absolute; z-index: 2; display: block; width: 200px; height: 200px !important;left: 25px; top: 25px;background: url(http://cloud.iancoyle.com/edits/global/img/camera.png) 0 0 no-repeat; }
  
  
  #modal._active { display: block; top: 50%; }
    
  .modal-details h1,
  .modal-details h2,
  .modal-details p
  { text-align: center; color: #fff }
  
  .modal-details h1, 
  .modal-details h2 
  { 	font-family:"HerculesRegular", Georgia, "Times New Roman", Times, serif;}

  .modal-details ul { width: 500px; margin: 50px 0 0 0; }   
  .modal-details ul li { float: left; width: 150px; }




  
  
/* ---------------------------------- */

/* @media: iPad */
 


  @media only screen and (max-device-width: 1024px) and (min-device-width: 480px)  {  
    
   article.title-page {
    min-height: 718px;
    height: 718px;
   } 
   
  
   figure {
	   margin:0px auto !important;
	  /* margin-left:400px !important;*/
	   margin-top:80px;
	   display:block !important;
	   position:relative !important;
	   height:auto !important;
   }
   
   article {
   
	min-height:1000px;
   }
   
   .background{
    height: 100%;
    width: auto !important;
   }  
   
   .cover-bar {
		 left:500px !important;
		 top: 0px !important;
		 position:absolute !important;
		 height:1000px !important;
	 }
	 .toc-bar {
		 display:none !important;
	 }
	 
	 .cover-cont {
		 height:1000px !important;
	 }
	 
	  .cover-img {
		 margin-top:0px !important;
	 }
	 
	 .nav-label { display:none;}
   
   body {
    width: 1024px !important;
    min-width: 1024px !important;
   }
     
	 .ipad-col {
		margin-top:200px !important;
		margin-left:10px !important;
	}
.right-col {
	position:absolute !important;
	left:150px !important;
	top:100px !important;
}

.ipad-img {
	width:300px !important;
	text-align:right !important;
}

.beadle-cover {
	margin-left:100px !important;
}
.ipad-lrg-img {
	width:630px !important;
}

.beadle-title {
	font-size:28px !important;
}

.beadle-sub {
	margin-left:0px !important;
}

.beadle-figure {
	margin-top:-600px !important;
}

.ipad-misery {
	min-height:4000px !important;
}

.ticket-ipad {
	width:360px !important;
	margin-left:60px;
	margin-top:80px !important;
}

.ticket-ipad-text {
	top:-1900px !important;
	margin-left:290px !important;
}

.arrows {
	position:absolute !important;
	top:-10px !important;
	left:550px !important;
     
  }
.intro-ipad {
	  height:1200px !important;
  }
  
  .ball-ipad {
	  min-height:1400px !important;
  }
  
  } 
  
  
  
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) { 
  
    .hints em {
        display: none;
      }
      
    article { 
     
    }
    
    article .column {
        width: 100% ;
        margin: 0;
        top: 0;
        padding: 0;
        height: auto;
        position: static;
      }
     
   
  .background {
	   height: 100%;
    width: auto !important;
  }

    article figure {
      width: 300px;
     margin:0 auto;
      min-height: auto;
      margin-top: 0px;
	  position:relative;
    }
	
	figure p {
		font-size:13px;
		line-height:18px;
	}
	
	.cover-bar {
		 left:500px !important;
		 top: 0px !important;
		 position:absolute !important;
		 height:1000px !important;
	 }
	 .toc-bar {
		 display:none !important;
	 }
	 
	 .nav-label { display:none;}
	 
	  .cover-cont {
		 height:800px !important;
	 }
	 
	 .cover-img {
		 margin-top:0px !important;
	 }
    
    article figure img{
      display:inline;
    }
	
	.ipad-col {
		margin-top:200px !important;
		margin-left:10px !important;
	}
	.right-col {
	position:absolute !important;
	left:150px !important;
	top:100px !important;
}


.ipad-img {
	max-width:300px !important;
	text-align:right !important;
}

.ipad-lrg-img {
	max-width:630px !important;
}

.beadle-cover {
	margin-left:100px !important;
}

.beadle-title {
	font-size:28px !important;
}
.beadle-sub {
	margin-left:0px !important;
}

.beadle-figure {
	margin-top:-600px !important;
}

.ipad-misery {
	min-height:4000px !important;
}

.ticket-ipad {
	width:360px !important;
	margin-left:60px;
	margin-top:80px !important;
}

.ticket-ipad-text {
	top:-1900px !important;
	margin-left:290px !important;
}

.chart-img {
	margin-left:-10px !important;
} 

.arrows {
	position:absolute !important;
	top:-10px !important;
	left:550px !important;
     
  }
  
  .intro-ipad {
	  height:1200px !important;
  }
  
   .ball-ipad {
	  min-height:1400px !important;
  }
  }
  
 
.chart-img {
	margin-left:80px;
}
/* ---------------------------------- */

/* @Clear */

.clear-self:after 
{ 
  content: " "; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  line-height: 0; 
  height: 0;
  margin-bottom: 0; 
}

.clear-self 
{ 
  display: block;
}

html[xmlns] .clear-self 
{ 
  display: block;
}

* html .clear-self 
{ 
  height: 1%; 
  
  /* ---------------------------------- */

/* Issue 1 */


/* ---------------------------------- */

/* Interlude 1 */

#interlude-pioneer header {
  position: relative;
}

#interlude-pioneer-craft {
  position: absolute;
  
  width: 0;
  overflow: hidden;

}



}


.cover-bar {
	background-image:url(img/coverbar.png);
	background-position:top center;
	background-repeat:no-repeat;
	position:absolute;
	top:-20px;
	left:550px;
	height:2150px;
	min-height:1500px;
	width:333px;
	display:block;
	border-bottom:2500px solid #fff;
}

.background-fixed {
	position:fixed;
	margin-left:-300px;
}


.nav-label {
	width:100%;
	text-align:center;
	position:absolute;
	top:660px;
}


.nav-label-p {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:3px;
	text-align:center;
	color: #000 !important;
	}
	
	.col-1 {
		width:300px;
		position:relative;
	}
	
	.grey-italic {
		font-size:14px;
		color:#bebebe;
		font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif;
		line-height:22px;
	}
	
	.center-caption {
		text-align:center;
		font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		margin-bottom:50px;

	}
	
.large-italic {
	font-size:28px;
	color:#000;
	text-align:center;
	font-weight:normal !important;
}

.patent-img {
	margin-left:-33%;
	margin-bottom:30px;
}

.white-barred {
	border-top:double 3px #fff;
	border-bottom:double 3px #fff;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff !important;
	text-align:justify;
	font-size:14px;
	font-family: "HerculesRegular", Georgia, "Times New Roman", Times, serif;
	line-height:20px;
	width:265px;
	margin:0 auto;
	display:block;
	margin-top:30px;
}

.j-white {
	display:inline-block;
	background-image:url(img/caps/j-white.png);
	width:23px;
	height:30px;
	float:left;
	margin-right:5px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-top:6px;
}

.f-white {
	display:inline-block;
	background-image:url(img/caps/f-white.png);
	width:23px;
	height:30px;
	float:left;
	margin-right:2px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-top:6px;
}

.i-cap {
	display:inline-block;
	background-image:url(img/caps/i-herc.png);
	width:23px;
	height:46px;
	float:left;
	margin-right:5px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-top:4px;
	margin-left:-2px;
}

.b-cap {
	display:inline-block;
	background-image:url(img/caps/b-herc.png);
	width:40px;
	height:46px;
	float:left;
	margin-right:5px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-top:4px;
	margin-left:-2px;
}

.t-cap {
	display:inline-block;
	background-image:url(img/caps/t-herc.png);
	width:42px;
	height:46px;
	float:left;
	margin-right:5px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-top:4px;
	margin-left:-2px;
}

.m-cap {
	display:inline-block;
	background-image:url(img/caps/m-herc.png);
	width:55px;
	height:46px;
	float:left;
	margin-right:5px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-top:4px;
	margin-left:-2px;
}

.evers-container {
	width:360px;
	margin-left:200px;
	margin-top:120px;
	position: absolute;
}

.white-arrow {
	background:url(img/whitearrow.png);
	width:184px;
	height:7px;
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
	background-repeat:no-repeat;
}

.section-title-white-text {
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
	letter-spacing:2px;
	color:#FFF;
}

.evers-title {
	margin-top:100px;
	margin-left:-30px;
}

.section-title-white {
	min-width:610px;
	position:relative;
	margin-left:-51%;
}

.grey-arrow {
	background:url(img/greyarrow.png);
	width:184px;
	height:7px;
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
	background-repeat:no-repeat;
}

.section-title-text {
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
	letter-spacing:2px;
	color:#000;
}

.section-title-black {
	width:600px;
	margin:0 auto;
	position:relative;
	margin-bottom:80px;	
}

.section-title-black-absolute {
	width:600px;
	margin:0 auto;
	position:absolute;
	margin-bottom:80px;	
}

.default-fig {
	margin-top:80px !important;
}

.interior-default {
	margin:0 auto;
	margin-top:100px;
	width:1000px;
}

  .interior {
	   width:1000px;
	   margin:0 auto;
	   position:relative;
   }

.patent-number {
	color:#f28907;
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	margin:20px, 0px, 20px 0px;
	text-align:center;
}

.patent-info-container {
	position:relative;
	float:left;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin-bottom:50px;
	padding-top: 20px;
	width:650px;
	margin-left:-173px;
	clear:both;
}

.patent-info-1 {
	float:left;
	position:relative;
	width:65%;
}

.patent-info-2 {
	float:right;
	position:relative;
	width:35%;
	text-align:right;
	display:block;
}

.patent-info-container h3 {
	font-family:"Champion";
	font-size:15px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:5px;
}

.patent-info-container h2 {
	font-family:"Champion";
	font-size:20px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:5px;
}

.patent-info-container p {
	color:#bebebe;
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif !important;
	font-size:13px !important;
}

.footnote-small-right {
	position:absolute;
	right:-240px;
	width:200px;
}

.footnote-small-left {
	position:absolute;
	left:-240px;
	width:200px;
	text-align:right !important;
}

.footnote-large-right {
	position:absolute;
	right:-340px;
	width:300px;
	text-align:left !important;
}

.footnote-large-left {
	position:absolute;
	left:-340px;
	width:300px;
	text-align:right !important;
}

.no-margin {
	margin-bottom:0px !important;
}

.patent-title {
	margin-left:-143px;
}

.pullquote {
	color:#bebebe;
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif !important;
	font-size:15px;
	line-height:22px;
	border-top:double 3px #000;
	border-bottom:double 3px #000;
	width:100%;
	padding:10px 0px 10px 0px;
	text-align:left !important;
	text-indent: -0.5em;
}

.cubs {
	margin: 0xp !important;
}

.two-col {
	width:720px;
	clear:both;
	margin-left:-210px;
	margin-bottom:30px;
}

.col-1 {
	float:left;
	margin-right:40px;
	width:340px;
}

.col-2 {
	float:left;
	width:340px;
}

.clear {
	clear:both;
}

.question {
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif !important;
	text-transform:uppercase;
	color:#333;
	font-size:14px;
	border-bottom:double 3px #bebebe;
	border-top:double 3px #bebebe;
	padding:10px 0px 10px 0px;
	margin-bottom:25px;
	margin-top:15px;
	text-align:left;
	letter-spacing:1px;
	line-height:20px;
}

.medium-text {
	font-size:16px;
	text-align:center;
	margin-bottom:80px;
}

.logo-header {
	display:inline-block;
	margin:0px 55px -15px 55px;
}

.full-img {
	margin-left:-350px;
	margin-top:40px;
	margin-bottom:20px;
}

.misery p {
	color:#FFF !important;
}

.wide {
	width:100%;
	margin-bottom:40px;
	
}

.wide p {
	font-size: 14px !important;
	line-height:20px;
}

.white-italic {
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif !important;
	color:#fff;
	font-size:16px;
	line-height:24px;
	text-align:center;
	width:700px;
	margin-left:-210px;
	margin-top:50px;
	margin-bottom:70px;
}

.misery-section {
	margin-left:-48% !important;
	margin-bottom:100px;
	position:relative !important;
}

.large-p {
	font-size:13px;
	line-height:20px;
}

.misery {
	background-color:#000 !important;
}

.background-fixed-cover {
	position:absolute;
	display: block;
        top: 0;
        left: 0;
		height:100%;
}

.toc-bar {
	position:relative;
	width:220px;
	margin:0 auto;
	top:800px;
}

.toc-bar p {
	margin-bottom:50px;
}

.toc-title {
	display:block;
	margin-left:-28px;
	width:120%;
	margin-bottom:15px;
}

.toc-number {
	color:#f28907;
	font-family: "HerculesRegular", Georgia, "Times New Roman", Times, serif;
	width:20px;
	text-align:right;
	display:inline-block;
	margin-right:8px;
	font-weight:bold;
	font-size:13px;
}

.toc-title a {
	text-transform:uppercase;
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif;
	border-bottom:3px double #000;
	display:inline-block;
	width:220px;
	font-size:13px;
	letter-spacing:1.5px;
	padding-bottom:5px;
	text-decoration:none;
}

.right-col {
	margin-left:40px;
	top:-4500px;
}

.dialect {
	margin-left:-50%;
}

.heralddate {
	margin-right:20px;
	font-family:"HerculesRegular", Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	text-align:right;
	letter-spacing:2px;
	width:100px;
	float:left;
	margin-top:10px;
	color:#333;
	display:block;
	min-height:38px;
}

.date-desc {
	float:left;
	width:380px;
	display:block;
	margin-bottom:80px;
	text-align:left;
}

.date {
	margin-left:150px;
	width:510px;
	
	clear:both;
}

.date-title {
	width:650px;
	margin-left:80px;
}

.chance-bio {
	color:#fff !important;
	border-left:3px double #fff;
	padding-left:20px;
}

.chance-bio p {
	color: #fff !important;
	font-size:13px !important;
	line-height:20px;
}

.bio-sans {
	font-family:"Brandon", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:600 !important;
	letter-spacing:1px;
	font-size:13px;
}

.chance-bio h3 {
	font-size:16px;
	text-transform:uppercase;
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif;
	margin-bottom:10px;
	letter-spacing:3px;
}

.arrows {
	background-image:url(img/vertarrow.png);
	background-position:top center;
	background-repeat:no-repeat;
	position:absolute;
	top:-50px;
	padding-top:400px;
}

.centered {
	text-align:center;
	margin-top:-30px;
}

.champ {
	font-family: "Champion";
	font-size:20px;
	color:#333;
	margin-bottom:20px;
	margin-top:13px;
	
}

.champ-grey {
	font-family: "Champion";
	font-size:20px;
	color:#bebebe;
	letter-spacing:2px;
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
}

.credits-h {
	font-size:30px;
	letter-spacing: 4px;
	line-height:40px;
	text-transform:uppercase;
	font-family: "HerculesRegular", Georgia, "Times New Roman", Times, serif;
}

.credits-date {
	font-family:"HerculesRegular", Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#333;
	letter-spacing:2px;
}

.credits-date-slash {
	font-family:"HerculesRegular", Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#bebebe;
}

.credits-logo {
	margin-bottom:30px;
}

.bases {
	margin-top:20px;
	margin-bottom:20px;
}

.credits-p {
	letter-spacing:2px;
}

.orange-title {
	font-size:11px;
	
	
	font-family: Georgia, "Times New Roman", Times, serif;
	display:inline-block;
	margin:0px 20px 60px 20px;
	text-transform:uppercase;
	letter-spacing:2px;
}

.cover-sans {
	font-family:"Brandon", Arial, Helvetica, sans-serif;
	color:#bebebe;
	font-size:14px;
	margin-bottom:13px;
	text-transform:uppercase;
	letter-spacing:3px;
	margin-top:10px;
}

.bases-cover {
	margin-bottom:-8px;
	display:inline-block;
}

.beadle-title {
	font-family: "HerculesRegular", Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	letter-spacing:3px;
}
	
.beadle-sub {
	font-family:"Brandon", Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	font-size:14px;
	margin-left:115px;
	text-transform:uppercase;
	margin-top:50px;
	color:#bebebe;
}
.center-img {
	margin:0 auto;
	margin-bottom:50px;
}

.tinker {
	display:block;
	width:100%;
	font-size:50px !important;
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif;
	color: #f28907;
	text-align:left  !important;
	margin:0 auto;
	line-height:60px;
	margin-top:100px;
}

.tinker-black {
	color:#333;
	font-size:50px !important;
	font-family: "HerculesTextCEItalic", Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	line-height:60px;
	display:inline;
}

.tinker-credits {
	position:absolute;
	top:550px;
	left:500px;
	width:400px;
}

.tinker-credits h3 {
	font-family:"HerculesRegular", Georgia, "Times New Roman", Times, serif;
	margin-bottom:15px;
	color:#bebebe;
	font-size:21px;
	text-transform:uppercase;
	letter-spacing:2px;
}

.general-h1 {
	font-family:"HerculesRegular", Georgia, "Times New Roman", Times, serif;
	font-size:60px;
	line-height:60px;
	text-align:center;
	letter-spacing:3px;
}

.cover-img {
	margin-left:-330px; margin-top:-100px; left:0px;
}

.beadle-cover-img {
	width:360px;
}

.bio-indent {
	margin-left:-17px;
}


.sticky-nav {
	background-color:#fff;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:2px;
	font-size:11px;
	color:#333;
	width:25px;
	padding:10px;
	text-align:center;
	position:fixed;
	display:block;
	left:0px;
	top:45%;
	z-index:1100;
}

.sticky-nav p {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	display:block;
	margin-top:100px;
}