/*
	SCREEN STYLES
	
	Copyright 2010 Sean Mullin, parametercontraption.com
	Released under an MIT License http://www.opensource.org/licenses/mit-license.php
	
	Compiled using pieces from HTML5 Boilerplate, Blueprint CSS and Less 2 Framework
		
*/

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

/* basic style declarations:

#id, .class {

	css 2.1 styles
	css 3 styles

}

	Default 5-column, 768 px layout for iPads, netbooks, small(er)
	screens and IE (All other layouts inherit styles from this layout)
	XXXpx/XXem(16px)/XXem(18px)
	------------------------------------------------------------------
	1      		2      		3      		4      		5     
	120px  		264px  		408px  		552px  		696px   (24px/1.5em gutters)
	7.5em		16.5em		25.5em		34.5em		43.5em
*/

/* body, general styles ---------------------------------------------------------- */
body { padding: 0 2.25em; margin: 0 auto; width: 62.5em; }


/* header ------------------------------------------------------------------------ */
header { width: 100%; float: left; }


/* content ----------------------------------------------------------------------- */
#content { float: left; width: 62.5em; margin: 1.5em 0; }


/* footer ------------------------------------------------------------------------ */
footer { float: left; width: 100%; }


.left { margin-left: 0; }
.right { margin-right: 0; float: right; }

/* print styles inline to avoid uneccessary http request */
@media print { @import "print.css"; }

/* Media queries for responsive design */
@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } 
}