@charset "UTF-8";
@import url("/css/navigation.css");
@import url("/webfonts/MyriadPro/stylesheet.css");
@import url("/webfonts/MyriadProItalic/stylesheet.css");
@import url("/webfonts/MyriadProSemibold/stylesheet.css");
@import url("/webfonts/MyriadProSemiboldIt/stylesheet.css");
@import url("/webfonts/Wingdings3/stylesheet.css");

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
	padding: 0;
	margin: 20px 0;
	background-color: #92252b;
	font-family: MyriadPro, sans-serif;
	font-size:16px;
	line-height: 1.5em;
}
em {
	font-family: MyriadProItalic;
	font-style: normal;
}
strong {
	font-family: MyriadProSemibold;
	font-weight: normal;
}
.inside p {margin:0 0 .8em;}

.media div.bala img,
.inside div.float img,
.inside img.block {
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:2px solid #F99116;
	width:100%;
	margin: 0 0 6px;
}
.inside div.float {
	display: block;
	float:left;
	margin:5px 20px 20px 0;
	max-width:350px;
	width:52%;
}
.inside div.float.w246 {
	max-width:246px;
	width:40%;
}
.inside div.float p {
font-size: .9em;
font-family: MyriadProSemibold,sans-serif;
}
.inside div#callout {
float:right;
width:33%;
margin:5px 0 20px 20px;
background: #F9F5DF;
border: 1px solid #F7BA2C;
padding: 10px 17px;
}
.inside div#callout h2 {
font-family: MyriadProSemibold,sans-serif;
font-weight: normal;
color: #1C4495;
}

