/*
Theme Name: PP-WP
Theme URI: none
Description: Custom WordPress theme for the Pizza Plant website. Incorporates Skeleton (www.getskeleton.com).
Version: 1.0
Author: Matthew Licata
Author URI: www.matthewlicata.com
*/


/* ------------------------- BASE ------------------------------ */
/*
	* 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
	==================================================
		#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: 100%;
	 }


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

		.button,
		button,
		input[type="submit"],
		input[type="reset"],
		input[type="button"] {
			background: #eee; /* Old browsers */
			background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
			background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
			background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
			background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
			background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
			background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
		  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: normal;
		  padding: 8px 10px;
		  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

		.button:hover,
		button:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover {
			color: #222;
			background: #ddd; /* Old browsers */
			background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
			background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
			background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
			background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
			background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
			background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
		  border: 1px solid #888;
		  border-top: 1px solid #aaa;
		  border-left: 1px solid #aaa; }

		.button:active,
		button:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active {
			border: 1px solid #666;
			background: #ccc; /* Old browsers */
			background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
			background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
			background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
			background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
			background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
			background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

		.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; }

		/* Fix for odd Mozilla border & padding issues */
		button::-moz-focus-inner,
		input::-moz-focus-inner {
	    border: 0;
	    padding: 0;
		}


	/* #Tabs (activate in tabs.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 1px 0 0;
			margin: 0;
			background: #f5f5f5;
			font-size: 13px; }
		ul.tabs li a.active {
			background: #fff;
			height: 30px;
			position: relative;
			top: -4px;
			padding-top: 4px;
			border-left-width: 1px;
			margin: 0 0 0 -1px;
			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.active {
			margin-left: 0; }
		ul.tabs li:first-child a {
			border-width: 1px 1px 0 1px;
			-moz-border-radius-topleft: 2px;
			-webkit-border-top-left-radius: 2px;
			border-top-left-radius: 2px; }
		ul.tabs li:last-child a {
			-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"],
		input[type="tel"],
		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 -------------------------- */

/*
	* 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 Contents
	==================================================
	    #Base 960 Grid
	    #Tablet (Portrait)
	    #Mobile (Portrait)
	    #Mobile (Landscape)
	    #Clearing */



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

	    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	    .container .column,
	    .container .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,
	    .container .one.columns                     { 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; }
	        .alpha.omega                                { margin-left: 0; margin-right: 0; }

	        .container .one.column,
	        .container .one.columns                     { 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: 240px; }
	        .container .offset-by-six                   { padding-left: 288px; }
	        .container .offset-by-seven                 { padding-left: 336px; }
	        .container .offset-by-eight                 { padding-left: 348px; }
	        .container .offset-by-nine                  { padding-left: 432px; }
	        .container .offset-by-ten                   { padding-left: 480px; }
	        .container .offset-by-eleven                { padding-left: 528px; }
	        .container .offset-by-twelve                { padding-left: 576px; }
	        .container .offset-by-thirteen              { padding-left: 624px; }
	        .container .offset-by-fourteen              { padding-left: 672px; }
	        .container .offset-by-fifteen               { padding-left: 720px; }
	    }


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

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

	    @media only screen and (max-width: 767px) {
	        .container { width: 300px; }
	        .container .columns,
	        .container .column { margin: 0; }

	        .container .one.column,
	        .container .one.columns,
	        .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; }
	        .container .columns,
	        .container .column { margin: 0; }

	        .container .one.column,
	        .container .one.columns,
	        .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: "\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;
	    }







/* ------------------------- LAYOUT ---------------------------- */

