@charset "utf-8";
/* Vers 1.3 */
/* FONTS */
h1, h2, h3, h4, h5, .one-book, .one-section h2, a.button, .visits-box {
	font-family: 'Didact Gothic', sans-serif;
	font-weight: normal;
}

/* REUSABLE */
.name, .nav, .nav a, .one-book, .one-books, .one-section, #social-bar h3, #social-bar a, .single-cover, .single-text, .single-text h1, .single-text h4, .button, p.also-in img, .one-intl, .two-thirds, .one-third, .inline-text, .one-callout, .one-resource, .one-half, .one-multimedia, .one-contact, form label, form input { display: inline-block; vertical-align: top;}
a, a:hover { text-decoration: none; }
img { border: 0px; }
.full {
	width: 96%;
	margin: 0 auto;
	max-width: 980px;
}
.full-menu {
	width: 100%;
	margin: 0 auto;
	max-width: 980px;
}
.full.inside {
	width: 96%;
	margin: 40px auto;
	max-width: 980px;
}
a { color: #123a7c; }
a:hover, a:hover img {
	-webkit-transition: 0.3s;
	-moz-transition:    0.3s;
	transition:         0.3s;
	color: #000;
}
.video-shell {width: 96%; max-width: 560px; margin: 0 auto; }
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.extra-banner {margin: 0 1.6% 30px;}
.extra-banner img { width: 100%; max-width: 963px; height: auto;}
h1 {
	font-size: 230%;
	text-align: center;
	line-height: 1.2em;
}
.sidebar {
	background-color: #FFF;
	background-color: rgba(255,255,255, .6);
	padding: 30px;
	border-radius: 12px;
	border: 1px solid #333;
	margin: 30px 30px 0 0 ;
	text-align: center;
}
.sidebar a {
	border: 1px solid #123a7c;
	padding: 4px 8px;
	border-radius: 6px;
	color: #123a7c;
	margin: 6px auto;
	display: inline-block;
}
.sidebar a:hover {
	background-color: #FFF;
	background-color: rgba(255,255,255, .5);
}
.sidebar img {
	width: 100%;
	height: auto;
	max-width: 250px;
}
img.banner {
	width: 90%;
	margin: 40px auto 0;
	max-width: 786px;
	height: auto;
}
.img-caption {
	text-align: center;
	font-size: 90%;
	background-color: #CCC;
	border-radius: 10px;
	padding: 15px;
}
.img-caption img {
	display: block;
	margin: 0 auto 6px;
}
.right { float: right; margin: 0 0 30px 30px; }
.left { float: left; margin: 0 30px 30px 0; }
.full-width {
	margin: 30px auto;
}
.thin { width: 150px; }
.wide { width: 250px; }
.wide img {
	width: 250px;
	height: auto;
}
.thin img {
	width: 150px;
	height: auto;
}
@media only screen and (max-width: 720px) {
	.left, .right {
		margin: 30px auto;
		float: none;
	}
	.thin, .wide {
		width: 90%;
	}
	.thin img, .wide img, .full-width img {
		width: auto;
		max-width: 90%;
	}
	
}
@media only screen and (min-width: 660px) {
	.forced-break {
		display: block;
	}
}

/* GENERAL */
body {
	margin: 0px;
	padding: 0px;
	font-family: 'PT Sans', sans-serif;
	font-size: 15px;
	line-height: 1.4em;
}
.one-third { width: 33%;}
.a-half { width: 49%; display: inline-block; vertical-align: top;}
.two-thirds { width: 66%; }
.thinner-books { width: 25%; }
.thicker-books { width: 41%; }
@media only screen and (max-width: 645px) {
	.one-third, .two-thirds, .a-half { width: 100%; display: block; }
	.sidebar {
		margin-right: 0px;
	}
}
#home-top {
	background-image: url(images/main-bg.jpg);
	background-size: cover;
	padding-bottom: 40px;
}
#home-top.inside {
	background-image: url(images/inside-bg.jpg);
	background-size: 100% auto;
	padding-bottom: 40px;
	background-color: #c0c4c7;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 1400px) {
#home-top.inside {
	background-size: auto;
}
}
#menu {
	background-image: url(images/menu-bg.png);
	background-size: 100% 68px;
	background-repeat: no-repeat;
}
.name {
	background-color: #4c4e5a;
	padding: 14px 25px;
	border: 1px solid #000;
	box-shadow: 0px 0px 20px #000;
	width: 371px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

#subhead {
	text-align: right;
	margin: -30px 20px 0;
	font-size: 130%;
	color: #000;
}
#subhead a {
	color: #222;
	border: 1px solid #222;
	padding: 5px 10px;
	font-size: 70%;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-radius: 3px;
}
#subhead a:hover {
	background-color: #FFF;
	background-color: rgba(255,255,255,.5);
	color: #000;
	border: 1px solid #000;
}
@media only screen and (max-width: 1025px) {
	.name {
		width: 30%;
	}
	.name img {
		width: 100%;
		height: auto;
	}
	#subhead {
		margin: 0px 20px 0;
	}
}
@media only screen and (max-width: 850px) {
	#subhead {
		display: none;
	}
}
#many-books {
	text-align: center;
}
.one-book {
	width: 155px;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 15px;
}
.one-books {
	width: 125px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 15px;
}
#many-books.discussion-books .one-book {
	color: #000;
}
.one-book img {
	display: block;
	background-color: #FFF;
	padding: 6px;
	border: 1px solid #999;
	margin: 0 auto 8px;	
	height: 188px;
	width: auto;
}
.one-books img {
	display: block;
	background-color: #FFF;
	padding: 6px;
	border: 1px solid #999;
	margin: 0 auto 2px;	
	height: 150px;
	width: auto;
}
.one-book img:hover, .one-callout:hover, .one-resource:hover, .one-half:hover, .one-books img:hover {
	border: 1px solid #000;
	box-shadow: 0px 0px 12px #000;
}
@media only screen and (max-width: 1025px) {
	.one-book {
		width: 16%;
	}
	.one-book img {
		padding: 6px;	
		width: 84%;
		height: auto;
	}
}
@media only screen and (max-width: 525px) {
	.one-book {
		width: 32%;
	}
	.one-book img {
		padding: 6px;
		width: 84%;
		height: auto;
	}
}
@media only screen and (max-width: 225px) {
	.one-book {
		width: 90%;
	}
	#banner-fade {
		display: none;
	}
}
.one-callout {
	border: 1px solid #FFF;
	width: 21%;
	background-color: #FFF;
	margin: 0 .6% 15px .8%;
	text-align: center;
	height: 200px;
	padding: 0px 1%;
}
.one-callout img {
	display: block;
	margin: 20px auto 0;
}
a .one-callout {
	color: #000;
}
@media only screen and (max-width: 865px) {
	.one-callout {
		width: 20%;
	}
}
@media only screen and (max-width: 750px) {
	.one-callout {
		width: 45%;
	}
}
@media only screen and (max-width: 410px) {
	.one-callout {
		width: 97%;
	}
}

/* One Half */
.one-half {
	border: 1px solid #FFF;
	width: 45%;
	background-color: #FFF;
	margin: 0 1.0% 15px .8%;
	text-align: center;
	height: 200px;
	padding: 20px 1%;
	text-align: left;
}
.one-half img {
	float: left;
	margin: 0 20px 0 10px;
	width: 30%;
	height: auto;
}
a .one-half {
	color: #000;
}
.one-half h3 {
	font-size: 180%;
}
@media only screen and (max-width: 410px) {
	.one-half {
		width: 97%;
	}
}

/* Contact */

.one-contact {
	width: 41%;
	background-color: #FFF;
	background-color: rgba(255,255,255,.5);
	margin: 0 1.0% 15px .8%;
	text-align: left;
	padding: 20px 3%;
	border-radius: 12px;
}
@media only screen and (max-width: 760px) {
	.one-contact {
		width: 92%;
		display: block;
	}
}
#contact-form {
	padding-top: 40px;
	padding-bottom: 168px;
}
form label {
	width: 30%;
	margin: 1%;
	text-align: left;
	font-weight: bold;
}
form input, form textarea {
	margin: 1%;
	width: 60%;
	text-align: left;
}
form .wpcf7-submit {
	margin: 10px auto;
	background-color: #036;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 6px 10px;
	border: 0px;
	border-radius: 8px;
	text-align: center;
	font-size: 105%;
	display: block;
}
form .wpcf7-submit:hover {
	background-color: #000;
	cursor: pointer;
}

