@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/wow_background.png) !important;
	background-position:center top !important;
	background-repeat:repeat-x !important;
	background-color:#3d4144 !important;
}

#ecommPOP {
	margin-left:-110px !important; margin-top:52px !important;
}

div#yawyr {
	max-width:920px !important; margin-left:200px; display:none !important;
}

#schlLegacyTweens {
	width:100% !important; min-width:0px !;
}

#schlPageContent {
		position:relative; left:0px; top:0px; width:100% !important; min-width:0px !important; padding:0px !important; margin:0px !important; max-width:920px;
	}
	#schlLegacyTweens  {
		position:relative; left:0px; top:0px; width:100% !important; min-width:0px !important; padding:0px !important; margin:0px !important; max-width:920px; margin-left:200px !important;
	}
	
	#schlMainContent  {
		position:relative; left:0px; top:0px; width:100% !important; min-width:0px !important; padding:0px !important; margin:0px !important; max-width:920px;
	}
	
	#schlContent  {
		position:relative; left:0px; top:0px; width:100% !important; min-width:0px !important; padding:0px !important; margin:0px !important; max-width:920px;
	}
	
	#footer-wrapper-4o {
		max-width:920px; margin-left:200px;
	}


@media only screen and (max-width:1120px) {
	
	#footer-wrapper-4o {
		max-width:none; margin-left:0px;
	}
	
	#schlMainContent  {
		left:0px; max-width:none;
	}
	div#schlPageContent {
		width:100% !important; max-width:none !important; padding-left:0px !important;
	}
	div#schlLegacyTweens  {
		max-width:none; margin-left:0px !important;
	}
	
	#schlContent  {
		max-width:none;
	}
	
	#blackBar {
		display:inline-block !important;
	}
	#aem-kids-menu {
		display:none !important;
	}
	.mainHolder {
		left:0px !important; max-width:none !important;
	}
	#schlTweens {
		padding:0px !important; margin:0px !important;
	}
	div#yawyr {
		margin-left:0px !important;
	}
}

#schl3o{
	
	background-color: #ffffff;
}
#schl3o a.morebooks{
	color:#000;
	text-decoration:none !important;
	cursor:pointer;
}
#schl3o a:hover {
    text-decoration: none !important;
}
#schl3o a {
    color: transparent;
}

#AgeScreener {
	visibility:hidden;
}

#blackBar {
	position:relative; left:0px; top:0px; width:100%; height:auto; background-color:#EC1D25; text-align:center; display:none;
}

#blackBar img {
	padding-top:1em; padding-bottom:1em;
}


.bookStatsHolderSpecial .roundButtonWhiteFull {
	position:relative; left:0px; top:0px; margin-left:2px; margin-right:2px; display:inline-block !important; vertical-align:top;
}
	
.mainHolder {
	position:relative; z-index:500;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:center;
}

.mainHolder a {
	cursor:pointer !important;
}

.contentHolder {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	display: inline-block;
	background-color: #000000;
	max-width: 920px;
	font-size: 23px;
	overflow:hidden;
}

.mainHolder .contentHolder .authorBioHolder .authorBioText p a:hover {
	text-decoration:underline !important;
}


.mainHolder .contentHolder .authorBioHolder .authorBioText p a {
	text-decoration:underline !important;
}

.mainHolder .contentHolder .authorBioText p a {
	text-decoration:underline !important;
}

.mainHolder .contentHolder .authorBioHolder p a {
	text-decoration:underline !important;
}

.contentHolder sup {
	font-size:.4em;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9, p {
	font-size:inherit;
	font-weight:normal !important;
	margin:0;
	padding:0;
	text-indent:inherit;
}

h2 {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center; font-family: 'MuseoSans-700'; font-size:.9em; color:#FFF; letter-spacing:.1em; display:inline-block;
}

h3 {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center; font-family: 'MuseoSans-700'; color:#FFF; display:inline-block; font-size:30px; padding-top:.3em; padding-bottom:25px;
}

#ecommPOPcontent h3 {
	width:80% !important;
}

h4 {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:right; font-family: 'MuseoSans-700'; color:#000; display:inline-block; font-size:1em; padding-top:.6em; padding-bottom:20px;
}

