/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.columns.center, .column.center{
	text-align: center;
}

.columns.right, .column.right{
	text-align: right;
}

/* #Page Styles
================================================== */


/* #Media Queries
================================================== */
	/*.rowtwo{background:url("../images/blue_grunge.jpg");}*/
	.imgright{float:right;margin:30px 72px 30px 0;}
	.imgleft{float:left;margin:30px 0 30px 72px;}
	.optp{padding:0 72px;}
	.ftlnks{padding-top:10px;}
	/*.header img{margin: 10px auto 0 auto;}*/
	
	

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	.imgright{float:right;margin:30px 33px 0 0;}
	.imgleft{float:left;margin:30px 0 0 33px;}
	/*.rowtwo{background:url("../images/blue_grunge.jpg");}*/
	.imgbeta{margin-bottom:30px;}
	.optp{padding:0 33px;}
	.container .offset-by-one {padding-left: 0;}
}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.imgright, .imgleft{float:left;margin:20px 0 0 116px;}
		.imgbtm{margin-bottom:20px;}
		.jam{margin-bottom: 15px;}
		body header #field{ height: 344px; }
		body header #field #logo{ margin-left: 0; }
		body header #wood{ 
			height: auto; 
			background: url('../images/wood-texture-mid2.jpg');
			background-size: cover;
		}
		#copy{ text-align: left; }
		body main .container .column, body main .container .columns{ margin-bottom: 40px; }
		body main .container .column.omega, body main .container .columns.omega{ margin-bottom: 5px; }
	}
	
	@media only screen and (min-width: 768px){
		#copy{ text-align: center; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.imgleft{float:left;margin:30px 0 0 47px;width:140px;height:140px;}	
		.imgright{float:right;margin:30px 47px 0 0px ;width:140px;height:140px;}	
		.optp{padding:0 48px;}
		.ftlnks{padding-top:20px;padding-left:45px;}
		.container .four.columns{width:50%; margin-bottom: 20px;}
		footer .container .four.columns{width:50%; margin-bottom: 0;}
		li{line-height:12px;}
		.ftlnks img{display:none;}
		.container .offset-by-one {padding-left: 47px;}
		#wood{ padding-bottom: 20px; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.imgleft{float:left;margin:20px 0 0 20px;width:120px;height:120px;}	
		.imgright{float:right;margin:20px 20px 0 0px;width:120px;height:120px;}	
		.imgbtm{margin-bottom:20px;}
		/*.header img{width:233px;height:126px;}*/
		.container .offset-by-one {padding-left:0;}
		.ftlnks{padding-top:20px;padding-left:35px;}
		.ftlnks img{display:none;}
		.container{overflow-x:hidden;}
		.container .row #specials{margin: 15px 0 0 0;width: 90%;}
	}

	footer .row, header .row{ margin-bottom: 0; }

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/