@charset "utf-8";

/**
div{
border:1px solid red;	
}
**/
.video-container{
	width:90%;
margin-left:auto;
margin-right: auto;
margin-bottom: 20px;
}
.no-border{

	border:none !important;
}
.no-bg, .no-bg a:link{
	background:none !important;
	background-color: transparent;
}
/** palette **/

.light-green{
color:#96ceb4 !important;	
}
.light-green-bg{
background-color:#96ceb4;	
}
.light-green-left-border{
border-left:5px solid #80b19b;	
}
.teal{
color:#5bb1b4;	
}
.teal-bg{
background-color:#5bb1b4;		
}

.yellow{
color:#f7da64;	
}
.yellow-bg{
background-color:#f7da64;		
}

.orange{
color:#fdab4e !important;	
}
.orange-bg{
background-color:#fdab4e;		
}
.salmon{
color:#f37e78 !important;	
}
.salmon-bg{
background-color:#f37e78;	
border-bottom: 5px solid #d6726c;
}
.base-bg{
background-color:#f1f1f2;	
}

.white-bg{
background-color:#fff;	
}
.black-bg{
background-color:#333;	
}

.blue-bg{
background-color:#2c82c9;	
}
.blue{
color:#2c82c9 !important;	
}
.light-blue-bg{
background-color:#a6d8db !important;	
}
.blue-green-bg{
background-color:#6dd3e1;	
}
.blue-green{
color:#6dd3e1 !important;	
}
.dark-blue-bg{

	background-color: #083f5b;
}

.dark-blue-border-left{

border-left:5px solid #083f5b;
}

.red-orange-bg{
background-color:#eb6b56;	
}
.red-bg{
background-color:#d14841;	
}
.pink-bg{
background-color:#ff7ea2;	
}
.pink{
color:#ff7ea2 !important;	
}
.green{
color:#00b788 !important;	
}
.green-bg{
background-color:#00b788;	
}
.lime-bg{
background-color:#c9d865;
}
.pale-blue-bg{

	background-color: #E4F1FE !important;
}
.honey-bg{

	background-color: #FDE3A7;
}
 .pink-bg blockquote{
border-left:solid 5px #fff;

 }
 .gold-bg{

 	background-color: #d0c060;
 }
 .sea-bg{

 	background-color: #86E2D5;
 }
 .lilac-bg{
 	background-color: #AEA8D3;
 }
 .lighter-grey-bg{

 	background-color:#EEEEEE;
 }
 .mid-grey-bg{
 	background-color: #DADFE1;
 }
.dark-orange-bg{

	background-color:#fa7532;
	border-bottom: 5px solid #d6632c;
}

.white-bg-80 {
	background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.8);

   }

   .pink-bg-80 {
	background: rgb(255, 126, 162);
background: rgba(255, 126, 162, 0.8);

   }

/** mailchimp error msg **/

#mc_embed_signup div.mce_inline_error {
	display: inline-block;
    width:auto !important;
    padding:5px;
    background-color: #6dd3e1 !important;
    font-weight: bold;
    z-index: 1;
    color: #000!important;
}


 blockquote{
border-left:solid 5px #f37e78;
 	padding-left:10px;
 	font-style: italic;
 	margin-top:50px !important;
 	margin-bottom:50px !important;
 }
 blockquote  em{
 	font-style: normal !important;
 }

div{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	*behaviour: url(../js/boxsizing.htc);
	}
	p{
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
	}
	

#wds-container,.wds-tweet, .wds-tweet-data{
border:none !important;
	background:transparent !important;
font-size: inherit !important;
text-align: left !important;
}

.div-border {
border: 1px solid red;

}
.radius{

	border-radius:.3em;
}
::selection {
background-color:#333;
color:#fff;
}
::-moz-selection {
background-color:#333;
color:#fff;
}