h5 {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center; font-family: 'MuseoSans-700'; font-size:.82em; color:#FFF; margin-top:1.45em; font-weight:normal !important;
}

.h3special {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'MuseoSans-700'; font-size:2.3em; color:#000000; text-align:left; margin-top:2em; font-weight:normal; line-height:.9em; padding-bottom:10px;
}

.backHeader {
	position:relative; left:0px; top:0px; display:inline-block; width:100%; height:60px; background-color:#000; text-align:left;
}

.backHeader a {
	font-family: 'MuseoSans-500'; color:#FFF !important; font-size:18px; text-decoration:none; line-height:60px; display:inline-block; vertical-align:middle;
}

.backHeader a:hover {
	text-decoration:underline;
}

.headerSection {
	position:relative; left:0px; top:0px; display:inline-block; width:100%; height:auto; max-width:920px; overflow:hidden; background-position: center; background-position:top; background-size: auto 100%; background-image:url(images/header_background.png); text-align:center; -webkit-filter: drop-shadow(0px 12px 0px rgba(0,0,0,0.1)); filter: drop-shadow(0px 12px 0px rgba(0,0,0,0.1)); z-index:100;
}
.headerSection .imgDisplayer {
	min-width:628px; position:relative; left:50%; top:0px; display:inline-block; margin-left:-100%; visibility:hidden;
}
.headerSection .imageTitleHolder {
	position:absolute; left:0px; top:11.5%; width:100%; height:auto; text-align:center;
}
.headerSection .imageTitleHolder .imageTitle {
	width:37%; max-width:399px;
}
.headerSection .subText {
	position:relative; left:0px; top:0px; width:100%; font-family: 'MuseoSans-700'; font-size:1em; line-height:1.1em; color:#FFF; display:inline-block; margin-top:15px;
}
.headerSection .navText {
	position:absolute; left:0px; bottom:12%; width:100%; height:auto; font-family: 'MuseoSans-700'; font-size:14px; color:#FFF; font-weight:normal;
}



.booksSection {
	position:relative; left:0px; top:0px; width:100%; height:auto; display:inline-block; margin-top:-45px;
}

.topIcon {
	position:relative; left:0px; top:0px; display:inline-block; margin-top:20px;
}

.iconText {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center; font-family: 'MuseoSans-700'; font-size:.9em; color:#FFF; letter-spacing:.1em; display:inline-block;
}

.booksHeaderText {
	position:relative; left:0px; top:0px; width:80%; height:auto; text-align:center; font-family: 'MuseoSans-700'; font-size:1.3em; color:#FFF; display:inline-block; margin-top:.75em;
}

.booksHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; display:inline-block; text-align:center; margin-top:3.3em;
}

.booksTile {
	position:relative; left:0px; top:0px; width:18%; height:auto; display:inline-block; text-align:center; max-width:280px; vertical-align:top; margin-left:.7em; margin-right:.7em; margin-bottom:3em;
}

.booksTileHide {
	display:none;
}

.booksTile img {
	-webkit-filter: drop-shadow(-7px 7px 0px rgba(0,0,0,0.1)); filter: drop-shadow(-7px 7px 0px rgba(0,0,0,0.1));
}

.booksTile img:hover {
	-webkit-filter: drop-shadow(-3px 3px 0px rgba(0,0,0,0.4)); filter: drop-shadow(-3px 3px 0px rgba(0,0,0,0.4));
}

.booksTile img:active {
	-webkit-filter: drop-shadow(-1px 1px 0px rgba(0,0,0,0.4)); filter: drop-shadow(-1px 1px 0px rgba(0,0,0,0.4));
}

.bookTileText {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center; font-family: 'MuseoSans-700'; font-size:.86em; color:#FFF; margin-top:1.45em;
}

.booksTile .bookTileText:hover {
	text-decoration:underline;
}

.morebooks {
	position:relative; left:0px; top:0px; margin-bottom:3em; display:inline-block; font-family: 'MuseoSans-700'; font-size:14px; color:#000; text-align:center; width:203px; height:22px; line-height:22px; cursor:pointer; background-image:url(images/morearrowsblack.png);
}

.dividerLine {
	position:relative; left:0px; top:0px; width:85%; height:1px; background-color:#000; margin-bottom:3em; display:inline-block;
}

