/* JC Stuff */

.site-header {
	background: #030A0F url(images/Januarys-Child-banner-1140x593.png) top center no-repeat;
	min-height: 640px;
	border-top: 0px solid #267ABE;
	border-bottom: 0px solid #267ABE;
	border-left: 0px solid #267ABE;
	border-right: 0px solid #267ABE;
	clear: both;
	margin-top: 5%;
}

.site-inner{
	background: url(images/Alley_1240_1032_BW_20.png)
}

.content-sidebar-wrap {
	margin: 0 auto;
	padding: 10px 20px 10px 20px;
	float: none;	

}



.content {
	background:rgb(0,0,0);
	background: rgba(0,0,0,0.2);
}

.page {
	background:rgb(0,0,0);
	background: rgba(0,0,0,0.1)!important;

}

#JCMainBodyTop{ 
	width: 90%;
	height: auto;
	margin-top: 0%;
	margin-bottom: 0%;
	padding: 0px;
	Float: Left;	
	position: relative;
	opacity: 0.7;
	background: black;
	}

#JCHeader { 
        width: 90%;
	height: auto;
	margin-top: -5%;
	padding-top: 0%;
	padding-left: 5%;
	padding-right: 5%;
        margin-bottom: 0%; 
	margin-left: 0%; 
        display: inline-block; 
	}
#JCHeader .p1 span {
        width: 90%;
        margin-bottom: 0%; 
        margin-left:  10%;
	text-align: center;
	font-family: 'Quantico', sans-serif;
   	color:white;
	}

.JCHeaderText0 p1 span {
        display: block;
        width: 100%;
        margin-top: 10%; 
        margin-left: 8%; 
        margin-bottom: 0%; 
        font-family: 'Roboto', sans-serif;
	font-size: 48px;
	font-weight: bold;
	text-align: left;
        text-shadow: -3px 3px 3px black;
	color:#FFFFFF;
	}

.JCHeaderText0 p2 span {
        display: block;
        white-space: pre-line;
	width: 30%;
        height: auto;
        margin-top: -1%; 
        margin-left: 14%; 
        margin-bottom: 0%; 
        font-family: 'Roboto', sans-serif;
        font-style: italic;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
        text-shadow: -3px 3px 3px black;
	color:white;
	}

.JCHeaderText1 { 
/*	background: url(images/FSK_thekey.png) no-repeat top center; 
*/
   margin-top: 0%; 
   margin-bottom: 0%; 
	padding: 0px;
	margin-left: 0%;
	background: black;

/*	float: left;  */
	}

.JCHeaderText1 .p1 span {
        display: inline-block;
        margin-top: 0%; 
        padding-left: 5%;
				padding-right: 5%; 
        margin-bottom: 0%; 
        font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
/*	color: #f503d4;
	color: #f854b8;
	color:#c68b2d; */
        color: #FFFFFF;   
        }


.JCHeaderText1 p2 span {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 900;
	float: left;
	padding-bottom: 0%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: left;
	color: white;
/*	color:#A1680D;
        color:#c68b2d;    */
	}

#JCIntroSub0 {
	margin: 0%;
	padding-top: 0%;
	padding-left: 5%;
	padding-right: 5%;
	width: 90%; 
 	height: auto;
	background:rgb(0,0,0);
	background: rgba(0,0,0,0.1);
	float: left;
	z-index: 1;
	}

#JCIntroSub0 .p1 {
  font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	}

#JCIntroSub0 .p2 {
/*        display: inline-block;  */
        margin-top: 0%; 
        padding-left: 5%;
	padding-right: 5%; 
        margin-bottom: 0%; 
        font-family: 'Quantico', sans-serif;
  	font-size: 30px;
	font-weight: normal;
	text-align: center;
        color: #FFFFFF;  
	}

#JCIntroSub0 .p3 {
  font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: white;
	}

#JCHomeLink { 
	width: 900px;
	height: 22px;
	margin-top: 0%;
	margin-bottom: 5%;
	margin-left: 200px;
	margin-right: 10px;
	padding- right 0px;
	float: Left;
	}
	