html,body{
	 background-color:#f5da21;
	 background-image:url(../images/ch-background-dots-01.gif);
	 background-repeat:repeat;
	 font-family: 'Open Sans', Verdana, Arial, sans-serif !important;
	 color:#333;
	 font-size:1em;
	 font-weight:400;
	 margin:0px !important;
	 padding:0px;
 }
 /** links **/
 
 
 a, a:link, a:active, a:focus, a:visited{
	 color:#333;
	 text-decoration:none;

  }
  a:hover{
	 color:#333;
	 text-decoration:none;
	 border-bottom:none;   
  }
  .white, .white a:link, .white a:active, .white a:focus, .white a:visited{
color:#fff;	
text-decoration:none;
}
.white a:hover{
color:#fff;	
text-decoration:none;
}
  /** user-agent overrides **/
ul, menu, dir {
display: block;
list-style-type: none;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}


li{
display: block;
text-align:none;	
}
h1,h2, h3 {
display: block;
font-size: 1em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight:normal;
}
.competition-content ul li:before{
font-family: 'FontAwesome';
content: '\f058';
margin:0 5px 0 5px;
}
/** fonts and headings **/


.wf-loading h1, .wf-loading p {
	visibility:hidden;
}



h1 {

	font-family:'Oswald', 'Open Sans', Arial, Verdana, sans-serif !important;
	font-size:2.2em;
	color: #333;
	font-weight:300;
	line-height:1em;
	letter-spacing:0px;
}
h2,.section-link{

	font-family:'Oswald',  'Open Sans', Arial, Verdana,  sans-serif !important;
	font-size:1.4em;
	color: #333;
	font-weight:300;
	filter: alpha(opacity=100);
opacity: 1;
	letter-spacing:0px;
	
}
h3{

		font-family: 'Open Sans', Arial, Verdana,  sans-serif !important;
	font-size:1em;
color:#333;	
font-weight:300;
	letter-spacing:0px;
	font-weight:bold;
}
.small, .wp-caption-text{
font-size:.8em;	
}
.wp-caption-text{
font-style: italic;	
}
.quote{
font-family: 'Karma', Georgia, serif !important;
	font-size:1.4em;
	color: #333;
	font-weight:300;
	filter: alpha(opacity=100);
opacity: 1;
	letter-spacing:-1px;
	/**border-left : solid 5px rgba(0,0,0,0.3);**/
	padding-left:30px;
}
.quote-slider .slide{
	height: auto;
}
.cursive{
font-family: 'Grand Hotel', cursive !important;
font-style:italic;
font-size:1.4em;
margin-right:5px;	
}

/** header, nav and logo **/
#header-desktop{
display:none;	
}
	#header-device{
display:block;	
}
.logo{
width:180px;
height:250px;
background:url(../images/ch-images-top-logo.png);
background-repeat:no-repeat;
background-size:100%;
z-index:4000;
margin-left:auto;
margin-right: auto;
position: relative;
top:-140px;

  -webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}

.mini-logo{
width:55px;
height:60px;
background:url(../images/ch-images-top-logo.png);
background-repeat:no-repeat;
background-size:contain;
position:absolute;
display: inline-block;
z-index:1000;
margin: auto;
left:10px;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}

.nav{
width:100%;
height:52px;	
}
.nav a:link, .nav a:active, .nav a:visited, .nav a:focus{
	font-family:'Oswald',  'Open Sans', Arial, Verdana,  sans-serif !important;
	font-size:1.4em;
	color: #fff;
	font-weight:300;
	text-decoration:none;
	margin-right:40px;	position:relative;top:10px;
}
.nav a:hover, #nav-on{
	font-family:'Oswald', 'Open Sans', Arial, Verdana,  sans-serif !important;
	font-size:1.4em;
	color: #f7da64;
	font-weight:300;
	text-decoration:none;	
	margin-right:40px;
}

.nav .forty{
padding-left:40px;	
padding-right:40px;
}
#nav-menu{
color:#fff;
margin-right:10px;
margin-top:10px;	
cursor:pointer;
}
.nav-expand,.search-expand{
width:100%;
height:auto;
display:none;	

}
.nav-expand a:link, .nav-expand a:active, .nav-expand a:visited, .nav-expand a:focus{
	width:100%;
	height:auto;
	padding:10px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
		border-bottom:1px solid #cf6a65;
		
}
.nav-expand a:hover{
	width:100%;
	height:auto;
	padding:10px;
		color:#fff;
	text-decoration:none;
	border-bottom:1px solid #cf6a65;
		display:inline-block;
		background-color:#cf6a65;
		webkit-transition: background-color 240ms linear;
-moz-transition: background-color 240ms linear;
-o-transition: background-color 240ms linear;
-ms-transition: background-color 240ms linear;
transition: background-color 240ms linear;
}
.top-row{
	position:relative;
	width:100%;
	max-width:1280px;
height:100px;
margin-right: auto;
margin-left: auto;

}
.nav-flourish{
	background:url(../images/ch-background-dots-egg.gif);
background-repeat: no-repeat;
background-position: center;
	background-color: #083f5b;
}

