/* AJP Web Styles */
/* html elements */
body {
    overflow: hidden;
    height: 100%;
}
@font-face {
    font-family: NorthwoodHigh;
    src: url(/therain/NorthwoodHigh.ttf);
}
@font-face {
font-family: "NorthwoodHigh";
src: url("http://www.geocities.ws/therain/css/NorthwoodHigh.eot");
src: url("http://www.geocities.ws/therain/css/northwood_high-webfont.woff") format("woff"),
url("http://www.geocities.ws/therain/css/NorthwoodHigh.otf") format("opentype"),
url("http://www.geocities.ws/therain/css/NorthwoodHigh.svg#filename") format("svg");
}
/* Page body and sliding pane */
#page {
	background-color: black;
	overflow: none;
	position: absolute;
	border-left-style: solid;
	min-width: 100%;
	min-height: 100%;
	left: 0px;
	top: 0px;
}
#pageFrame {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 20;
}
#pg_body {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	border:none;
}
#loader1 {
    position:absolute;
    display: none;
    z-index: 10;
}
a,a:active,a:visited{
  color:#68C8FC;
  text-shadow:#000 4px 2px 6px;
  -moz-transition: all 1.0s ease-in-out; 
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
}

a:hover{
  color:#FFFFFF;
  -moz-transition: all 0.9s ease-in-out; 
  -webkit-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}