/* Resources */
.one-resource {
	border: 1px solid #FFF;
	width: 29%;
	background-color: #FFF;
	margin: 0 .6% 15px .8%;
	text-align: center;
	height: 100px;
	padding: 120px 1% 10px;
	background-position: center 10px;
	background-repeat: no-repeat;
}
.one-resource img {
	display: block;
	margin: 20px auto 0;
}
a .one-resource {
	color: #000;
}
.bonus { background-image: url(images/bonus.jpg?p=1);}
.publicity { background-image: url(images/publicity.jpg);}
.discussion { background-image: url(images/discussion.jpg?p=1);}
.faq { background-image: url(images/faq.jpg?p=1);}
.awards { background-image: url(images/awards.jpg);}
.reading { background-image: url(images/reading.jpg);}
.headshot-one { background-image: url(images/photo-1.jpg); }
.headshot-two { background-image: url(images/photo-2.jpg); }
.about-author { background-image: url(images/about-author.jpg); }
.headshot-one, .headshot-two, .about-author {
	padding: 140px 1% 0px;
}
@media only screen and (max-width: 865px) {
	.one-resource {
		width: 45%;
	}
}
@media only screen and (max-width: 490px) {
	.one-resource {
		width: 97%;
	}
}

#social-bar {
	text-align: center;
	color: #7c9ec4;
	padding: 15px;
	background: -webkit-linear-gradient(#171717 0%, #1e1e1e 40%, #1e1e1e 60%, #171717 100%); /* Safari 5.1-6.0 */
  	background: -o-linear-gradient(#171717 0%, #1e1e1e 40%, #1e1e1e 60%, #171717 100%); /* For Opera 11.6-12.0 */
  	background: -moz-linear-gradient(#171717 0%, #1e1e1e 40%, #1e1e1e 60%, #171717 100%); /* For Firefox 3.6-15 */
  	background: linear-gradient(#171717 0%, #1e1e1e 40%, #1e1e1e 60%, #171717 100%); /* Standard syntax */
}
#social-bar h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0px;
	padding: 0px 20px 0 0;
	line-height: 23px;
}
#social-bar a {
	margin: 0 10px;
}
#social-bar a:hover {
	opacity: .6;
}
#home-sections {
	padding: 25px 0;
	background: -webkit-linear-gradient(#b2b2b2 0%, #FFF 10%); /* Safari 5.1-6.0 */
  	background: -o-linear-gradient(#b2b2b2 0%, #FFF 10%); /* For Opera 11.6-12.0 */
  	background: -moz-linear-gradient(#b2b2b2 0%, #FFF 10%); /* For Firefox 3.6-15 */
  	background: linear-gradient(#b2b2b2 0%, #FFF 10%); /* Standard syntax */
}
#book-info {
	text-align: center;
	padding: 1px 0 70px;
	background: -webkit-linear-gradient(#333 0%, #FFF 10%); /* Safari 5.1-6.0 */
  	background: -o-linear-gradient(#333 0%, #FFF 10%); /* For Opera 11.6-12.0 */
  	background: -moz-linear-gradient(#333 0%, #FFF 10%); /* For Firefox 3.6-15 */
  	background: linear-gradient(#333 0%, #FFF 10%); /* Standard syntax */
}
#banner-slot {
	text-align: center;
	padding: 1px 0 35px;
	background: -webkit-linear-gradient(#333 0%, #FFF 10%); /* Safari 5.1-6.0 */
  	background: -o-linear-gradient(#333 0%, #FFF 10%); /* For Opera 11.6-12.0 */
  	background: -moz-linear-gradient(#333 0%, #FFF 10%); /* For Firefox 3.6-15 */
  	background: linear-gradient(#333 0%, #FFF 10%); /* Standard syntax */
}
#book-info h2 {
	margin-top: 80px;
	font-size: 200%;
	color: #036;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.one-section {
	width: 31%;
	margin: 0 1%;
	text-align: left;
}
.one-section img {
	display: block;
	margin: 0 auto;
}
.one-section h2, .one-callout h2 {
	text-align: center;
	padding-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 120%;
}
.one-section.first h2 {
	border-bottom: 4px solid #015385;
	color: #015385;
}
.one-section.second h2 {
	border-bottom: 4px solid #8f4717;
	color: #8f4717;
}
.one-section.third h2 {
	border-bottom: 4px solid #4e6b1b;
	color: #4e6b1b;
}
.one-section p {
	padding: 5px 20px;
}
.one-section.second p { margin: 0px;}
.one-section.second b { display: block; margin-bottom: -5px; padding: 5px 20px;}
.one-section.first a {
	color: #015385;
}
.one-section.second a {
	color: #8f4717;
}
.one-section.third a {
	color: #4e6b1b;
}
.one-section a:hover {
	color: #000;
	text-decoration: underline;
}
@media only screen and (max-width: 850px) {
	.one-section {
		width: 98%;
		margin: 0 1%;
		text-align: left;
	}
}

/* INSIDE PAGES */
#the-book {
	padding: 40px 0;
}
.single-cover {
	position: relative;
	width: 30%;
	max-width: 269px;
	margin-right: 3%;
	background-color: #FFF;
	text-align: center;
	font-size: 85%;
	border-radius: 8px;
	border: 1px solid #666;
	padding-bottom: 6px;
}
.single-cover img {
	display: block;
	width: 92%;
	max-width: 269px;
	height: auto;
	margin: 10px auto;
}
.single-text {
	width: 66%;
	max-width: 680px;
}
.single-text h1, .single-text h4 {
	line-height: 40px;
	margin: 0px; padding: 0px;
}
.single-text h1 {
	font-size: 230%;
}
.single-text h4 {
	font-size: 130%;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 2px solid #fff;
	line-height: 2.6em;
}
@media only screen and (max-width: 660px) {
	.single-cover, .single-text {
		width: 94%;
		margin: 0 auto;
		display: block;
	}
	.single-cover {
		margin-bottom: 30px;
		max-width: 660px;
	}
}
a.button {
	color: #a6cbf7;
	background-color: #172238;
	padding: 7px 20px;
	border-radius: 8px;
	font-weight: bold;
	font-size: 120%;
	margin: 15px 10px 0 0;
}
a.button:hover {
	color: #FFF;
	box-shadow: 0px 0px 15px #FFF;
	background-color: #000;
}
.button.one {
	display: block;
	margin: 10px 20px;
	background-color: #777f8d;
	color: #FFF;
}
#the-book  {
	text-align: center;
}
#the-book.left-text {
	text-align: left;
}
#the-book a img, p.also-in img {
	height: 150px;
	width: auto;
	margin: 0 6px 12px;
	border: 2px solid #FFF;
}
#the-book a img:hover, p.also-in img:hover {
	box-shadow: 0px 0px 10px #000;
}

.one-intl {
	margin: 0 6px;
	text-align: center;
}
.one-intl img {
	height: 150px;
	width: auto;
	display: block;
}
#about-banner {
	width: 61.4%;
	background-image: url(images/about.jpg?p=4);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 40px 30% 40px 8%;
	margin-right: .6%;
	margin-top: 60px;
}
#about-banner h1 {
	text-align: left;
	margin-top: 10px;
}
@media only screen and (max-width: 850px) {
	#about-banner {
		width: 51.4%;
		background-image: url(images/about.jpg?p=4);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 120%;
		padding: 40px 40% 40px 8%;
		margin-right: .6%;
		margin-top: 60px;
		background-color: #a2aba6;
	}
}
@media only screen and (max-width: 575px) {
	#about-banner {
		width: 81.4%;
		background-image: none;
		padding: 40px 10% 40px 8%;
		margin-right: .6%;
		margin-top: 60px;
		background-color: #a2aba6;
	}
}