/** blog tweaks **/

.blog-content h2{

	margin:0px;
}
.blog-content p a:link, .blog-content a:link{

	text-decoration: none;
}

.blog-content p a:hover, .blog-content a:hover{

	text-decoration: none;
	border-bottom:1px dotted #333;
}

/** positioning **/

.position-relative{

	position:relative;
}
.position-absolute{

	position: absolute;
}
.big-z{
z-index:1000;	
}

.bigger-z{
z-index:2000;		
}
/** banners and hero images **/

.search-thumb{
width:100px;
height:150px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block;
}

.blog-thumb{
width:100%;
max-width:768px;
min-height:120px;
height:auto;
max-height:220px;
background-size: cover !important;
overflow: hidden;
background-repeat: no-repeat !important;
display:block;
}
.blog-hero{
width:100%;
max-width:820px;
height:380px;
background-size: cover !important;
overflow: hidden;
background-repeat: no-repeat !important;
display:block;
}

.hero-banner,.hero-banner img{
width:100%;
max-width:1280px;
height:	auto;
z-index:2000;
position: relative;
top:0px;
margin-bottom:5px;
}

/** navigation elements **/
.sub-nav{
width:100%;
max-width:1280px;
height:	auto;
min-height:150px;
border-bottom:5px solid #d6726c;
display:table;
margin-top:45px;
}
.sub-nav h1{
margin-top:30px;	
}
.book-nav ul li{
	display:inline-block;
	z-index:4000;	
	margin-right:10px;
	padding:3px;
	border:2px solid #F37E78;
	margin-bottom:5px;
}
.book-nav li a:link, .book-nav li a:active, .book-nav li a:visited, .book-nav li a:focus{
	font-family:'Oswald',  'Open Sans', Arial, Verdana,  sans-serif !important;
	font-size:1.2em;
	color: #fff;
text-decoration:none;
z-index:4000;	

}
.book-nav li a:hover{
	font-family:'Oswald',  'Open Sans', Arial, Verdana,  sans-serif !important;
	font-size:1.2em;
	color: #fff;
text-decoration:none;
z-index:4000;

}

.book-nav ul li:before{
	content: none;
}
.book-nav .selected, .book-nav ul li:hover, .book-nav .current-cat{
border:2px solid #fff;
padding:3px;	
}
.book-meta, .book-title{

text-align:left;
	font-size:1.2em !important;
}
.book-meta, .book-meta a:link, .book-meta a:active, .book-meta a:visited, .book-meta a:focus{
	font-family:'Oswald',  'Open Sans', Arial, Verdana,  sans-serif !important;

		letter-spacing:-1px;
	color: #fff;	
	text-decoration:none;

}
.book-title{
	width:100%;
	}
.book-meta a:hover{
	font-family:'Oswald',  'Open Sans', Arial, Verdana,  sans-serif !important;
		letter-spacing:-1px;
	color: #fff;	
	text-decoration:underline;
}

.news-thumbnail{
width:100%;
height:auto;
min-height:120px;
background-repeat:no-repeat;
background-size: cover !important;
	
}
.m-cover{
	width:100%;
	height:auto;
	margin:0px;
	display:block;
}
.m-cover img{
width:100%;
max-width:300px;
height:auto;

}
.m-future-books{

	display:block;
}
.d-future-books{

	display:none;
}


.cover-block{
max-width:198px !important;
}

