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

body {margin:0; background-color:#fcf5ee;}
h1 {margin-top:0; margin-bottom:0;}
h2 {margin-top:0; margin-bottom:0;}
h3 {font-size:22px; line-height:24px; color:#616161; font-family: 'Arvo', serif;}

p {font-size:16px; line-height:24px; color:#616161; font-family: 'Arvo', serif;}
p a {font-size:16px; line-height:24px; color:#616161; font-family: 'Arvo', serif; text-decoration:underline;}
p a:hover {font-size:16px; line-height:24px; color:#616161; font-family: 'Arvo', serif; text-decoration:none;}
.keynote {font-size:20px; line-height:26px; color:#000000; font-family: 'Bubblegum Sans', cursive; font-weight:100; margin-bottom:0;}
.keynote a {font-size:20px; line-height:26px; color:#000000; font-family: 'Bubblegum Sans', cursive; font-weight:100; margin-bottom:0; text-decoration:underline;}
.keynote a:hover {font-size:20px; line-height:26px; color:#000000; font-family: 'Bubblegum Sans', cursive; font-weight:100; margin-bottom:0; text-decoration:none;}

.mainblurb {font-size:16px; line-height:26px; color:#000000; font-family: 'Arvo', serif; font-weight:100; margin-bottom:0;}
.blurbercredittop {font-family: 'Permanent Marker', cursive; font-size:30px; color:#cddc28; text-align:right; margin-top:5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); padding-right:15px;}
.blurbercredit {font-family: 'Permanent Marker', cursive; font-size:30px; color:#cddc28; text-align:center; margin-top:5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); }
.sectionheader {font-family: 'Permanent Marker', cursive; font-size:36px; color:#cddc28; text-align:center; text-decoration:underline; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); }
#burst {position:absolute; z-index:5; margin-left:700px; }
.thanks {font-size:24px; line-height:26px; color:#000000; font-family: 'Bubblegum Sans', cursive; font-weight:100; margin-bottom:0;}

.audioexcerpt {width:400px; height:166px;}
.mobileonly, #mobilebuy {display:none;}
#headercontainer {width:100%; height:auto; background-color:#cddc28; overflow:hidden;}
#header {width:714px; height:245px; margin-left:auto; margin-right:auto; margin-top:5px; overflow:hidden;}
#gradient {width:100%; height:10px; margin-top:0; background-image:url(images/gradient.jpg); background-repeat:repeat-x;}
#illustration {float:left; display:block;}
#header #title h1 {float:left; display:block; width:493px; height:170px;}
#header #title h1 img {margin:0 !Important; padding:0 !Important; width:493px; height:170px;}
#header #title h2 {float:left; display:block; width:493px; height:75px;}
#header #title h2 img {margin:0 !Important; padding:0 !Important; width:493px; height:75px;}
#maincontent {width:950px; padding-top:20px; margin-left:auto; margin-right:auto; overflow:hidden; clear:both;}
#maincontent2 {clear:both; width:950px; padding-top:20px; margin-left:auto; margin-right:auto; overflow:hidden;}
#textcontent {width:500px; float:left; display:block; z-index:25; position:relative;}

#bookcontainer {float:right; margin-left:15px;}
.buybutton {margin-top:1px; width:100%; margin-bottom:30px; background-color:#cddc28;}
.buybutton a {text-decoration:none; color:#000000;}
.buybutton a:hover {text-decoration:underline; color:#000000;}
.buybutton p {margin-top:0; text-align:center; color:#000000; font-family: 'Arvo', serif; font-size:28px; text-transform:uppercase; padding-top:18px; padding-bottom:18px; border:1px solid #000000;}
.buybutton p a {color:#000000; text-decoration:underline !Important;}
.buybutton p a:hover {text-decoration:none;}
.topbuylinks img {width:100px; height:auto;}
.bookimage {width:282px;}
.bookimage img {width:100%; height:auto;}
.benanner {float:right; padding-left:10px;}
.imgswap img:last-child{display:none}
.imgswap:hover img:first-child{display:none}
.imgswap:hover img:last-child{display:inline-block}

#termsprivacy {width:950px; margin-left:auto; margin-right:auto; clear:both; margin-top:30px; color:#000000;}
#termsprivacy p {font-size:12px; color:#616161;}
#termsprivacy a, a:hover {text-decoration:none; color:#616161; font-size:13px;}
#desktopheader {text-align:center;}
#authorphotocontainer {width:200px; height:289px; padding-right:12px; padding-bottom:20px; float:left;}
#authorphotocontainer img {width:200px; height:289px;}
#authorphoto p {margin-top:0; margin-bottom:0;}
#buylinks {text-align:center;}
#buylinks img {width:110px; height:auto; margin-left:5px; margin-right:5px;}

#mobilebuy ul {width:100%;position:fixed;}
#mobilebuy li {width:33%;float:left;border-right:none;position:fixed;}
#mobilebuy li:last-child {border-right:none;position:fixed;}
#mobilebuy li a {display: block;width:100%;color:#ffffff;background:#444444;padding:4% 10%;font-size:1.35em;text-decoration: none;position:fixed;}

#events {width:945px; margin-left:auto; margin-right:auto; overflow:hidden;}
#eventlisting {text-align:center; width:295px; float:left; display:inline-block; padding-left:10px; padding-right:10px;}
#eventlisting p {font-size:14px; padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:20px;}

.iframes {height:100%; width:100%; border:0; overflow-y:scroll;}
#mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none;}
#boxes .window {position:fixed; left:0; top:0; width:80%; height:80%; display:none; z-index:9999; padding:0px; border-radius:10px 10px 10px 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;}
#boxes #dialogterms {width:85%; height:85%; padding:0px; background-color:#ffffff;}
#boxes #dialogprivacy {width:85%; height:85%; padding:0px; background-color:#ffffff;}
#closeButton {position: absolute; right:-16px; top:-16px;}


#mask2 {position:absolute; left:0; top:0; z-index:9001; background-color:#000; display:none;}
#boxes2 .window2 {position:fixed; left:0; top:0; width:80%; height:80%; display:none; z-index:9999; padding:0px; border-radius:10px 10px 10px 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;}
#closeButton2 {position: absolute; right:-16px; top:-16px;}
#boxes2 #dialogbook {width:650px; height:325px; background-color:#ffffff;}

.rounded {webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.shadow {-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);}
.center {text-align:center;}

#video1 {width:46%; padding-left:2%; padding-right:2%; float:left; display:block;}
#video2 {width:46%; padding-left:2%; padding-right:2%; float:left; display:block;}

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ 	padding-top: 25px;	height: 0;}
.videoWrapper object,
.videoWrapper iframe {	position: absolute; top: 0; left: 0; 	width: 100%; height: 100%;}
.videocaption {text-align:center; margin-bottom:0; margin-top:0;}

.scroll_div {position:fixed;top:0;display:none; z-index:5000;}
#fixedmenu {position:fixed;z-index:5000;width:100%;height:35px;overflow:hidden;background-color:#cddc28; border-bottom:1px solid #000000;}
#fixedmenucontent {width:950px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;}
#fixedmenucontentleft {float:left;margin-left:0;}
#fixedmenucontentleft h1 {font-family: 'Arvo', serif;; font-size:32px; font-weight:700; letter-spacing:1px; margin-bottom:0; margin-top:-2px; color:#000000;}
#fixedmenucontentright {float:right;}
#fixedmenubuy {float:right; display:block; margin-top:3px; background-color:#000000; height:29px;}
#fixedmenubuy a {color:#cddc28; text-decoration:none;}
#fixedmenubuy a:hover {color:#cddc28; text-decoration:underline;}
#fixedmenubuy h3 {font-family: 'Arvo', serif; font-size:19px; font-weight:400; letter-spacing:0px; margin-bottom:0; margin-top:3px; padding-left:10px; padding-right:10px; color:#cddc28;}
#fixedmenumenu {float:left; display:block;}
#fixedmenumenu p {font-size:13px;color:#000000;margin-top:6px;margin-bottom:0; font-family: 'Arvo', serif; text-transform:uppercase;}
#fixedmenumenu p a {font-size:13px;color:#000000;text-decoration:none;}
#fixedmenumenu p a:hover {color:#000000; text-decoration:underline;}
.offset {display: block; content: " "; height: 25px; margin-top: -25px; visibility: hidden;}

#contacts {width:100%;}
#contact1 {}
#contact2 {}

.entryform {text-align:center;}
.formadjustfirstname {width: 150px; font-size:18px; margin-bottom:5px;}
.formadjustlastname {width: 150px; font-size:18px; margin-bottom:5px;}
.formadjustemail {width: 316px; font-size:18px; margin-bottom:5px;}
.formadjustaddress1 {width: 150px; font-size:18px; margin-bottom:5px;}
.formadjustaddress2 {width: 150px; font-size:18px; margin-bottom:5px;}
.formadjustcity {width: 164px; font-size:18px; margin-bottom:5px}
.formadjuststate {width: 50px; font-size:18px; margin-bottom:5px}
.formadjustzip {width: 70px; font-size:18px; margin-bottom:5px}
.rules {text-align:left; width:500px; margin-left:auto; margin-right:auto; height:150px; overflow:auto; border: 1px solid #868686; background-color:#ffffff; padding: 0 1% 0 1%;}
.rules p, .rules ol, .rules li, .rules .blockquote p {font-size:14px; line-height:18px}
.formclear {min-width:100px;}
input[type=submit] {padding:10px 35px 10px 35px; margin-top:10px; background-color:#cddc28; color:#000000 !important; font-size:24px;}

@media screen and (min-width: 668px) and (max-width: 999px) {
html {min-width:668px;}
#header {width:96%; margin-left:2%; margin-right:2%;}
#desktopheader {text-align:center;}
.mimage {width:100%; height:auto; margin-left:auto; margin-right:auto;}
.mimage2 {width:100%; height:auto; margin-left:auto; margin-right:auto;}
#maincontent, #maincontent2, #termsprivacy {width:96%; margin-left:2%; margin-right:2%;}
#textcontent {width:55%; float:left; display:block; z-index:1; position:relative;}
#bookimage {width:45%; float:right; display:block; z-index:1; position:relative; margin-left:0;}
.bookmid {width:100%; height:auto;}
.audioexcerpt {width:300px; height:166px;}
#burst {position:absolute; z-index:5; right:0; margin-top:115px; }
#burst img {width:125px; height:125px;}

#headercontainer {width:100%; height:auto; background-color:#cddc28; overflow:hidden;}
#header {width:100%; height:245px; margin-left:auto; margin-right:auto; margin-top:5px; overflow:hidden;}
#title {width:65%; float:left; display:block;}
#gradient {width:100%; height:10px; margin-top:0; background-image:url(images/gradient.jpg); background-repeat:repeat-x;}
#illustration {float:left; display:block; width:30%;}
#illustration img {width:auto; height:100%;}
#header #title h1 {float:left; display:block; width:auto; height:65%; text-align:center; margin-bottom:0;}
#header #title h1 img {margin:0 !Important; padding:0 !Important; width:100%; height:auto;}
#header #title h2 {float:left; display:block; width:auto; height:30%; margin-top:0;}
#header #title h2 img {margin:0 !Important; padding:0 !Important; width:100%; height:auto;}
#buylinksclear {clear:both;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ 	padding-top: 25px;	height: 0;}
.videoWrapper object,
.videoWrapper iframe {	position: absolute; top: 0; left: 0; 	width: 100%; height: 100%;}
.videocaption {text-align:center; margin-bottom:0; margin-top:0; font-size:12px;}

.scroll_div {position:fixed;top:0;display:none; z-index:5000;}
#fixedmenu {position:fixed;z-index:5000;width:100%;height:35px;overflow:hidden;background-color:#cddc28; border-bottom:1px solid #000000;}
#fixedmenucontent {width:90%;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;}
#fixedmenucontentleft {float:left;margin-left:0;}
#fixedmenucontentleft h1 {font-family: 'Arvo', serif;; font-size:32px; font-weight:700; letter-spacing:1px; margin-bottom:0; margin-top:-2px; color:#000000;}
#fixedmenucontentright {float:right;}
#fixedmenubuy {float:right; display:block; margin-top:3px; background-color:#000000; height:29px;}
#fixedmenubuy a {color:#cddc28; text-decoration:none;}
#fixedmenubuy a:hover {color:#cddc28; text-decoration:underline;}
#fixedmenubuy h3 {font-family: 'Arvo', serif; font-size:19px; font-weight:400; letter-spacing:0px; margin-bottom:0; margin-top:3px; padding-left:10px; padding-right:10px; color:#cddc28;}
#fixedmenumenu {float:left; display:none;}
#fixedmenumenu p {font-size:13px;color:#000000;margin-top:6px;margin-bottom:0; font-family: 'Arvo', serif; text-transform:uppercase;}
#fixedmenumenu p a {font-size:13px;color:#000000;text-decoration:none;}
#fixedmenumenu p a:hover {color:#000000; text-decoration:underline;}

.bookimage {padding-bottom:35px;}

#events {width:100%; margin-left:auto; margin-right:auto; overflow:hidden;}
#eventlisting {text-align:center; width:46%; float:left; display:inline-block; padding-left:2%; padding-right:2%;}
#eventlisting p {padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:20px;}

.entryform {text-align:center;}
.formadjustfirstname {width: 150px; font-size:18px; margin-bottom:5px;}
.formadjustlastname {width: 150px; font-size:18px; margin-bottom:5px;}
.formadjustemail {width: 316px; font-size:18px; margin-bottom:5px;}
.formadjustaddress1 {width: 150px; font-size:18px; margin-bottom:5px;}
.formadjustaddress2 {width: 150px; font-size:18px; margin-bottom:5px;}
.formadjustcity {width: 164px; font-size:18px; margin-bottom:5px}
.formadjuststate {width: 50px; font-size:18px; margin-bottom:5px}
.formadjustzip {width: 70px; font-size:18px; margin-bottom:5px}
.rules {text-align:left; width:300px; margin-left:auto; margin-right:auto; height:150px; overflow:auto; border: 1px solid #868686; background-color:#ffffff; padding: 0 1% 0 1%;}
.rules p, .rules ol, .rules li, .rules .blockquote p {font-size:14px; line-height:18px}
.formclear {min-width:100px;}
input[type=submit] {padding:10px 35px 10px 35px; margin-top:10px; background-color:#cddc28; color:#000000 !important; font-size:24px;}

}

@media screen and (max-width: 667px) {
html {min-width:250px;}
#header {width:96%; margin-left:2%; margin-right:2%;}
#maincontent, #maincontent2 {width:96%; margin-left:2%; margin-right:2%; margin-top:0px;}
#termsprivacy {width:96%; margin-left:2%; margin-right:2%; }
#authorphotocontainer {width:100%; height:auto; padding-right:0; float:none; text-align:center; padding-top:0px; padding-bottom:10px;}
#textcontent {width:100%;}
#bookimage {display:none;}
.mimage {width:100%; height:auto;}
.mimage2 {width:64%; height:auto; margin-right:18%; margin-left:18%;}
.mimage3 {width:80%; height:auto; margin-left:10%; margin-right:10%;}
.desktoponly {display:none;}
.mobileonly {display:inline;}
#mobilebuy {display:inline;z-index:9999; position:fixed;}
#mobilebuy #menu {width:100%;display:block;background:#000000;font-size:20px; text-align:left;color:#ffffff;position:fixed;z-index:9999;margin:0;padding:0; font-weight:700}
#mobilebuy #nav.js {display: none;}
#mobilebuy ul {width:100%;margin:0;padding:0;}
#mobilebuy li {width:100%;border-bottom:1px solid #000000;margin:0;padding:0;}
.closebutton {position:fixed; right:0px; top:0px;}
.benanner {width:100%; float:none; padding-left:10px;}
.benanner img {width:60%; margin-left:20%; margin-right:20%;}
#video1 {width:96%; padding-left:2%; padding-right:2%; float:left; display:block; overflow:hidden;}
#video2 {width:96%; padding-left:2%; padding-right:2%; padding-top:20px; float:left; display:block; overflow:hidden;}

#events {width:100%; margin-left:auto; margin-right:auto; overflow:hidden;}
#eventlisting {text-align:center; width:92%; float:left; display:inline-block; padding-left:2%; padding-right:2%;}
#eventlisting p {padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:20px;}

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ 	padding-top: 25px;	height: 0;}
.videoWrapper object,
.videoWrapper iframe {	position: absolute; top: 0; left: 0; 	width: 100%; height: 100%;}

#boxes #dialogterms {width:85%; height:85%; padding:0px; background-color:#ffffff; overflow:auto;-webkit-overflow-scrolling:touch}
#boxes #dialogprivacy {width:85%; height:85%; padding:0px; background-color:#ffffff; overflow:auto;-webkit-overflow-scrolling:touch}

.entryform {text-align:center;}
.formadjustfirstname {width: 138px; font-size:18px; margin-bottom:5px;}
.formadjustlastname {width: 138px; font-size:18px; margin-bottom:5px;}
.formadjustemail {width: 292px; font-size:18px; margin-bottom:5px;}
.formadjustaddress1 {width: 138px; font-size:18px; margin-bottom:5px;}
.formadjustaddress2 {width: 138px; font-size:18px; margin-bottom:5px;}
.formadjustcity {width: 140px; font-size:18px; margin-bottom:5px}
.formadjuststate {width: 50px; font-size:18px; margin-bottom:5px}
.formadjustzip {width: 70px; font-size:18px; margin-bottom:5px}
.rules {text-align:left; width:96%; margin-left:auto; margin-right:auto; height:150px; overflow:auto; border: 1px solid #868686; background-color:#ffffff; padding: 0 1% 0 1%;}
.rules p, .rules ol, .rules li, .rules .blockquote p {font-size:14px; line-height:18px}
.formclear {min-width:100px;}
input[type=submit] {padding:10px 35px 10px 35px; margin-top:10px; background-color:#cddc28; color:#000000 !important; font-size:24px;}
.audioexcerpt {width:100%; height:166px;}
}


/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#boxes #dialogterms {width:80%; height:75%; padding:0; background-color:#ffffff; overflow:auto;-webkit-overflow-scrolling:touch;}
#boxes #dialogprivacy {width:80%; height:75%; padding:0; background-color:#ffffff; overflow:auto;-webkit-overflow-scrolling:touch;}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
#boxes #dialogterms {width:80%; height:75%; padding:0; background-color:#ffffff; overflow:auto;-webkit-overflow-scrolling:touch;}
#boxes #dialogprivacy {width:80%; height:75%; padding:0; background-color:#ffffff; overflow:auto;-webkit-overflow-scrolling:touch;}
}