/*
* 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
================================================== */

    @media only screen and (min-width: 960px) {
        #tap{
            display: none;
            visibility: zero;
        }
    }


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

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        #container{
            width: 100%;
        }

        h1, h2, p{
            -webkit-font-smoothing: antialiased;
            font-weight: normal;
        }

        h1{
            font-size: 1.9em;
            line-height: 1.4em;
        }

        p{
            font-size: 1.16em;
            margin: 20px 0;
        }
    }
        

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

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

    @media only screen and (max-width: 767px) {
        #container{
            width: 85%;
            margin: 0 auto;
            padding: 25px 0;
            margin-bottom: 100px;

        }
        h1, h2, p{
            -webkit-font-smoothing: antialiased;
            font-weight: normal;
        }

        h1{
            font-size: 1.4em;
            line-height: 1.45em;
        }

        p{
            font-size: 1.25em;
            margin-bottom: 15px;
        }
        
        #advice {
            font-size: 1.2em;
            padding-bottom: 5px;
        }

        #nav {
            margin-bottom: 75px;
            display: block;
        }

        #desc{
            display: block;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }

        .links{
            display: block;
            width: 100%;
            text-align: center;
        }

        .links ul li a{
            margin: 0;
        }

        .links ul li a.first{
            margin: 0 30px 0 0;
        }

        #column-left, #column-right{
            display: none;
        }

        #column-center{
            width: 100%;
        }

        #archive-items li {
        padding: 0 15px 5px 0;
        }

        .body-copy{
            font-size: .9em;
        }
        #nav{
            margin-bottom: 100px;
        }
        #advice {
            font-size: 1em;

        }

    }


/* #Mobile (6s+)
================================================== */

    @media only screen and (min-width: 414px) and (max-width: 737px){
         #container{
            width: 85%;
            margin: auto;
            padding: 50px 0;
            margin-bottom: 100px;
        }
        .links{
            font-size: 1.2em;
        }
        #nav{
            margin-bottom: 100px;
        }
        #advice {
            font-size: 1em;

        }

    }


/* #Mobile (320s)
================================================== */

    @media only screen and (max-width: 320px){
         #container{
            width: 85%;
            margin: auto;
            padding: 50px 0;
            margin-bottom: 100px;

        }
        #nav{
            margin-bottom: 100px;
        }
        #advice {
            font-size: .9em;

        }

    }