/* RJM copied the entire style sheet to remove the responsive nav */

@charset "UTF-8";

html {
	background-image: url(images/bg_repeat_pattern.jpg);
	background-repeat: repeat;
}
@font-face {
	font-family: Sexsmith-Regular;
	src: url(fonts/Sexsmith-Regular.otf);
}
@font-face {
	font-family: AJensonPro-Regular;
	src: url(fonts/AJensonPro-Regular.otf);
}
@font-face {
	font-family: AJensonPro-It;
	src: url(fonts/AJensonPro-It.otf);
}

.content {
	/*top: 134px;
	left: 37px;*/
	/*position: absolute;*/
	/*width: 951px;*/
}

body{
	margin-top:0 !important;
	font-family: AJensonPro-Regular, Arial, sans-serif; /* RJM added */
}

/* HOME PAGE */

#loader{
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width: 1024px;
	height: 768px;
	background-color: #000000;
	z-index: 1;
}

#loader img{
	position: absolute;
	/* top: 320px;
	left: 448px; 
	*/
	top: 0px;
	left: 0px;
}

#introVideo{
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	max-width:1024px;
	height:auto;
	/*border: 6px solid #866f9d;*/
	z-index:3;
}

#introVideo video{
	width: 100%;
    height: auto;
}

#home-wrapper {
	/*background-image: url(images/bg_home.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:left top;*/
	margin: auto;
	width: 100%;
	max-width:1024px;
	position: relative;
	-moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
	border: 6px solid #866f9d;
	z-index:5;
	display:none;
}
#home_background{
	position: relative;
	width: 100%;
	height: 100%;
	/*top:0;
	left:0;*/
}
#home_background img{
  width: 100%;
  height: auto;
}
#home_title{
	position: absolute;
	width: 46.78%;
	height: 25.52%;
	top:0.9%;
	left:1.27%;
}
#home_title img{
	width: 100%;
    height: auto;
}
#home_author{
  position: absolute;
  width: 46.6796875%;
  height: 27.864583333333%;
  left: 25.78125%;
  top: 22.005208333333%;
}
#home_author img{
  width: 100%;
  height: auto;
}

#bg_nav_home {
	width: 37.9%;
	height: 62.8%;
	top: 36.5%;
	left: 1%;
	position: absolute;
	display: inline-block;
}
#bg_nav_home img{
  width: 100%;
  height: auto;
}
#home_charlie {
	width: 21.484375%;
	height: 57.161458333333%;
	position: absolute;
	top: 42.25%;
	left: 75%;
}
#home_charlie img{
  width: 100%;
  height: auto;
}

/* nav */

#nav_home_home {
	width: 20.8%;
	height: 6.12%;
	position: absolute;
	top: 44.401041666667%;
	left: 11%;
}
#nav_home_home img{width: 100%;height: auto;}
#nav_home_books {
	width: 20.8%;
	height: 6.12%;
	position: absolute;
	top: 50.651041666667%;
	left: 11%;
}
#nav_home_books img{width: 100%;height: auto;}
#nav_home_characters {
	width: 20.8%;
	height: 6.12%;
	position: absolute;
	top: 56.510416666667%;
	left: 11%;
}
#nav_home_characters img {width: 100%;height: auto;}
#nav_home_videos {
	width: 20.8%;
	height: 6.12%;
	position: absolute;
	top: 62.890625%;
	left: 11%;
}
#nav_home_videos img {width: 100%;height: auto;}
#nav_home_activities {
	width: 20.8%;
	height: 6.12%;
	position: absolute;
	top: 68.619791666667%;
	left: 11%;
}
#nav_home_activities img {width: 100%;height: auto;}
#nav_home_author {
	width: 21.19140625%;
	height: 6.12%;
	position: absolute;
	top: 74.088541666667%;
	left: 11%;
}
#nav_home_author img {width: 100%;height: auto;}
#nav_home_praise {
	width: 20.8%;
	height: 6.12%;
	position: absolute;
	top: 80.46875%;
	left: 11%;
}
#nav_home_praise img {width: 100%;height: auto;}



