@media only screen and (max-width: 955px) {

	body {
		background: url(media2/BKG_scaling2.jpg) repeat-y center fixed;
	}

	#header {
		max-width:630px;
		
	}

	#logo img {
		width:65%;
		height:auto;
	}

	#socialBar {
		width:450px;
	}

	#socialBar h1 {
		font: bold 18px Arial, Helvetica, sans-serif;
	}

	.hpTextDiv {
		max-width:630px;
		display:table;
	}

	.hpTextDiv p {
		max-width:620px;
		float:none;
	}


	.main {
		max-width:630px;
	}



	/*

	.main2 .divBlock:nth-child(even)  {
		border:1px solid red;
		float:none;
		display: inline-block;
	}

	.main2 .divBlock:nth-child(odd)  {
		border:1px solid blue;
		float:none;
		display: inline-block;
	}
	*/

	.contentContainer {
		/* border:4px solid blue; */
	}

	/* LEFT ****************************************** */

	.leftCol {
		float:none;
		display:block;
		width:100%;
		max-width:615px;
		margin:0px auto 0px auto !important;
	 /*	border:2px solid black; */

	}

	.leftColTopArrow {
		width:305px;
		height:89px;
	}

	.block {
		border-top:3px solid #445a38;
		margin:8px 0px 8px 0px;
		padding:8px 0px 0px 0px;

	}

	/* event details box */

	#det {
		position:relative;
		background:#FFFFFF;
		border:1px solid #CCCCCC;
		
		padding:20px 25px 5px 25px;

		margin-top:55px;

		/* fix the height/float. forces this container to ignore the rule that floating objs have  */
		overflow:hidden;
	}

	


	/* RIGHT ****************************************** */

	.rightCol {
		float:none !important;
		margin:0px auto 0px auto;
		max-width:605px;

		padding:10px;
		/* border:3px solid red; */
	}

	.photoDivFull {
	/* ? */
		position:relative;
		margin-bottom:15px;
	}

	.halfColContainer {
	/* ? */
		margin-bottom:15px;
		position:relative;
	}
	.halfColLeft, .halfColRight {
	/* ? */
		width:300px;
		position:relative;
	}

	.halfColLeft {
	/* ? */
		float:left;
	}

	.halfColRight {
	/* ? */
		float:right;
	}

	.sideBarVanish {
		display:none;
	}

	.sponsorFoot div:last-child {
		float:none;
		display:block;
		margin:0px auto 0px auto;
	}

}


/***********************************************************************/


@media only screen and (max-width: 651px) {

	#mobileHeader {
		display:block;

		width:100%;
		max-width:320px;
		margin:0px auto 0px auto;

		position:relative;
		
		
		height:40px;
	}

	#mobileLogo {
		z-index:5;
		width:80px;
		position:relative;
	}


	#mobileLogo img {
		width:100px;
		height:auto;
		z-index:5;
	}

	#mobileNav {
		background:#004a3e;
		width:100%;
		position:fixed;
		top:0px;
		left:0px;
		z-index:1;
		text-align:right;
		display:table;

		padding:0px;

	}

	#mobileNavLinkContainer {
		width:315px;
		position:relative;
		margin:0px auto 0px auto;
	}


	#mobileNav a {
		display:inline-block;
		padding:3px 5px 3px 5px;
		font: normal 10px Arial, Helvetica, sans-serif;
		color:white;
		text-decoration:none;
		
	}

	#mobileNav a:nth-child(2)  {
		border-left:1px solid white;
		border-right:1px solid white;
	}

	#mobileNav a:last-child  {
		margin-right:10px;
	}

	#mobileSocialAndCurrent {

		display:block;

		max-width:300px;

		/* use if you reestore the mobileCurrent div
		height:125px;
		*/

		height:60px;

		position:relative;
		margin:0px auto 0px auto;
	}

	#mobileCurrent {


		width:300px;
		
		position:absolute;
		bottom:0px;
		text-align:center;

		padding:5px 0px 5px 0px;
		background:white;
	}

	#mobileCurrent h1 {
		font: bold 10px Arial, Helvetica, sans-serif;
		padding:0px;
		margin:0px;
	}

	#mobileCurrent p{
		font: normal 9px Arial, Helvetica, sans-serif;
		margin:0px;
	}

	#mobileCurrent p a{
		display:block;
	}

	#socialLinksMobile {
		/* change to 10px if you use the mobilCurrent div */
		text-align:right;
		margin-top:25px;
		
	}

	#socialLinksMobile img {
		width:30px;
		height:auto;
	}









	body {
		background: url(media2/BKG_scaling3.jpg) repeat-y center fixed;
	}

	

	#header {

		display:none;

		max-width:300px;

		height:150px;
	}

	#logo {
		z-index:5;
		width:80px;
	}


	#logo img {
		width:80px;
		height:auto;
		z-index:5;
	}

