/*
LAYOUT: Three-Column
DESCRIPTION: Three-column 1140px flexible layout with two sidebars on either side of content
SOURCE: Thematic
*/



	@media screen and (min-width: 320px) {
		#sidebar-1 {
			float: left;
		}
		#sidebar-2 {
			float: left; 
			clear: both;
		}
		#primary {
			float: left;
			clear: both;
		}
		#sidebar-container.col.span1 {
			position: relative;
			display: inline;
		}
	}
	
	
    @media screen and (min-width: 600px) {
    	
    	 #sidebar-1 {
			float: left;
			clear: none;
			position: relative;
			left: -60%;
		}

		#sidebar-2 {
			float: right;
			clear: none;
		}
		
		#primary {
			float: left;
			clear: none;
			position: relative;
			left: 20%;
			border-right: solid 1px #ededed;
			border-left: solid 1px #ededed;
		}
		
		#sidebar-container.span_1 {
			position: relative;
			display: inline;
			float: none;
		}

  			.col {
 	   border:0px 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;
			}
	  .col {
            margin-left:0%;
        	padding:0 1.5%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
      .span_1 {
            width:20.0%;
        }
        .span_2 {
            width:40.0%;
        }
        .span_3 {
            width:60.0%;
        }
        .span_4 {
            width:80.0%;
        }
        .span_5 {
            margin-left:0;
            width:100%;
        }
}