#jquery_border {}
#jquery_border img{
	width: 395px;
	height: 225px;
	position: absolute;
	top: 361px;
	left: 349px;
}
/*
#jquery_mask {
	width: 421px;
	height: 252px;
	position: absolute;
	top: 373px;
	left: 358px;
}
*/
#jquery_mask {
	width: 42%;
	height: 33%;
	position: absolute;
	top: 50%;
	left: 35%;
	background: url('images/jquery_borderWithMask.png') no-repeat;
	/* always fit background */
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#videoFrame {
	width:83.5%;
	height:83.5%;
	margin-top:5%;
	margin-left:8%;
}

/* INTERIOR PAGES */

#nav{
  display:inline-block;
}
#nav-fluid{
  display:none;
  width:55%;
  vertical-align:top;
  margin-left:1.0%;
  margin-top:5.0%;
}
.content-title{
	font-family: Sexsmith-Regular, "Arial Bold", Arial;
	font-size: 40px;
	font-weight:normal;
}
.content-body p{
	font-family: AJensonPro-Regular, Arial, sans-serif;
	line-height: 125%;
	padding-top: 0px;
}
.content-body ul{
	list-style-type: none;
	list-style:none;
    padding-left:0;
}

.interior-wrapper {
	background-image: url(images/site_embellish.png), url(images/interior_background.jpg);
	background-size:100%,cover;
	background-repeat:no-repeat,no-repeat;
	background-position:left bottom,left top;
	margin: auto;
	width: 100%;
	max-width:1024px;
	height:768px;
	position: relative;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
	border: 6px solid #866f9d;
}

#top-area{height:120px;}

#menuItemCanvas{
	width:1024px;
	height:768px;
	position:absolute;
}

/*.wrapper-border{
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
	border: 5px solid #866f9d;
}*/
#interior-wrapper-books{
	  min-height: 930px;
	  height:auto;
}
.interior-wrapper #site-title {
	width: 286px;
	height: 74px;
	top: 25px;
	left: 20px;
	position: absolute;
}

.interior-wrapper #nav #nav-site-home {
	width: 53px;
	height: 24px;
	position: absolute;
	top: 40px;
	left: 322px;
}

.interior-wrapper #nav #nav-site-books {
	width: 53px;
	height: 24px;
	position: absolute;
	top: 40px;
	left: 405px;
}
.interior-wrapper #nav #nav-site-web-books {
	width: 4px;
	height: 89px;
	position: absolute;
	top: 1px;
	left: 425px;
	display: none;
}

.interior-wrapper #nav #nav-site-characters {
	width: 53px;
	height: 24px;
	position: absolute;
	top: 40px;
	left: 486px;
}

.interior-wrapper #nav #nav-site-web-characters {
	width: 4px;
	height: 89px;
	position: absolute;
	top: 0px;
	left: 536px;
	display: none;
}

.interior-wrapper #nav #nav-site-videos {
	width: 53px;
	height: 24px;
	position: absolute;
	top: 40px;
	left: 622px;
}

.interior-wrapper #nav #nav-site-web-videos {
	width: 4px;
	height: 89px;
	position: absolute;
	top: 0px;
	left: 645px;
	display: none;
}

.interior-wrapper #nav #nav-site-activities {
	width: 53px;
	height: 24px;
	position: absolute;
	top: 40px;
	left: 711px;
}

.interior-wrapper #nav #nav-site-web-activities {
	width: 4px;
	height: 89px;
	position: absolute;
	top: 0px;
	left: 753px;
	display: none;
}

.interior-wrapper #nav #nav-site-author {
	width: 53px;
	height: 24px;
	position: absolute;
	top: 40px;
	left: 826px;
}

.interior-wrapper #nav #nav-site-web-author {
	width: 4px;
	height: 89px;
	position: absolute;
	top: 0px;
	left: 858px;
	display: none;
}

.interior-wrapper #nav #nav-site-praise {
	width: 53px;
	height: 24px;
	position: absolute;
	top: 40px;
	left: 925px;
}

.interior-wrapper #nav #nav-site-web-praise {
	width: 4px;
	height: 89px;
	position: absolute;
	top: 0px;
	left: 957px;
	display: none;
}

#nav-site-bug1 {
	position: absolute;
	top: 40px;
	left: 382px;
	width: 18px;
	height: 23px;
}
#nav-site-bug2 {
	position: absolute;
	top: 40px;
	left: 468px;
	width: 18px;
	height: 23px;
}
#nav-site-bug3 {
	position: absolute;
	top: 40px;
	left: 602px;
	width: 18px;
	height: 23px;
}
#nav-site-bug4 {
	position: absolute;
	top: 40px;
	left: 689px;
	width: 18px;
	height: 23px;
}
#nav-site-bug5 {
	position: absolute;
	top: 40px;
	left: 808px;
	width: 18px;
	height: 23px;
}
#nav-site-bug6 {
	position: absolute;
	top: 36px;
	left: 907px;
	width: 18px;
	height: 23px;
}


