/*************************************************************************
*
* Reanimality Studios LLC site for HTML5/CSS3 
*
*  Author : Marc J. Driftmeyer
*  Date   : November 09, 2015
*  Update : August 29, 2016
*  Rev    : 0.3
*  
*************************************************************************/

/*

Viewport Settings

*/
/*
@viewport{
    zoom: 1.0;
    width: device-width;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
} */
/*

Font Families

*/

@font-face {
	font-family: "Roboto Light";
	src: url('/fonts/Roboto-Light.eot') format('eot'), /* IE9 Compat Modes */
		 url('/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/Roboto-Light.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/Roboto-Light.woff') format('woff'), /* Pretty Modern Browsers */
		 url('/fonts/Roboto-Light.ttf') format('truetype'), /* Safari, Android, iOS */
		 url(Roboto-Light.svg) format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: "HelveticaNeue LT 35 Thin";
	src: url('/fonts/HelveticaNeue_LT_35_Thin.eot') format('eot'), /* IE9 Compat Modes */
		 url('/fonts/HelveticaNeue_LT_35_Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/HelveticaNeue_LT_35_Thin.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/HelveticaNeueLT-Thin.woff') format('woff'), /* Pretty Modern Browsers */
		 url('/fonts/HelveticaNeue_LT_35_Thin.ttf') format('truetype'), /* Safari, Android, iOS */
		 url(HelveticaNeueLT-Thin.svg) format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: "Corsica MX Light";
	src: url('/fonts/Corsica_MX_Light.eot')format('eot'),/* IE9 Compat Modes */
		 url('/fonts/Corsica_MX_Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/Corsica_MX_Light.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/CorsicaMX-Light.woff') format('woff'), /* Pretty Modern Browsers */
  		 url('/fonts/Corsica_MX_Light.otf')format('opentype'), /* Safari, Android, iOS */
		 url('/fonts/CorsicaMX-Light.svg') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: "Corsica MX Regular";
	src: url('/fonts/Corsica_MX_Regular.eot')format('eot'),/* IE9 Compat Modes */
		 url('/fonts/Corsica_MX_Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/Corsica_MX_Regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/CorsicaMX-Regular.woff') format('woff'), /* Pretty Modern Browsers */
		 url('/fonts/Corsica_MX_Regular.otf')format('opentype'), /* Safari, Android, iOS */
		 url('/fonts/CorsicaMX-Regular.svg') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: "Corsica MX Bold";
	src: url('/fonts/Corsica_MX_Bold.eot')format('eot'),/* IE9 Compat Modes */
		 url('/fonts/Corsica_MX_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/Corsica_MX_Bold.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/CorsicaMX-Bold.woff') format('woff'), /* Pretty Modern Browsers */
		 url('/fonts/Corsica_MX_Bold.otf')format('opentype'), /* Safari, Android, iOS */
		 url('/fonts/CorsicaMX-Bold.svg') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: "Corsica MX Book";
	src: url('/fonts/Corsica_MX_Book.eot')format('eot'),/* IE9 Compat Modes */
		 url('/fonts/Corsica_MX_Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/Corsica_MX_Book.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/CorsicaMX-Book.woff') format('woff'), /* Pretty Modern Browsers */
		 url('/fonts/Corsica_MX_Book.otf')format('opentype'), /* Safari, Android, iOS */
		 url('/fonts/CorsicaMX-Book.svg') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: "Corsica MX Medium";
	src: url('/fonts/Corsica_MX_Medium.eot')format('eot'),/* IE9 Compat Modes */
		 url('/fonts/Corsica_MX_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/Corsica_MX_Medium.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/CorsicaMX-Medium.woff') format('woff'), /* Pretty Modern Browsers */
		 url('/fonts/Corsica_MX_Medium.otf')format('opentype'), /* Safari, Android, iOS */
		 url('/fonts/CorsicaMX-Medium.svg') format('svg'); /* Legacy iOS */
}
/*
Fixed and scalable Background from 4K resolution down to hand held size.
*/
html { 
/*background:url("/images/jpgs/backgrounds/BlueVelvetBlack.Border_Combined_3234x2185.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
background: rgba(0,0,0,1) url("/images/pngs/backgrounds/ReanimalityStudioSmoke2.png") repeat-x bottom left;
background-size: 2560px 1600px;
} 
/*
html {
overflow:hidden;
}*/
/*
body {
background:transparent;
font-family:"Corsica MX Medium", sans-serif;
overflow:none;
} */

/*div.clouds {
font-size:1em;
overflow:hidden;
   width:100%;height:100vh;
  background-image:
   url('/images/pngs/animation/big-sky-clouds.png');
  background-repeat:repeat-y;
  background-size:300% 700%;
  opacity:1;
    -webkit-animation: snow 120s linear infinite;  animation-direction: alternate; 
    -moz-animation: snow 120s linear infinite;
    -ms-animation: snow 120s linear infinite;
    animation: snow 120s linear infinite;
animation-iteration-count: 1;
}
div{
  background-image:
 url('/images/jpgs/animation/Widescreen5k.Olympic.Mtn.RainForrest-1024-600dpi.jpg');background-size:100% 100%;position:fixed;top:0;left:0;width:100%;height:100vh;
  animation: zoom 120s infinite;
animation-iteration-count: 1;
}
@keyframes zoom {
    0% { transform:scale(1,1); }
    50% { transform:scale(1.2,1.2); }
    100% {transform:scale(1,1); }
}
*/

body	{
font-family:"Corsica MX Medium",sans-serif;
font-size:1em;
/*
background:radial-gradient(rgba(20,33,66,1) 45%, rgba(12,13,30,.7));
background:-webkit-radial-gradient(rgba(20,33,66,1) 45%, rgba(12,13,30,.7));
background:-moz-radial-gradient(rgba(20,33,66,1) 45%, rgba(12,13,30,.7)); */
background:inherit;
opacity:.9;
overflow:none;
transition-property:opacity;
transition-delay:.2s;
transition-duration:1.5s;
}
body:hover	{
opacity:1;
}

/*

Font Awesome Overrides

*/





section	{
margin-top:0;
width:100%;
min-height:50px;
overflow:hidden;
height:auto;
border:0px dotted red;
text-align:center;
}

#logoSeries	{
z-index:1;
position:relative;
top:0px;
left:0px;
margin:10em auto 0 auto;
overflow:hidden;
min-width:320px;
min-height:234px;
max-height:234px;
max-width:320px;
border:0px dotted red;
background-image: url("/images/pngs/logos/reanimastudios/ReanimalityStudiosLLC_Logo320w.png");
background-repeat:no-repeat;
background-position:center middle;
text-align:center;
transition-property:opacity;
transition-property:background-image;
transition-delay:1s;
transition-duration:1s;
transition-timing-function:cubic-bezier(.7,.5,.7,.5);
opacity:.85;
}