/* MENU */
.nav {
	width: 550px;
	text-align: right;
}
.nav a {
	text-transform: uppercase;
	margin: 25px 10px;
	color: #96a5aa;
	letter-spacing: 2px;
	font-size: 115%;
}
.nav a.active {
	font-weight: bold;
	color: #FFF;
}
.nav a:hover {
	color: #FFF;
}
@media only screen and (max-width: 1025px) {
	.nav {
		width: 60%;
		text-align: right;
	}
	.nav a {
		margin: 25px 1.4%;

	}
}
@media only screen and (max-width: 850px) {
	#menu {
		background-image: url(images/menu-bg.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.name {
		width: 50%;
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	.name img {
		width: 100%;
		height: auto;
		max-width: 370px;
	}
	.nav {
		width: 100%;
		text-align: center;
	}
	.nav a {
		margin: 25px 1.4%;

	}
}
@media only screen and (max-width: 500px) {
	.nav a {
		margin: 15px 1.4%;
		text-align: center;
		text-transform: none;
		letter-spacing: 0px;
	}
	.nav a#homebtn {
		display: none;
	}
	
}
@media only screen and (max-width: 280px) {
	.nav a {
		margin: 5px 5%;
	}
}

/* FOOTER */
#footer {
	padding: 40px 40px 70px;
	text-align: center;
	color: #b3b3b3;
	background: -webkit-linear-gradient(#0c0f12 5%, #1c232b 60%); /* Safari 5.1-6.0 */
  	background: -o-linear-gradient(#0c0f12 5%, #1c232b 60%); /* For Opera 11.6-12.0 */
  	background: -moz-linear-gradient(#0c0f12 5%, #1c232b 60%); /* For Firefox 3.6-15 */
  	background: linear-gradient(#0c0f12 5%, #1c232b 60%); /* Standard syntax */
}

/* CAROUSEL */
#banner-fade {
	margin-top: 30px;
}
#banner-shadow {
	text-align: center;
}
#banner-shadow img{
	width: 100%;
	height: auto;
	max-width: 963px;
	opacity: .5;
}
ul.bjqs-controls.v-centered li a{
	display: none;
}
#banner-fade ol.bjqs-markers {
	text-align: right;
	position: absolute;
	top:-60px;
	right: 0px;
}
ol.bjqs-markers li a{
	padding:0px;
	width: 14px;
	height: 14px;
	border-radius: 8px;
	background:#5a89bf;
	color:#5a89bf;
	margin:5px 0px 5px 20px;
	text-decoration: none;
	border: 1px solid #FFF;
	font-size: 1%;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #FFF;
	color: #FFF;
}
@media only screen and (max-width: 1025px) {
	#banner-fade ol.bjqs-markers {
		top:-40px;
	}
}

