/*
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart-grids.css
	
	DO NOT EDIT THIS FILE unless you know what you are doing. 
*/
/*---------------------------------
	GRID/COLUMNS
-----------------------------------
	tinyfluidgrid.com
	& girlfriendnyc.com
	with changes by 99Lime
-----------------------------------*/
 /*
 & Columns : 12 
 & Gutter %: 20% 
 & MaxWidth: 1280px
 */
 
.grid{
max-width:1220px;
margin:0 auto;
padding:0 20px;
}

.grid.flex{
width:100%;
max-width:100%;
padding:0 2%;
padding:2em;
}

.row{
display:block;
overflow:hidden;
clear:both;
}

*[class*="col_"].alpha{margin-left:0;}
*[class*="col_"].omega{margin-right:0;}
 
.col_1  { width: 6.6666666666667%; }
.col_2  { width: 15%; }
.col_3  { width: 23.333333333333%; }
.col_4  { width: 31.666666666667%; }
.col_5  { width: 40%; }
.col_6  { width: 48.333333333333%; }
.col_7  { width: 56.666666666667%; }
.col_8  { width: 65%; }
.col_9  { width: 73.333333333333%; }
.col_10 { width: 81.666666666667%; }
.col_11 { width: 90%; }
.col_12 { width: 98.333333333333%; }

*[class*="col_"]{
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
float: left;
display: block;
position:relative;
/*border:1px solid red;*/
}

.grid img{
max-width: 100%;
height:auto;
}

/* grid with no space */
.grid.no-space *[class*="col_"]{
margin:0;
}

/* 1.6666666667 wider (takes up old margins) */
.grid.no-space .col_1  { width: 8.3333333334%; }
.grid.no-space .col_2  { width: 16.6666666667%; }
.grid.no-space .col_3  { width: 25%; }
.grid.no-space .col_4  { width: 33.3333333334%; }
.grid.no-space .col_5  { width: 41.6666666667%; }
.grid.no-space .col_6  { width: 50%; }
.grid.no-space .col_7  { width: 58.3333333334%; }
.grid.no-space .col_8  { width: 66.6666666667%; }
.grid.no-space .col_9  { width: 75%; }
.grid.no-space .col_10 { width: 81.666666666667%; }
.grid.no-space .col_11 { width: 83.3333333334%; }
.grid.no-space .col_12 { width: 100%; }

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix, *:first-child+html .clearfix{zoom:1}

/* Viewable Grids 
	To view your grids, add the class .visible to any grid container.
	This will add a background color so you can see the layout of your grids. 
*/
*[class*="col_"].visible{
background:#eee;
border:1px dotted #ccc;
}