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


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		
		
/* #Basic Styles
================================================== */
	body { 
		background: #fff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444; 
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: none;
 }
	

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 { 
		color: #181818; 
		font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	h7 { font-size: 14px; line-height: 21px; font-weight: bold; color: #FF0000;  }
	h8 { font-size: 24px; line-height: 21px; color: #FF0000;   }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }
	
	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }
	
/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }
	

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
/* #Images
================================================== */

	img.scale-with-grid { 
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */
	
	a.button, 
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	  background-color: #ccc;
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: 21px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  }
	  
	a.button:hover, 
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	  color: #222;
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; 
	 }
	  
  a.button:active, 
  button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
    background: #eee; /* Old browsers */
    border: 1px solid #888;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa; }
	
	.button.full-width, 
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width { 
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }
	
	
/* #Tabs (activate in app.js)
================================================== */
	ul.tabs { 
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #ddd; }
	ul.tabs li { 
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0; }
	ul.tabs li a { 
		display: block; 
		text-decoration: none;
		width: auto; 
		height: 29px; 
		padding: 0px 20px; 
		line-height: 30px; 
		border: solid 1px #ddd;
		border-width: 1px 0 0 1px; 
		margin: 0;  
		background: #f5f5f5;
		font-size: 13px; }
	ul.tabs li a.active { 
		background: #fff; 
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-right-width: 1px;
		margin: 0 -1px 0 0;
		color: #111;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	ul.tabs li:first-child a {
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
		border-top-left-radius: 2px; }
	ul.tabs li:last-child a {
		border-width: 1px 1px 0 1px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		border-top-right-radius: 2px; }
	
	ul.tabs-content { margin: 0; display: block; }
	ul.tabs-content > li { display:none; }
	ul.tabs-content > li.active { display: block; }
		
	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }
			
			