#logoSeries:hover {
background-image: url("/images/pngs/logos/reanimastudios/ReanimalityStudiosLLC_Logo320w.png");
opacity:1;
transition-delay:.5s;
transition-duration:1s;
}

#logoTitle	{
position:relative;
margin-top:-2em;
overflow:hidden;
width:100%;
min-height:200px;
height:auto;
border:0px dotted red;
text-align:center;
}

/*

iBooks

*/

.bookRow	{
width:540px;
height:300px;
margin:0 auto;
margin-top:4em;
border:0px solid red;
}

.topBox {
/*
position:absolute;
top:4%;
right:4%;*/
float:left;
margin-left:5%;
margin-right:-5%;
padding:10px auto;
width:240px;
min-height:300px;
height:auto;
/* background: radial-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)); */
overflow:hidden;
border:0px dashed red;
}
.topBoxRight {
/*
position:absolute;
top:4%;
right:4%;*/
float:right;
padding:10px auto;
width:155px;
min-height:300px;
height:auto;
/* background: radial-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)); */
overflow:hidden;
border:0px dashed red;
}
.topBoxLeft {
/*
position:absolute;
top:4%;
right:4%;*/
float:left;
padding:10px 10px;
width:155px;
min-height:300px;
height:auto;
/* background: radial-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)); */
overflow:hidden;
border:0px dashed red;
}