.authorSection {
	position:relative; left:0px; top:0px; width:100%; height:auto; display:inline-block; padding-bottom:4.1em;
}

.authorPhoto {
	position:relative; left:0px; top:0px; width:39%; height:auto; max-width:420px; display:inline-block; vertical-align:top; margin-left:.65em; margin-right:.65em;
}

.authorPhoto img {
	-webkit-filter: drop-shadow(-7px 7px 0px rgba(0,0,0,0.1)); filter: drop-shadow(-7px 7px 0px rgba(0,0,0,0.1));
}

a .authorPhoto img:hover {
	-webkit-filter: drop-shadow(-3px 3px 0px rgba(0,0,0,0.4)); filter: drop-shadow(-3px 3px 0px rgba(0,0,0,0.4));
}

a .authorPhoto img:active {
	-webkit-filter: drop-shadow(-1px 1px 0px rgba(0,0,0,0.4)); filter: drop-shadow(-1px 1px 0px rgba(0,0,0,0.4));
}

.authorText {
	position:relative; left:0px; top:0px; width:46%; height:auto; max-width:490px; display:inline-block; vertical-align:top; margin-left:.65em; margin-right:.65em;
}

.authorTitle {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'MuseoSans-700'; font-size:2.3em; line-height:1em; color:#000; text-align:left; 
}

.authorCopy {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'MuseoSans-500'; font-size:.69em; color:#000; text-align:left; margin-top:.4em; line-height:1.4em;
}

.authorButtonHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:left;
}

.roundButtonBlack {
	margin-top:1em;
	vertical-align:top;
	display: inline-block;
	width:auto;
	height:26px;
	line-height:26px;
	height:auto;
    background:none;
    text-align: center;
    border-radius: 15px;
    color: black !important;
    font-family: 'MuseoSans-700';
	font-size:12px;
	border:solid;
	border-width:2px;
	border-color:#000;
	text-decoration:none !important;
	letter-spacing:1px;
	padding-top:1px;
	padding-left:15px;
	padding-right:15px;
}

.roundButtonBlack:hover { 
    background-color: black;
	color: white !important;
	text-decoration:none !important;
}

.roundButtonBlack:active { 
    background-color:transparent;
	color: black !important;
	text-decoration:none !important;
}

.gameSection {
	position:relative; left:0px; top:0px; width:100%; height:auto; min-height:200px; background-image:url(images/gamesectionbackground.png); display:inline-block; background-position: top center; padding-bottom:5em;
}

.gameCard {
	position:relative; left:0px; top:0px; width:25%; height:auto; max-width:263px; display:inline-block; vertical-align:top; margin-left:.65em; margin-right:.65em;
}

.gameCard a img {
	-webkit-filter: drop-shadow(-7px 7px 0px rgba(0,0,0,0.1)); filter: drop-shadow(-7px 7px 0px rgba(0,0,0,0.1));
}

.gameCard a img:hover {
	-webkit-filter: drop-shadow(-3px 3px 0px rgba(0,0,0,0.4)); filter: drop-shadow(-3px 3px 0px rgba(0,0,0,0.4));
}

.gameCard a img:active {
	-webkit-filter: drop-shadow(-1px 1px 0px rgba(0,0,0,0.4)); filter: drop-shadow(-1px 1px 0px rgba(0,0,0,0.4));
}

.gameText {
	position:relative; left:0px; top:0px; width:55%; height:auto; max-width:598px; display:inline-block; vertical-align:top; margin-left:.65em; margin-right:.65em;
}

.gameTitle {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'MuseoSans-700'; font-size:1.3em; color:#FFFFFF; text-align:left; margin-top:2em;
}

.gameCopy {
	position:relative; left:0px; top:0px; width:95%; height:auto; font-family: 'MuseoSans-500'; font-size:.69em; color:#FFFFFF; text-align:left; margin-top:.4em; line-height:1.4em;
}

.roundButtonWhite {
	margin-top:1em;
	vertical-align:top;
	display: inline-block;
	width:auto;
	height:26px;
	line-height:26px;
	height:auto;
    background:none;
    text-align: center;
    border-radius: 15px;
    color: white !important;
    font-family: 'MuseoSans-700';
	font-size:12px;
	border:solid;
	border-width:2px;
	border-color:#FFF;
	text-decoration:none !important;
	letter-spacing:1px;
	padding-top:1px;
	padding-left:15px;
	padding-right:15px;
}

