/*
* 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
================================================== */

body {
	background: url('img/body_bg.jpg') 50% 0 scroll no-repeat;
	padding: 30px 0 0;
	border-top: 8px solid #4a5e6f;
}

.site-header {
	padding: 0 0 10px;
	margin: 0 0 30px !important;
	border-bottom: 1px solid #ccc;
}

.logo {
	font-family: "Quicksand", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: -.1em;
	color: #e77559;
	float: left;
}

.tagline {
	float: right;
	margin: 20px 0;
}

.about h3, .about p {
	padding-left: 150px;
}

.contact {
	text-align: right;
	padding: 10px 0;
}

.site-footer {
	border-top: 1px solid #ccc;
	position: fixed;
	bottom: 10%;
}

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

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* 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) {
		.logo {
			float: none;
		}
		
		.tagline {
			float: none;
		}
		
		.contact {
			text-align: left;
		}
		
		.contact p, .contact a {
			margin-left: 150px;
		}
		
		.site-footer {
			position: static;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.about img {
			float: right;
			width: 25%;
			height: auto !important;
			margin: 0 0 10px 20px;
		}
		
		.about h3, .about p {
			padding-left: 0;
		}
			
		.contact {
			text-align: left;
			padding: 0;
		}
		.contact p, .contact a {
			margin-left: 0;
		}
		
		.contact .button {
			display: block;
			text-align: center;
		}
	}