.cover-thumbnail{
	width:90% !important;
max-width:195px;
height:287px;	
margin-bottom:10px;
text-align:center;
background:url(../images/ch-images-book-bg.png);
background-repeat: no-repeat;
background-size: 100%;
display: block;
position:relative;
webkit-transition: all 180ms linear;
-moz-transition: all 180ms linear;
-o-transition: all 180ms linear;
-ms-transition: all 180ms linear;
transition:all 180ms linear;
}
.cover-thumbnail:hover{

	width:95% !important;
}


.cover-thumbnail img{
width:90%;
max-width:175px;
height:auto;
position: absolute;
top:18px;
left:1px;
}
.cover-thumbnail,.lozenge-thumbnail{
padding:4px;	
}
.lozenge-thumbnail,.lozenge-thumbnail img, .news-thumbnail img{
width:100%;
height:auto;	
}
/** grid **/
.wrapper{
width:100%;
text-align:center;	
}
.one-third{
width:100%;
height:auto;

}
.two-thirds{
width:100%;	
height:auto;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;

}
.full{
width:100%;	
margin-bottom:10px;
display:inline-block;
}

.half,.quarter,.three-quarters,.fifth,.eighty,.twenty,.hundred{
width:100%;	
display:inline-block;
float:left;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}

	.sixth{
width:33.33%;	
display:inline-block;
float:left;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}
.ninety{
width:90%;	
margin:0 auto;
}
.forty{
width:40%;
	height:auto;
}
.m-half{
width:100%;	
}
.container{
	width:100%;
	max-width:1280px;
margin:0 auto;
padding:10px;
display:inline-block;
}
.twitter-box a:link, .twitter-box a:active, .twitter-box a:focus, .twitter-box a:visited {
color:#FDAB4E;	
text-decoration:underline;	
}
.twitter-box a:hover{
color:#FDAB4E;
text-decoration:none;
}

.footer{
display:block;
font-size: 0.8em;
}
.footer, .footer a:link,.footer a:active, .footer a:visited, .footer a:focus{
color:#fff;	

text-decoration:underline;	
}
.footer a:hover{
color:#fff;
text-decoration:none;

}
.footer p{

text-align:center;	
}
a.news-continue{
text-transform:uppercase;	
text-decoration:underline;
}
a.news-continue:hover{
text-transform:uppercase;	
text-decoration:none;
}
.breather{
width:100%;
padding:10px;
height:auto;
text-align:left;
position:relative;	
display:inline-block;
}
.height-auto{
	min-height:0px;
height:auto;	
}
.width-auto{
width:auto;	
}
.width-100{
	width:100%;
	display: inline-block;
}
/** display, transparencies **/

.display-none{
display:none;	
}
.display-block{
display:block;	
}
.opacity-black-70{
	background-color:#333;
background-color:rgba(0,0,0,0.7)	
}
/** specific home adjustments **/

.thirty-three{
width:100% ;	
}
.sixty-six{
width:100% ;	
}


/** margins **/
.margin-top-smaller{
margin-top:5px;	
}
.margin-top-small{
margin-top:10px;	
}
.margin-top-medium{
margin-top:20px;	
}
.margin-top-large{
margin-top:40px;	
}
.margin-bottom-small{
margin-bottom:10px;	
}
.margin-bottom-medium{
margin-bottom:20px;	
}
.margin-bottom-large{
margin-bottom:40px;	
}

.margin-left-small{
margin-left:10px;	
}
.margin-left-medium{
margin-left:20px;	
}
.margin-left-large{
margin-left:40px;	
}

.margin-right-small{
margin-right:10px;	
}
.margin-right-medium{
margin-right:20px;	
}
.margin-right-large{
margin-right:40px;	
}


.margin-right-10px{
margin-right:10px;	
}
.no-margin{
margin:0px !important;
display:block;
height:auto;
}

.book-meta-margin{
margin-top:40px;	
}

/** Wordpress overrides **/

