/*
font-family: 'Pontano Sans', sans-serif;
font-family: 'Courgette', cursive;
font-family: 'Archivo Black', sans-serif;
font-family: 'Alegreya Sans', sans-serif;
font-family: 'Voltaire', sans-serif;
font-family: 'Boogaloo', cursive;
font-family: 'Marmelad', sans-serif;
font-family: 'Salsa', cursive;
font-family: 'Merienda One', cursive;
font-family: 'Andika', sans-serif;
font-family: 'Shanti', sans-serif;

*/

body {
	  width: 100%;
	  max-width: 1700px; /* YOUR BG MAX SIZE */
	 background-color: white;/*#FE0000;*/
	 /*background:url('../images/background.jpg') repeat;*/
	 background-attachment: fixed;
	  height: 100%;
	  margin: 0;
	  padding: 0;
	  z-index: -200;
	  font-family: 'Comic Sans';
	}
	
header{
	position:relative;
	width: 100%;
	height: 300px;
}

.logo{
	/* background:url('../images/topheaderbg.jpg') repeat-x;*/
	/*width: 1100px;
	left: -30px;*/
	margin: 0 auto;
	z-index: +2;
	/*width: 410px;
	height: 132px;*/
}
.logo a img{
	border: 0;
	outline: none;
	z-index: +200;
	position: absolute;
	
}
.midtop{
	float:left;
	margin-left: 213px; 
	width: 446px;
	display: none;
}
.righttop{
	/*background:url('../images/tagline.png') repeat-x;*/
	position:absolute;
	top:0;
	right: 1em;
	width: 135px;
	height: 53px;  
	
}
.socialmedia{
	position:absolute;
	top: 170px;
	left: 933px;
}
.padding10{
	padding-right: 10px;
}

.toplinks, .toplinks a:link, .toplinks a:visited{
	/*add drop shadows */
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 2px 2px 5px #333;
	
}
#topbuttons{
	padding: 20px 100px 10px 10px;
}
#topbuttons img{
	 box-shadow: 4px 3px 10px #888888;
}

nav{
	width: 100%;
	height: 45px;
	color: #0403FF;
	top: 243px;
	position: absolute;
	font-family: 'Voltaire', sans-serif;
	font-size: 1.1em;
	background-color: #feef00;
	opacity: 0.8;
	padding: 4px 10px 0px 10px;
	text-align:center;
	z-index: +1;
}
/*for 3d effect on nav bar*/
.enjoy-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: none;
  font: normal 24px/normal "Comic Sans MS", cursive, sans-serif;
  color: #0403ff;
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  word-spacing: 2px;
  background: #feef00;
  text-shadow: 1px 1px 0 rgba(2,2,2,1) , 0 2px 0 rgb(201,201,201) , 0 3px 0 rgb(187,187,187) , 0 4px 0 rgb(185,185,185) , 0 5px 0 rgb(170,170,170) , 0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 5px 10px rgba(0,0,0,0.247059) , 0 10px 10px rgba(0,0,0,0.2) , 0 20px 20px rgba(0,0,0,0.14902) ;
  -webkit-transition: all 300ms cubic-bezier(0.065, 1.265, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.065, 1.265, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.065, 1.265, 0.58, 1);
  transition: all 300ms cubic-bezier(0.065, 1.265, 0.58, 1);
}

.enjoy-css:hover {
  font: normal 72px/normal "Comic Sans MS", cursive, sans-serif;
  color: #0403FF;
  text-shadow: 0 1px 0 rgba(2,2,2,1) , 0 2px 0 rgba(255,255,255,1) , 0 3px 0 rgba(255,255,255,1) , 0 4px 0 rgba(255,255,255,1) , 0 5px 0 rgba(255,255,255,1) , 0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 -5px 10px rgba(0,0,0,0.247059) , 0 -7px 10px rgba(0,0,0,0.2) , 0 -15px 20px rgba(0,0,0,0.14902) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}

#bodycontent{
	position:relative;
	width: 90%;
	background-color: #fff;
	/*opacity: 0.8;
	top: 70px;*/
	margin: 50px auto;
	padding: 0 .5em 0 1em;
	font-family: Arial;
	height: 100%;
}
textarea#elm1{

	width: 90%;
	background-color: #fff;
	opacity: 0.8;
	/*top: 70px;*/
	font-family: Arial;
	height: 100%;
}

#bodycontainer{
	position:relative;
	min-height: 250px;
	display:block;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
	/*overflow: auto;*/
}
.contentwrapper{
	width: 100%;
	position: relative;
}

#contenthomewrapper{
	/*padding-top: 20px;*/
	margin:auto;
	width:95%;
	height: 100%;
}
p.clear{
	clear:both;
}
h1{
	font-family: 'Comic Sans', sans-serif;
	font-size: 2em;
	line-height: 1.25em;
	color: #051D5A;
	font-weight:bold;
}

h2{
	font-family: 'Comic Sans', cursive;
	font-size: 1.45em;
	color: #6A8D1F;
	margin-bottom: -5px;
}

h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-style: italics;
	color: #D69802; /*211650;*/
	
	
}

h4{

}