#SSBookCover a {	
	display:block;   
	background: url(images/the-simeon-scroll-kindle-181x285.png) no-repeat top left; 
   margin-top: 0%; 
   margin-left: 0%; 
   margin-right: 0%; 
   margin-bottom: 2%; 
	padding-left: 2%; 
	padding-right: 2%; 
	padding-top: 0%; 
	padding-bottom: 0%; 
	width: 200px; 
	height: 300px; 
	float: left;
	text-indent:-3000px; 
	overflow:hidden; 
	text-decoration:none; 
	}
	
	#FPBookCover a {	
	display:block;
	background: url(images/the-final-pontiff_180x289.png) no-repeat top left; 
   margin-top: 0%; 
   margin-left: 0%; 
   margin-right: 0%; 
   margin-bottom: 2%; 
	padding-left: 2%; 
	padding-right: 2%; 
	padding-top: 0%; 
	padding-bottom: 0%; 
	width: 200px; 
	height: 300px; 
	float: left;
	text-indent:-3000px; 
	overflow:hidden; 
	text-decoration:none; 
	}


	#JCBookCover a {	
	display:block;
	background: url(images/januarys-child-180x287.png) no-repeat top left; 
   margin-top: 0%; 
   margin-left: 0%; 
   margin-right: 0%; 
   margin-bottom: 2%; 
	padding-left: 2%; 
	padding-right: 2%; 
	padding-top: 0%; 
	padding-bottom: 0%; 
	width: 200px; 
	height: 300px; 
	float: left;
	text-indent:-3000px; 
	overflow:hidden; 
	text-decoration:none; 
	}
	
	#JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  10%;
	}
	/* Main Wrap */


/* Media Queries */

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */

@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
  .site-header {
	background: #030A0F url(images/Januarys-Child-banner-857x446.png) top center no-repeat;
	min-height: 450px;
	margin-top: 5%;
/*	height: 375px; */ 
	clear: both;
}
}

/* Portrait */

@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
.site-header {
	background: #030A0F url(images/Januarys-Child-banner-857x446.png) top center no-repeat;
	min-height: 450px;
	margin-top: 5%;
/*	height: 375px; */ 
	clear: both;
}
}

/* Landscape */

@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 
.site-header {
	background: #030A0F url(images/Januarys-Child-banner-857x482.png) top center no-repeat;
	min-height: 490px;
	margin-top: 5%;
/*	height: 375px; */ 
	clear: both;
}
}


/* iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-857x4446.png) top center no-repeat;
	min-height: 450px;
	margin-top: 5%;
/*	height: 375px; */ 
	clear: both;
}
}

/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-857x446.png) top center no-repeat;
	min-height: 450px;
	margin-top: 5%;
/*	height: 375px; */ 
	clear: both;
}
}

/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-857x446.png) top center no-repeat;
	min-height: 450px;
	margin-top: 5%;
/*	height: 375px; */ 
	clear: both;
}
}

/* iPhone X in portrait & landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  15%;
	}

}

/* iPhone X in landscape  */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  15%;
	}

}

/* iPhone X in portrait  */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  20%;
	}

}

/* iPhone 6, 7, & 8 Media Queries  */
/* iPhone 6, 7, & 8 in portrait & landscape  */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px)
{.site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;

/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  15%;
	}

}

/* iPhone 6, 7, & 8 in landscape  */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  15%;
	}

}

/* iPhone 6, 7, & 8 in portrait  */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  20%;
	}

}

/* iPhone 6, 7, & 8 Plus Media Queries  */
/* iPhone 6, 7, & 8 Plus in portrait & landscape  */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  15%;
	}

}

/* iPhone 6, 7, & 8 Plus in landscape  */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape)
{.site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  15%;
	}

}

/* iPhone 6, 7, & 8 Plus in portrait  */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  20%;
	}

}

/* iPhone 5 & 5S Media Queries  */
/* iPhone 5 & 5S in portrait & landscape  */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  15%;
	}

}

/* iPhone 5 & 5S in landscape  */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  15%;
	}

}

/* iPhone 5 & 5S in portrait  */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait)
{ .site-header {
	background: #030A0F url(images/Januarys-Child-banner-560x291.png) top center no-repeat;
	min-height: 320px;
	margin-top: 5%;
/*	height: 375px; */
	clear: both;
}
   #JCBookCover .p1 {
  font-family: 'Quantico', sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: white;
	margin-top:  20%;
	}

}