/* NAV ********************************************************/

	


	#socialBar {
		float:none;
		position:absolute;
		bottom:0px;
		width:100%;
		height:110px;
		font: normal 9px Arial, Helvetica, sans-serif;
	}

	#socialText {
		position:relative;
		width:300px;
		text-align:center;
		border:1px solid yellow;

		margin:0px auto 0px auto;
		left:0px;
		bottom:0px;
	}


	#socialLinks {
		width:200px;
		position:relative;
		margin:10px auto 10px auto;
		text-align:center;

		top:0px; 
		right:0px;
	}

	#socialBar h1 {
		font: bold 10px Arial, Helvetica, sans-serif;
		padding:0px;
		margin:0px;
	}


	.hpTextDiv {
		width:300px;
		display:table;
		padding:0px 10px 0px 10px;
		margin:0px auto 0px auto;
		float:none;
	}


	.hpTextDiv p {
		float:none;
		font: normal 10px Arial, Helvetica, sans-serif;
	}



	.divBlock {
		float:none;
		margin:5px auto 5px auto;
		height:520px;
		width:290px;
	}

	.divBlock .dateBox h6 {
		font-size:6px;
	}

	.divBlock .dateBox h5 {
		font-size:10px;
	}

	.divBlock h2 {
		font-size:10px;
	}

	.divBlock h3 {
		font-size:10px !important;
	}


	.blockContent p {
		font-size:7px;
	}

	.divBlock .location {
		font-size:7px;
		line-height:10px;
		top:40px;
	}


	.divBlock .overNav a, .divBlock .overNav span{
	
		font-size:10px;
		margin-top:10px;
	}







	/* CONTENT ****************************************** */

	.contentContainer {
		position:relative;
		margin-top:15px;
		max-width:315px;
		margin:0px auto 0px auto;
		/*	border:1px solid blue; */
	}

	.contentBox p {
		font:9px Arial, Helvetica, sans-serif;
		line-height:10px;
	}

	.contentBox h1{
		font:bold 14px Arial, Helvetica, sans-serif  !important;
		margin:10px 0px 0px 0px;
		color:#e9382d;
		text-align:center;
	}

	.contentBox h2{
		font:bold 9px Arial, Helvetica, sans-serif  !important;
		margin:0px;
		color:#e9382d;
		text-align:center;
		padding-bottom:5px;
		border-bottom:1px solid #CCCCCC;
	}

	.contentBox h3{
		font:bold 9px Arial, Helvetica, sans-serif;
		margin:0px;
		color:#e9382d;
	}

	.contentBox h4{
		font:bold 10px Arial, Helvetica, sans-serif;
		margin:0px;
		color:#e9382d;
		border-bottom:1px solid #e9382d;
		margin-bottom:10px;
		padding-bottom:2px;
	}

	.contentBox h5{
		font:bold 14px Arial, Helvetica, sans-serif;
		margin:15px 0px 0px 0px;
		color:#b3915d;
		text-align:center;
	}

	
	.contentBox h2{
		font:bold 14px Arial, Helvetica, sans-serif;
		margin:0px;
		color:#e9382d;
	}

	.eventLogo {
		float:none;
		display:block;
		margin:0px auto 0px auto;
		
		width:50%;
		max-width:290px;

		height:auto;
	}

	.contentWhite {
		position:relative; 
		background:white;
		padding:20px;
		margin-top:15px;
	}

	.contentWhite  h1{
		font-size:9px !important;
		margin:10px 0px 0px 0px;
		color:#e9382d;
	}


	.contentWhite  h2{
		font:bold 8px Arial, Helvetica, sans-serif !important;
		margin:0px !important;;
		color:#e9382d;
		border:none;
	}

	.contentWhite  h3{
		font:bold 8px Arial, Helvetica, sans-serif !important;
		margin:0px !important;
		color:#e9382d;
		text-align:center;
	}

	.genPhoto {
		float:none;
		display:block;
		width:100%;
		max-width:280px;
		height:auto;

		margin:0px auto 0px auto;

	}

	.chefPhoto {
		float:none; 
		display:block;
		margin:0px auto 0px auto;
	}

	.rightFloat {
		float:none;
		display:block;
		margin:0px auto 15px auto;
	}

	/* EVENT DETAILS *****************************************/

	#det {
		margin:10px;
	}

	#det h4 {
		font:bold 10px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		color:#333333;
		margin:0px 0px 20px 0px;
	}

	#det p {
		font:normal 8px Arial, Helvetica, sans-serif;
		color:#666666;
	}

	#det h3 {
		font:normal 9px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		color:#666666;
		margin:0px;
	}


	/* FARM *********************************************/

	.farmPhoto {
		float:none;
		display:block;
		width:100%;
		max-width:300px;
		height:auto;

		margin:0px auto 15px auto;
	}

	.farmLogo {
		float:none;
		display:block;
		margin:0px auto 0px auto;
	}


	.halfColLeft, .halfColRight {
	width:280px;
	position:relative;
	float:none;
	margin:0px auto 0px auto;
	}

	.halfColRight {
		margin-top:15px;
	}


	.rightCol {
		float:none;
		max-width:280px;
	}

	.sideBarVanish {
		display:none;
	}



	.sponsorFootContainer  {
		width:100%;
		max-width:300px;
		clear:both;
	}

	.sponsorBoxWhite {
		max-width:300px;
		margin:20px auto 0px auto;
	}

	.sponsorFootContainerBig {
		text-align:center;
	}

	.sponsorFootContainerBig img {
		width:80px;
		height:auto;
	}

	.sponsorFootContainer img {
		width:65px;
		height:auto;
	}

	.moreBar {
		font-size:10px;
	}
}