.roundButtonWhite:hover { 
text-decoration:none !important;
    background-color: white;
	color: black !important;
}

.roundButtonWhite:active { 
text-decoration:none !important;
    background-color:transparent;
	color: white !important;
}


.quizSection {
	position:relative; left:0px; top:0px; width:100%; height:auto; min-height:200px; background-image:url(images/quiz_background.png); display:inline-block; background-position: top center; padding-bottom:3em; margin-top:-3em;
}

.quizTextHolder {
	position:relative; left:0px; top:0px; width:90%; height:auto; max-width:390px; padding-top:10em; padding-bottom:7em; display:inline-block;
}

.quizTextHeader {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'MuseoSans-700'; font-size:1.3em; line-height:1.4em; color:#FFF; -webkit-filter: drop-shadow(-5px 5px 0px rgba(0,0,0,0.5)); filter: drop-shadow(-5px 5px 0px rgba(0,0,0,0.5));
}

.quizTextCopy {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'MuseoSans-500'; font-size:.7em; line-height:1.4em; color:#FFF; padding-top:1.2em;
}

.quizTextHolder .roundButtonWhite {
	margin-top:4.4em;
}

.keyClass {
	position:absolute; left:100%; top:-4.2em; width:7.5em; height:auto; margin-left:-7.5em; pointer-events: none;
}

.quizSection .keyClass {
	left:0px; top:-3.3em; width:6.8em; margin-left:0px; pointer-events: none;
}

.slideshowSection {
	position:relative; left:0px; top:0px; width:100%; height:auto; min-height:200px; background-image:url(images/slideshow_body.jpg); display:inline-block; background-position: top center; padding-bottom:4em; background-repeat:no-repeat; padding-top:3.7em; background-color:#02a1cc;
}

.slideshowSection .authorTitle {
	text-align:center;
}

.slideshowTextHeader {
	position:relative; left:0px; top:0px; width:70%; height:auto; font-family: 'MuseoSans-700'; font-size:1.3em; line-height:1.4em; color:#FFF; margin-top:1em; text-align:center; display:inline-block;
}

#topSlideshowText .slideshowTextHeader {
	margin-top:0px; font-size:30px; line-height:32px; padding-top:0px; width:90%; padding-bottom:1em;
}

#topSlideshowText {
	display:none;
}

.slideshowSection .keyClass {
	top:-1em; pointer-events: none;
}

.navText a.textButton{
	color:#000 !important;
	font-family: 'MuseoSans-700' !important;
    font-size: 14px;
}
.navText a.textButton:hover{
	text-decoration: underline !important;

}

.textButton:hover {
	text-decoration:underline !important;;
}

.slideshowHide {
	display:none;
}

.theGallery {
	position: relative;
	left: 0px;
	top: 0px;
	width: 405px;
	height: auto;
	margin-top: .5em;
	display: inline-block;
}

.slideshowthumbHolder {
	position: absolute;
	left: 36px;
	top: 11px;
	width: 326px;
	height: 98px;
	overflow: hidden;
}

.slideshowthumbHolder .onpageslide {
	position:absolute; left:0px; top:0px; border:solid; border-width:2px; border-color:#000; display:inline-block; margin-left:5px; margin-right:5px;
}

.theGallery .slidebutton {
	position: absolute;
	left: 10px;
	top: 46px;
	cursor: pointer;
}

.slideDotHolder {
	position: absolute;
	left: 0px;
	top: 110px;
	width: 100%;
	height: auto;
	text-align: center;
}

/* start author page */

.authorHeader {
	position:relative; left:0px; top:0px; width:100%; height:auto; min-height:200px; background-image:url(images/gold_gradient.png); display:inline-block; background-position: top center; background-size: 100% 130%; background-color:#FFF; background-repeat:no-repeat;
}

.authorNameHolder {
	position:relative; left:0px; top:0px; width:85%; height:auto; display:inline-block;
}

.authorName {
	position:relative; left:0px; top:0px; width:70%; height:auto; margin-top:1em; font-family: 'MuseoSans-700'; font-size:2.3em; line-height:1em; color:#000; text-align:left;
}

