html, body {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
body{
	font-size:1.7em;
	padding:0 7% 0 0 ;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F6F6F6;
	color:#000000;
}
#top-ad-container-2{
	height:100px;
	width:100%;
	margin: 0;
	background: inherit; 
}
#top-ad-2{
	height:100px;
	padding:0;
	margin:0 auto;
}
#text-body-content{
	padding-top: calc(100px + 1em);
}
 img {
	margin: 0;
	max-width:100%; 
	max-height:100%;
}
.img-caption{
	font-size: .5em;
}
#image-1{
	float: right;
	max-width:50%;
	margin: 0 0 5% 5%;
}
#image-1-block{
	display:block;
	max-width:80%;
	margin: 0 0 5% 5%;
}
#image-2{
	float: right;
	max-width:50%;
	margin: 0 0 5% 5%;
}
.a-button{
	padding: .3em .8em;
	border: 1px solid rgba(0, 0, 0, .1);
	/* Gradient to make button look 3D - I like flat design but lets keep this here for now.
	background: #58a linear-gradient(hsla(0, 0%, 100%, 2), transparent);*/
	border-radius: .2em;
	color: white;
	text-shadow:0 -.05em .05em rgba(0, 0, 0, .5); 
	line-height:1.5;
	font-size: 1.5em;
	margin-top: .5em;
	text-align: center;
}
#close-text-button-container{
	margin-top: 2.5em;
}
#close-the-text-button{
	background-color:#000000;
	width: 50%;
	margin:0 auto;
}
#footer-ad-container{
	margin: 2em 0 5em;
}
#footer-ad{
	width: 336px;
	height: 300px;
	margin:0 auto;
}
#top-fader{
	position:fixed;
	width: 100%;
	height: 3em;
	top:0;
	background: linear-gradient(hsla(0, 0%, 96%, 1), hsla(0, 0%, 96%, 0)); 
	pointer-events: none
}
#lower-fader{
	position: fixed;
	bottom: 0;
	width: 100%;
	height:3em;
	background: linear-gradient(hsla(0, 0%, 96%, 0), hsla(0, 0%, 96%, 1)); 
	pointer-events: none
}
#pup {
	position:absolute;
	z-index:205; /* aaaalways on top*/
	padding: .75em;
	margin-left: 10px;
	margin-top: -.25em;
	width: 45%;
	border: 1px solid black;
	background-color: #777;
	color: white;
	font-size: .9em;
}
.def{
	color: #ff0000;
}
#in-text-ad{
	margin: 1em;
}

/********************************************************************************************************************************************************
PORTRAIT SPECIFIC CSS
********************************************************************************************************************************************************/
@media all and (orientation:portrait) { 
	body{
		padding:0 10% 0 0 ;
		font-size: 140%;
	}
}
/********************************************************************************************************************************************************
LANDSCAPE SPECIFIC CSS
********************************************************************************************************************************************************/
@media all and (orientation:landscape) { 
	body{
		font-size: 170%;
	}
}


/********************************************************************************************************************************************************
ONLY FOR SHRINKING THE AD UNIT AT THE TOP OF THE PAGE
********************************************************************************************************************************************************/
@media only screen and (max-height: 600px) { 
	body{
		font-size: 100%;
	}
	#top-ad-container{
		height:60px;
	}
	#top-ad{
		height:60px;
	}
	#top-ad-container-2{
		height:60px;
		width:104%;
		margin: 0;
		margin-left:-4%;
		background: inherit; 
		position: absolute;
	}
	#top-ad-2{
		height:60px;
		padding:0;
		margin:0 auto;
	}
}

/************
V Units don't really work in IOS
************/