/* Awards Box */
.awards-box {
	width: 95%;
	margin: 30px auto;
	background-color: #FFF;
	background-color: rgba(255,255,255,.6);
	padding: 25px;
	border-radius: 10px;
	text-align: left;
}
@media only screen and (min-width: 800px) {
	.awards-box {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
		-moz-column-gap: 50px; /* Firefox */
		column-gap: 50px;
	}
}
.awards-box a {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 110%;
}
.one-award {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}
h1.awardsname {
	font-size: 140%;
	background-color: #FFF;
	background-color: rgba(255,255,255,.4);
	text-align: center;
	padding: 9px 20px;
	border-radius: 6px;
}
.award-single {
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}

/* Book List */
#book-list {
	display: table;
	width: 75%;
	margin: 30px auto;
	background-color: #FFF;
	background-color: rgba(255,255,255,.6);
	padding: 25px;
	border-radius: 10px;
}
.row {
	display: table-row;
	padding: 10px;
}
.row.even {
	background-color: #FFF;
	background-color: rgba(255,255,255,.6);
}
.cell {
	display: table-cell;
	padding: 15px;
	font-weight: bold;
	width: 30%;
}
.i {
	font-weight: normal;
	width: 70%;
}
@media only screen and (max-width: 400px) {
	.cell {
	display: block;
	width: 90%;
}
}
@media only screen and (min-width: 700px) {
	.faq-list {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
}
.visits-box {
	display: block;
	width: 75%;
	border-radius: 10px;
	background-image: url(images/menu-bg.png);
	background-size: auto 100%;
	text-align: center;
	padding: 15px;
	margin: 0 auto;
	color: #FFF;
	font-size: 130%;
}
.visits-box:hover {
	box-shadow: 0px 0px 10px #FFF;
	color: #FFF;
}
.gray-bullet {
	display: inline-block;
	margin-botton: 4px;
	color: #AAA;
}

/* Multimedia */
#all-multimedia {
	text-align: center;
}
.one-multimedia {
	text-align: center;
	width: 44%;
	margin: 20px 1%;
	background-color: #FFF;
	border-radius: 8px;
	padding: 1%;
}
.one-multimedia img {
	width: 100%;
	height: auto;
	margin-bottom: -15px;
}
/*#all-multimedia iframe {
	max-width: 560px;
	height: 315px;
	width: 100%;
	margin: 0 auto;
}
.one-multimedia iframe {
	max-width: 460px;
}*/
#I0_1442510716801 {
	margin: 0 auto;
}
@media only screen and (max-width: 840px) {
	.one-multimedia {
		width: 96%;
	}
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fronticon_floatleft {
	padding: 6px;
}
.fronticon_floatleft:hover {
	opacity: .5;
}

li.bjqs-slide img {
	width: 100%;
	height: auto;
}
.subhead {
	color: #444;
	letter-spacing: 1px;
	font-size: 13px;
	text-transform: uppercase;
}