p{
	font-family: 'Comic Sans', sans-serif;
	/*font-family: 'Oxygen', sans-serif;
	font-family: 'Signika', sans-serif;
	font-family: 'PT Sans Caption', sans-serif;
	font-family: 'Istok Web', sans-serif;
	font-family: 'Cabin Condensed', sans-serif;
	font-family: 'Molengo', sans-serif;*/

	color:#0403ff;
	font-size: 1.25em;
}
li{
	color:#211650;
	font-size: 1em;
	font-family: 'Source Sans Pro', sans-serif;
}
div.CTA{
	background:url('../images/CoachTipBG.png') no-repeat;
	height: 280px;
	width: 253px;
	padding: 120px 15px 25px 15px;
	font-weight: bold;
	color:#211650;
	font-family: 'Sorts Mill Goudy', serif;
	text-align: center;
}
div.testimonial{
	/*font-family: 'Allura', cursive;
	font-family: 'Homemade Apple', cursive;
	font-family: 'Kaushan Script', cursive;*/
	font-family: 'Dancing Script', cursive;
	font-style: italics;
	color: #4EA585;
	font-weight:bold;
	text-align: right;
	font-size: 1.2em;
	
}
a:visited, a:link{
	color:  #4EA585;
}
/* for members area login */
#centerboxes{
	text-align:center;
	margin: 0 auto;
}

#leftbox{
	float:left; 
	width: 320px; 
}

#rightbox{
	float:left; 
	width: 300px; 
	padding-top: 3em;
}
/*For Members Area*/
.tabledefault{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	margin: 10px;
	padding: 20px;
	
	border: 1px solid black;
	/*border-bottom: 0;
	border-top-right-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;*/
}
.tableblank{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	border-collapse:separate;
	border-spacing:10px 10px;
}
.submitbutton{
	background:url('../images/Btn.png') no-repeat;
	cursor:pointer;
	width: 149px;
	height: 40px;
	border: none;
	line-height: 18px;
	font-size: 14px;
	font-family: Tahoma;
	padding-bottom: 5px;
	
}
.submitbuttonsmall{
	background:url('../images/Btnsmall.png') no-repeat;
	cursor:pointer;
	width: 90px;
	height: 30px;
	border: none;
	line-height: 14px;
	font-size: 12px;
	font-family: Tahoma;
	padding-bottom: 3px;
	
}
footer{
	position:fixed;
	background-color: #161515;
	height: 67px;
	bottom: 0;
	width: 100%;
	color: #fff;
	font-size: .7em;
	font-family: "Trebuchet MS";
}

#footerleft{
	float: left;
	width: 55%;
	margin: 5px 10px 2px 10px;
}
#footerleft a:visited{
	color: #fff;
}

#footerright{
	color: white;
	float:right;
	text-align: right;
	width: 40%;
	text-align: right;
	margin: 0px 10px 2px 0px;
}
/* for chapters page, showing chapter information */

div.rightsidetext{
	/*float:right;*/
	position:relative;
	float:right;
	right: 30px;
	margin-top: 40px;
	color: #412244; /*purple*/
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 12px;
	/*width: 350px; */
	width: 29%;
	padding: 1em ; /*10px;*/
	background: rgb(239, 239, 239); /* Fall-back for browsers that don't support rgba */
    background: rgba(239, 239, 239, .5);
}
.rightsidebelowsocial{
	width: 300px; 
	float: right; 
	margin-top: 60px;
	margin-left: 20px;
	height: 300px;
	cleaR: both;

}

.listlatestarticles{
	float:left;
	width: 170px;
	height: 260px;
	overflow: hidden;
	margin: 20px 5px 10px 5px;
	padding: 5px;
	border: 1px solid black;
}


.listarticlescontainer{
	position:relative;
	width: 70%;
	float:left;

}

.listarticlesprevious{
	position:realtive;
	left: 720px;
	width: 300px;
	float:right;
	min-height: 260px;
}
@media all and (min-width: 682px) and (max-width: 1100px){
	.righttop{
		display:none;
	}
	.socialmedia{
	position:absolute;
	top: 170px;
	left: 633px;
}
}



@media all and (max-width: 681px){
	body {
	  width: 100%;
	  background-color: white;
	  height: 100%;
	  margin: 0;
	  padding: 0;
	}
	
	nav {
		width: 100%;
		height: 60px;
		color: white;
		top: 203px;
		position: absolute;
		font-weight: bold;
		font-family: "Times New Roman";
		font-size: 1.1em;
		padding: 14px 5px 0px 5px;
		text-transform: uppercase;
	}
	#topbuttons{
		/*padding: 20px 100px 10px 10px;*/
		bottom: 0px;
	}
	#topbuttons img{
		 /*box-shadow: 4px 3px 10px #888888;*/
		 bottom: 0px;
	}
	.logo{
		display: none;
	}
	.midtop{
	display:block;
	float:left;
	margin: 20px 0 0 20px;

	width: 378px;
	background:url('../images/logo.png') no-repeat;
}
	.righttop{
		display:none;
	}
	.socialmedia{
	position:absolute;
	top: 150px;
	left: 450px;
}
	
}