.blog-content img{

	margin:5px;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.alignright {
    float:right !important;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left !important;
    margin: 5px 20px 20px 0;
}

/** alignments **/
.align-middle{
text-align:center;
}
.align-left{
text-align:left;	
}
.align-right{
text-align:right;	
}
.v-align-middle{
   text-align: center;
   vertical-align: middle;
}
.newsletter-half{
padding-top:0px;	
}
.align-heading{
	display:table;
vertical-align: middle;
}

/** buttons **/

.buy-btn{
	font-family:'Oswald',  'Open Sans', Arial, Verdana,  sans-serif !important;
	font-size:1.4em;
width:100%;
max-width:300px;
background-color: #F2784B;	
webkit-transition: background-color 180ms linear;
-moz-transition: background-color 180ms linear;
-o-transition: background-color 180ms linear;
-ms-transition: background-color 180ms linear;
transition: background-color 180ms linear;
}
.buy-btn:hover{
	background-color: #6d6d6d;
}
a.call-to-action{
width:100%;
height:auto;
overflow:hidden;
color:#fff !important;
vertical-align:middle;
padding:12px;
cursor:pointer;
background-color:#333;
border-radius:.3em;
}
a.call-to-action:hover{
background-color:#6d6d6d;
webkit-transition: background-color 180ms linear;
-moz-transition: background-color 180ms linear;
-o-transition: background-color 180ms linear;
-ms-transition: background-color 180ms linear;
transition: background-color 180ms linear;
cursor:pointer;
border-radius:.3em;
}
.btn{
	text-align: center;
	width:auto;
	display:inline-block;
height:auto;
overflow:hidden;
color:#fff !important;
vertical-align:middle;
padding:12px;
cursor:pointer;
background-color:#333;
border-radius:.3em;
border:0px;
border-bottom: none !important;
}
.btn:hover{
background-color:#6d6d6d;
webkit-transition: background-color 180ms linear;
-moz-transition: background-color 180ms linear;
-o-transition: background-color 180ms linear;
-ms-transition: background-color 180ms linear;
transition: background-color 180ms linear;
cursor:pointer;
border-radius:.3em;
border-bottom: none !important;
}
.scroll-down, .scroll-up, .scroll-down a, .scroll-up a{
margin:20px 0px 20px 0px;
width:45px !important;
max-width:45px !important;	
border-bottom:none !important;
border:none;
}

/** icons ect **/

.sn-icon{
width:45px;
height:55px;
border-radius: 50%  50%  50%  50%  / 60%   60%   40%  40%;
background-position:center;
margin:24px 5px 5px 10px;
cursor:pointer;
float:right;
text-align:center;
vertical-align:middle;
}
.sn-icon i{
text-align:center;
color:#fff;
padding-top:47%;	
}
.sn-icon:hover{
	webkit-transition: background-color 180ms linear;
-moz-transition: background-color 180ms linear;
-o-transition: background-color 180ms linear;
-ms-transition: background-color 180ms linear;
transition: background-color 180ms linear;
background-color:#6d6d6d;	
}
.facebook{
background-image:url(../images/ch-icons-facebook.png);
background-repeat:no-repeat;	

}
.twitter{
background-image:url(../images/ch-icons-twitter.png);
background-repeat:no-repeat;	
}
.youtube{
background-image:url(../images/ch-icons-youtube.png);
background-repeat:no-repeat;	
}
.pinterest{
background-image:url(../images/ch-icons-pinterest.png);
background-repeat:no-repeat;	
}
.email{
background-image:url(../images/ch-icons-email.png);
background-repeat:no-repeat;	
}
.flying-books{

background-image:url(../images/ch-images-flying-books.png);
background-repeat:no-repeat;	
background-position:100px 330px;
background-size:40%;
webkit-transition: all 180ms linear;
-moz-transition: all 180ms linear;
-o-transition: all 180ms linear;
-ms-transition: all 180ms linear;
transition:all 180ms linear;
}
.book-icon{
width:20px;
height:20px;
background-size:contain;	
display:inline-block;
position:relative;
top:3px;
}
.paperback{
background-image:url(../images/ch-icons-paperback.png);
background-repeat:no-repeat;		
}
.hardback{
background-image:url(../images/ch-icons-hardback.png);
background-repeat:no-repeat;		
}
.ebook{
background-image:url(../images/ch-icons-ebook.png);
background-repeat:no-repeat;		
}
.boxset{
background-image:url(../images/ch-icons-boxset.png);
background-repeat:no-repeat;		
}
.movie-tie-in{
background-image:url(../images/ch-icons-movie-tie-in.png);
background-repeat:no-repeat;		
}

.pencil{
background-image:url(../images/ch-icons-pencil-lrg.png);
background-repeat:no-repeat;	
background-position:right;
background-size: 9%;
webkit-transition: all 180ms linear;
-moz-transition: all 180ms linear;
-o-transition: all 180ms linear;
-ms-transition: all 180ms linear;
transition:all 180ms linear;
}
.books{
background-image:url(../images/ch-icons-books.png);
background-repeat:no-repeat;	
background-position: 98% 10px;
background-size: 10%;
webkit-transition: all 180ms linear;
-moz-transition: all 180ms linear;
-o-transition: all 180ms linear;
-ms-transition: all 180ms linear;
transition:all 180ms linear;
min-height:100px;
}

.staff-quote{
background-image:url(../images/ch-icons-quote.png);
background-repeat:no-repeat;	
background-position: 98% 10px;
background-size: 20%;
webkit-transition: all 180ms linear;
-moz-transition: all 180ms linear;
-o-transition: all 180ms linear;
-ms-transition: all 180ms linear;
transition:all 180ms linear;
min-height:100px;
}
/** forms **/

select{
	width:auto;
padding:3px;
font-size:12pt;
border-radius:.3em;	
border:2px solid #adadad;
color:#adadad;
margin-bottom:5px;
}

input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:.3em; }
input[type="email"] { -webkit-appearance:none; -webkit-border-radius:.3em; }