/* #Forms
================================================== */

	form { 
		margin-bottom: 20px; }
	fieldset { 
		margin-bottom: 20px; }
	input[type="text"], 
	input[type="password"],
	input[type="email"],
	textarea, 
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select { 
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus, 
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend { 
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select { 
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
		
/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

		

/* 
* Skeleton V1.0
* Created by Dave Gamache
* www.getskeleton.com
* 5/15/2011
*/


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

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

	.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
	.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: 40px;  }
	.container .two.columns 						{ width: 100px; }
	.container .three.columns 					{ width: 160px; }
	.container .four.columns 						{ width: 220px; }
	.container .five.columns 						{ width: 280px; }
	.container .six.columns 						{ width: 340px; }
	.container .seven.columns 					{ width: 400px; }	
	.container .eight.columns 					{ width: 460px; }
	.container .nine.columns 						{ width: 520px; }
	.container .ten.columns 						{ width: 580px; }	
	.container .eleven.columns 					{ width: 640px; }	
	.container .twelve.columns 					{ width: 700px; }
	.container .thirteen.columns 				{ width: 760px; }	
	.container .fourteen.columns 				{ width: 820px; }	
	.container .fifteen.columns 				{ width: 880px; }
	.container .sixteen.columns 				{ width: 940px; }
	
	.container .one-third.column				{ width: 300px; }
	.container .two-thirds.column				{ width: 620px; }
	
	/* Offsets */	
	.container .offset-by-one 					{ padding-left: 60px;  }
	.container .offset-by-two 					{ padding-left: 120px; }
	.container .offset-by-three 				{ padding-left: 180px; }
	.container .offset-by-four 					{ padding-left: 240px; }
	.container .offset-by-five 					{ padding-left: 300px; }
	.container .offset-by-six 					{ padding-left: 360px; }
	.container .offset-by-seven 				{ padding-left: 420px; }
	.container .offset-by-eight 				{ padding-left: 480px; }
	.container .offset-by-nine 					{ padding-left: 540px; }
	.container .offset-by-ten 					{ padding-left: 600px; }
	.container .offset-by-eleven 				{ padding-left: 660px; }
	.container .offset-by-twelve 				{ padding-left: 720px; }
	.container .offset-by-thirteen 			{ padding-left: 780px; }
	.container .offset-by-fourteen 			{ padding-left: 840px; }
	.container .offset-by-fifteen 			{ padding-left: 900px; }
	
	
	
/* #Tablet (Portrait)
================================================== */	

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

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.container { width: 768px; }
		.container .column, 
		.container .columns { margin-left: 10px; margin-right: 10px;  }
		.column.alpha, .columns.alpha 				{ margin-left: 0; margin-right: 10px; }
		.column.omega, .columns.omega 				{ margin-right: 0; margin-left: 10px; }
	
		.container .one.column 							{ width: 28px;  }
		.container .two.columns 						{ width: 76px; }
		.container .three.columns 					{ width: 124px; }
		.container .four.columns 						{ width: 172px; }
		.container .five.columns 						{ width: 220px; }
		.container .six.columns 						{ width: 268px; }
		.container .seven.columns 					{ width: 316px; }	
		.container .eight.columns 					{ width: 364px; }
		.container .nine.columns 						{ width: 412px; }
		.container .ten.columns 						{ width: 460px; }	
		.container .eleven.columns 					{ width: 508px; }	
		.container .twelve.columns 					{ width: 556px; }
		.container .thirteen.columns 				{ width: 604px; }	
		.container .fourteen.columns 				{ width: 652px; }	
		.container .fifteen.columns 				{ width: 700px; }
		.container .sixteen.columns 				{ width: 748px; }
		
		.container .one-third.column				{ width: 236px; }
		.container .two-thirds.column				{ width: 492px; }		
		
		/* Offsets */	
		.container .offset-by-one 					{ padding-left: 48px;  }
		.container .offset-by-two 					{ padding-left: 96px; }
		.container .offset-by-three 				{ padding-left: 144px; }
		.container .offset-by-four 					{ padding-left: 192px; }
		.container .offset-by-five 					{ padding-left: 288px; }
		.container .offset-by-six 					{ padding-left: 336px; }
		.container .offset-by-seven 				{ padding-left: 348px; }
		.container .offset-by-eight 				{ padding-left: 432px; }
		.container .offset-by-nine 					{ padding-left: 480px; }
		.container .offset-by-ten 					{ padding-left: 528px; }
		.container .offset-by-eleven 				{ padding-left: 576px; }
		.container .offset-by-twelve 				{ padding-left: 624px; }
		.container .offset-by-thirteen 			{ padding-left: 672px; }
		.container .offset-by-fourteen 			{ padding-left: 720px; }
		.container .offset-by-fifteen 			{ padding-left: 900px; }
	}
	
	
/*	#Mobile (Portrait) 
================================================== */
	
	/* Note: Design for a width of 320px */
	
	@media only screen and (max-width: 767px) {
		.container { width: 300px; }
		.columns, .column { margin: 0; }
		
		.container .one.column,
		.container .two.columns,
		.container .three.columns,
		.container .four.columns,
		.container .five.columns,
		.container .six.columns,
		.container .seven.columns,
		.container .eight.columns,
		.container .nine.columns,
		.container .ten.columns,
		.container .eleven.columns,
		.container .twelve.columns,
		.container .thirteen.columns,
		.container .fourteen.columns,
		.container .fifteen.columns,
		.container .sixteen.columns, 
		.container .one-third.column, 
		.container .two-thirds.column  { width: 300px; }
		
		/* Offsets */	
		.container .offset-by-one,				
		.container .offset-by-two, 					
		.container .offset-by-three, 				
		.container .offset-by-four, 					
		.container .offset-by-five, 					
		.container .offset-by-six, 					
		.container .offset-by-seven, 				
		.container .offset-by-eight, 				
		.container .offset-by-nine, 					
		.container .offset-by-ten, 					
		.container .offset-by-eleven, 				
		.container .offset-by-twelve, 				
		.container .offset-by-thirteen, 			
		.container .offset-by-fourteen, 			
		.container .offset-by-fifteen { padding-left: 0; } 			
				
	}	 
	
	
/* #Mobile (Landscape)
================================================== */

	/* Note: Design for a width of 480px */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.container { width: 420px; }
		.columns, .column { margin: 0; }
		
		.container .one.column,
		.container .two.columns,
		.container .three.columns,
		.container .four.columns,
		.container .five.columns,
		.container .six.columns,
		.container .seven.columns,
		.container .eight.columns,
		.container .nine.columns,
		.container .ten.columns,
		.container .eleven.columns,
		.container .twelve.columns,
		.container .thirteen.columns,
		.container .fourteen.columns,
		.container .fifteen.columns,
		.container .sixteen.columns,
		.container .one-third.column, 
		.container .two-thirds.column { width: 420px; }
	}
	 
	
/* #Clearing
================================================== */

	/* Self Clearing Goodness */
	.container:after { content: "."; 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;
	}
	
	
	