/* BOOKS */

.interior-wrapper #content-book {
	/*height: 564px;*/
	/*padding-left:2.0%;*/
}

#book-items{
	width:85%;
	display:block;
	margin:auto;
	margin-bottom:10%;
}
#book-items-background{
	display: inline-block;
	position: relative;
	background-color: #200821;
	border-radius: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	width:100%;
	vertical-align: top;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
#book-bookcover {
	/*top: 74px;
	left: 99px;*/
	display:inline-block;
	position: relative;
	margin-top:10%;
	margin-left:5%;
	margin-right:5%;
	vertical-align:top;
	width:30%;

}
#book-bookcover img{
	width:100%;
}
#book-description {
	display:inline-block;
	width:55%;
	margin-top:5%;
	position:relative;
}
.book-description-title{
	display:inline-block;
		width:64%;

}
.book-description-title img{
	width:100%;
}
.book-description-body p{
	font-family: AJensonPro-Regular, Arial, sans-serif;
	line-height: 125%;
	padding-top: 0px;
	color:white;
}
.book-description-body ul{
    font-family: AJensonPro-Regular, Arial, sans-serif;
    line-height: 125%;
	list-style-type: none;
	list-style:none;
    padding-left:0;
	color:white;
}

/* NEW version */
#start-reading-button{
	width: 222px;
	height: 120px;
	display:block;
	margin-top:2%;
	margin-left:10%;
	margin-bottom:3%;
	position: relative;
	margin-top:12px;
	float: left;
	padding-top:3.7%;
}

#buy-now-item{
	width:320px;
	display:block;
	margin:auto;
	margin-top:2%;
	margin-bottom:3%;
	position: relative;
    /* RJM adding to allow for read-now button */
    float: left;
    margin-left:10%;
}
#buy-now-background {
	width: 100%;
	/*height:80%;*/
	/*min-width:260px;*/
	display: inline-block;
	position: relative;
	background-color: #320d33;
	border-radius: 10px;
	margin-top:0%;
	padding-bottom:5%;
	/*padding-right: 1.0%;
	padding-left: 1.0%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	margin-right:2.0%;
	margin-top:1.0%;
	margin-bottom:1.0%;*/
}
#buy-now-title{
	width:40.62%;
	margin:auto;
	position:relative;
}
#buy-now-title img{
	width:100%;
	height:auto;
}
#links-left{
	display:inline-block;
	position:relative;
	margin-left:4%;
	margin-top:3%;
	width:45%;
	vertical-align: top;
}
#links-right{
	display:inline-block;
	position:relative;
	margin-top:3%;
	width:45%;
	vertical-align: top;
}

.buy-now-link{}

/* links */

#link-kindle {
	width: 63px;
	height: 13px;
	display:block;
	position: relative;
	margin-top:12px;
}
#link-nook {
	width: 63px;
	height: 13px;
	display:block;
	position: relative;
	margin-top:12px;
}
#link-ibooks {
	width: 63px;
	height: 13px;
	display:block;
	position: relative;
	margin-top:12px;
}
#link-google-play {
	width: 63px;
	height: 13px;
	display:block;
	position: relative;
	margin-top:12px;
}
#link-amazon {
	width: 63px;
	height: 13px;
	display:block;
	position: relative;
	margin-top:12px;
}
#link-barnes-and-noble {
	width: 63px;
	height: 13px;
	/*position: absolute;*/
	/*top: 33px;
	left: 148px;*/
	display:block;
	position: relative;
	margin-top:12px;
}
#link-indie-bound {
	width: 63px;
	height: 13px;
	display:block;
	position: relative;
	margin-top:12px;
}
#link-books-a-million {
	width: 63px;
	height: 13px;
	display:block;
	position: relative;
	margin-top:12px;
}
#link-target {
	width: 58px;
	height: 13px;
	display:block;
	position: relative;
	margin-top:12px;
}
/*
#start-reading-button{
	width: 222px;
	height: 120px;
	display:block;
	position: relative;
	margin-top:12px;
}
*/
#site_books_fern{
	display:block;
	position: relative;
	margin-top:12px;
}
/* CHARACTERS */