.search-form{
	position:relative;
	top:25px;
}
.search-text{
	min-width: 170px;
	max-width:180px;
	height:20px;
	padding:10px 10px 10px 50px;
background-color:#fff;
border:2px solid #109ea1;
color:#109ea1;
	background-image:url(../images/ch-icons-search-lrg.png);
	background-repeat:no-repeat;
	background-position:5px 0px;
	background-size:contain;
	border-radius:.3em;
}
.search-text-m{
	max-width:230px !important;}

.newsletter-text{
min-width: 40%;
	max-width:400px;
		height:20px;
	padding:10px 10px 10px 40px;
background-color:#fff;
border:2px solid #ccc;
	background-image:url(../images/ch-icons-email-grey.png);
	background-repeat:no-repeat;
	background-position:5px 10px;
	border-radius:.3em;
	color:rgb(128, 128, 128);
}
.submit-btn{
width:auto;
height:auto;
color:#fff !important;
font-size:14pt;
vertical-align:central;
padding:10px 10px 10px 10px;
position:relative;
top:3px;
cursor:pointer;
border-radius:.3em;
border:0px;
}
.submit-btn:hover{
background-color:#6d6d6d;
webkit-transition: background-color 180ms linear;
-moz-transition: background-color 180ms linear;
-o-transition: background-color 180ms linear;
-ms-transition: background-color 180ms linear;
transition: background-color 180ms linear;

}
.external-links i{
position:relative;
top:0px;
margin-right:10px;	
}
.external-links img{
position:relative;
top:5px;
margin-right:10px;	
}
.external-links{
margin-top:20px;	
display:inline-block;
 white-space: nowrap;
 font-size:12pt !important;
}
.pointer{
cursor:pointer;	
}
/** clears, padding,floats etc **/

.m-margin-bottom{
margin-bottom:10px;	
}
.float-left{
	
float:left;	
}
.float-right{
float:right;
}
.clear-zero{
	clear-both;
	height:0px !important;
}
.clear-both{
clear:both;	
height:40px;	
}
.clear-mini{
clear:both;
height:10px;	
}
.clear-micro{
clear:both;
height:5px;	
}
.padding-10px{
padding:10px;	
}
.padding-top-10{
padding-top:10px;	
}
.padding-top-20{
padding-top:20px;	
}
.padding-top-30{
padding-top:30px;	
}
.padding-top-40{
padding-top:40px;	
}
.padding-bottom-40{
padding-bottom:40px;	
}
.padding-top-50{
padding-top:50px;	
}

.padding-right-100{
padding-right:100px;	
}
.padding-right-10{
padding-right:10px;	
}


/** placeholders, empties etc... **/