/* VARIABLES */
hr.faded {
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 1.4em 0;
  border: none;
  background: #ddd;
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, white), color-stop(0.1, #dddddd), color-stop(0.9, #dddddd), color-stop(1, white));
  background-image: -moz-linear-gradient(left center, white 0%, #dddddd 10%, #dddddd 90%, white 100%); }

/*
 * jQuery Blueberry Slider v0.4 BETA
 * http://marktyrrell.com/labs/blueberry/
 *
 * Copyright (C) 2011, Mark Tyrrell <me@marktyrrell.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */
.blueberry {
  margin: 0 auto; }

.blueberry .slides {
  display: block;
  position: relative;
  overflow: hidden; }

.blueberry .slides li {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.blueberry .slides li img {
  display: block;
  width: 100%;
  max-width: none; }

.blueberry .slides li.active {
  display: block;
  position: relative; }

.blueberry .crop li img {
  width: auto; }

.blueberry .pager {
  height: 40px;
  text-align: center; }

.blueberry .pager li {
  display: inline-block; }

.blueberry .pager li a,
.blueberry .pager li a span {
  display: block;
  height: 4px;
  width: 4px; }

.blueberry .pager li a {
  padding: 18px 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.blueberry .pager li a span {
  overflow: hidden;
  background: #c0c0c0;
  text-indent: -9999px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.blueberry .pager li.active a span {
  background: #404040; }

body {
  color: #241f1f;
  font-family: "Kreon", Georgia, serif;
  margin-top: 1.2em;
  background-color: white; }

p {
  line-height: 1.4em;
  font-size: 1.2em; }

span {
  line-height: 1.4em;
  font-size: 1.2em; }

article {
  margin-bottom: 4.4em; }

a, a:visited {
  color: #900202; }

h1, h2, h3, h4, h5 {
  color: #000;
  font-family: "Terminal Dosis", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.4em; }

ul.main-list {
  margin: 1em 0 2em 0;
  list-style-image:  url(../images/PNG/arrow.png); }
  ul.main-list li {
    margin-left: 1em;
    font-size: 1.2em;
    font-family: 'Kreon', serif;
    line-height: 1.2em; }

ul.side-features {
  list-style: disc;
  margin-left: 1.0em; }

/* ------------------------------------------
CSS drop-shadows without images
by Nicolas Gallagher
- http://nicolasgallagher.com/css-drop-shadows-without-images/

http://nicolasgallagher.com
http://twitter.com/necolas

------------------------------------------ */
/* Shared styles */
/* Lifted corners */
/* Curled corners */
/* Perspective */
/* Raised shadow - no pseudo-elements needed */
/* Curved shadows */
.curved-vt-2:before {
  right: 0; }

.curved-hz-1:before {
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px/10px;
  border-radius: 100px/10px; }

.curved-hz-2:before {
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px/10px;
  border-radius: 100px/10px; }

/* Rotated box */
#logo {
  max-width: 100%; }

#buy-tickets {
  width: 271px;
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  height: 83px;
  background: #FFF200 url('../images/PNG/showroomlogo.png') right top;
  margin-left: 640px;
  top: -10px;
  position: absolute;
  text-align: center; }
  #buy-tickets span {
    text-transform: capitalize;
    padding: 0;
    margin: 0;
    color: #fff; }
  #buy-tickets a {
    display: block;
    padding-top: 0.6em;
    font-size: 2.2em;
    text-shadow: 1px 1px 1px #960210;
    font-family: 'Podkova', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    padding-bottom: 0.2em; }

#navbar {
  margin-bottom: 2.8em;
  height: 57px;
  background: #02024c url(../images/PNG/bg-navbar.png) repeat right top; }

#tagline {
  margin-top: 0.4em;
  font-size: 1.2em;
  line-height: 1.0em;
  text-align: right;
  text-transform: uppercase; }
  #tagline .date-location {
    color: #900202; }
  #tagline p {
    font-family: 'Terminal Dosis', sans-serif; }

a.buttons {
  text-transform: uppercase;
  font-size: 1.6em;
  text-align: center;
  background: red url() repeat-x 0 50%;
  color: #FFF;
  display: block;
  text-decoration: none;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }
  a.buttons:hover {
    background-color: green; }

nav {
  text-transform: uppercase;
  margin-top: -10px; }
  nav ul {
    list-style: none;
    margin-left: 0;
    width: 100%; }
  nav li {
    text-align: left;
    float: left;
    width: auto;
    padding: 10px;
    margin-bottom: 0px; }
  nav ul li a, nav ul li a:visited {
    font-family: 'Terminal Dosis', sans-serif;
    text-decoration: none;
    font-size: 1.8em;
    color: #FFF;
    background-image:  url();
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 0.8em; }
  nav li.last a {
    background-image:  url(); }
  nav li.btn a {
    background: #E2E204 url() right top;
    padding: 0.8em;
    text-shadow: 1px 1px 1px #000;
    font-family: 'Oswald', sans-serif; }
    nav li.btn a:hover {
      color: #000; }
  nav ul li {
    margin-right: -10px; }
  nav ul li a:hover {
    color: #E2E204; }
  nav ul li a.on {
    color: #E2E204; }

/***************** SPEAKERS ********/
#featured-speakers a {
  text-decoration: none; }
#featured-speakers p {
  font-size: 1.0em; }
#featured-speakers h5 {
  font-family: 'Kreon', serif;
  color: #241f1f;
  text-transform: capitalize;
  margin: 0; }
#featured-speakers h2 {
  margin-bottom: 0.8em;
  text-transform: uppercase;
  color: #303030; }
#featured-speakers ul li {
  width: 33%;
  float: left;
  color: #fff;
  margin-bottom: 1.4em; }
#featured-speakers ul li img {
  margin-right: 0.8em; }
