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

	/* Standard 960 and above (devices and browsers) */
	@media only screen and (min-width: 960px) {
	    #sideNav nav {
	      border-top: 1px solid #ddd;
	      height: 6em;
	    }
	    #sideNav nav ul {
	      margin: 0;
	      padding: 0;
	      border: 0;
	      overflow: hidden;
	      *zoom: 1;
	      margin: 0 auto;
	      border-bottom: 1px solid #ddd;
	      background: #f4f9ff;
	      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f9ff');
	      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f9ff));
	      background: -moz-linear-gradient(top,  #fff,  #f4f9ff); 
	    }
	    #sideNav nav ul li {
	      list-style-image: none;
	      list-style-type: none;
	      margin-left: 0px;
	      white-space: nowrap;
	      display: inline;
	      float: left;
	      padding-left: 4px;
	      padding-right: 4px;
	      margin-bottom: 0px;
	    }
	    #sideNav nav ul li:first-child, #topbar nav ul li.first {
	      padding-left: 0;
	    }
	    #sideNav nav ul li:last-child {
	      padding-right: 0;
	    }
	    #sideNav nav ul li.last {
	      padding-right: 0;
	    }
	    #sideNav nav ul a {
	      border: none!important;
	      padding: 0.8em 0.63em 0.6em 0.63em;
	      font-size: 1.25em;
	      text-shadow: 1px 1px 0px #ddd;
	    }
	    #sideNav nav ul li.current a, header #sideNav nav ul li.parent_of_current a {
	      font-weight: bold;
	      color: #006600;
	      background: url(../images/uvula.png) no-repeat 50% 2.95em;
	    }
	    #sideNav .first{
	    	margin-left: 1.5em;
	    }
	    #logo {
	    	left: -50px;
	    }
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	  h1 {
	      text-align: center;
	    }
	  #sideNav nav {
	    border-top: 1px solid #ddd;
	    height: 5em;
	  }
	  #sideNav nav ul {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    overflow: hidden;
	    *zoom: 1;
	    margin: 0 auto;
	    border-bottom: 1px solid #ddd;
	    background: #f4f9ff;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f9ff');
	    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f9ff));
	    background: -moz-linear-gradient(top,  #fff,  #f4f9ff); 
	  }
	  #sideNav nav ul li {
	    list-style-image: none;
	    list-style-type: none;
	    margin-left: 0px;
	    white-space: nowrap;
	    display: inline;
	    float: left;
	    padding-left: 4px;
	    padding-right: 4px;
	    margin-bottom: 0px;
	  }
	  #sideNav nav ul li:first-child, #topbar nav ul li.first {
	    padding-left: 0;
	  }
	  #sideNav nav ul li:last-child {
	    padding-right: 0;
	  }
	  #sideNav nav ul li.last {
	    padding-right: 0;
	  }
	  #sideNav nav ul a {
	    border: none!important;
	    padding: 0.8em 0.63em 0.6em 0.63em;
	    font-size: 0.9em;
	  }
	  #sideNav nav ul li.current a, header #sideNav nav ul li.parent_of_current a {
	    font-weight: bold;
	    color: #006600;
	    border-bottom: 2px solid #006600;
	  }
	  #sideNav nav ul li.current a, header #sideNav nav ul li.parent_of_current a {
	    font-weight: bold;
	    color: #006600;
	    background: url(../images/uvula.png) no-repeat 50% 2.75em;
	  }
	  #sideNav .first{
	  	margin-left: 0.9em;
	  }
	  #logo {
	  	left: -50px;
	  }
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#logo {
			left: -50px;
		}
	}

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