html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

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


@font-face {
    font-family: 'tondubeta';
    src: url('http://www.sidekickbooks.com/fonts/Tondu_Beta-webfont.eot');
    src: url('http://www.sidekickbooks.com/fonts/Tondu_Beta-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.sidekickbooks.com/fonts/Tondu_Beta-webfont.woff2') format('woff2'),
         url('http://www.sidekickbooks.com/fonts/Tondu_Beta-webfont.woff') format('woff'),
         url('http://www.sidekickbooks.com/fonts/Tondu_Beta-webfont.ttf') format('truetype'),
         url('http://www.sidekickbooks.com/fonts/Tondu_Beta-webfont.svg#tondubeta') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
    line-height: 1;
	text-align: center;
	font-family: 'Vollkorn', sylfaen, georgia, garamond, serif;
	color: #5d4646;
	overflow: auto;
}

p {
		line-height: 179%;
		text-align: justify;
		padding-bottom: 20px;
		color: #5d4646;
		font-size: 16px;
		-webkit-margin-before:0em;
		-webkit-margin-after:0em;
		}

h1 {
text-align: left;
font-weight: bold;
font-family: 'Nunito', arial;
line-height: 1.4;
font-size: 30px;
color: #ff0066;
}
		
h1.smaller2
{
	font-size: 20px;
}

h2 {
text-align: center;
font-size: 20px;
font-weight: bold;
font-family: 'Nunito', arial;
text-transform: uppercase;
letter-spacing: 4px; 
color: #ff0066;
margin-bottom: 2vw;
}


b, strong { 
		font-weight: bold;
		color: #ff0066;
		}

a:link {color: #990066; text-decoration: none;
-webkit-transition: color 0.6s;
-moz-transition: color 0.6s;
-ms-transition: color 0.6s;
-o-transition: color 0.6s;
transition: color 0.6s;}
a:visited {color: #660099; text-decoration: none;}
a:active {color: #CC3366; text-decoration: underline;}
a:hover {color: #CC3399; text-decoration: underline;}

a.borderless {text-decoration: none; color: transparent; border: 0; cursor: pointer;}


img.shadowed
{-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
      opacity: 0.5;
      }
	  

.bodywrapper {
width: 90vw;
margin-left: auto;
margin-right: auto;
overflow: auto;
}

#pinkquote {
width: 70px; height: 50px; float: left; margin-bottom: 0px; }

span.pinkmarks {
color: #ff0066; font-size: 9.5em; line-height: -0.5em;
}

.pinkdivider {
	display: flex;
	display: -webkit-flex;
	height: 2px;
	background: linear-gradient(to right,rgba(255,0,102,1)0%,rgba(204,0,0,0.5)40%,rgba(255,255,255,0)100%);
	margin-bottom: 4vw;
	margin-top: 4vw;
	}
	
/* BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS */
/* BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS */
/* BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS */
/* BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS BOOK CONTENTS */

h1.mighty {
font-size: 3.2em;
font-weight: normal;
font-family: 'Vollkorn', Georgia;
padding-top: 10px;
line-height: 100%;
text-align: center;
color: #ff0066;
text-transform: uppercase;
}

@media screen and (max-width: 800px) {
h1.mighty {
font-size: 12vw;
}
}


#crossfade img {
  position: absolute;
  width: 100%;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  display: block;
}

#crossfade img.over:hover {
  opacity:0;
  display: block;
}

#crossfadewshadow img {
  position: absolute;
  width: 100%;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  display: block;
}

#crossfadewshadow img.block {
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

#crossfadewshadow img.over:hover {
  opacity:0;
  display: block;
}

#catalogue {
display: inline-block; position: relative; width: 174px; height: 300px;}

.slide {
}
	

/* BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES */
/* BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES */
/* BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES */
/* BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES */
/* BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES BOOK PAGES */

p.authornamessplash
{
text-align: center;
font-size: 20px;
color: #696565;
line-height: 100%;
padding-bottom: 5px;
}

p.pricesplash {
text-align: center;
font-size: 20px;
color: #696565;
line-height: 100%;
padding-bottom: 15px;
padding-top: 0px;
margin: 0px;
}