#featured-speakers ul li img {
  float: left; }
#featured-speakers p {
  color: #4c4c4c; }

/************************** SPEAKERS *********/
#speakers h4 {
  margin-bottom: 0; }

/************************** VENUE *********/
.blueberry {
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.blueberry .slides li img {
  max-width: 100%; }

#venue {
  margin-bottom: 2.8em; }

/********************** WHAT TO EXPECT *********/
#expect ul li strong {
  margin-left: -1em; }

/***************** SPONSORS  ********/
#sponsors ul li {
  float: left;
  width: 25%; }
#sponsors p {
  clear: both; }
#sponsors h5 {
  font-family: arial;
  font-size: 1.0em;
  padding: 5px;
  text-transform: capitalize; }
#sponsors h5.silver {
  color: #333; }
#sponsors h5.gold {
  color: #8B4513;
  background-color: #FFD700; }
#sponsors h5.coffee {
  color: #fff;
  background-color: #CC9966; }
#sponsors ul li h5 {
  position: absolute;
  background-color: #ccc; }
#sponsors img {
  border: solid 1px #ccc;
  padding: 3px; }

/****************** LOCATION ************/
#location ul#resources {
  font-size: 1.2em; }

#location ul#resources li {
  list-style: disc;
  margin-left: 1.0em; }

#location article {
  margin-bottom: 0.6em; }

#greetings {
  margin-top: 3.8em;
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

/****************** SPEAKERS ***********/
span[itemprop="description"] {
  color: #565250; }

#speakers article section p {
  margin-top: 1.2em; }

#speakers div.elsewhere span {
  font-weight: 700;
  display: block;
  margin-bottom: 0.8em; }
#speakers div.elsewhere ul li {
  font-size: 1.2em;
  margin-left: 1.2em;
  list-style: disc; }

/***************** PARTNERS  ********/
#partners ul li {
  float: left;
  margin-bottom: 0;
  width: 20%; }

/************************ SCHEDULE ********/
#schedule article h3 {
  font-family: 'Kreon', serif;
  margin-bottom: 0; }

ul.elsewhere li {
  line-height: 1.0em;
  font-size: 1.2em; }

#schedule article h4 {
  background-color: #f5f5f5;
  color: #333;
  padding-left: 0.4em;
  font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-size: 1.2em;
  font-weight: bold; }

#schedule section {
  margin-bottom: 1.4em; }

#schedule summary {
  font-size: 1.2em;
  margin-bottom: 1.2em; }

/************************ FOOTER ********/
footer {
  font-family: "Kreon", Georgia, serif;
  font-size: 1.0em;
  position: relative;
  background-color: #02024c;
  color: #CCC;
  padding-top: 1.2em; }
  footer a, footer a:visited, footer a:hover {
    color: #CCC; }
  footer ul li {
    margin-bottom: 0.6em; }
  footer ul#info {
    float: left; }
  footer ul#social {
    float: right; }

