/* 8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
----------------------------------------------------------------------------------------*/
#container {
	margin: 0 auto; 
	max-width: 60em;
	padding: 3em 1.618em 1.618em;
}

div#main h1, div#main h2, div#main h3, label {
	font-size: 1.5em;
}

div#main h2 {
	margin-top: 20px;
}

form#luckysodform {
	display: block;
	width: 30em;
}

body#bodybg {
	background: url(../../images/farmcode-background.png) repeat-x scroll left bottom #28150d;
	background-size: 100%;
}

article#farminfo {
	background-color: #694c24;
	padding: 15px;
	overflow: hidden;
	float: left;
	position: relative;
}

div.doublecolumn { 
	float: left; 
	width: 24em;
	text-align: left;
	padding-right: 2em;
	padding-left: 0;
	position: relative;
}

div.singlecolumn {
	float: left;
	width: 11em;
	text-align: left;
	padding-right: 1em;
	padding-left: 0;
	position: relative;
	padding-bottom: 0!;
}

div.piccolumn {
	width: 11em;
	float: left;
	padding-right: 1em;
}

div#map_canvas { 
	width: 28em;
	height: 24.9em;
	float: right;
	margin-bottom: 0px;
}

img.locationimage {
	width: 11em;
	float: left;
	margin-bottom: 15px;
}

img#light-lucky-sod-logo {
	width: 6.7em;
}

div#loader {
	position: absolute;
	background-color: #694c24;
	width: 100%;
	height: 100%;
	z-index: 500;
	text-align: center;
	top: 0;
	left: 0;
}

div#loader img {
	margin-top: 135px;
	margin-left: auto;
	margin-right: auto;
}

div#loader p {
	margin-top:30px;
	margin-left: auto;
	margin-right: auto;
}


/* 9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)
----------------------------------------------------------------------------------------*/
@media screen and (min-width: 30em) and (max-width: 63.236em) {

	#container { width: 30em; }
	
	form#luckysodform input  { width: 85%; }
	
	body#bodybg { background: url(../../images/farmcode-background.png) repeat-x scroll left bottom #28150d; background-size: 100%; }
	
	article#farminfo { }
	
	div.singlecolumn { width: 13em; }
	
	div.piccolumn { float: right; width: 13em; padding-right: 0; }
	
	div.piccolumn img { width: 100%; }
	
	div#map_canvas {  float: left; width: 28em; margin-bottom: 15px; }
	
	div#loader img { margin-top: 100px; margin-left: auto; margin-right: auto; }

}