/*
	* 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
	================================================== */
	body {
		background: #5c0f07 url('images/red-wall-texture.png') repeat;
		font-family: 'Hammersmith One', sans-serif;
		color:#535353;
	}

	h1, h2, h3, h4, h5 {
	    font-family: 'Bowlby One SC', sans-serif;
	    font-weight:normal;
	}


	.header {
		background: url('images/new-header-v8.png') no-repeat bottom center;
		width:1000px;
		height:422px;
		margin:0 -20px 1em -20px;
		box-shadow: 0 4px 2px -2px #000;
		position:relative;
		z-index:4;
	}
	
		.header h1 {
			text-indent:-5555px;
			height:10px;
			margin:0;
		}
	
		.socialbar {
			height:30px;
			text-align:right;
			float:right;
			width:96%;
			margin-left:20px;
			margin-right:20px;
		}
	
			.socialbar a {
				border:0 none;
			}
			
			.socialbar .textlinks {
				float:right;
				padding-top:4px;
				padding-right: 10px;
			}
			
				.socialbar .textlinks.leftside {
					float:left;
					width:35%;
					font-size:140%;
					margin-top:-2px;
					text-align:left;
				}
				
					.socialbar .textlinks.leftside p {
						text-align:left;
					}
			
				.socialbar .buttons {
        			float:right;
				}

			@media screen and (max-width: 767px) {
				.socialbar .buttons {
				display: none;
				}
				}

				.socialbar .buttons img {
					max-height: 20px;
					max-width: 20px;
				}
			
			.socialbar .textlinks p {
				text-align:right;
				display: inline-block;
				color: #eee;
				font-size: 1em;
				text-shadow: 2px 2px #260602;
			}
			
				.socialbar p a {
					text-decoration:none;
					color: #eee;
					text-align:center;
					line-height:1;
				}
	
	
	
			.homelink {
				display:inline-block;
				float:left;
				width:44%;
			}
	
				.homelink a {
					width:100%;
					height:225px;
					display:inline-block;
					text-decoration:none;
				}
	
	
			.location {
				float:left;
				width:28%;
				color: #eee;
				margin-top:15px;
			}
	
	
				.location h3 {
					font-size: 1.25em;
					color: #eee;
					text-shadow: 3px 3px #111;
					margin-bottom: 0;
					margin-left: 5%;
				}
			
				.location p {
					margin-left: 10%;
					font-size: 1.25em;
					text-shadow: 2px 2px #260602;
				}
			
					.location a {
					color: #eee;
					text-decoration:none;
				}

					.location-left {
					text-align:right;
				}

			
					.location-left p {
						margin-left: 0;
						margin-right: 10%;
					/*	font-size: 1em; */
					}

					.location-left h3 {
						margin-left: 0;
						margin-right: 5%;
					}

			
			.menu ul {
				width:100%;
				float:left;
				list-style-type:none;
			}
		
				.menu ul li {
					width:12.25%;
					margin:0 1%;
					float:left;
					display:inline-block;
				}
			
					.menu ul li a {
						float:left;
						width:100%;
						height:150px;
						display:inline-block;
						text-indent:-5555px;
						text-decoration:none;						
					}
				
					.menu ul li a:hover {
						background: url('images/menu-hover.png') no-repeat;
						background-position: 0px 10px;
					}

	.container {

		padding-bottom:9em;
	}

	.container .content .submenu {
	position: fixed;
	z-index:3;
	width:100%;
	bottom: 0;
	left: 0;
	background:#E8E8E8;
	border-top: 1px solid #aaa;
	font-family: 'Bowlby One SC', sans-serif;
	font-size: 0.9em;
	color: #333;
	}

	    .container .content .submenu ul {
			float:left;
			width:100%;
	        margin: 0;
	        padding: 0;
	        display: inline-block;
	        background:#E8E8E8;
	        }
        
	        .container .content .submenu ul li {
	            padding: 10px 10px;
	            margin: 0;
	            display: inline-block;
				float:left;
	            list-style-type:none;
	            border-right: 1px solid #aaa;
				border-bottom: 1px solid #aaa;
	            }

	            .container .content .submenu ul li a:link {
	                color: #333333;
	                height: 20px;
	                padding: 5px 0;
	                margin: 0;
					text-decoration:none;
					text-shadow:none;
	                }

	            .container .content .submenu ul li a:visited {
	                color: #333333;
	                height: 20px;
	                padding: 5px 0;
	                margin: 0;
	                }
            
	            .container .content .submenu ul li a:hover {
	                color:#777;
	                height: 20px;
	                padding: 5px 0;
	                margin: 0;
	                }
           

	.container .content {
		background:#f2eece url('images/paper-texture.png') repeat;
		box-shadow: 0 0px 3px 3px #000;
		float:left;
		position:relative;
		margin-top:-1.5em;
		padding-top:1.5em;
		padding-bottom:1em;
		margin-bottom:-4em;
		z-index:1;
		line-height:1.3;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
	}

	.container .maincontent {
		margin-right: 75px;
	}
	
		.container .maincontent p {
			margin-bottom:15px;
		}

		.container .maincontent h2 {
			color: #4da302;
			font-size:3.5em;
			border-bottom: 1px solid #e0dcbf;
			line-height:1.0;
			letter-spacing:1px;
			margin-top:.25em;
			margin-bottom:.5em;
			text-shadow: #2e4d04 1px 1px, #2e4d04 2px 2px, #2e4d04 3px 3px, #2e4d04 4px 4px;
		}
	
		.container .maincontent h3 {
			text-shadow: #deb803 1px 1px, #deb803 2px 2px;
			color: #c50000;
			font-size:34px;
			margin-top:1.25em;
			margin-bottom:4px;
		}
		
			.container .maincontent h3 a {
				text-shadow: #deb803 1px 1px, #deb803 2px 2px;
			}
			
				.container .maincontent h3 a:hover {
					text-shadow: #c88a03 1px 1px, #c88a03 2px 2px;
				}
				
		.container .maincontent h4 {
			margin-bottom:4px;
			color:#f1af2e;
			text-shadow: #6e3102 1px 1px;
			font-size:24px;
			line-height:26px;
		}
		
			.container .maincontent h4.hours {
				margin-top:85px;
			}
		
		.container .maincontent h5 {
			color:#333;
		}
	
		.container .maincontent a {
			text-shadow: #f9c939 1px 1px;
			color: #c50000;
			text-decoration:none;
		}
	
			.container .maincontent a:hover {
				color:#870801;
				text-shadow: #f9c939 1px 1px;
			}
	
		.container .maincontent img {
			display:block;
			max-width:100%;
			margin: 0 auto;
			border-radius:5px;
			box-shadow: 0 0px 1px 1px #ccc;
			margin-bottom:15px;
		}
		
		.container .maincontent .flickr {
			margin-bottom:20px;
		}
		
			.container .maincontent .flickr img {
				width:auto;
				margin-bottom:0;
				border-radius:3px;
			}
		
		.container .maincontent img.half {
			margin: 0;
			border-radius:3px;
			box-shadow: 0 0px 1px 1px #ccc;
			margin-top:10px;
			margin-bottom:10px;
			float:right;
			width:45%;
			margin-left:5%;
		}
		
		.container .maincontent img.noborder {
			border-radius:0;
			box-shadow: 0 0 0 0;
		}
		
		.container .maincontent img.icon {
			width:auto;
			display:inline;
			vertical-align:middle;
			margin-right:5px;
			height:18px;
			box-shadow:0 0 0 0;
			border-radius:0;
			margin-bottom:0;
		}
		
		.container .maincontent img.top-icon {
			display:inline-block;
			vertical-align:middle;
			height:18px;
			width:auto;
			box-shadow:0 0 0 0;
			border-radius:0;
			margin-bottom:0;
		}
		
		.container .maincontent .maps iframe {
			width:93%;
			height:210px;
			border-radius:3px;
			box-shadow: 0 0px 1px 1px #ccc;
		}

		.container .maincontent ul {
			margin-left:30px;
		} 
	
			.container .maincontent ul li {
				margin-bottom:5px;
			}
			
			.container .maincontent ol li {
				margin-bottom:5px;
			}
			
				.container .maincontent .extras ul {
					margin-left:3%;
				}
			
					.container .maincontent .extras ul li {
						display:inline-block;
						width:44%;
						margin-bottom:2px;
					}
		
		.container .maincontent textarea {
			width: 98%;
/*			margin-bottom:10px; */
		}
	
		.container .maincontent .contact_buttons {
			float:right;
			margin-right:2%;
		}
	
		.container .maincontent a.button {
			margin-right:10px;
		}
	
		.container .maincontent hr { 
			color: transparent; 
			background-color: transparent; 
			border-bottom: 1px solid #e0dcbf;
			border-style: none none solid;
			padding:15px 0 0 0;
			}
			
		.container .maincontent .group {
			margin-bottom:30px;
			}
			
		.container .maincontent .box {
			padding:15px 19px 0 19px;
			margin-left:-20px;
			margin-right:-20px;
			border-radius:5px;
			border:1px solid #e0dcbf;
			background:rgb(253,248,222);
			background:rgba(255,255,255,.2);
		}
		
		.container .maincontent p strong {
			font-size:18px;
			line-height:18px;
		}

	.container .sidebar {
		border: 3px solid #CDCDCD;
		background: #062602 url('images/green-felt-texture.png') repeat;
		color:#eee;
		border-radius:15px;
		margin:60px 0 0 0;
		box-shadow: 0 0px 1px 1px #000;
	}

		.container .sidebar h3 {
			text-align:center;
			color:#eee;
			margin-bottom:.75em;

		}
	
		.container .sidebar p {
			margin-bottom:.75em;
			padding: 0 8%;
		}
	
		.container .sidebar a {
			color: #eee;
			text-decoration:none;
		}
	
			.container .sidebar a:hover {
				color: #aaa;
			}
	
		.container .sidebar img {
			width:84%;
			margin:4% 8%;
			border-radius:5px;
			box-shadow: 0 0px 1px 1px #333;
		}
	
			.container .sidebar img.transparent {
				box-shadow: none;
			}
	
	.container .copy {
		text-align:center;
		font-size:.9em;
		color:#666;
		margin-top:2em;
	}

	
	.item {
		font-size:18px;
		line-height:18px;
	}
	
	.left {
		float:left;
	}
	
	.right {
		float:right;
	}
	
	.center {
		text-align:center;
	}
	
	.right-text {
		text-align:right;
	}
	
	.welcome {
		font-size:16px;
	}
	
	input.wpcf7-form-control, img.ajax-loader {
		margin-bottom:0;
	}