/************ SPONSOR ************/
#sponsor {
  margin-top: 2.4em; }

/************ ABOUT *************/
#about #bret-kev {
  margin-top: 2.8em; }
#about article {
  margin-bottom: 0; }

/************* SIGNUP ***********/
#mailing-list {
  background-color: #f5f5f5;
  padding: 1.2em 1.2em;
  text-align: center;
  font-family: "Futura", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  #mailing-list form {
    width: 296px;
    margin: 0 auto;
    margin-top: 0.4em; }

form input[type="email"] {
  height: 30px;
  font: 18px "Futura", "Helvetica Neue", Helvetica, Arial, sans-serif;
  float: left;
  width: 200px; }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 9px;
  width: 25%;
  font: 1.2em "Futura", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 1px; }

/* 
* Skeleton V1.0
* Created by Dave Gamache
* www.getskeleton.com
* 5/15/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */
	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {


		ul
		{
			list-display: block;
			float: none;
		}
		
    	nav ul li a, nav ul li a:visited
    	{
    		font-family: 'Terminal Dosis', sans-serif;
    		font-size: 1.4em;
    		padding-right: 0.8em;
    	}
    	
    	nav li.btn a
    	{
    	    background: red url('') right top;
    		padding: 1.0em;
    		text-shadow: 1px 1px 1px #960210;
    		font-family: 'Oswald', sans-serif;
    	}
    	
        #venue
        {
        	margin-bottom: 1.0em;
        }


	}
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {
	    
        #greetings
        {
        	display: none;

        }
        
        #bret-kev
        {
            display: none;
        }

        #signup
        {
        	margin-top: 10%;
        	width: 300px;
        }

		#signup input[type="email"]
		{
			float: none;
			width: 100%;
			margin-bottom: 2%;
			padding:0;
			height: 30px;
		}

		#signup input[type="submit"]
		{
			float: none;
			width: 100%;
	    	padding: 3px;
		}


		ul
		{
			list-display: block;
			float: none;
		}

		#navbar
		{  
        	margin-bottom: 0;
        	height: auto;
        	background: #FFF url() repeat right top;
		}
		
		#navbar ul li
		{
		    width: 94%;
		    font-size: 0.8em;
		    float: none;
		    display: block;
		    background-color: #000;
		    border-bottom: dashed 1px #333;
		}
		
		#navbar li a
		{
            display: block;
            background-image: url('');
		}
		
    	#navbar li.btn a
    	{
    	    background: #000 url() right top;
            font-family: 'Terminal Dosis', sans-serif;
            text-shadow: none;
            padding: 0;
    		&:hover
    		{
    		    color: red;
    		}
    	}
    	
    	#featured-speakers ul li
        {
        	    width: 100%;
        	    display:block;
        	    clear: both;
        	    margin-bottom: 0.8em;
        }


        #venue
        {
        	margin-bottom: 1.0em;
        }
        
    	#sponsors ul li, #partners ul li
        {
        	    width: 100%;
        	    margin-bottom: 0.8em;
        }

    	footer ul#info
    	{
    		float: none;
    	}

    	footer ul#social
    	{
    		float: none;
    	}
    	
    	footer ul#social li
    	{
    		margin-bottom: 0;
    	}
        
	}
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {


		ul
		{
			list-display: block;
			float: none;
		}

		#navbar
		{  
        	margin-bottom: 0;
        	height: auto;
        	background: #FFF url() repeat right top;
		}
		
		#navbar ul li
		{
		    width: auto;
		    font-size: 0.8em;
		    float: none;
		    display: block;
		    background-color: #000;
		    border-bottom: dashed 1px #333;
		}
		
		#navbar li a
		{
            display: block;
            -webkit-tap-highlight-color: yellow;
            background-image: url('');
		}
		
    	#navbar li.btn a
    	{
    	    background: #000 url() right top;
            font-family: 'Terminal Dosis', sans-serif;
            text-shadow: none;
            padding: 0;
    		&:hover
    		{
    		    color: red;
    		}
    	}
    	
    	#featured-speakers ul li
        {
        	    width: 100%;
        	    display:block;
        	    clear: both;
        	    margin-bottom: 0.8em;
        }


        #venue
        {
        	margin-bottom: 1.0em;
        }
        
    	#sponsors ul li, #partners ul li
        {
        	    width: 100%;
        	    display:block;
        	    clear: both;
        	    margin-bottom: 0.8em;
        }

	}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {
	}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {
	}