/*
Responsive 996px grid system ~ Grid CSS.
Copyright 2013, Josh Cope

12 Columns ~ Margin left: 13px ~ Margin right: 13px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Licensed under GPL and MIT
*/


/* This code has been heavily modified by me */

/* Container */
.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 996px;
}


/* Global */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display: inline;
	float: left;
	/*margin: 0px 13px;*/
}
.grid_5 {
	margin-top: 20px;
}

.grid_7 {
	margin-top: 0px;
}

.grid_7 h1 {
	margin-top: 0;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
	position: relative;
}

/* Children (Alpha ~ First, Omega ~ Last) */
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Base Grid. These were originally pixel values which I have made percentages,
and adapted to fit my needs */
.container .grid_1 {width: 8%;}
.container .grid_2 {width: 16%;}
.container .grid_3 {width: 21%;}
.container .grid_4 {width: 33%;}

/* the missing rules here are in style.css media queries as they vary depending on screen size */

.container .grid_8 {width: 66%;}
.container .grid_9 {width: 73%;}
.container .grid_10 {width: 83%;}

/* only used for navigation */
.container .grid_11 {max-width: 887px;}



/* Images & Other Objects */
img, object, embed {	max-width: 100%;}
img { height: auto; }