.authorInfo {
	position:relative; left:0px; top:0px; width:70%; height:auto; font-family: 'MuseoSans-500'; font-size:.7em; line-height:1.4em; color:#000; text-align:left; padding-bottom:3em; margin-top:.5em;
}

.authorBioHolder {
	position:relative; left:0px; top:0px; width:85%; height:auto; display:inline-block; background-color:#FFF; padding-bottom:4.7em;
}

.authorPhotoHolder {
	position:relative; left:0px; top:0px; width:45%; height:auto; float:left;
}

.authorBioTextHolder {
	position:relative; left:0px; top:0px; width:90%; height:auto; text-align:center; display:inline-block;
}

.authorBioText {
	position:relative; left:0px; top:0px; width:85%; height:auto; display:inline-block; padding-top:2em; padding-bottom:2em; font-family: 'MuseoSans-500'; font-size:.7em; line-height:1.4em; color:#000; text-align:left; display:inline-block;
}

.authorBooksSection {
	background-image:url(images/authorbooksbackground.png); background-position: top center;
}

.authorBooksSection .bookTileText {
	color:#FFF;
}

.authorBooksSection .iconText {
	color:#FFF;
}

.authorBooksSection h2 {
	color:#FFF;
}

.authorBooksSection .morebooks {
	background-image:url(images/morearrowsAuthor.png); color:#FFF;
}

/* start book page */

.booksTileSpecial {
	text-align:left;
}

.booksTileSpecial .topIcon {
	margin-top:0px;
}

.booksTileSpecial .iconText {
	text-align:left; margin-top:1em;
}

.topIconSpecial {
	display:none;
}

.iconTextSpecial {
	display:none;
}

.exploreSection {
	background-image:url(images/orangearc.png); background-position: top center; background-repeat:no-repeat;
}

.exploreSection .booksHolder {
	margin-top:1.5em;
}

.exploreSection .roundButtonWhiteFull {
	margin-bottom:4em;
}

#seeAll {
	display:none;
}

.bookHeader {
	
}

.bookInfoHolder {
	position:relative; left:0px; top:0px; width:89%; height:auto; display:inline-block; margin-top:3.4em;  margin-bottom:4em;
}

.bookPhotoHolder {
	position:relative; left:0px; top:0px; width:35%; height:auto; float:left; -webkit-filter: drop-shadow(-5px 5px 0px rgba(0,0,0,0.1)); filter: drop-shadow(-5px 5px 0px rgba(0,0,0,0.1));
}

.bookBioTextHolder {
	position:relative; left:0px; top:0px; width:65%; height:auto; float:left;
}

.bookBioHeaderText {
	position:relative !important; left:0px !important; top:0px !important; width:85% !important; height:auto !important; display:inline-block !important; padding-top:.1em !important; font-family: 'MuseoSans-700' !important; font-size:2.3em !important; line-height:1em !important; color:#FFF !important; text-align:left !important;
}

.bookBioHeaderTextSub {
	position:relative; left:0px; top:0px; width:85%; height:auto; display:inline-block !important; padding-top:.2em !important; font-family: 'MuseoSans-700' !important; font-size:1.3em !important; line-height:1em !important; color:#e2f4fd !important; text-align:left;
}

.bookBioHeaderTextSub2 {
	position:relative; left:0px; top:0px; width:85%; height:auto; display:inline-block !important; padding-top:.2em !important; font-family: 'MuseoSans-700' !important; font-size:20px !important; color:#000000 !important; text-align:left;
}

.bookLine {
	position:relative; left:0px; top:0px; width:85%; height:1px; display:inline-block; background-color:#fcefe1;
}

.bookStatsHolder {
	position:relative; left:0px; top:0px; width:85%; height:auto; display:inline-block; padding-top:.2em; text-align:left;
}

.statBlock {
	position:relative; left:0px; top:0px; width:auto; height:auto; padding-right:1em; font-family: 'MuseoSans-700'; font-size:.5em; color:#000; margin-top:1em; float:left;
}

.statDivider {
	position:relative; left:0px; top:0px; width:1px; height:1.5em; background-color:#fcefe1; float:left; margin-right:.5em; margin-top:.5em;
}