.inside .main h1,
.main h4 {
color: #C33835;
font-family: MyriadProSemibold,sans-serif;
margin:0 0 6px;
font-weight: normal;
}
.inside .main.reviews p.ni.sb.rule,
.inside .main.media h2 {font-size:1.4em;font-family: MyriadProSemibold,sans-serif;margin:.6em 0 .4em;font-weight: normal}
.inside .main.media h3 {font-size:1.1em;font-family: MyriadProSemibold,sans-serif;margin:0 0 .5em;font-weight: normal}
.inside .main.media p.small {font-size:.9em;margin:0 0 .8em;font-weight: normal;line-height: 1.3em;}
.inside .main.media h4,
.inside .main.reviews h4 {
border-top:1px solid #F99116;
color: #000;
padding-top:9px;
margin-top:20px;
}
.inside .main.media h4 {margin-top:9px;}
.inside .main.media h4:first-of-type {margin-top:10px;}
.inside .main.media h4 {color: #C33835;}
.inside .main.media h4 a {color: #C33835;text-decoration:none;}
.inside .main.media h4 a::after {
content: '\00DA';
margin-left: .2em;
font-size: .9em;
font-family: "Wingdings3";
}
.inside .main.media h4 em {font-family: MyriadProSemiboldIt,sans-serif;}
.inside .main.media .bala {max-width:200px;float:right;margin:.1em 0 1em 1.5em;}
.inside .main.media .bala img {width:100%;display:block;margin: 0 0 .25em;}
.inside .main.media .bala p {font-size: .9em;line-height: 1.3em;}
.inside .main.media .download {overflow: hidden;border-top:1px solid #F99116;padding-top:12px;}
.inside .main.media .download div {max-width: 127px;display:inline-block;float: left;}
.inside .main.media .download div + div {margin-left:1em;}
.inside .main.media .download div img {width:100%;}
.inside .main.media .download p {float: left;margin-left:1em;}
.inside .main.reviews p strong {font-family: MyriadProSemibold,sans-serif;font-weight: normal;}
.inside .main.reviews h5 {text-align: right;font-weight: normal;}
.main .excerptlinks {text-align: center;margin:0 auto 12px;border-bottom:1px solid #F99116;padding-bottom: 3px;}
.main .excerptlinks a {display: inline-block; padding:0 .5em;color:#000;text-decoration: none;}
.main .excerptlinks a:hover {color:#C33835;font-family: MyriadProSemibold,sans-serif;}
.container-outer {
	margin: 0 auto;
	padding: 0 6% 0 3%;
}
.border.outer {
	width: 100%;
	max-width: 916px;
	border: 5px solid #e6a472;
	margin: 0 auto;
	background-color: #f4eac2;
	padding: 4px;
	-moz-box-shadow: 0px 0px 24px #F99116;
	-webkit-box-shadow: 0px 0px 24px 3px #F99116;
	box-shadow: 0px 0px 24px 3px #F99116;
	overflow: hidden;
}
.container-outer span.m {
position: fixed;
width:100%;
height:36px;
background-color: #92252b;
z-index: 0;
display: none;
top:0;
left:0;
}

.container-inner {
	position: relative;
	padding-left: 152px;
	background-image: url(../images/sidebar.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	overflow: hidden;
}
.container-inner img.sb {position: absolute;left:0;bottom:0;display: block;}
aside {
	width:145px;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	padding-bottom: 114px;
	z-index: 10;
}
aside img {
	display: block;
	margin: 8px auto 20px;
	-moz-box-shadow: 3px 3px 10px 1px #333;
	-webkit-box-shadow: 3px 3px 15px 0px #333;
	box-shadow: 3px 3px 15px 0px #333;
}
.content {
	float: right;
	max-width: 764px;
	width:100%;
	margin:0px 1px 0 0
}
header {
	padding: 2px 4px 16px;
	background-color: #f1a46f;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-image: url(../images/masthead-border.png);
	background-repeat: repeat-x;
	background-position: 0% bottom;
}
header .masthead {
	-moz-box-shadow: inset 0px 0px 52px 3px #0c2e6b;
	-webkit-box-shadow: inset 0px 0px 52px 3px #0c2e6b;
	box-shadow: inset 0px 0px 52px 3px #0c2e6b;
	height: 0;
	background-image: url(../images/mountain.jpg);
	background-repeat: no-repeat;
	background-size: 750px auto;
	border: 2px solid #fbbb19;
	padding-bottom: 18.6%;
	position: relative;
}
header .masthead a {position: absolute;width:100%;height: 100%;}

.home header .masthead {background-image: url(../images/mountain_steve.jpg);}
.steve header .masthead {background-image: url(../images/mountain_steve.jpg);}
.mirror header .masthead {background-image: url(../images/mountain_mirror.jpg);}
.yogi header .masthead {background-image: url(../images/mountain_yogis.jpg);}
.main {
padding:12px;
	-moz-box-shadow: inset 0px 0px 52px 3px #fcbf3c;
	-webkit-box-shadow: inset 0px 0px 52px 3px #fcbf3c;
	box-shadow: inset 0px 0px 52px 3px #fcbf3c;
	border:2px solid #fbbb19;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	
}
.home .main {
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	background-position: 0% bottom;
	background-size: 759px auto;
	-moz-box-shadow: inset 0px 0px 52px 3px #0c2e6b;
	-webkit-box-shadow: inset 0px 0px 52px 3px #0c2e6b;
	box-shadow: inset 0px 0px 52px 3px #0c2e6b;
	height:0;
	padding-bottom:63%;
}
.home .main .teaser {
background-color: #f6edc2;
padding:20px;
width:56%;
float:right;
margin:2% 3% 0;
border-radius: 5px;
border:2px #fbbb19 solid;
	-moz-box-shadow: inset 0px 0px 52px 3px #fbd971;
	-webkit-box-shadow: inset 0px 0px 52px 3px #fbd971;
	box-shadow: inset 0px 0px 52px 3px #fbd971;
}
.home.yogi .main .teaser {
width:76%;
font-size: .9em;
}
.home.yogi .main .teaser p {
margin:0 0 .3em;
}

.home .main  {position: relative;}
.home .main .books {position: absolute;overflow: hidden;margin:0 auto;max-width:700px;width:100%;left:10%;top:6%;padding-bottom: 30px;}
.home .main .books div {float: left;width:40%;}
.home .main .books div + div {margin-left:5%;}
.home .main .books div img {
display: block;
width:100%;
	-moz-box-shadow: 12px 12px 40px 1px #000;
	-webkit-box-shadow: 12px 12px 40px 0px #000;
	box-shadow: 12px 12px 40px 0px #000;
}

.inside .main {padding:24px 36px 36px;}
.inside .main ul {padding-left:2em;margin-bottom: 1em;}
.inside form.paypal {margin-bottom:12px;}


.inside form.paypal input[type=submit] {
	background-color: #F27305;
	height: 32px;
	width: 200px;
	border-style: none;
	font-size: .8em;
	color:#fff;
	cursor: pointer;
}
.gallery .thumbs {overflow: hidden;}
.gallery .thumbs a img {
border: 2px solid #F8BE33;
margin: 0px 5px 5px 0px;
float: left;
display:block;
border-radius: 5px;
}
.gallery .thumbs a:hover img {
 border: 2px solid #C33835;
}
@media (min-width:771px) {
.inside .main {min-height:500px;}
}
@media (max-width:915px) {
header .masthead, .home .main {	background-size: 100%;}
.home .main .teaser {width:86%;margin:2% auto;float:none;}
.home .main .books div {width:38%;}
.inside .main.media .download p {float: none;margin:0;padding-top:10px!important;clear:both;}
.inside .main.media .download p br {display: none;}
}
@media (max-width:800px) {
.home.yogi .main .teaser span {display:none;}
}
@media (max-width:770px) {
body {font-size: 15px;padding-top:24px;}
.container-outer span.m {display: block;}
.container-inner {padding-left:0;background-image:none;}
.container-inner img.sb {display: none;}
aside img {display: none;}
aside {top:40px;}
header .masthead {-moz-box-shadow: inset 0px 0px 22px;-webkit-box-shadow: inset 0px 0px 22px;box-shadow: inset 0px 0px 22px;}
header .main {-moz-box-shadow: inset 0px 0px 22px;-webkit-box-shadow: inset 0px 0px 22px;box-shadow: inset 0px 0px 22px;}
.home .main .books div img {-moz-box-shadow: 6px 6px 16px 0px #000;-webkit-box-shadow: 6px 6px 16px 0px #000;box-shadow: 6px 6px 16px 0px #000;}
}
@media (max-width:650px) {
body {font-size: 13px;}
.inside .main.media .download div {width:100px;}
.inside .main.media .download div + div {margin-left:1em;}
}
@media (max-width:510px) {
.home .main .teaser {margin-top:1%;}
.inside div.float {float:none;max-width:350px;width:100%;}
.inside div.float.w246 {float:none;max-width:246px;width:100%;}
}
@media (max-width:500px) {
.home .main .teaser {padding:10px;}
.home .main .teaser p span {display:none;}
.inside div#callout {float:none;width:80%;margin:0 auto 12px;}
.inside .main.media .download div {width:80px;}
.inside .main.media .bala {max-width:150px;}
}
@media (max-width:400px) {
header .masthead {-moz-box-shadow: inset 0px 0px 12px;-webkit-box-shadow: inset 0px 0px 12px;box-shadow: inset 0px 0px 12px;}
header .main {-moz-box-shadow: inset 0px 0px 12px;-webkit-box-shadow: inset 0px 0px 12px;box-shadow: inset 0px 0px 12px;}
.home .main .books div img {-moz-box-shadow: 2px 2px 5px 0px #000;-webkit-box-shadow: 2px 2px 5px 0px #000;box-shadow: 2px 2px 5px 0px #000;}
.inside .main.media .download div {width:70px;}
}
@media (max-width:360px) {
body {font-size: 11px;}
.home .main .teaser {margin-top: 0%;}
.inside .main.media .download div {width:60px;}
}