/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

/* Modified by Growth Curve for FlexCRETE: Masonry Theme */


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { 
	background-color:#009900;
	position: relative;
	width: 940px;
	margin: 10px auto 25px auto;
	padding: 0;
	/* -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
		behavior: url(http://lasguerrillas.com/themes/469_concrete/border-radius.htc);
		-moz-box-shadow: 0 0 25px #FFF;
		-webkit-box-shadow: 0 0 25px #FFF;
		box-shadow: 0 0 25px #FFF; */
	}
	
    .column, .columns              { float: left; display: inline; margin-left: 5px; margin-right: 5px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
	.container .profile.columns                 { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 930px; clear: both; }
    
    .container .four.columns.sidebar 	{ background: ;
    	margin: 0px 0px 15px 0px;
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        behavior: url(http://lasguerrillas.com/themes/469_concrete/border-radius.htc);
		-moz-box-shadow: 0 0 3px #ffff00;
		-webkit-box-shadow: 0 0 3px #ffff00;
		box-shadow: 0 0 3px #ffff00;
    }
    .container .one-third.column                { width: 400px;}
    .container .one-third.column.header			{ min-height: 275px;}
    .container .two-thirds.column               { width: 520px;}
    .container .two-thirds.column.header 		{ min-height: 275px; }
	.container .blog                			{ width: 920px;}
	.container .buffer						 	{padding:5px;}
	.container .one-quarter.column                { width: 300px;}
    .container .one-quarter.column.header			{ min-height: 275px;}
    .container .three-quarter.column               { width: 620px;}
    .container .three-quarter.column.header 		{ min-height: 275px; }
	/* SUPPORT FOR FLUID LAYOUT */
	.container.fluid 		{ margin: 10px 0 25px 0; width: 100%; padding: 0; }
	.fluid-wrap				{ padding: 0;}
	/* END FLUID STYLES */
	
/* MASONRY INTEGRATION STYLES */
	#masonry { 
	margin-bottom: 15px;
	padding: 0; }
	
	.box {
		margin: 5px 5px 0 5px;
		padding: 0px;
		font-size: 14px;
		line-height: 1.4em;
		float: left;
		position: relative;
		clear: both;
	}
	.box_profile {
		margin: 0px 5px 5px 5px;
		padding: 0px;
		font-size: 14px;
		line-height: 1.4em;
		float: left;
		position: relative;
	}
	.box_sidebar {
		margin: 0px 5px 5px 5px;
		padding: 0px;
		float: left;
		position: relative;
	}
/* All background colors here affect the masonry boxes */
	.col1 { background: #000;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			behavior: url(http://lasguerrillas.com/themes/469_concrete/border-radius.htc);
			-moz-box-shadow: 0 0 3px #ffff00;
			-webkit-box-shadow: 0 0 3px #ffff00;
			box-shadow: 0 0 3px #ffff00;
			
	}
	.col2 { background: #000;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			behavior: url(http://lasguerrillas.com/themes/469_concrete/border-radius.htc);
			-moz-box-shadow: 0 0 3px #ffff00;
			-webkit-box-shadow: 0 0 3px #ffff00;
			box-shadow: 0 0 3px #ffff00;
			
	}
	.col3 { background: #000;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			behavior: url(http://lasguerrillas.com/themes/469_concrete/border-radius.htc);
			-moz-box-shadow: 0 0 3px #ffff00;
			-webkit-box-shadow: 0 0 3px #ffff00;
			box-shadow: 0 0 3px #ffff00;
			
	}
	.col4 { background: #000;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			behavior: url(http://lasguerrillas.com/themes/469_concrete/border-radius.htc);
			-moz-box-shadow: 0 0 3px #ffff00;
			-webkit-box-shadow: 0 0 3px #ffff00;
			box-shadow: 0 0 3px #ffff00;
			
	}
	.col5 { background: #000;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			behavior: url(http://lasguerrillas.com/themes/469_concrete/border-radius.htc);
			-moz-box-shadow: 0 0 3px #ffff00;
			-webkit-box-shadow: 0 0 3px #ffff00;
			box-shadow: 0 0 3px #ffff00;
			
	}
	.rounded_bg { background: #000;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			behavior: url(http://lasguerrillas.com/themes/469_concrete/border-radius.htc);
			-moz-box-shadow: 0 0 3px #ffff00;
			-webkit-box-shadow: 0 0 3px #ffff00;
			box-shadow: 0 0 3px #ffff00;
			
	}
	.bg_breadcrumbs { background: #000;
			color:#fff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			behavior: url(http://lasguerrillas.com/themes/469_concrete/border-radius.htc);
			-moz-box-shadow: 0 0 3px #ffff00;
			-webkit-box-shadow: 0 0 3px #ffff00;
			box-shadow: 0 0 3px #ffff00;		
			margin-bottom: 5px;
			margin-right: 5px;
			padding: 0 5px;
			width: 920px;
	}
	#stickymenu #main-nav-holder {
		height:40px;
		background-color:#000;
		-webkit-border-radius: 5px;
			-moz-border-radius: 5px; 
			border-radius: 5px; 
			behavior: url(http://lasguerrillas.com/themes/469_concrete/border-radius.htc);
			-moz-box-shadow: 0 0 3px #ffff00;
			-webkit-box-shadow: 0 0 3px #ffff00;
			box-shadow: 0 0 3px #ffff00;
			}
	.centernav{
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
/* END MASONRY STYLES */

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 746px; }
		.container.fluid							{ width: 746px; margin: 0 auto; } /* Forces fluid to fixed width in smaller size window */
        .container .column,
        .container .columns                         { margin-left: 5px; margin-right: 5px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 0px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 0px; }

        .container .one.column                      { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 114px; }
        .container .four.columns                    { width: 160px; }
		.container .profile.columns                 { width: 220px; }
        .container .five.columns                    { width: 230px; }
        .container .six.columns                     { width: 240px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 375px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 501px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 736px; clear: both; }
		.container .bg_breadcrumbs 					{ width: 736px; }

        .container .one-third.column                { width: 300px; }
        .container .two-thirds.column               { width: 418px; }
		.container .one-third.column.header, 
		.container .two-thirds.column.header 		{ min-height: 205px; }
		.container .one-quarter.column              { width: 250px;}
   		.container .three-quarter.column            { width: 468px;}
		.container .blog               				{ width: 720px;}
        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
		
		/*Sticky Nav*/
		#stickymenu #main-nav-holder {
			height:100%; 
			width:730px;
			background-color:#000;
			
		}
		.sticky #main-nav {width:766px; background-color:#000; margin-left:-14px;}
				   
		
	}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 290px; }
		.container.fluid { width: 290px; margin: 0 auto; } /* Forces fluid width to a fixed-width */
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
		.container .profile.columns, .container .blog.columns, .container .panels.columns, .container .one-quarter.column, .container .three-quarter.column,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 290px; clear: both;}
		.container .bg_breadcrumbs {width: 280px;}
    	
        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

		/*Sticky Nav*/
		#stickymenu #main-nav-holder {height:100%; width:290px; background-color:#000; -moz-box-shadow: 0 0 3px #ffff00;
		-webkit-box-shadow: 0 0 3px #ffff00; box-shadow: 0 0 3px #ffff00;}
		.sticky #main-nav {width:290px; background-color:#000;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 410px; }
		.container.fluid { width: 410px; margin: 0 auto; } /* Forces fluid width to a fixed widith */
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
		.container .profile.columns, .container .blog.columns, .container .panels.columns, .container .one-quarter.column, .container .three-quarter.column,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 410px; clear: both; }
		.container .blog {width:400px;}
		.container .bg_breadcrumbs {width:400px;}
		
		/*Sticky Nav*/
		#stickymenu #main-nav-holder {height:100%; width:410px; background-color:#000; -moz-box-shadow: 0 0 3px #ffff00;
		-webkit-box-shadow: 0 0 3px #ffff00; box-shadow: 0 0 3px #ffff00;}
		.sticky #main-nav {width:410px; background-color:#000;}
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }