/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
#Base 960 Grid
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape)
#Clearing */



/* #Base 960 Grid
================================================== */

/* mobile-header ----------------------------------------------------------------- */

#mobile-header {background: url("../images/mobile-logo2.jpg") center no-repeat; height:200px; display:none; text-indent: -2000px; width:100%;margin:0 auto 20px auto;}



.titlez, .mobiletitlez {font-size:2.7em;padding:8px 0 12px 0;background-color:#0059B2;color:#e1e1e1;/*text-shadow: #555555 0.05em -0.05em 0.05em;*/text-align:center;font-weight:bold;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;

}



.titlez {display:block;}
.mobiletitlez {display:none}
.sectioncontent, .contenton, .mobileoff {display:block;}
.sectioncontent {margin-bottom:20px;}
.mobileon {display:none;}
.bookcover {float:left;margin:0 15px 15px 0;width:35%;}
.sethbiopic{float:left;margin:0 10px 10px 0;width:30%;}
.barrybiopic {float:right;margin:0 0 10px 10px;width:30%;}
.quotepicleft {float:left;width:20%;}
.quotepicright {float:right;width:20%;}
.quoteblurbright{float:right;width:80%;}
.quoteblurcenter{float:right;width:80%;}
.quoteblurbleft{float:left;width:80%;}
.framecuts {margin:	20px 0;display:block;width:100%;}
.bookstores {margin: 2%;display:block;width:44%;float:left;}
.purchaseleft {width:76%;margin:0 11% 10px 11%;text-align:center;padding:1%;background: #e1e1e1 url('/images/graytexture.jpg') /*no-repeat top*/; }

.packagetitle {font-size:2.0em;font-weight:bold;color:#0059B2;display:block;text-transform:uppercase;padding:7px 0 6px 0;background:#A3C9FF;text-shadow: #e1e1e1 0.05em 0.05em 0.05em;}
.packageprice {font-size:1.6em;font-weight:bold;color:#666;display:block;margin:8px 0;}
.purchaseselect{border:1px solid #ccc; color:#666; font-family:inherit; font-size:1.2em;}

.purchaseul {text-align:left;list-style:none;margin:10px 0 20px 0;}

.purchaseul li {text-align:center;font-size:inherit;line-height:1em;}

.container  { position: relative; width: 944px; margin: 0 auto; padding: 0;  }

#top.wrap {margin: 0px 20px 0px 20px; background-color: #F9F4F2;}

div#footer_btm_text {background-color:none;padding:5px 10px 5px 5px;margin-top:0;margin-bottom:15px;font-size:0.8em;width:100%;text-align:center;line-height:1.8em;}

.bigicon {width:33.3%;float:left;text-align:center;}
.bigicon img {width:30%;}

#cover .sneakpeak {padding:4px;display:block;text-align:center;margin-bottom:10px;background-color:#A3C9FF;}
#cover.bookcover a.sneakpeak {color:#0059B2;}
/* MAILCHIMP ============ */

#mc_embed_signup form {display:block; position:relative; text-align:center; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 0 10px 15%; text-indent:5px; width:70%; }
#mc_embed_signup input.button {display:block; width:50%; margin:20px 0 10px 25%; min-width:100px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
/* ============================================================================================================================
== BUBBLE WITH AN ISOCELES TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-isosceles {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#000;
background:#f3961c; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#0059B2), to(#ffffff));
background:-moz-linear-gradient(#0059B2, #ffffff);
background:-o-linear-gradient(#0059B2, #ffffff);
background:linear-gradient(#0059B2, #ffffff);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-isosceles.top {
background:-webkit-gradient(linear, 0 0, 0 100%, from(#A3C9FF), to(#A3C9FF));
background:-moz-linear-gradient(#A3C9FF, #A3C9FF);
background:-o-linear-gradient(#A3C9FF, #A3C9FF);
background:linear-gradient(#A3C9FF, #A3C9FF);
}

/* Variant : for left/right positioned triangle
------------------------------------------ */

.triangle-isosceles.left {
margin-left:50px;
background:#A3C9FF;
/*background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
background:-moz-linear-gradient(#f3961c, #f9d835);
background:-o-linear-gradient(#f3961c, #f9d835);
background:linear-gradient(#f3961c, #f9d835);*/
}

.triangle-isosceles.events {
padding:0 15px;
margin-top:2px;
margin-bottom:0;
}

.notriangle-isosceles {
margin-left:0px;
background:#A3C9FF;
padding:15px;
margin:1em 0 3em;
color:#000;
text-align:left;
/*background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
background:-moz-linear-gradient(#f3961c, #f9d835);
background:-o-linear-gradient(#f3961c, #f9d835);
background:linear-gradient(#f3961c, #f9d835);*/
}


/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-isosceles.right {
margin-right:50px;
background:#A3C9FF;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.triangle-isosceles:after {
content:"";
position:absolute;
bottom:-15px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#f3961c transparent;
/* reduce the damage in FF3.0 */
display:block; 
width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-isosceles.top:after {
top:-15px; /* value = - border-top-width - border-bottom-width */
right:50px; /* controls horizontal position */
bottom:auto;
left:auto;
border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
border-color:#f3961c transparent;
}

/* Variant : left
------------------------------------------ */

.triangle-isosceles.left:after {
top:16px; /* controls vertical position */
left:-50px; /* value = - border-left-width - border-right-width */
bottom:auto;
border-width:10px 50px 10px 0;
border-color:transparent #A3C9FF;
}

/* Variant : right
------------------------------------------ */

.triangle-isosceles.right:after {
top:16px; /* controls vertical position */
right:-50px; /* value = - border-left-width - border-right-width */
bottom:auto;
left:auto;
border-width:10px 0 10px 50px;
border-color:transparent #A3C9FF;
}





/* #Tablet (Portrait)================================================== */

/* Note: Design for a width of 768px */


#footer .top-button{position: fixed; right: 0px; top:2px;display: none; margin: 0px 20px 0px 0px; display: none;}   


@media only screen and (min-width: 520px) and (max-width: 1200px) {
#footer .top-button{margin: 0px 20px;}
.container   { width: 746px;}


}

@media only screen and (max-width: 1024px) {
.container  { width: 700px;}
#footer .top-button{margin: 0px 20px;}

}



@media only screen and (max-width: 768px) {
.container { width: 600px;}
#top.wrap, #intro-wrap {margin: 0px !important;  }

#footer .top-button{margin: 0px 20px;}

}


@media only screen and (device-width: 768px) {
#footer .top-button{margin: 0px 20px;}
#intro {position: absolute !important;}
#intro-wrap, .slideshow li{
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
-o-background-size: auto !important;
background-size: auto !important;

}

}


@media only screen and (max-width: 620px) {
#footer .top-button{margin: 0px 10px;}
.container   { width: 500px;}
.bigicon img {width:80%;}

}





/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 520px */

@media only screen and (max-width: 590px) {
#footer .top-button{margin: 0px 10px;}
.container { width: 100%; }
.bigicon {width:33.3%;float:left;text-align:center;}
.bigicon img {width:90%;}
/* mib */
.sectioncontent {display:none;}
.titlez {display:none;}
.mobiletitlez {display:block;font-size:2.4em;padding:8px;}
.mobileoff {display:none;}
.mobileon {display:block;}
.justify {text-align:left;font-size:1.1em;}
.contenton {display:block;}
/*book page*/
.bookcover {float:left;margin:0 0 15px 10%;width:80%;}
.quotepicleft {float:left;width:100%;}
.quoteblurbright{float:right;width:100%}
.quotepicright {float:right;width:100%;}
.quoteblurbleft{float:left;width:100%}

.triangle-isosceles.left {margin-left:0;}
.triangle-isosceles.right {margin-right:0;}

.triangle-isosceles.left:after {
margin-left:0px;
top:-15px; /* value = - border-top-width - border-bottom-width */
right:20%; /* controls horizontal position */
bottom:auto;
left:auto;
border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
border-color:#A3C9FF transparent;
}

.triangle-isosceles.right:after {
margin-left:0px;
top:-15px; /* value = - border-top-width - border-bottom-width */
right:20%; /* controls horizontal position */
bottom:auto;
right:auto;
border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
border-color:#A3C9FF transparent;
}

/* authors page */
.sethbiopic {float:left;margin:0 0 15px 10%;width:80%;}
.barrybiopic {float:left;margin:0 0 15px 10%;width:80%;}

/* purchase page */
.bookstores {margin: 16px auto;display:block;width:86%;float:none;}
.purchaseselect{border:1px solid #ccc; color:#666; font-family:inherit; font-size:1.0em;width:90%;}		
.purchaseleft {width:94%;margin:0 2% 10px 2%;text-align:center;padding:1%;}
.smaller {line-height:1.4em;
font-size:0.9em}
.packagetitle {font-size:1.7em;padding:7px;}
.packageprice {font-size:1.5em;;margin:8px 0;}
.purchaseul {
text-align:left;
width:90%;
list-style:disc;
margin-left:10%;
padding:0;


}

.purchaseul li{
text-align:left;
font-size:inherit;
line-height:1.2em;
font-size:0.8em

}


/* other */	
#intro-wrap{display: none;}
#mobile-header{display: block !important;height:200px;width:100%;}		
.top-button{display: none !important;}
#sub-footer-wrap{padding: 0px !important;}


}


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

.container   { width: 100%;}


}

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

.container   { width: 100%;}


}