#textBoxROTB	{
box-shadow: 2px 2px 4px rgba(0,0,0,.8);
background:url("/images/jpgs/inline-covers/Rise.Of.The.Beasts.Cover.Full.title_122x184.jpg") center center no-repeat;
background-size:contain;
/* rounded corners */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
min-height:184px;
width:122px;
height:auto;
padding:0;
/*background:radial-gradient(rgba(0,0,0,1), rgba(0,0,0,.75)); */
border:0px solid rgba(0,0,0,.5);

}

#textBoxMMP	{
box-shadow: 2px 2px 4px rgba(0,0,0,.8);
background:url("/images/jpgs/inline-covers/Collective_Verses_I_II_Front.Cover_Bust_122x184.jpg") center center no-repeat;
background-size:contain;
/* rounded corners */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
min-height:184px;
width:122px;
height:auto;
padding:0;
/*background:radial-gradient(rgba(0,0,0,1), rgba(0,0,0,.75)); */
border:0px solid rgba(0,0,0,.5);

}

#textBoxDABTD	{
box-shadow: 2px 2px 4px rgba(0,0,0,.8);
background:url("/images/pngs/inline-covers/DABTD_Front-Cover-122x184-CS.png") center center no-repeat;
background-size:contain;
/* rounded corners */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
min-height:184px;
width:122px;
height:auto;
padding:0;
/*background:radial-gradient(rgba(0,0,0,1), rgba(0,0,0,.75)); */
border:0px solid rgba(0,0,0,.5);

}

/***************
Navigation nav
***************/

.navSupport  {
z-index:0;
position:relative;
top:0;
left:0; 
margin:0;
padding:0;
height:66px;
width:100%;
overflow:hidden;
background: linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.75), rgba(0,0,0,.85));
}

#reanimastudioLogo	{
float:left;
width:65px;
height:60px;
background: url("/images/pngs/logos/reanimastudios/ReanimalityStudioLogoBW60w.png") no-repeat center center;
}
.navSupport ul	{
font-size:1em;
line-height:50px;
padding:0;
margin:0;
list-style:none;
height:60px;
position:relative;
top:0;
left:0px;
overflow:hidden;
min-width:728px;
width:auto;
max-width:100%;
}

nav ul li:nth-child(3)	{
margin-left:50%;
}

nav ol	{
padding:0;
margin:0;
list-style:none;
height:100px;
line-height:100px;
/*background-color:rgba(33,33,33,.25); */
position:relative;
top:0;
right:5.25%;
}
nav li	{
line-height:inherit;
border:0px dotted red;
line-height:60px;
height:60px;
font-size:100%;
float:left;
min-width:50px;
width:auto;
text-decoration:none;
color:rgba(255,199,0,1);
padding:0;
margin-right:4px;
margin-left:4px;
}

nav li a:nth-child(1)	{
color:rgba(26, 169, 245,1);
text-decoration:none;
}

nav li a:hover:nth-child(1)	{
color:rgba(254, 198, 220,1);
text-decoration:none;
}

/*

BODY

*/

#frontPage	{
min-height:1010px;
height:auto;
overflow: none;
background:transparent;
}


/*************
Typography
***************/

#logoTitle h1:nth-child(1)	{
font-family:"Corsica MX Light", sans-serif;
width:100%;
margin:0 auto;
min-height:50px;
height:auto;
text-align:center;
font-size:180%;
line-height:100%;
letter-spacing:2px;
color:rgba(255,255,255,.75);
border:0px dotted red;
margin-top:2em;
overflow:hidden;
}

.myHeader 	{
-vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}

#logoTitle h2:nth-child(2)	{
font-family:"Corsica MX Light", sans-serif;
min-width:400px;
min-height:50px;
height:auto;
text-align:center;
font-size:130%;
line-height:100%;
letter-spacing:2px;
color:rgba(255,255,255,.75);
margin-top:-.5em;
overflow:hidden;
}
.anchorFeet	{
position:relative;
overflow:hidden;
min-height:150px;
height:auto;

z-index:2;
background: linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.75), rgba(0,0,0,.85));
margin-top:0em;
overflow:hidden;
height:100px;
width:100%;
margin:0 0;
padding:0 0;
font-family:"Corsica MX Medium", sans-serif;
}
.leftHalf	{
font-size:.8em;
line-height:1.2em;
color:rgb(93,93,93,1);
width:69%;
float:left;
text-align:left;
margin-left:0em;
min-height:100px;
height:auto;
overflow:hidden;
margin-top:0em;
padding-bottom:0em;
border:0px dotted white;
}

.leftHalf div {
color:rgba(153,153,153,1);
padding-left:0em;
padding-top:3em;
text-decoration:none;
text-align:left;
line-height:1em;
height:auto;
overflow:hidden;
vertical-align:middle;
}

.leftHalf a:link, a:visited, a:active 	{
color:rgba(26, 169, 245,1);
text-decoration:none;
}

.leftHalf a:hover	{
color:rgba(254, 198, 220,1);
text-decoration:none;
}

.leftHalf img	{
margin-top:0em;
float:left;
padding-right:1em;
padding-left:1em;

}
.w3c	{
display:inline;
float:left;
margin:0em;
height:50px;
overflow:hidden;
border:0px dotted red;
}
 .leftHalf p:nth-child(1)	{
margin-top:3em;
margin-left:3em;
color:rgba(153,153,153,1);
float:left;
text-align:left;
min-width:200px;
width:auto;
min-height:50px;
height:auto;
overflow:hidden;
}

.rightHalf 	{
width:30%;
min-height:100px;
height:auto;
float:left;
overflow:hidden;
margin:0;
text-align:center;
}

#html5Logo {
display:inline;
font-size:.8em;
line-height:1.2em;
color:rgba(93,93,93,1);
padding-top:0em;
float:left;
margin-top:0em;
text-align:left;
min-height:40px;
height:auto;
overflow:hidden;
margin-left:3em;
border:1px dotted green;
}

footer p:nth-child(1), footer p:nth-child(2) {
font-size:.85em;
color:rgba(193,193,193,1);
text-align:left;
}

/*
Social network links
*/

.socialNetworks	{
margin:1em auto;
float:right;
width:100%;
min-height:50px;
height:auto;
text-shadow: 1px 1px 2px rgba(0,0,0,1);
border:1px dotted solid;
overflow:none;
}

#apple, #facebook, #instagram, #tumblr, #twitter 	{
font-size:2em;
line-height:4ex;
padding-right:10px;
height:50px;
color:rgba(26, 169, 245,1);
text-align:right;
}
#apple a:link, #apple a:active, #apple a:visited  {
color:rgba(26, 169, 245,1);

font-size:2em;
text-decoration:none;
border:0px dotted red;
}
#facebook a:link, #facebook a:active, #facebook a:visited {
color:rgba(26, 169, 245,1);
font-size:2em;
text-decoration:none;
border:0px dotted red;
}
#instagram a:link, #instagram a:active, #instagram a:visited  {
color:rgba(26, 169, 245,1);
font-size:2em;
text-decoration:none;
border:0px dotted red;
}
#tumblr a:link, #tumblr a:active, #tumblr a:visited  {
color:rgba(26, 169, 245,1);
font-size:2em;
text-decoration:none;
border:0px dotted red;
}
#twitter a:link, #twitter a:active, #twitter a:visited  {
color:rgba(26, 169, 245,1);
font-size:2em;
text-decoration:none;
border:0px dotted red;
}

a#apple:hover, a#facebook:hover, a#instagram:hover, a#tumblr:hover, a#twitter:hover	{
color:rgba(254, 198, 220,1);
font-size:2em;
text-decoration:none;
}

/*************
To the Top
*************/

.toTop	{
border:0px dotted red;
float:right;
text-align:right;
padding-right:0em;
margin-top:1.5em;
min-height:30px;
line-height:30px;
width:20%;
height:inherit;
}

.toTop a:link,.toTop a:visited,.toTop a:active {margin-right:5.5em;color:rgba(157,157,157,1);text-decoration:none;}

.copyright a:link,.copyright a:visited,.copyright a:active {color:rgba(157,157,157,1);text-decoration:none;}
.toTop a:hover, .copyright a:hover {color:rgba(255,255,255,1);text-decoration:none;font-size:inherit;}
/*#copyRights {font-size:1em;font-weight:100;font-family:'Corsica MX Light',sans-serif;float:right;width:auto;color:rgb(51,51,51);border:0px red dotted;margin:0 0 0 0;}
*/