.comment {
float:left;
position: relative;
display: inline-block;
}

.container .maincontent .comment a img {
	display:inline-block;
	margin-right:10px;
	box-shadow:none;
}

			@media screen and (max-width: 767px) {
				.comment {
				display: none;
				}
				}

				.comment img {
					max-height: 20px;
					max-width: 20px;
				}


#taphunter img {
	margin-bottom:0;
}

	#taphunter .th-follow-button {
		text-shadow: none;
	}

		#taphunter .th-follow-button img {
			box-shadow: none;
		}


.container .maincontent .drinksButton {
	display:inline-block;
	background:#5c0f07;
	padding:15px 30px;
	color:#fff;
	border-radius:5px;
	text-shadow:none;
	float:right;
	font-weight:bold;
	box-shadow: 0 0px 1px 1px #ccc;
	font-family: 'Hammersmith One', sans-serif;
	font-size:14px;
	line-height:1;
	margin-top:-6px;
	width:180px;
	text-align:center;
} 

	.container .maincontent .drinksButton:hover {
		background:#2e4d04;
		color:#eee;
		text-shadow:none;
		background: #420B05
	}

.paypalButtons {
	text-align:center;
	margin-top:-30px;
}




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

	/* #Media Queries
	================================================== */

		html.ie7 .menu ul li {
			width:12.20%;
		}

		html.ie6 .menu ul li {
			width:12.20%;
		}


		/* Smaller than standard 960 (devices and browsers) */
		@media only screen and (max-width: 959px) {
			.menu ul li a:hover {
				background: none;
			}
		}

		/* Tablet Portrait size to standard 960 (devices and browsers) */
	
		@media only screen and (width: 768px) {
			.container {
				overflow:hidden;
			}
		}
	
		@media only screen and (min-width: 768px) and (max-width: 959px) {
		
			.container .maincontent {
				margin-right: 60px;
			}
	
			/* Header sizing for Tablet size */
			.header {
				background: url('images/new-header-v8-tab.png') no-repeat bottom center;
				width: 800px;
				height: 338px;
				margin-left: -16px;
				margin-right: -16px;
			}

			.header h1 {
				height: 8px;
			}

			.socialbar {
				height: 32px;
			}
			
				.socialbar .textlinks.leftside {
					font-size:140%;
					margin-left:1%;
				}

			.homelink a {
				height: 180px;
			}

			.menu ul li a {
				height: 120px;
			}
		
			.location h3 {
				font-size:1.5em;
				line-height:1.6;
			}

			.location p, .socialbar .textlinks p {
				font-size:1em;
				line-height:1.2;
			}
			
		}


		/* All Mobile Sizes (devices and browser) */
		@media only screen and (max-width: 767px) {
		
			.location {
				margin-top:0;
			}
		
			.location h3 {
				text-shadow: 2px 2px #111;
			}
		
			.location p {
				text-shadow: 1px 1px #260602;
			}
		
			.socialbar {
				margin-right:0;
			}
		
			.socialbar a img {
				height:100%;
			}
			
				.socialbar .textlinks.leftside {
				font-size: 145%;
				margin-top: -2px;
				margin-left: -5%;
				}
			
			.container {
				padding-bottom:6em;
			}
		
			.container .maincontent {
				margin-right: 0;
			}
		
			.container .maincontent p,
			.container .maincontent h2,
			.container .maincontent h3,
			.container .maincontent h4,
			.container .maincontent h5,
			.container .maincontent img.full,
/*			.container .maincontent textarea, */
			.container .maincontent hr {
				margin-left: 5%;
				margin-right: 5%;
			}
			
			.container .maincontent ol,
			.container .maincontent ul {
				margin-left: 15%;
				margin-right: 5%;
			}
			
				.container .maincontent .extras ul {
					margin-left:10%;
				}
				
					.container .maincontent .extras ul li {
						width:90%;
					}
		
			.container .maincontent h2 {
				font-size:2.5em;
				line-height:1;
			}
		
			.container .maincontent h3 {
				font-size:2em;
				line-height:1;
			}
			
			.container .maincontent h4 {
				font-size:1.5em;
				line-height:1;
				margin-bottom:3px;
			}
			
				.container .maincontent h4.hours {
					margin-top:0;
				}
		
			.container .maincontent img.full {
				width:90%;
			}
			
			.container .maincontent img.half {
				border-radius:5px;
			}
			
			.container .maincontent img.top-icon {
				margin-left:-5%;
			}
			
			.container .maincontent .maps iframe {
				width:100%;
			}
		
			.container .maincontent textarea {
				width:96%;
			} 
			
			.container .maincontent .box {
				padding:15px 0 0 0;
				margin-left:0;
				margin-right:0;
				width:96%;
				margin-left:2%;
			}
		
			.container .sidebar {
				margin-left:-3px;
				margin-right:-3px;
			}
		
			.container .copy {
				margin-bottom:2em;
			}
		
			.container .content .submenu {
				font-size:.7em;
			}
		
				.container .content .submenu ul li {
		            padding: 5px 5px;
				}


			.container .maincontent .drinksButtonContainer {
				text-align:center;
			}

			.container .maincontent .drinksButton {
				float:none;
				display:block;
				margin:auto;
				margin-top:12px;
			}

		}

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

		
			/* Header sizing for Mobile Landscape */
			.header {
				background: url('images/new-header-v8-ml.png') no-repeat bottom center;
				background-size: 438px 185px;
				width: 438px;
				height: 185px;
				margin-left: -9px;
				margin-right: -9px;
			}

			.header h1 {
				height: 4px;
			}

			.socialbar {
				height: 28px;
			}

			.homelink a {
				height: 88px;
			}

			.menu ul li a {
				height: 66px;
			}
		
			.location h3 {
				font-size:0.8em;
				line-height:1.6;
			}

			.location p {
				font-size:.7em;
				line-height:1;
			}
			
			.socialbar .textlinks {
				padding-right:12px;
				padding-top:0;
				margin-top:2px;
			}
			
			.socialbar .textlinks p {
				font-size:.7em;
				line-height:1;
			}
		
		}
				

		/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
		@media only screen and (max-width: 479px) {
		
			/* Header sizing for Mobile Portrait */
			.header {
				background: url('images/new-header-v8-mp.png') no-repeat bottom center;
				background-size: 312px 132px;
				width: 312px;
				height: 132px;
				margin-left: -6px;
				margin-right: -6px;
			}

			.header h1 {
				height: 3px;
			}

			.socialbar {
				height: 20px;
			}

			.homelink a {
				height: 63px;
			}

			.menu ul li a {
				height: 47px;
			}
		
			.location h3 {
				font-size:0.6em;
				line-height:1.6;
			}

			.location p {
				font-size:.5em;
				line-height:1;
			}
			
			.socialbar .textlinks {
				padding-right:8px;
				padding-top:0;
				margin-top:-3px;
			}
			
			.socialbar .textlinks p {
				font-size:.5em;
				line-height:1;
			}
		
		}


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