#characters-wrapper {
	/*background-image: url(images/interior_background.jpg);*/
	/*margin: auto;
	position: relative;
	background-size: cover;
	width:100%;*/
	height:auto;
}
.interior-wrapper #content-characters {
	padding-left:2.0%;
	margin-bottom:5%;
}

.character-background{
	width: 45%;
	min-width:260px;
	display: inline-block;
	position: relative;
	background-color: #200821;
	border-radius: 10px;
	padding-right: 1.0%;
	padding-left: 1.0%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	margin-right:2.0%;
	margin-top:1.0%;
	margin-bottom:1.0%;

}
#characters-bottom{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;	}
#character-background-last{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.0%;
	/*width: 460px;*/
	display: block;
}
.character-item {
	/*padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;*/
	width:100%;
}
.character-photo{
	display: inline-block;
	padding-right: 0.10%;
	width: 34%;
}
.character-photo img{
	width: 100%;
}
.character-text{
	display: inline-block;
	width:60%;
	vertical-align: top;
	margin-right:0.10%;
}
.character-title{
	display: inline-block;
	color: #CEAFEC;
	font-family: Sexsmith-Regular, "Arial Bold", Arial;
	font-size: 2.0em;
	width: 100%;
}

.character-body{
	display: inline-block;
	font-size: 1.125em;
	color: #FFFFFF;
	font-family: AJensonPro-Regular, Arial, sans-serif;
	width: 100%;
}

.character-audio-button {
	display: block;
	width: 36px;
	height: 36px;
	margin-left: auto;
	margin-right: auto;
}

/* VIDEOS */

#content-videos {
	padding-left:2.0%;
	position:relative;
}
#videos-wrapper {
    height: 810px;
}
#videos-background {
    width: 98.21%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 2%;
    position: relative;
    padding-top: 35px;
    padding-bottom: 40px;
}
/*#videos-background img{
	width: 100%;
}*/

#video-player{
	width: 633px;
	height: 378px;
	/*left: 0;*/
	/*right: 0;*/
	margin-left: auto;
	margin-right: auto;
	/*position: absolute;*/
	/*top: 35px;*/
	/*display: block;*/
}
#videos-picker-background {
	width: 742px;
	height: 107px;
	margin-left: auto;
	margin-right: auto;
    margin-top: 10px;
    margin-bottom: 11px;
}
#video-thumbs {
    width: 712px;
    height: 104px;
	margin-left: auto;
	margin-right: auto;
    padding: 2px;
}
#video-thumbs img {
    margin:5px;
}
#video-previous-arrow-button {
	width: 40px;
	height: 34px;
	top: 458px;
    left: 85px;
	position: absolute;
}
#video-next-arrow-button {
	width: 40px;
	height: 34px;
	top: 458px;
	left: 848px;
	position: absolute;
}

/* */
/* ACTIVITIES */
#activities-item-background {
	display: block;
	position: relative;
	background-color: #200821;
	border-radius: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 100%;
	vertical-align: top;
	padding-bottom: 0px;
	text-align:left;
}

#activities-link-game {
	margin-top: 16%;
	margin-left: 11%;
	float: left;
	display: block;
}
#activities-link-worst-nightmare {
	margin-top: 5%;
	margin-left: 11%;
	float: left;
}

#activities-link-worst-nightmare a {
	display: block;
}

/* AUTHOR */

/* interior-wrapper-books */

#interior-wrapper-authors{
	min-height: 768px;
	height:auto;
}
#content-author {
	padding-left:2%;
	margin: auto;
	width:90%;
}