.equalbox{
	height:auto;
	min-height:200px;
margin:0px;	
}

/** images **/
.author-pic{

width:120px;
height:120px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
overflow:hidden;
background-size:cover;
position: relative;
}

.author-style{
top:30px;
	left:20px;
	position:absolute;

}
.author-style img{
	
	width:70%;
transform: rotate3d(1, 2.0, 3.0, -10deg)
}
/** book details **/

.cover-info{
min-height:75px;
height:auto;
display:inherit;
overflow:hidden;
}


.book-detail{
	width:100%;
	height:auto;
	min-height:400px;
	position:relative;
		max-width:300px;
}
.retail-links{
	width:100%;
	height:auto;
position:absolute;
top:0;
left:0;
z-index:10000;
}
.retail-links .one-third, .retail-links .two-thirds{

width:100%;
}
.retail-links a:link{
background-color:#ff7ea2;
padding:3px 5px 3px 5px;
cursor:pointer;
border-radius:.3em;	
text-decoration:none;
margin-top:3px;
margin-bottom:5px;
display:inline-block;
}
.retail-links a:hover{
background-color:#6d6d6d;
webkit-transition: background-color 180ms linear;
-moz-transition: background-color 180ms linear;
-o-transition: background-color 180ms linear;
-ms-transition: background-color 180ms linear;
transition: background-color 180ms linear;
cursor:pointer;
border-radius:.3em;	
text-decoration:underline;
}
/** icons and backgrounds **/

.chicken-feed{
background-image:url(../images/ch-icons-feed-lrg.png);
width:30px;
height:30px;
background-repeat:no-repeat;
background-size:contain;	
}
.clucks{
background-image:url(../images/ch-icons-tweets-lrg.png);
width:50px;
height:50px;
background-repeat:no-repeat;
background-size:contain;	
}
.stars-bg{
	background-image:url(../images/ch-icons-stars.png);
	background-repeat:no-repeat;
background-position:bottom;
}
.star-bg{
	background-image:url(../images/ch-icons-star.png);
	background-repeat:no-repeat;
background-position:15px 5px;
}
.pencil-stars-bg{
	background-image:url(../images/ch-icons-pencil-stars.png);
	background-repeat:no-repeat;
background-position:bottom;
}
.user-comment{
background-image:url(../images/ch-icons-comments.png);
	background-repeat:no-repeat;
background-position:top right;
}

/** text effects **/
.extract{
	font-family: 'Karma', Georgia, serif;
	font-size:1.2em;
font-style:normal;
height:425px;
overflow:hidden;
position: relative;
}
.extract p:first-of-type{

	margin:0px;
}
.extract em{
	font-style: normal !important;
}
.text-fade{

background-image: url(../images/ch-text-gradient.png);
background-position: bottom;
background-repeat: repeat-x;
position: absolute;
bottom: 0px;
width:100%;
height:200px;
z-index: 1000;
}

/** borders and shapes **/

.black-border-2px{
border:2px solid #000;	
}

.focus-box{
border-radius:.3em;	
display:inline-block;
}

@media only screen and (min-width: 481px)  {

.m-future-books{

	display:none;
}
.d-future-books{

	display:block;
}
}

/** media queries**/
@media only screen and (min-width: 768px)  {



	.hero-banner,.hero-banner img{
top:22px;
margin-bottom:22px;
}


.cover-thumbnail img{
width:90%;
max-width:175px;
height:auto;
position: absolute;
top:15px;
left:1px;
}


.flying-books{

background-image:url(../images/ch-images-flying-books.png);
background-repeat:no-repeat;	
background-position:70% 70%;
background-size:20%;
webkit-transition: all 180ms linear;
-moz-transition: all 180ms linear;
-o-transition: all 180ms linear;
-ms-transition: all 180ms linear;
transition:all 180ms linear;
}
.author-pic{

width:140px;
height:140px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
overflow:hidden;
}

	
	.book-meta,{
	width:50%;
	float:left;
	font-size:1.2em !important;
}
 .book-title{
	width:40%;
		float:left;
	font-size:1.2em !important;
	}
.book-meta{

text-align:right;	
}
	.cover-thumbnail, .cover-thumbnail img{
margin-bottom:10px;
}
	.stars-bg{
	background-image:url(../images/ch-icons-stars.png);
	background-repeat:no-repeat;
background-position:60% 80px
}

	.stars-bg-sm{
	background-image:url(../images/ch-icons-stars.png);
	background-repeat:no-repeat;
background-position:40% 90%;
}
	.thirty-three{
width:33% !important;	
}
.sixty-six{
width:66% !important;	
}

	.footer p{
text-align:left;	
}
	.newsletter-half{
padding-top:40px;	
}
	.hero-banner,.hero-banner img{
width:100%;
max-width:1280px;
height:	auto;
}
	.nav-expand{
	display:none;	
	}
	#header-desktop{
display:block;	
}
	#header-device{