.statBlock .whiteNum {
	font-size:1.33em; color:#FFF; line-height:2em;
}

.bookStatsHolderSpecial {
	padding-bottom:2em;
}

.roundButtonWhiteFull {
	margin-top:1em;
	vertical-align:top;
	display: inline-block;
	width:auto;
	height:26px;
	line-height:26px;
	height:auto;
    text-align: center;
    border-radius: 15px;
    color: black !important;
    font-family: 'MuseoSans-700';
	font-size:12px;
	border:solid;
	border-width:2px;
	border-color:#FFF;
	text-decoration:none !important;
	letter-spacing:1px;
	padding-top:1px;
	padding-left:15px;
	padding-right:15px;
	background-color: white;
	-webkit-filter: drop-shadow(-5px 5px 0px rgba(0,0,0,0.1)); filter: drop-shadow(-5px 5px 0px rgba(0,0,0,0.1));
}

.roundButtonWhiteFull:hover { 
text-decoration:none !important;
    -webkit-filter: drop-shadow(-3px 3px 0px rgba(0,0,0,0.4)); filter: drop-shadow(-3px 3px 0px rgba(0,0,0,0.4));
}

.roundButtonWhiteFull:active { 
text-decoration:none !important;
    -webkit-filter: drop-shadow(-3px 3px 0px rgba(0,0,0,0)); filter: drop-shadow(-3px 3px 0px rgba(0,0,0,0));
}

/* quiz section */

.quizHolder {
	position:fixed; left:0px; right:0px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:100%; height:589px; max-width:920px; z-index:1501; display:inline-block;margin-left: auto; margin-right: auto; min-height:200px; -webkit-filter: drop-shadow(-5px 5px 0px rgba(0,0,0,0.1)); filter: drop-shadow(-5px 5px 0px rgba(0,0,0,0.1)); background-image:url(images/game_background.png); background-position:top center; overflow:hidden; border:solid; border-color:#FFF; border-width:1px;
}

.quizLine {
	position:relative; left:0px; top:0px; width:100%; height:1px; background-color:#FFF; max-width:490px; display:inline-block; margin-top:16px;
}

.quizQuestion {
	position:relative; left:0px; top:50%; width:100%; height:auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%);
}

.quizHeader {
	position:relative; left:0px; top:0px; width:100%; height:150px;
}

.quizHeaderQuestion {
	position:relative; left:0px; top:0px; width:90%; height:auto; display:inline-block; margin-top:75px; font-family: 'MuseoSans-700'; font-size:32px; color:#FFF; text-align:left; max-width:480px; line-height:1.1em;
}

.quizNumDisplay {
	position:relative; left:0px; top:0px; width:90%; height:auto; display:inline-block; margin-top:10px; font-family: 'MuseoSans-700'; font-size:12px; color:#FFFFFF; text-align:left; max-width:480px; text-transform:uppercase;
}

.quizContentDisplay {
	position:relative; left:0px; top:0px; width:100%; height:auto; overflow:hidden;
}

.quizMultiSelect {
	position:relative; left:0px; top:0px; width:100%; height:auto; padding-top:35px; text-align:center;
}

.quizQuestionNum {
	position:relative; left:0px; top:0px; width:80%; height:auto; font-family: 'MuseoSans-500'; font-size:16px; color:#FFF; text-align:left; background-image:url(images/noselect.png); background-repeat:no-repeat; padding-left:35px; padding-bottom:10px; margin-bottom:18px; padding-top:3px; cursor:pointer; max-width:445px; display:inline-block;
}

.quizStart {
	position:relative; left:0px; top:0px; width:100%; height:auto;
}

.quizStart .quizHeaderQuestion {
	font-size:30px; color:#FFF; margin-bottom:1em;
}

.quizStart .quizQuestionNum {
	background-image:none !important; padding-left:0px;
}

.quizStart .quizMultiSelect {
	width:75%;
}
.quizStart .quizMultiSelect {
	width:75%;
}

.questionWrap {
	position:relative; left:0px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:100%; height:auto; 
}

.quizResult {
	position:relative; left:0px; top:50%; width:100%; height:auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%);
}

.quizResult .quizNumDisplay {
	margin-bottom:.5em; text-align:center; padding-top:1.5em;
}

.charQuizAnswer {
	position:absolute; right:0px; bottom:0px;
}

.quizResult .quizHeaderQuestion {
	margin-top:0px; font-size:32px; text-align:center; margin-bottom:60px; line-height:1.1em;
}

.quizResult .quizMultiSelect {
	width:100%;
}

.quizResult .quizQuestionNum {
	background-image:none !important; padding-left:0px; margin-bottom:0px;
}

.quizResult .quizContentDisplay {
	
}

#contentBlocker {
	position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.9); z-index:1500;
}

.closeButton {
	position:absolute; left:100%; top:0px; margin-left:-70px; cursor:pointer;
}

.quizHolder .roundButtonWhite {
	background-color:#323232;
}

.quizHolder .roundButtonWhite:hover { 
    background-color: white;
	color: black;
}

.quizHolder .roundButtonWhite:active { 
    background-color:transparent;
	color: white;
}

/* quiz section */

.slideshowHolder {
	position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:1600; display:inline-block; min-height:200px; background-color:#000000; text-align:center;
}

.slideshowHolderImage {
	position:relative; left:0px; top:0px; width:47%; height:auto; max-width:440px; display:inline-block; display:inline-block; padding-top:2em; padding-bottom:2em; vertical-align:top; margin-left:.5em; margin-right:.5em;
}

.slideshowHolderText {
	position:relative; left:0px; top:0px; width:35%; height:auto; max-width:600px; display:inline-block; display:inline-block; padding-top:2em; padding-bottom:2em; vertical-align:top; margin-left:.5em; margin-right:.5em;
}

.slideshowHolderCopy {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'MuseoSans-500'; font-size:16px; color:#FFFFFF; text-align:left; margin-bottom:1em;
}

.slideshowHolderTitle {
	position:relative; left:0px; top:0px; width:100%; height:auto; font-family: 'MuseoSans-700'; font-size:30px; color:#FFFFFF; text-align:left; margin-bottom:.5em;
}

.slideButtonHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:left; margin-bottom:1em;
}

.previousSlide {
	cursor:pointer;
}

.nextSlide {
	margin-left:.2em; cursor:pointer;
}

.sideArt {
	position:absolute; right:0px; bottom:0px;
}

.BrightcoveExperience {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
	  z-index:100;
    }
	
	
	.codeClass {
	position:relative; left:0px; top:0px; width:90%; height:auto; background-color:#eeecec; padding:0px; padding-top:17px; padding-bottom:50px; margin:0px; padding-left:15px; padding-right:15px; margin-bottom:1em; font-family:Arial, Helvetica, sans-serif;
}

.authorBioHolder p a {
	text-decoration:underline !important;
}


@media only screen and (max-width:920px) {
	.headerSection {
		left:0px; margin-left:auto;
	}
	.contentHolder {
		font-size:21px;
	}
	.quizHolder {
		border:none;
	}
	
}

@media only screen and (max-width:960px) {
	.contentHolder {
		font-size:19px;
	}
	.sideArt {
		bottom:-25px; width:150px
	}
	.breakHide {
		display:none;
	}
	.authorBioHolder {
		width:85%;
	}
}

@media only screen and (max-width:840px) {
	.contentHolder {
		font-size:17px;
	}
	
	.gameCard {
		width:90% !important;
	}
	.gameText {
		width:90% !important; min-width:280px; max-width:none !important;
	}
	.gameTitle {
		font-size:30px; text-align:center; margin-top:.8em;
	}
	.gameCopy {
		font-size:16px; line-height:22px; text-align:center; text-align:center;
	}
	.h3special {
		font-size:30px; text-align:center; margin-top:.8em;
	}
	#bottomSlideshowText {
		width:95%; overflow:hidden;
	}
	
}

@media only screen and (max-width:720px) {
	.contentHolder {
		font-size:16px;
	}
	.booksTile {
		width:40% !important;
	}
	.bookTileText {
		font-size:14px;
	}
	.authorTitle {
		font-size:1.8em;
	}
	#thirdLine {
		display:none;
	}
	#thirdSection {
		width:100%; margin-top:0px;
	}
	.sideArt {
		bottom:-30px; width:120px
	}
	#explore3 {
		display:none;
	}
	#seeAll {
		display:inline-block;
	}
	.booksTile {
		margin-top:0px !important;
	}
	.backHeader a {
		font-size:14px;
	}
	
}