#author-events-background{
	width: 180px;
	height: 487px;
	display: inline-block;
	position: relative;
	background-color: #200821;
	border-radius: 10px;
	margin-right: 0px;
	margin-left: 9px;
	margin-top: 20px;
	float: left;
}
#author-event-content {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#author-event-title {
	padding-top: 15px; /* 20px; */
	/*
	width: 175px;
	height: 26px;
	*/
	left: 0;
	right: 0;
	/*
	margin-left: auto;
	margin-right: auto;
	*/
	position: relative;
	display: block;
}
#author-event-date {
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
	padding-top: 20px;
}
#author-event-desc {
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 18x;
	line-height: 120%;
	bottom: 10px;
}
#author-event-separator {
	padding-top: 10px;
	display: block;
}
#author-items {
	/*display: inline-block;
	width: 675px;
	vertical-align: top;
	margin-top: 20px;*/
	text-align:center;
	width:100%;
	display:block;
	margin: 0px; /* auto; */
}
#author-item-background {
	display: inline-block;
	position: relative;
	background-color: #200821;
	border-radius: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 69.82%;
	vertical-align: top;
	padding-bottom: 0px;
	text-align:left;
}
#author-photo {
	width: 26.55%;
	/*height: 36%;*/
	display: inline-block;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#author-photo img{
	width:100%;
}
#author-text    {
	display: inline-block;
	width: 60%;
	vertical-align: top;
	padding-top: 2%;
	text-align:left;
	padding-right: 2%;
}
#author-item-title {
	/*width: 432px;
	height: 39px;*/
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
#author-item-title img {
	width: 100%;
}
#author-item-body {

	font-family: AJensonPro-Regular, Arial, sans-serif;

	font-size: 18px;
	color: #FFFFFF;
	/*width: 432px;*/
	width:100%;
	display: inline-block;
	vertical-align: top;
	padding-top: 1%;
	padding-bottom: 1%;
}

#author-social-media-buttons {
	width: 71px;
	margin-left: auto;
	margin-right: 0;
	padding-bottom: 10px;
}
#author-social-media-buttons img {
	padding-left: 10px;
}
.bxslider {
}
#ytplayer{
	position: absolute;
	z-index: 2;
	top: 186px;
	left: 245px;
	width: 560px;
	height: 345px;
}

#praise-items{
	width:65%;
	display:block;
	margin:auto;
	margin-bottom:10%;
}

#praise-background{
	display: inline-block;
	position: relative;
	color: #fff;
	background-color: #200821;
	border-radius: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	width:100%;
	vertical-align: top;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
.praise-content {
	margin-left:20px;
	margin-right: 20px;
}

/*.page-border-top {
	position: absolute;
	top:0;
	left:0;
	width: 1024px;
	height: 28px;
	display: block;
}
.page-border-bottom {
	position: absolute;
	width: 1024px;
	height: 26px;
	display: block;
	bottom:0;
}*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/* RJM: opacity or animation not supported in IE9 */
.fade-in {
    /* opacity:0; */  /* make things invisible upon start */
    /* RJM removed opacity: IE couldn't deal, and it works fine without it */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards; 
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

.interior-wrapper #bottom-border {
	/*position: absolute;
	left: 0px;
	top: 580px;*/
	width:100%;
	text-align:center;
	width:100%;
	display:block;
	margin:auto;
}
.interior-wrapper #bottom-border img{
	/* width="1011" height="187" */
	width:100%;
}
.interior-wrapper #bottom-border-books{
	position: absolute;
	left: 0px;
	top: 729px;
}
.interior-wrapper #bottom-border-characters{
	display:none;
	/*position: absolute;
	left: 0px;
	top: 950px;*/
	 /*width="1011" height="187"*/
	/* position: relative;
	 display:inline-block;
	 width: 90%; 
	 height: 100%;*/
}
.interior-wrapper #bottom-border-characters img{
	 /*width="1011" height="187"*/
	 	 /*position: absolute;
		 top:-20%;
		width: 110%; */
}

.interior-wrapper #coming-soon-graphic {
	/*position: absolute;
	width: 476px;
	height: 333px;
	top:180px;
	left: 276px;*/
	/*width="476" height="333" */
	text-align:center;
	width:100%;
	display:block;
	margin:auto;
	/*margin-top: 20%;*/
}
.interior-wrapper #coming-soon-graphic img{
	width:46%;
}
.interior-wrapper #video-coming-soon-graphic{
	text-align:center;
	position: absolute;
	/*
	width: 476px; 
	height: 333px;
	top:30px;
	left: 220px;*/
}
.interior-wrapper #video-coming-soon-graphic img{
	width:46%;
	height:auto;
	/*position: absolute;
	width: 476px; 
	height: 333px;
	top:30px;
	left: 220px;*/
}


/*GAME*/

/* ID after class need to make this page NON-repsonsive */
#game-wrapper {
	width:1024px;
}
#game-container {
	/* RJM changed
	position: absolute;
	top: 106px; */
    position: relative;
    margin-top: -30px;
}
#gameCanvas {
}