﻿/** 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* 8/17/2011*//* Table of Content==================================================	#Site Styles	#Page Styles	#Media Queries	#Font-Face *//* #Site Styles================================================== *//* #Page Styles================================================== *//* #Media Queries================================================== */	/* Smaller than standard 960 (devices and browsers) */	@media only screen and (max-width: 959px) {        .menu-pull {            display: block;        }        .nav ul {            display: none;        }        .nav {            text-align: left;            width: 100%;       }            .nav ul {                position: absolute;                background-color: #222;                width: 100%;                text-align: left;            }                .nav ul ul {                    display: block;                }                            .nav ul ul {                width: 100%;                position: static;            }                .nav ul ul li a {                    padding-left: 20px;                    padding-right: 20px;                }                .nav ul li {                    float: none;                }                    .nav ul li a {                        color:#fff;                    }	}	/* Tablet Portrait size to standard 960 (devices and browsers) */	@media only screen and (min-width: 768px) and (max-width: 959px) {}	/* All Mobile Sizes (devices and browser) */	@media only screen and (max-width: 767px) {        .logo {            text-align: center;            width: 100%;        }        .nav {            text-align: center;        }        .menu-pull {            display: inline-block;            width: 100px;        }        .menu-pull div {            margin-left: 0;        }	}	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */	@media only screen and (min-width: 480px) and (max-width: 767px) {}	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */	@media only screen and (max-width: 479px) {}/* #Font-Face================================================== *//* 	This is the proper syntax for an @font-face file		Just create a "fonts" folder at the root,		copy your FontName into code below and remove		comment brackets *//*	@font-face {	    font-family: 'FontName';	    src: url('../fonts/FontName.eot');	    src: url('../fonts/FontName.eot?iefix') format('eot'),	         url('../fonts/FontName.woff') format('woff'),	         url('../fonts/FontName.ttf') format('truetype'),	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');	    font-weight: normal;	    font-style: normal; }*/