/*
	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:1200px;
margin:0 auto;
}

.grid.flex{
width:100%;
max-width:100%;
}

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

*[class*="col_"].alpha{margin-left:0;}
*[class*="col_"].omega{margin-right:0;}
 *[class*="col_"].beta{margin-top:0;}
 *[class*="col_"].lemda{margin-bottom:0;}


*[class*="col_"]{
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
display: block;
float:left;
}

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

.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;
}


/*---------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 	- desktop (default grid)
	1024-768 	- tablet landscape
	768-480 	- tablet 
	480-less 	- phone landscape & smaller
-----------------------------------*/
@media all and (min-width: 1024px){
	
	.grid *[class*="col_"]{}
	.show-desktop	{display:block;}
	.hide-desktop	{display:none;}
	.show-tablet	{display:none;}
	.hide-tablet	{display:block;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
	/*d means desktop*/
	
	.col_d_1  { width: 6.6666666666667%; }
	.col_d_2  { width: 15%; }
	.col_d_3  { width: 23.333333333333%; }
	.col_d_4  { width: 31.666666666667%; }
	.col_d_5  { width: 40%; }
	.col_d_6  { width: 48.333333333333%; }
	.col_d_7  { width: 56.666666666667%; }
	.col_d_8  { width: 65%; }
	.col_d_9  { width: 73.333333333333%; }
	.col_d_10 { width: 81.666666666667%; }
	.col_d_11 { width: 90%; }
	.col_d_12 { width: 98.333333333333%; }
	.col_d_13{
		width:100%;
		margin-right: 0; 
		margin-left: 0; 
	}
	
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	.grid *[class*="col_"]{}
	.grid{max-width: 768px;}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:block;}
	.hide-tablet	{display:none;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}

	/*tl means tablet landscape*/
	
	.col_tl_1  { width: 6.6666666666667%; }
	.col_tl_2  { width: 15%; }
	.col_tl_3  { width: 23.333333333333%; }
	.col_tl_4  { width: 31.666666666667%; }
	.col_tl_5  { width: 40%; }
	.col_tl_6  { width: 48.333333333333%; }
	.col_tl_7  { width: 56.666666666667%; }
	.col_tl_8  { width: 65%; }
	.col_tl_9  { width: 73.333333333333%; }
	.col_tl_10 { width: 81.666666666667%; }
	.col_tl_11 { width: 90%; }
	.col_tl_12 { width: 98.333333333333%; }
	.col_tl_13{
		width:100%;
		margin-right: 0; 
		margin-left: 0; 
	}
	
}
/*

@media all and (min-width: 480px) and (max-width: 768px) {

	.grid{max-width: 480px;}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:block;}
	.hide-tablet	{display:none;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
	/*tl means tablet*/
	/*
	.col_t_1  { width: 6.6666666666667%; }
	.col_t_2  { width: 15%; }
	.col_t_3  { width: 23.333333333333%; }
	.col_t_4  { width: 31.666666666667%; }
	.col_t_5  { width: 40%; }
	.col_t_6  { width: 48.333333333333%; }
	.col_t_7  { width: 56.666666666667%; }
	.col_t_8  { width: 65%; }
	.col_t_9  { width: 73.333333333333%; }
	.col_t_10 { width: 81.666666666667%; }
	.col_t_11 { width: 90%; }
	.col_t_12 { width: 98.333333333333%; }
	.col_t_13{
		width:100%;
		margin-right: 0; 
		margin-left: 0; 
	}
	/* Grid */
	/*
  .column-1-1, .column-1-2, .column-1-3, .column-2-3, .column-1-4, .column-3-4, .column-1-5, .column-2-5, .column-3-5, .column-4-5 {
    width: 100%;
  }
	
}
*/
@media all and (max-width: 768px) {
	
	/*m means mobile*/
	
	.col_m_1  { width: 6.6666666666667%; }
	.col_m_2  { width: 15%; }
	.col_m_3  { width: 23.333333333333%; }
	.col_m_4  { width: 31.666666666667%; }
	.col_m_5  { width: 40%; }
	.col_m_6  { width: 48.333333333333%; }
	.col_m_7  { width: 56.666666666667%; }
	.col_m_8  { width: 65%; }
	.col_m_9  { width: 73.333333333333%; }
	.col_m_10 { width: 81.666666666667%; }
	.col_m_11 { width: 90%; }
	.col_m_12 { width: 98.333333333333%; }
	.col_m_13{
		width:100%;
		margin-right: 0; 
		margin-left: 0; 
	}
	
	.grid{max-width: 480px;}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:none;}
	.hide-tablet	{display:block;}
	.show-phone		{display:block;}
	.hide-phone		{display:none;}

	/* Grid */
  .column-1-1, .column-1-2, .column-1-3, .column-2-3, .column-1-4, .column-3-4, .column-1-5, .column-2-5, .column-3-5, .column-4-5 {
    width: 100%;
  }
	
}