@media only screen and (max-width:650px) {
	
	.charQuizAnswer {
		position:relative; right:0px; bottom:0px; float:right;
	}
	.sideArt {
		bottom:-35px; width:90px
	}
	.authorBioTextHolder {
		width:85%;
	}
}

@media only screen and (max-width:600px) {
	.contentHolder {
		font-size:15px;
	}
	.booksHeaderText {
		font-size:20px;
	}
	.iconText {
		font-size:14px;
	}
	h2 {
		font-size:14px;
	}
	.authorPhoto {
		width:280px;
	}
	
	.authorText {
		width:90%;
	}
	
	
	.authorTitle {
		font-size:30px; text-align:center; margin-top:.8em;
	}
	.authorCopy {
		font-size:16px; line-height:22px; text-align:center;
	}
	.authorButtonHolder {
		text-align:center;
	}
	.quizTextHeader {
		font-size:30px; line-height:32px;
	}
	.quizTextCopy {
		font-size:16px; line-height:24px;
	}
	.quizTextHolder {
		padding-top:14em; padding-bottom:3em;
	}
	#topSlideshowText {
		display:inline-block;
	}
	#bottomSlideshowText .slideshowTextHeader {
		display:none;
	}
	.slideshowTextLink {
		padding-top:1em;
	}
	.authorPhotoHolder {
		width:100%; text-align:center;
	}
	
	.authorBioText {
		font-size:16px; line-height:22px;
	}
	.authorInfo {
		font-size:16px; line-height:22px;
	}
	
	
	.bookPhotoHolder {
		width:100%; text-align:center;
	}
	
	.bookBioTextHolder {
		width:100%;
	}
	.bookBioHeaderText {
		width:100% !important;
	}
	.bookBioHeaderTextSub {
		width:100% !important;
	}
	.bookBioHeaderTextSub2 {
		width:100% !important;  padding-top:1em !important;
	}
	.authorBioText {
		width:100%;
	}
	.bookLine {
		width:100%;
	}
	.bookStatsHolder {
		width:100%;
	}
	.bookStatsHolderSpecial {
		text-align:center;
	}
	
	.statBlock {
		font-size:12px;
	}
	.statDivider {
		height:45px;
	}
	#thirdSection .whiteNum {
		line-height:22px;
	}
	.quizHeaderQuestion {
		font-size:24px;
	}
	.quizResult .quizHeaderQuestion {
		font-size:30px;
	}
	.quizStart .quizHeaderQuestion {
		padding-top:1em;
	}
	
	.quizResult .quizNumDisplay {
		margin-top:3em;
	}
	
	.slideshowHolderImage {
		width:90%; padding-top:6.5em; display:inline-block;
	}
	
	.slideshowHolderText {
		width:90%;
	}
	
	.slideshowHide {
		display:inline-block;
	}
	
	.slideshowShow {
		display:none;
	}
	.quizHolder {
		top:0px; -webkit-transform: none; transform: none;
	}
	.quizHeader {
		height:auto;
	}
	.questionWrap {
		top:0px; -webkit-transform: none; transform: none;
	}
	.topHide {
		display:none;
	}
	
	h5 {
		font-size:14px;
	}
	.backHeader a {
		font-size:12px;
	}
	
}

@media only screen and (max-width:480px) {
	.contentHolder {
		font-size:14px;
	}
	
	#book3 {
		display:none;
	}
	.topIconSpecial {
		display:inline-block;
	}

	.iconTextSpecial {
		display:inline-block;
	}
	
}

@media only screen and (max-width:360px) {
	.contentHolder {
		font-size:13px;
	}
}

@media only screen and (max-width:480px) {
	.headerSection {
		background-image:url(images/header_background2.png);
	}
}

@media only screen and (max-width:640px) {
	.headerSection .imageTitleHolder {
		top:10px;
	}
	.headerSection .imageTitleHolder .imageTitle {
		width:79%; max-width:254px;
	}
}
@media only screen and (max-width:480px) {
	#specialSection .booksTile {
		width:65% !important;
	}
	.authorBioHolder {
		width:100%;
	}
}