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


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

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

.container                                  { position: relative; width: 1320px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; }
/* .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: 100%; }

.container .one-third.column                { width: 33.33%; }
.container .two-thirds.column               { width: 66.66%; }

.container .one-quart.column                { width: 25%; }
.container .three-quarts.column               { width: 75%; }

@media only screen and (max-width: 1180px) {
    .container                                  { width: calc(100% - 60px); }
}
@media only screen and (max-width: 800px) {
    .container .one-quart.column                { width: 100%; }
    .container .three-quarts.column               { width: 100%; }

    .container .one-third.column                { width: 100%; }
    .container .two-thirds.column               { width: 100%; }
    .container .columns                         { float:none;}
}

/* #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;
}