/*
* LG Skeleton
* Copyright 2013, LGLab
* 19/01/2013
*/


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


    /* Containers */
	
    .wrapper                                    {
	float: left;
	width: 100%;
	overflow: hidden;
}
	.ie8 .wrapper                               { overflow: visible; min-width: 1000px;}
    .container                                  { position: relative; width: 1000px; margin: 0 auto; padding: 0;}
	
	.one,
	.onehalf,
	.onethird,
	.twothird,
	.onefourth,
	.threefourth,
	.onefifth,
	.twofifth,
	.threefifth,
	.fourfifth                                  { position: relative; float: left; display: inline; margin-left: 20px;}
	
	.one                                        { width: 960px;}
	.onehalf                                    { width: 470px;}
	.onethird                                   { width: 545px;}
	.onethird.tight                             { width: 314px; margin-left:9px}
	.onethird.tight.first                       { margin-left:15px}
	.twothird                                   { width: 400px; height: 400px;}
	.onefourth                                  {
	width: 480px;
}
	.onefourth.tight                            { width: 234px; margin-left:8px}
	.onefourth.tight.first                      { margin-left:18px}
	.threefourth                                { width: 715px;}
	.threefourth.blog                           { width: 695px; margin-right: 20px;}
	.onefifth                                   { width: 176px;}
	.twofifth                                   { width: 372px;}
	.threefifth                                 { width: 568px;}
	.fourfifth                                  { width: 764px;}
	
	/* Rows */
	.norow                                      { margin-bottom: 0px; }
	.onefourth.tight.row                        { margin-bottom: 8px; }
	.onethird.tight.row                         { margin-bottom: 9px; }
	.row-ten                                    { margin-bottom: 10px; }
    .row-fourteen                               { margin-bottom: 14px; }
	.row-fifteen                                { margin-bottom: 15px; }
	.row-eighteen                               { margin-bottom: 18px; }
    .row                                        {
	margin-bottom: 20px;
	margin-top: 15px;
}
	.row-twentyfive                             { margin-bottom: 25px;}
	.row-thirty                                 { margin-bottom: 30px; }
	.row-thirtyfive                             { margin-bottom: 35px; }
	.row-fourty                                 { margin-bottom: 40px; }
	.row-fifty                                  { margin-bottom: 50px; }
	.row-seventy                                { margin-bottom: 70px; }
	.row-eighty                                 { margin-bottom: 80px; }
	.row-hundred                                { margin-bottom: 100px; }


	/* Tops */
	.top-minusthree                             { margin-top: -3px; }
	.notop                                      { margin-top: 0px; }
	.top-three                                  { margin-top: 3px; }
	.top-ten                                    { margin-top: 10px; }
	.top-twenty                                 { margin-top: 20px; }
	.top-thirty                                 { margin-top: 30px; }
	.top-fifteen                                { margin-top: 15px; }
	.top-seventeen                              { margin-top: 17px; }
	.top-seventy                                { margin-top: 70px; }	.top-eightyfive                             { margin-top: 85px; }	.top-ninetyfive                             { margin-top: 95px; }	.top-hundred                                { margin-top: 100px; }	.top-hundredten                             { margin-top: 110px; }	.top-hundredfifteen                         { margin-top: 115px; }	.top-hundredtwentyfive                      { margin-top: 125px; }	.top-hundredthirty                          { margin-top: 130px; }	.top-hundredfifty                           { margin-top: 150px; }	.top-hundredfiftyfive                       { margin-top: 155px; }	.top-hundredsixty                           { margin-top: 160px; }	.top-hundredseventy                         { margin-top: 170px; }	.top-hundredninety                          { margin-top: 190px; }	.top-twohundred                             { margin-top: 200px; }		/* Right */	.right-ten                                  { margin-right: 10px; }	.right-fifteen                              { margin-right: 15px; }	.right-twenty                               { margin-right: 20px; }		/* Remove */	.remove-left                                { margin-left: 0px; }			/* Images */	img.scaletofit                             { width: 100%; max-width: 100%; height: auto; display: block;}/* #Tablet (Portrait)================================================== */    /* Note: Design for a width of 768px */    @media only screen and (min-width: 768px) and (max-width: 999px) {		        .container                                  { width: 768px;}        .one                                        { width: 728px;}		.onehalf                                    { width: 354px;}				.onethird                                   { width: 229px;}		.onethird.tight                             { width: 244px;}		.onethird.tight.first                       { margin-left:9px}				.twothird                                   { width: 480px;}				.onefourth                                  { width: 167px;}		.onefourth.tight                            { width: 182px;}		.onefourth.tight.first                      { margin-left:8px}		.onefourth.sidebar                          { width: 225px;}				.threefourth                                { width: 541px;}		.threefourth.blog                           { width: 463px; margin-right: 20px;}				.onefifth                                   { width: 128px;}		.twofifth                                   { width: 278px;}		.threefifth                                 { width: 430px;}		.fourfifth                                  { width: 580px;}				}/*  #Mobile (Portrait)================================================== */    /* Note: Design for a width of 320px */    @media only screen and (max-width: 767px) {		        .container                                 { width: 300px; }		.one,		.onehalf,		.onethird,		.onethird.tight,		.onethird.tight.first,		.twothird,		.onefourth,		.onefourth.tight,		.onefourth.tight.first,		.onefourth.sidebar,		.threefourth,		.threefourth.blog,		.onefifth,		.twofifth,		.threefifth,		.fourfifth                                 { margin-left: 15px; margin-right: 15px; width: 270px;}				.top-hundredten, .top-hundredfifteen       { margin-top: 0px; }    }/* #Mobile (Landscape)================================================== */    /* Note: Design for a width of 480px */    @media only screen and (min-width: 480px) and (max-width: 767px) {		        .container                                 { width: 420px; }        .one,		.onehalf,		.onethird,		.onethird.tight,		.onethird.tight.first,		.twothird,		.onefourth,		.onefourth.tight,		.onefourth.tight.first,		.onefourth.sidebar,		.threefourth,		.threefourth.blog,		.onefifth,		.twofifth,		.threefifth,		.fourfifth                                 { width: 390px;}				    }/* #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;}
