/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
/* Reusable column setup */
.col {
	border:0 solid rgba(0,0,0,0);
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-moz-background-clip:padding-box!important;
	-webkit-background-clip:padding-box!important;
	background-clip:padding-box!important;
}

.row {
		clear: both;
	}
	
	#site-header{
		-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-moz-background-clip:padding-box!important;
	-webkit-background-clip:padding-box!important;
	background-clip:padding-box!important;
	}

/* 1. 3 Column Grid 0px - 499px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    33.3333333333%
    Span 2:    66.6666666667%
    Span 3:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 589px) {
	
		
	.row {
		margin-left:-5px;
	}
	
	.col {
		border-left-width:5px;
		padding:0 5px;
	}
	
	
	.content_block {
		margin:0 auto;
		
		padding-right: 30px;
		padding-left: 30px;
		position:relative;
		clear: both;
	}

	.span_1 {
		width:33.3333333333%;
	}
	
	.span_2 {
		width:66.6666666667%;
	}
	
	.span_3 
,.fullwidth
	,#home_slideshow_holder
	,.artwork_main_image_col
	,.artwork_desc_col
	,.main_col
	,.blog_list_item_content
	,.sub_col
	,.blog_list_image_col
	{
		margin-left:0;
		width:100%;
	}

	.ml_intro{
		font-size: 16px;
		line-height: 21px;
	}
	
	
#site-header{
	width: 100%;
}
	#main_menu li{
		margin-right: 15px;
	}
	
	.previous_post_link a, .next_post_link a{
		top:60%;
		width: 20px;
	}
	
	.artwork_desc_content, .artwork_main_image_col{
		padding-top: 40px;
	}
	
}


/* 3. 6 Column Grid 590px - 859px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    16.6666666667%
    Span 2:    33.3333333333%
    Span 3:    50.0%
    Span 4:    66.6666666667%
    Span 5:    83.3333333333%
    Span 6:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 590px) and (max-width: 859px) {
	

	
	.row {
		margin-left:-5px;
	}
	
	.col {
		border-left-width:5px;
		padding:0 5px;
	}
	
	.content_block {
		margin:0 auto;
		padding-right: 35px;
		padding-left: 35px;
		position:relative;
		clear: both;
	}
	
	
	.post-type-archive-artworks .content_block{
		margin: 0 10px;
	}
	
	
	.blog_list_row, .single_artwork  .row{
		margin-left: -40px;
	}
	
	.blog_list_row .col, 
	.single_artwork  .row  .col
	{
		border-left-width:40px;
	}
	
	.span_1 
		
	
	
	{
		width:16.6666666667%;
	}
	
	.span_2 
,.sub_col

	{
		width:33.3333333333%;
	}
	
	.span_3
	
	,.blog_list_item_content
	
	,.blog_list_image_col
	{
		width:50%;
	}
	
	.span_4 
,.main_col
	{
		width:66.6666666667%;
	}
	
	.span_5 {
		width:83.3333333333%;
	}
	
	.span_6 
	,.fullwidth
	,#home_slideshow_holder
	,.artwork_main_image_col
	,.artwork_desc_col
	{
		margin-left:0;
		width:100%;
	}
	
	.artwork_desc_col{
		padding-top: 60px;
	}
	
	.main_col{
		padding-right: 30px;
	}
.artwork_desc_content, .artwork_main_image_col{
		padding-top: 40px;
	}
}

/* 4. 12 Column Grid 960px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 860px) {
	.row {
		margin-left:-5px;
	}
	
	.col {
		border-left-width:5px;
		padding:0 0px;
	}
	
	
	
	.content_block {
		margin:0 40px 0;
		
		
		position:relative;
		clear: both;
	}
	
	.post-type-archive-artworks .content_block{
		margin: 0 10px;
	}
	
	
	.blog_list_row, .single_artwork  .row{
		margin-left: -40px;
	}
	
	.blog_list_row .col, 
	.single_artwork  .row  .col
	{
		border-left-width:40px;
	}
	
	.span_1 {
		width:8.33333333333%;
	}
	
	.span_2
	
	 {
		width:16.6666666667%;
	}
	
	.span_3

	
	{
		width:25%;
	}
	
	.span_4
		
	,.sub_col
	 {
		width:33.3333333333%;
	}
	
	.span_5
	,.blog_list_image_col
	,.artwork_desc_col

	{
		width:41.6666666667%;
	}
	
	.span_6
	,.main_col
	,.blog_list_item_content
	,.artwork_main_image_col
	{
		width:50%;
	}
	
	.span_7 


	{
	
		width:58.3333333333%;
	}
	
	
	
	.span_8
	,.main_col
	
	{
		width:66.6666666667%;
	}
	
	.span_9 
	{
		width:75%;
	}
	
	.span_10
	
	{
		width:83.3333333333%;
	}
	
	.span_11 {
		width:91.6666666667%;
	}
	
	.span_12
	,.fullwidth
	{
		margin-left:0;
		width:100%;
	}
	
	
	
	
	
	.blog_list_image_col{
		max-width: 500px;
		width: 500px;
	}
	
	#site-header{
		width: 500px;
	}
	
	.blog_list_image_col a{
	
	}
	
	.main_col{
		padding-right: 100px;
		max-width: 700px;
	}
	
	.sub_col .sub_col_block{
		max-width: 400px;
	}
	
	.artwork_desc_col{
		max-width: 500px;	
	}
	
	
}