@charset "UTF-8";
/* CSS Document */

/*
************************************************************************
 *  Author: Lois Jones | jonesloism.net | jonesloism@gmail.com
 *  History: Created 2014-June
 *  Description:
 *
 *
 *
 ************************************************************************
 */


/**************** Media Queries   NARROW SCREEN    ************/

@media only screen and (min-width : 750px) and (max-width : 3000px) {
	.bottom-sidebar img {
		width: 100%;
	}
	
	#PastorSig .PastorSig2 {
		font-size: 24px;
	}	
}

@media only screen and (min-width : 481px) and (max-width : 750px) {

	.body {
		clear: both; 
		margin: 0 auto; 
		width: 90%;
		font-size: 90%;
	}
		
	.mainContent {
	//overflow: hidden;
	line-height: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 4%;
	margin-bottom: 2%;
	//background-color: rgba(102,255,102,1);
	
	}	
	
	.topcontent {
		//background-color: orange;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		padding: 2% 5%;
		margin-bottom: 4%;
	}
	
	.bottomcontent {
		background-color: #FFF;	
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		padding: 2% 5%;
	}
	
	.LEFTcontent {
		width: 100%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
	}
	
	.RIGHTcontent {
		width: 100%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
	}	`

	.post-info {
		display: none;
	}
	
	.top-sidebar {
	width: 86%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 4%;
	margin-left: 0;
	padding: 0 7%;
	margin-bottom: 1%;
	border-image: 0;
	}
	
	.sidebar-smallgroup img {
		width: 60%;  /* 60% of parent */
		//border: dotted red 3px;
	}


	.sidebar-smallgroup img:hover {
		//border: solid 3px red;
		//background-image:url(img/smallGroupsPEOPLE-hoverFIRST.png);
		//background-image:url(img/smallGroupsPEOPLE-hoverSECOND.png);
		background-size: 100%;
		background-repeat:no-repeat;
	}

	.middle-sidebar {
		width: 86%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0;
		padding: 0 7%;
		margin-bottom: 0;	
	}
	
	.middle-sidebar p {
		width: 90%;
	}
	
	.bottom-sidebar {
		width: 86%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0%;
		padding: 0 7%;
		margin-bottom: 1%;
	}
	
	.bottom-sidebar img {
		width: 100%;
	}
	
		#PastorSig .PastorSig2 {
		font-size: 18px;
	}

		
	.mainFooter {
		width: 100%;
		float: left;
		margin: 2% 0;
		padding-left: 0;
		//background-color: #666;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		color: #FFF;	
	}
	
	.mainFooter p {
		width: 86%;
		margin: 2% auto;
	}
	
	.footerSig a:hover {
		padding 4px, 0px 4px, 0px;	
	}
	
	.mainFooter  {
	color: red;
	margin-bottom: 10%;
	}
	
	
}



@media only screen and (min-width : 150px) and (max-width : 480px) {
     
	 
	.body {
		clear: both; 
		margin: 0 auto; 
		width: 90%;
		font-size: 90%;
	}
		
	.mainContent {
		//overflow: hidden;
		line-height: 25px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin-top: 4%;
		margin-bottom: 2%;
		background-color: rgba(102,255,102,0);
		padding: none;
		border: solid 0px black;
		width:100%
		text-align:center;
}
	
	.topcontent {
		//background-color: orange;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		padding: 2% 5%;
		margin-bottom: 4%;
	}
	
	.bottomcontent {
		background-color: #FFF;	
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		padding: 2% 5%;
	}
	
	.LEFTcontent {
		width: 100%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
	}
	
	.RIGHTcontent {
		width: 100%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
	}	`

	.post-info {
		display: none;
	}
	
	.top-sidebar {
	width: 86%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 4%;
	margin-left: 0;
	padding: 0 7%;
	margin-bottom: 1%;
	border-image: 0;
	}
	
	.sidebar-smallgroup img {
		width: 60%;  /* 60% of parent */
		//border: dotted red 3px;
	}


	.sidebar-smallgroup img:hover {
		//border: solid 3px red;
		//background-image:url(img/smallGroupsPEOPLE-hoverFIRST.png);
		//background-image:url(img/smallGroupsPEOPLE-hoverSECOND.png);
		background-size: 100%;
		background-repeat:no-repeat;
	}

	.middle-sidebar {
		width: 86%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0;
		padding: 0 7%;
		margin-bottom: 0;	
	}
	
	.middle-sidebar p {
		width: 90%;
	}
	
	.bottom-sidebar {
		width: 86%;
		float: left;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		background-color: #FFF;	
		margin-top: 4%;
		margin-left: 0%;
		padding: 0 7%;
		margin-bottom: 1%;
	}
	
	.bottom-sidebar img {
		width: 100%;
	}
	
		#PastorSig .PastorSig2 {
		font-size: 18px;
	}

		
	.mainFooter {
		width: 100%;
		float: left;
		margin: 2% 0;
		padding-left: 0;
		//background-color: #666;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		color: #FFF;	
	}
	
	.mainFooter p {
		width: 86%;
		margin: 2% auto;
		text-align: center;
	}
	
	.footerSig a:hover {
		padding 4px, 0px 4px, 0px;	
	}
	
	.mainFooter  {
	color: red;
	margin-bottom: 10%;
	}


}