/*================================================================
                 Fluid Grid Styles 
================================================================*/

.container {
	position:relative;
	margin:0 auto;
	padding:0; 
	min-width:16em; 
	/* max-width:61.375em; /* 982px */
	max-width:1172px;
	-webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
	     -o-transition: all .1s linear;
            transition: all .1s linear;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.container { padding:0 4px; }
.container [class*="grid_"] { padding:0 10px; }

.gutterless { padding:0 6px; }
.gutterless > [class*="grid_"] { padding:0; }

.container .alpha { padding-left:0; }
.container .omega { padding-right:0; }
.container .padless { padding:0; }

.nestedRow { margin:0 -10px; }

/* 16px baseline (256px) s = small */
@media (min-width:16em) {
	.container [class*="grid_"] {
		position:relative;
		float:left;
		width:100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.s_1half > [class*="grid_"] { width:50%; }
}

/* 16px baseline (420px+) s-w = small wide [Usually ends around 767px] */
@media (min-width:30em) and (max-width:47.99em) {
	.sw_1half > [class*="grid_"] { width:50%; }
	.sw_1half > [class*="push_"] { left:50%; }
	.sw_1half > [class*="pull_"] { left:-50%; }

	.sw_1third > [class*="grid_"] { width:33.333%; }
	.sw_1third > [class*="push_"] { left:33.333%; }
	.sw_1third > [class*="pull_"] { left:-33.333%; }

	.sw_2thirds_left  > [class*="grid_"] { width:50%; }
	.sw_2thirds_left  > [class*="grid_"]:nth-child(2n)    { width:33.33%; }
	.sw_2thirds_left  > [class*="grid_"]:nth-child(2n+1) { width:66.66%; }
	
	.sw_2thirds_right  > [class*="grid_"] { width:50%; }
	.sw_2thirds_right  > [class*="grid_"]:nth-child(2n)    { width:66.66%; }
	.sw_2thirds_right  > [class*="grid_"]:nth-child(2n+1) { width:33.33%; }
	
	.sw_3fourths_left  > [class*="grid_"] { width:50%; }
	.sw_3fourths_left  > [class*="grid_"]:nth-child(2n)    { width:25%; }
	.sw_3fourths_left  > [class*="grid_"]:nth-child(2n+1) { width:75%; }

	.sw_3fourths_right  > [class*="grid_"] { width:50%; }
	.sw_3fourths_right  > [class*="grid_"]:nth-child(2n)    { width:75%; }
	.sw_3fourths_right  > [class*="grid_"]:nth-child(2n+1) { width:25%; }	
}

/* 16px baseline (768px+) m = medium [start caring about grid now] */
@media (min-width:48em){
	.container  { padding:0; }

	.container .grid_1  { width:8.333%; }
	.container .grid_2  { width:16.666%; }
	.container .grid_3  { width:25%; }
	.container .grid_4  { width:33.333%; }
	.container .grid_5  { width:41.666%; }
	.container .grid_6  { width:50%; }
	.container .grid_7  { width:58.333%; }
	.container .grid_8  { width:66.666%; }
	.container .grid_9  { width:75%; }
	.container .grid_10 { width:83.333%; }
	.container .grid_11 { width:91.666%; }
	.container .grid_12 { width:100%; }
	
	.container .push_1  { left:8.333%; }
	.container .push_2  { left:16.666%; }
	.container .push_3  { left:25%; }
	.container .push_4  { left:33.333%; }
	.container .push_5  { left:41.666%; }
	.container .push_6  { left:50%; }
	.container .push_7  { left:58.333%; }
	.container .push_8  { left:66.666%; }
	.container .push_9  { left:75%; }
	.container .push_10 { left:83.333%; }
	.container .push_11 { left:91.666%; }
	.container .push_12 { left:100%; }

	.container .pull_1  { left:-8.333%; }
	.container .pull_2  { left:-16.666%; }
	.container .pull_3  { left:-25%; }
	.container .pull_4  { left:-33.333%; }
	.container .pull_5  { left:-41.666%; }
	.container .pull_6  { left:-50%; }
	.container .pull_7  { left:-58.333%; }
	.container .pull_8  { left:-66.666%; }
	.container .pull_9  { left:-75%; }
	.container .pull_10 { left:-83.333%; }
	.container .pull_11 { left:-91.666%; }
	.container .pull_12 { left:-100%; }
}

.grid_3.aside > .grid_12 { padding: 0}

/* 16px baseline (768px - 959px) m = medium */
@media (min-width:48em) and (max-width:59.99em){
	.m_full > [class*="grid_"] { width:100%; }
    .m_full > [class*="pull_"] { left:0; }
    .m_full > [class*="push_"] { left:0; }

    .m_1half > [class*="grid_"] { width:50%; }
	.m_1half > [class*="push_"] { left:50%; }
	.m_1half > [class*="pull_"] { left:-50%; }
	.m_1third  > [class*="grid_"] { width:33.333%; }
	.m_1fourth  > [class*="grid_"] { width:25%; }

    .m_1half > [class*="grid_"]:nth-child(odd),
    .m_1third > [class*="grid_"]:nth-child(3n+1),
    .m_1fourth > [class*="grid_"]:nth-child(4n+1) { clear:left; }

	.m_2thirds_left  > [class*="grid_"] { width:50%; }
	.m_2thirds_left  > [class*="grid_"]:nth-child(2n)    { width:33.33%; }
	.m_2thirds_left  > [class*="grid_"]:nth-child(2n+1) { width:66.66%; }

	.m_2thirds_right  > [class*="grid_"] { width:50%; }
	.m_2thirds_right  > [class*="grid_"]:nth-child(2n)    { width:66.66%; }
	.m_2thirds_right  > [class*="grid_"]:nth-child(2n+1) { width:33.33%; }
	
	.m_3fourths_left  > [class*="grid_"] { width:50%; }
	.m_3fourths_left  > [class*="grid_"]:nth-child(2n)    { width:25%; }
	.m_3fourths_left  > [class*="grid_"]:nth-child(2n+1) { width:75%; }

	.m_3fourths_right  > [class*="grid_"] { width:50%; }
	.m_3fourths_right  > [class*="grid_"]:nth-child(2n)    { width:75%; }
    .m_3fourths_right  > [class*="grid_"]:nth-child(2n+1) { width:25%; }
}

@media (min-width:60em) and (max-width:71.25em){
	.l_full > [class*="grid_"] { width:100%; }
    .l_full > [class*="pull_"] { left:0; }
    .l_full > [class*="push_"] { left:0; }

    .l_1half > [class*="grid_"] { width:50%; }
	.l_1half > [class*="push_"] { left:50%; }
	.l_1half > [class*="pull_"] { left:-50%; }
	.l_1third  > [class*="grid_"] { width:33.333%; }
	.l_1fourth  > [class*="grid_"] { width:25%; }

    .l_1half > [class*="grid_"]:nth-child(odd),
    .l_1third > [class*="grid_"]:nth-child(3n+1),
    .l_1fourth > [class*="grid_"]:nth-child(4n+1) { clear:left; }

	.l_2thirds_left  > [class*="grid_"] { width:50%; }
	.l_2thirds_left  > [class*="grid_"]:nth-child(2n)    { width:33.33%; }
	.l_2thirds_left  > [class*="grid_"]:nth-child(2n+1) { width:100%; }

	.l_2thirds_right  > [class*="grid_"] { width:50%; }
	.l_2thirds_right  > [class*="grid_"]:nth-child(2n)    { width:66.66%; }
	.l_2thirds_right  > [class*="grid_"]:nth-child(2n+1) { width:33.33%; }
	
	.l_3fourths_left  > [class*="grid_"] { width:50%; }
	.l_3fourths_left  > [class*="grid_"]:nth-child(2n)    { width:25%; }
	.l_3fourths_left  > [class*="grid_"]:nth-child(2n+1) { width:75%; }

	.l_3fourths_right  > [class*="grid_"] { width:50%; }
	.l_3fourths_right  > [class*="grid_"]:nth-child(2n)    { width:75%; }
    .l_3fourths_right  > [class*="grid_"]:nth-child(2n+1) { width:25%; }
}