* {margin:0; padding:0; }

html, body { font-family: 'Dosis', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:1em;}
h1, h2, .nav-link, .playlist-btn { font-weight:700; text-transform:uppercase; }
h1,h2,p { font-family: inherit; }
h1 { font-size: 4em; line-height: 1em; }
h2 { font-size: 3em; line-height: 1em; }

#wrapper { width: 100%; height:100%; z-index:4; position:relative;}
#viddiv { width: 120%; height:120%; z-index: 5; position:absolute; top:-20%; left:-20%;}
#scene { width: 100%; height:100%; opacity:0.7; z-index: 6; position:absolute; top:0; left:0;}
/* #clone { width: 100%; height:100%; opacity:0.6; z-index: 2; position:absolute; top:0; left:0;}  */
#figure {width:100%;height:100%;z-index:7; position:absolute; top:0; left:0;}

.flipped {
-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#nav { background-image:url(../img/black.png); width:100%; height:29px; padding:4px 0 0 0; position:fixed; bottom:0; z-index:1000;text-align:center; } 
#navtext{width:50%; height:25px; margin:0 auto;font-size:1em; font-weight:700; }

#navnum { background:#ccc; padding:2px 1px; margin:2px; border-radius:2px; width:18px; }
#navnum a { color:#000; padding:8px 2px; text-decoration:none; }
#navnum a:hover {background:#fff; color:#000;}

#chap {float:left; font-size:0.75em; font-weight:700; color:#fff; margin:-9px 0 0 -37px;}

#arrowsleft {color:#fff; font-size:1.6em; float:left; margin:-11px 0 0 -70px;}
#arrowsright {color:#fff; font-size:1.6em; float:right; margin:-27px -70px 0 0; }

	
.content { padding: 10px; overflow:hidden; background:#000;
/* text-shadow: 0 1px 0 #fff; */
}

.contenttext { color: #fff; font-size:0.8em; line-height:1.3em; }
.contenttext a, #arrowsleft a, #arrowsright a { color: #bbb; text-decoration:none; }
.contenttext a:hover,  #arrowsleft a:hover, #arrowsright a:hover{ color:#fff; }

.textlink { color: #fff; }
.arrowlink { font-weight:700;}


@media only screen and (max-width: 640px), screen and (max-height: 400px){
#viddiv { display:none;}
#chap {margin:-7px 0 0 -37px;}
}