#socialFrame {
	position: absolute;
	text-align: right;
	right:	5px;
	bottom: 0;
}
.social_btn {	
	border: 1px #013064;
	border-style: solid;
	opacity: 0.2;
	cursor: pointer;
}
.social_btn:hover {
	background-color: #071D34;
	opacity: 1;
}
/* Left panel styles */
#leftPane {
	background-color: #212121;
	color: SlateGray;
	position: absolute;
	width: 400px;
	min-height: 100%;
	left: -400px;
	top: 0px;
	display: block;
	z-index: 15;
}
#bio {
	margin-left: 10px;
	margin-top: 10px;
	overflow: auto;
	max-height: 100vh;
	z-index: 20;
	font-family: "Cormorant Unicase", "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS";
	text-align: justify;
	font-size: 12pt;
}
#pammy {
	font-family: NorthwoodHigh;
	margin-left: 10px;
	margin-top: 10px;
	font-size: 40pt;
}
/* Logo banner and header graphics */
#v_bar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 4px;
	height: 100%;
	background-color: red;
	z-index: 15;
}
#pm_banner {
	position: absolute;
	display: none;
	right: -40px;
	top: -30px;
	width: 450px;
	z-index: 18;
}
/* Left menu styles */
#b_menu {
	position: absolute;
	display: visible;
	height: 110px;
	top: -10px;
	left: -8px;
	z-index: 15;
	cursor: pointer;
}
#b_close {
	position: absolute;
	display: none;
	height: 110px;
	top: -10px;
	right: -17px;
	z-index: 25;
	cursor: pointer;
}
#b_moore {
	position: absolute;
	height: 130px;
	bottom: -14px;
	left: -4px;
	z-index: 19;
	cursor: pointer;
}
#left_menu {
	position: absolute;
	top:0px;
	left: 0px;
	height: 100%;
	z-index: 20;
}
#nav_menu {
	position: absolute;
	top: 0;
	left: -300px;
	width: 300px;
	height: 100%;
	background-color: rgba(0,0,0,.75);
	text-align: center;
	z-index: 20;
}
.menu_btn {
	cursor: pointer;
	max-width: 80%;
	max-height: 10%;
	z-index: 20;
}
#pg_label {
	position: absolute;
	top:0;
	bottom:0;
	margin-top: auto;
	margin-bottom: auto;
	height:200px;
	left: -6px;
	cursor: pointer;
	z-index: 20;
}
/* Carousel styles */
.carousel-wrapper {
	position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    margin: 0 auto;
}
.pic_BG {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
#pageBG_Div {
	position: absolute;
	overflow: hidden; 	
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;	
	visibility: visible;
}
/* News page styles */
#news_text {
	color: white;
	font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 12pt;
	margin-left: 20px;
	margin-right: 10px;
}
.newsLine {
	position: relative;
	top: -5px;
	left: -60px;
	width: 250px;
	height: 1px;
}
.newsPic1{
	width:20%;/*
	height:20%;*/
}
.news_divider{
	width: 100%;
	height: 1px;
}
/* Page effect styles */
.vignette {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
	box-shadow: 0px 0px 60px 60px rgba(0,0,0,.9) inset;
}
/* Gallery styles */
.galFrame {
	position: absolute;
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
}
#gal_body {	
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	border: none;
}	
.galB {
	height: 50px;
	cursor: pointer;
	z-index: 30;
}
.gThumb {
	height: 8%;
}
#galLine {
	position: relative;
	top: 5px;
}
#galButtons {
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	text-align: center;
}
/* Media element styles */
#mediaFrame {
	position: absolute;
	top: 0px;
	left: 106px;
	min-height: 380px;
	display: none;
	overflow: hidden;
	z-index: 10;
}
.vidBFrame {
	display: none;
}
#vidButtonsL {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 175px;
	max-height: 520px;
}
#vidButtonsR {
	position: absolute;
	top: 0px;
	left: 390px;
	max-width: 75px;
	max-height: 520px;
}
.vidClips {
	cursor: pointer;
	max-height: 55px;
	min-height: 20px;
	max-width: 100px;
	min-width: 36px;
	border-style: solid;
	border-color: white;
	background-color: black;
}
.vidClips:hover {
	border-color: red;
}
#medFrame {
	position: absolute;
	width: 400px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#vid_body {	
	position: absolute;
	top: 20px;
	bottom: 0;
	left: 0px;
	right: 0;
	z-index: 20;
	margin: 0 auto;
	border-color: white;
    border-style: inset;
}
#closeX {
	position: absolute;
	top: 9px;
	right: 5px;
	cursor: pointer;
}
#closeXpromo {
	position: absolute;
	top: -9px;
	right: -68px;
	cursor: pointer;
	z-index: 25;
}
/* Contact page styles */
#sideImg1 {
	position: absolute;
	height: 100%;
	right: 0;
	z-index: 5;
}
#contFrame {
	position: absolute;
	width: 410px;
	height: 300px;
	color: white;
	font-family: "Open Sans", "Fira Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS";
	z-index: 10;
	top: 15%;
	left: 15%;
}
.contTitle {
	color: white;
	font-size: 14pt;
	font-weight: bold;
	text-shadow: 2px 2px black;
}
.contTxt {
	font-size: 95%;
	margin-left: 15px;
	text-shadow: 2px 2px black;
	margin-top: 0px;
}
.contLine {
	position: absolute;
	margin-top: 5px;
	left: 0px;
}
/* Press styles */
.pressBox {
	-webkit-overflow-scrolling:touch; 
	overflow-y: auto; 
	background-color: black;
	color:white; 
	font-family:Open Sans, Fira Sans, Lucida Sans, Lucida Sans Unicode, Trebuchet MS;
	font-size:75%; 
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	padding-top: 10px;
	margin-left:5%; 
	height: 90%;
	width: 85%;
}
#pressFrame {
	position: absolute; 
	top: 70px; 
	left: 10%; 
	width: 75%; 
	height: 85%;
	z-index: 10;
}
#pLineCont {
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
	width: 80%;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: 20;
}
#b_presskit {	
	color: red;
}
#b_presskit:hover {	
	text-decoration: underline;
}
#b_interview {
	color: white;
}
#b_interview:hover {
	text-decoration: underline;
}
#b_review {
	color: white;
}
#b_review:hover {
	text-decoration: underline;
}
.pressB {
	font-family: NorthwoodHigh;
	font-size: 14pt;
	cursor: pointer;
    width:33%;
    padding:5px;
    float:left;
    box-sizing: border-box;
	z-index: 30;
}
#bBio:hover {
	content:url(../graphics/press/2015biosm2.jpg);
}
#bPic1:hover {
	content:url(../graphics/press/photo1smr.jpg);
}
#bPic2:hover {
	content:url(../graphics/press/photo2-2015r.jpg);
}
#bPic3:hover {
	content:url(../graphics/press/close_biosm4r.jpg);
}
#bPic4:hover {
	content:url(../graphics/press/btv_biosm1r.png);
}
#bPic5:hover {
	content:url(../graphics/press/pam_biosm4r.jpg);
}
.pressImg {
	width: 25%;
}
#epkFrame {
	display: block;
	position: absolute;
	top: 0;
	text-align: center;
	min-width: 95%;
}
#interviewFrame {
	display: none;
	position: absolute;
	top: 0;
	min-width: 90%;
}
#reviewFrame {
	display: none;
	position: absolute;
	top: 0;
	min-width: 90%;
}
.epkImg {
	padding-top: 20%;
}
/* Lessons Styles */
.lessBox {
	-webkit-overflow-scrolling:touch; 
	overflow-y: auto; 
	background-color: black;
	color:white; 
	font-family:Open Sans, Fira Sans, Lucida Sans, Lucida Sans Unicode, Trebuchet MS;
	font-size:12pt; 
	height: 90%;
	width: 93%;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	padding-top: 10px;
}
#lessFrame {
	position: absolute; 
	top: 68px; 
	left: 13%; 
	width: 75%; 
	height: 85%;
	z-index: 10;
}
.lessB {
	font-family: NorthwoodHigh;
	font-size: 13pt;
	cursor: pointer;
    width:33%;
    padding:5px;
    float:left;
    box-sizing: border-box;
	z-index: 30;
}
#lesBioFrame {
	display: inline-block;
	position: absolute;
	top: 0;
	min-width: 95%;
	color: white;
}
#testimonialFrame {
	display: none;
	position: absolute;
	top: 0;
	min-width: 95%;
}
#bookFrame {
	display: none;
	position: absolute;
	top: 0;
	min-width: 95%;
}
#lessImg {
	margin-left: 10px;
	margin-bottom: 10px;
	width: 50%;
}
#b_lessBio {
	color: red;
}
#b_lessBio:hover {
	text-decoration: underline;
}
#b_lessTest {
	color: white;
}
#b_lessTest:hover {
	text-decoration: underline;
}
#b_lessBook {
	color: white;
}
#b_lessBook:hover {
	text-decoration: underline;
}
/* PM Promo */
#pmPromo {
	position: absolute;
	left: 5vw;
	top: -500px;
}
#promoX {
	font-family:Open Sans, Fira Sans, Lucida Sans, Lucida Sans Unicode, Trebuchet MS;
	color:#6868FC;
	text-shadow:#000 4px 2px 6px;
	-moz-transition: all 1.0s ease-in-out; 
	-webkit-transition: all 1.0s ease-in-out;
	-o-transition: all 1.0s ease-in-out;
	-ms-transition: all 1.0s ease-in-out;
	transition: all 1.0s ease-in-out;
}
#promoX:hover {
	text-decoration: underline;
	color:#FFFFFF;
	-moz-transition: all 0.9s ease-in-out; 
	-webkit-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}
#promoImg {
	box-shadow: 10px 10px 5px black;
}