display:none;	
}
.m-margin-bottom{
margin-bottom:0px;	
}	
.eighty{
width:80%;
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;

}
.twenty{
	width:20%;
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}
	.one-third{
width:33.33%;
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;

}
.two-thirds{
width:66.66%;	
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}
.full{
width:100%;	
margin-bottom:10px;

}
.half{
width:50%;
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}
.quarter{
width:25%;	
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;

}
.three-quarters{
	width:75%;
	display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}
.fifth{
width:20%;
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;	
}
	.hundred{
		width:90%;
	display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;		
	}
	.sixth{
width:16.6%;	
display:inline-block;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
float:left;
}
.submit-btn{
width:auto;
height:auto;
color:#fff !important;
font-size:14pt;
vertical-align:central;
padding:10px 10px 10px 10px;
position:relative;
top:3px;
cursor:pointer;
border-radius:.3em;
border:0px;
}
}
@media only screen and (min-width: 481px) and (max-width: 768px)  {



 .news-thumbnail{
width:100%;
max-width:728px;
height:180px;	
overflow: hidden;
}


	.cover-thumbnail {
		webkit-transition: all 180ms linear;
-moz-transition: all 180ms linear;
-o-transition: all 180ms linear;
-ms-transition: all 180ms linear;
transition:all 180ms linear;
   height: 285px;
}


	.quarter{
width:50% !important;
display:inline-block;
float:left;

}

}
@media only screen and (min-width:1024px){
	.video-container{
	width:70%;
}
	.quote{
	padding-left:10px;
}


	.retail-links .one-third{
width:33%;
}

.retail-links .two-thirds{

width:66%;
}
.cover-thumbnail img{
top:17px;
left:1px;
}

}
@media only screen and (min-width: 768px) and (max-width:1024px){
.cover-thumbnail img{
top:14px;
left:1px;
}
.logo{
width:160px;
height:230px;
background-size:100%;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
}


	.star-bg{
background-position:-8px 5px;
}
.cover-thumbnail{
	webkit-transition: all 180ms linear;
-moz-transition: all 180ms linear;
-o-transition: all 180ms linear;
-ms-transition: all 180ms linear;
transition:all 180ms linear;

}
.cover-thumbnail img{
top:13px !important;

}
}
@media only screen and (min-width:1280px){
	.star-bg{
background-position:41px 5px;
}

}
@media only screen and (max-width:1024px){
		.pencil, .books, .staff-quote{

background-size: 18%;
}

.nav a:link, .nav a:active, .nav a:visited, .nav a:focus, .nav a:hover,#nav-on{
	font-size:1.2em;
	margin-right:10px;	
}	


.cover-thumbnail img{
width:90%;
max-width:175px;
height:auto;
position: absolute;
top:19px;
left:1px;
}


.sn-icon{
margin:24px 5px 5px 5px;	
}

}
@media only screen and (max-width:480px){


	.star-bg{
background-position:20px 5px !important;
}
	.pencil{

background-size: 32%;
}

	.btn{
		width:auto;
	display:inline-block;
	}

.blog-hero{
height:180px;
background-size: contain !important;
background-position: center !important;
}
select{
	width:100%;
}

	.sixth{
width:100% !important;
}	
.subscribe-btn{
margin-top:0px;	
}
.author-pic{

width:100px;
height:100px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
overflow:hidden;
}
	.cover-thumbnail {
   min-height: 180px !important;
height:290px;
}
}