body {background-color:#ddd; font-family: 'Muli', Helvetica, Arial, sans-serif; font-size:10px;}
strong {font-weight:bold;}
em {font-style:italic;}
.clear {clear:both; line-height:0;}
hr {height:2px; background-color:#666; border:none;}

p {padding-top:10px; font-size:1.5em; line-height:1.4; color:#333;}
p.block-text {padding:10px 4% 12px 4%; font-style:italic;}
p.fine-print {font-size:1.1em; line-height:1.4;}

h1 {padding-top:35px; font-size:2.6em; line-height:1.4; color:#666;}
h2 {padding-top:25px; font-size:2em; line-height:1.4; color:#666;}
h3 {padding-top:15px; font-size:1.7em; line-height:1.4; color:#666;}
h4 {padding-top:0; font-size:1em; line-height:1.4; color:#666;}
h5 {padding-top:10px; font-size:1.4em; line-height:1.6; letter-spacing:1px; color: #666; margin-top:10px;}
h6 {padding-top:5px; font-size:1.4em; line-height:1.6; color:#666;}

a {text-decoration:none;}
p a {color:#8c9900;}
p a:hover {text-decoration:none; color:#000;}
h1 a {color:#666;}
h1 a:hover {text-decoration:none; color:#000;}

span.p8em {font-size:0.8em;}
span.p7em {font-size:0.7em;}
span.p6em {font-size:0.6em;}

.spacer-5 {height:5px;}
.spacer-10 {height:10px;}
.spacer-15 {height:15px;}
.spacer-20 {height:20px;}
.spacer-25 {height:25px;}

/* Header */
#header_wrap {background-color:#eee;}
#header {position:relative; width:100%; max-width:1000px; margin:0 auto; padding:12px 0 22px 0; background-color:#fff; border-left:3px solid #e3e3e3; border-right:3px solid #e3e3e3;}
a#logo {display:block; position:relative; float:left; margin:0 0 0 4%; width:262px; height:62px;}
#header h1 {position:relative; float:left; width:232px; padding-top:0; margin:15px 0 0 4%; font-size:1.5em; line-height:1.2em; color:#777; letter-spacing:1px;}

#main_nav_wrap {min-height:32px; background-color:#9e9e9e;}

#main_nav {position:relative; width:100%; max-width:1000px; min-height:32px; margin:0 auto; background:#ababab url(/img/layout/nav-horiz-divider.png) repeat-x left 32px; border-left:3px solid #979797; border-right:3px solid #979797;}
#main_nav ul {position:relative; float:right; padding:0 4% 0 0;}
#main_nav ul li {float:left; padding-right:3px; background:url(/img/layout/main-nav-divider.png) no-repeat right top;}
#main_nav ul li a {display:block; height:24px; padding:8px 20px 0 20px; font-size:1.5em; text-transform:uppercase; font-weight:normal; color:#e2e2e2; text-decoration:none; letter-spacing:1px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}
#main_nav ul li.first a {padding-left:23px; background:url(/img/layout/main-nav-divider.png) no-repeat left top;}
#main_nav ul li a:hover {background-color:#bbb; color:#fff;}
#main_nav ul li.selected a {background-color:#888; color:#fff;}

@media screen and (max-width:400px) {
	#main_nav ul li a {padding:8px 10px 0 10px; font-size:1.4em; letter-spacing:0px;}
	#main_nav ul li.first a {padding-left:13px;}
}

@media screen and (max-width:551px) {
	#header h1 {margin-top:0px; padding-left:1px; line-height:1.1em;}
}


/* Contents */
#contents {width:100%; max-width:1000px; padding:38px 0 38px 0; margin:0 auto; background-color:#eee; border:3px solid #d2d2d2; border-top:none;}

#slide {width:94%; padding:0 3% 0 3%;}
#slide img {width:100%;}

.full-width-content {width:94%; padding:0 3% 30px 3%;}
.full-width-content h1 {padding-top:20px;}
.full-width-content h2 {padding-top:15px;}
.full-width-content h3 {padding-top:5px;}
.full-width-content h4 {}
.full-width-content h5 {}
.full-width-content p {}
.full-width-content h1 + p, .full-width-content h2 + p, .full-width-content h3 + p, .full-width-content h4 + p {padding-top:10px;}

.added-leading p {line-height:1.7;}
.added-leading p + p {padding-top:20px;}

.top-border {border-top:2px solid #bbb;}

h3.find-out {padding:30px 0 0 385px; font-size:32px;}
h3.find-out a {color:#aaa; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}
h3.find-out a:hover {color:#666; text-decoration:none;}

#col-single {float:none; width:92%; margin:0 4% 0 4%; padding:26px 0 20px 0; background-color:#fff;}

.about #col_l {float:none; width:550px; padding:15px 50px 50px 50px; background-color:#fff;}
.about #col_r {display:none;}

p.button-link {text-align:center;}
p.button-link a {display:inline-block; margin:0 4px 0 4px; padding:2px 6px 2px 6px; background-color:#fff; border:1px solid #ccc; text-align:center; text-decoration:none; color:#666; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}
p.button-link a:hover {background-color:#eee; border:1px solid #bbb; color:#000;}


/* Book Detail Page */
#book-cover-col {float:left; width:32%; margin:0 0 0 3%;}
#book-cover-col img {width:100%;}
.cover-image {margin:0 0 25px 0;}

#book-cover-col h4 {padding:10px 0 0 0; font-size:1.3em; text-align:center; font-weight:bold;}
#book-cover-col p.button-link {padding-top:4px;}
#book-cover-col p.button-link a {font-size:0.8em;}
#book-cover-col p.fine-print {padding:14px 0px 30px 0px; font-size:1em; text-align:center;}

#book-info-col {float:left; width:59%; margin:0 0 0 3%; padding:0 0 0 0;}
#book-info-col h1:first-child {padding:0 0 5px 0; line-height:1em;}

#book-meta {float:left; width:54%; margin:0 0 0 0; padding:0 0 0 0;}
#book-meta h2 {padding-bottom:20px;}
#book-meta h3 {padding-top:10px; font-size:1.6em; line-height:1.3;}
#book-meta p {font-size:1.5em; color:#666;}
#book-meta h2 a {color:#666;}
#book-meta h2 a:hover {color:#8c9900; text-decoration:none;}

#book-buy {float:left; width:40%; margin:0 0 15px 2%; padding:10px 2% 10px 2%; background-color:#f4f4f4;}
#book-buy h4 {font-size:1.5em; text-align:center; font-weight:bold;}
#book-buy p {padding:5px 6% 4px 6%; font-size:1.4em;}
#book-buy p a {display:block; padding:2px 0 2px 0; background-color:#fff; border:1px solid #ddd; text-align:center; text-decoration:none; color:#666;  -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}
#book-buy p a:hover {background-color:#eee; border:1px solid #ccc; color:#000;}

#book-about {float:none; padding:20px 0 10px 0; margin:0 0 0 0;}
#book-about h3 {padding-top:25px; padding-bottom:15px; font-size:2em; line-height:1.2; font-style:italic;}
#book-about h4 {padding-top:10px; font-size:1.3em;}
#book-about h4 a {color:#8c9900;}
#book-about h4 a:hover {text-decoration:none; color:#000;}
#book-about p {font-size:1.5em;}
#book-about p.button-link {margin-top:5px;}

#book-about-buy {margin-top:18px; padding:10px 3% 10px 3%; background-color:#f4f4f4;}
#book-about-buy h4 {font-size:1.5em; font-weight:bold;}
#book-about-buy a {display:block; float:left; margin:8px 12px 3px 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;}
#book-about-buy a:hover {opacity:0.6;}

@media screen and (max-width:840px) {
	#book-meta {float:none; width:100%;}
	#book-buy {float:none; width:96%; margin:0 0 15px 0; padding:10px 2% 10px 2%;}
	#book-meta p {padding-bottom:20px;}
}

@media screen and (max-width:440px) {
	#book-cover-col {float:none; width:94%;}
	.cover-image {width:60%; margin:0 auto 10px auto;}
	.cover-image img {margin:0 0 10px 0;}
	#book-info-col {float:none; width:94%;}
	#book-meta {float:none; padding-top:20px; width:100%;}
	#book-meta h1 {text-align:center;}
	#book-meta h2 {padding:5px 0 10px 0; text-align:center;}
	#book-meta h3 {padding-top:0px; text-align:center;}
	#book-meta p {padding:0 0 20px 0; text-align:center;}
	#book-buy {float:none; width:96%; margin:0 0 15px 0%; padding:10px 2% 10px 2%;}
	.phone-hide {display:none;}
	#book-about h4 {text-align:center;}
	#book-info-col h1:first-child {padding:15px 0 5px 0;}
}

/* Author Detail Page */
h3.list-author-head {padding:0 0 5px 0; text-align:center;}

ul.book-list-author {padding:15px 0 5px 0; border-top:2px solid #bbb;}
ul.book-list-author li {margin-bottom:24px;}
.book-list-cover {float:left; width:30%;}
.book-list-info {float:left; width:65%; padding:0 0 0 5%;}
.book-list-info h5 {padding:0; margin-top:0; font-size:1.7em; line-height:1em;}
.book-list-info h5 a {color:#666; text-decoration:none; line-height:1em;}
.book-list-info h5 a:hover {color:#000; text-decoration:none;}
.book-list-info h6 {padding:5px 0 0 0; font-size:1.4em;}
.book-list-info p {font-size:1.3em;}
.book-list-info p.button-link {text-align:left;}
.book-list-info p.button-link a {margin:15px 0 0 0;}


/* Contact Form */
#contact-form {}
#contact-header {padding:0 0 25px 0;}
ul#contact-form-inputs {}
ul#contact-form-inputs label {display:block;}
li#name-input label.label-float {float:left; width:28px; padding:4px 7px 0px 0px; font-size:1.2em; text-align:right;}
li#name-input input {display:block; float:left; width:80%; max-width:400px; height:16px;}
li#email-input input {width:89%; max-width:400px; height:16px;}
li#comment-input textarea {width:89%; max-width:400px; height:100px;}
label.desc {padding:0 0 2px 35px; font-size:1.4em;}
div.input-pad {padding:0 0 10px 35px;}
div.input-pad-l {padding:0 0 0 35px;}

div.error {color:#ee3300;} /* color:#d83237; */

.req {font-size:1.1em; color:#ee3300;}
.bpad5 {padding:0 0 5px 0;}
.bpad10 {padding:0 0 10px 0;}
.bpad15 {padding:0 0 15px 0;}

a.social-link {display:block; float:left; padding:5px 12px 0 0; width:36px; height:36px;}
a.social-link img {width:100%;}


/* Supplements */
.supplements {width:94%; margin:0 0 15px 3%;}
.supplements h1 {padding-top:0;}
	
.supp-item {width:94%; margin:0 0 0 3%; padding:20px 0 0 0; border-top:2px solid #bbb;}

.supp-col-l {float:left; width:32%; margin:0;}
.supp-col-l img {width:100%;}
.supp-col-l p.button-link {padding-top:4px;}
.supp-col-l p.button-link a {font-size:0.8em;}
.supp-col-l p.fine-print {padding:14px 0px 30px 0px; font-size:1em; text-align:center;}

.supp-col-r {float:left; width:59%; margin:0 0 0 3%; padding:0 0 25px 0;}
.supp-col-r h2 {padding:0 0 0 0; line-height:1em;}
.supp-col-r p {padding:10px 0 0 0;}
.supp-col-r p.button-link {text-align:left;}
.supp-col-r p.button-link a {margin:0 12px 7px 0;}

@media screen and (max-width:440px) {
	.supp-col-l {float:none; width:100%;}
	.cover-image {width:60%; margin:0 auto 15px auto;}
	.cover-image img {margin:0;}
	.supp-col-r {float:none; width:100%; margin-left:0;}
	.supp-col-r h2 {text-align:center;}
	.phone-center {text-align:center;}
	.supp-col-r p.button-link {text-align:center;}
	.supp-col-r p.button-link a {display:block; width:64%; margin:5px auto 5px auto;}
	.spacer-15 {display:none;}
}

#book-sample {max-width:600px; font-family:Georgia, 'Times New Roman', serif;}
#book-sample h1 {font-size:2.2em;}
#book-sample h3 {font-size:1.3em;}

p.body {padding-top:0px; text-indent:2em;}

p.last-chapter-para {padding-bottom:25px; margin-bottom:80px; border-bottom:2px solid #bbb;}
p.body-line-top {margin-top:15px; border-top:1px solid #bbb;}
.added-leading p + p.body {padding-top:0px;}
.added-leading p + p.body-line-top {padding-top:15px;}


/* Footer */
#footer {width:100%; padding:10px 0 30px 0;}
#footer p {padding-top:0; font-family:Helvetica, Arial,sans-serif; font-size:1.1em; color:#aaa; text-align:center;}



/*

@media handheld, screen and (max-device-width: 480px) {
  body { width:100%; }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
  body { width:100%; }
}

@media screen and (min-width: 1025px) {
  body { width:100%; }
}

@media print {
  body { width:100%; }
}

*/