span.authorname {
font-family: 'tondubeta';
text-transform: uppercase;
color: #ff0066;
}

h1.booksplash {
text-align: center;
font-weight: bold;
font-family: 'Nunito', arial;
font-size: 60px;
color: #ff0066;
line-height: 1.2;
}

.bodywrapper-bookpage {
width: 90vw;
padding-top: 20vw;
margin-left: auto;
margin-right: auto;
}

.authorseditors {
position: relative;
overflow: hidden;
text-indent: -50vw;
height: 20px;
opacity: 0;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}

.authorseditors.scrolldown {
text-indent: 0;
opacity: 1;
text-indent: 0px;
margin-left: auto;
margin-right: auto;
}

.dateprice {
position: relative;
overflow: hidden;
text-indent: 50vw;
height: 20px;
opacity: 0;
padding-bottom: 3vw;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}

.dateprice.scrolldown {
text-indent: 0px;
opacity: 1;
margin-left: auto;
margin-right: auto;
}

#left {
display: block;
float: right;
text-align: left;
width: 32vw;
margin-left: 4vw;
padding-left: 4vw;
padding-right: 4vw;
padding-bottom: 2vw;
margin-top: 10px;
margin-bottom: 2vw;
background: linear-gradient(to bottom,rgba(255,80,80,0)0%,rgba(255,204,226,1)50%,rgba(255,255,255,1)100%);
background: -moz-linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(255,255,255,1)200px);
background: -ms-linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(255,255,255,1)200px);
background: -o-linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(255,255,255,1)200px);
background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(255,255,255,1)200px);}

#backtofront {
display: inline-block; position: relative; width: 100%;}

#crossfadewshadow img {
  position: absolute;
  left:0;
  top: 0;
  width: 25vw;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  display: block;
}

#crossfadewshadow img.block {
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

#crossfadewshadow img.over:hover {
  opacity:0;
  display: block;
}

.paypalbutton {
text-align: left;
padding-top: 20px;
margin-top: 10px;
width: 100%;
}

.paypalbutton form {
padding: 0px;
margin: 0px;}
}

.paypal input {
font-size: 0.9em;
font-weight: bold;
font-family: 'Nunito', arial;
line-height: 1.4;
text-transform: uppercase;}

.paypalbutton table{
width: 100%;
padding-bottom: 10px;
font-size: 0.9em;
font-weight: bold;
font-family: 'Nunito', arial;
line-height: 1.4;
text-transform: uppercase;
color: #ff0066;
padding-bottom: 5px;}

.paypalbutton select{
width: 100%;
font-family: 'Vollkorn', Times;
color: #5d4646;
font-size: 1.2em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}

.soundbite {
padding: 15px;
margin-bottom: 15px;
border-radius: 10px;
border: 1px solid #ff8080;
}

.soundbite p.thequote {
font-size: 1.2em;
color: #330026;
line-height: 1.4;
padding-top: 20px;
padding-bottom: 5px;
}

.soundbite p.thequote::first-letter {
font-size: 2.5em;
line-height: 0;
letter-spacing: -2px;
}

.soundbite p.attribution {
text-align: right;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 0;
color: #ff0066;
}

.flexibox {
display: flex;
display: -webkit-flex;
}

.authorshots {
width: 100%;
}

.authorshots img {
width: 30%;
padding: 20px;
margin-left: auto;
margin-right: auto;
}



@media screen and (max-width: 800px) {

h1.booksplash {
text-align: center;
font-weight: bold;
font-family: 'Nunito', arial;
line-height: 1.4;
font-size: 40px;
color: #ff0066;
padding-bottom: 0px;
}

h1.smaller2 {
text-align: center;
}

.bodywrapper-bookpage {
padding-top: calc(25vw + 20vh);
}

#left {
width: 85%;
float: left;
}

#backtofront {
position: relative;
margin-left: auto;
margin-right: auto;
width: 40px;
}

#crossfadewshadow img {
left: 25vw;
}

.soundbite p.thequote {
font-size: 1.1em;
}

.soundbite p.thequote::first-letter {
font-size: 2.2em;
}

.soundbite p.attribution {
font-size: 1em;
}