/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: rgba(159,34,42,1);
    text-shadow:
		-1px -1px .02em rgba(0,0,0,.5),
		1px -1px .02em rgba(0,0,0,.5),
		-1px 1px .05em rgba(0,0,0,.5),
		 1px 1px .05em rgba(0,0,0,.5);
}

::selection {
    background: rgba(159,34,42,1);
    text-shadow:
		-1px -1px .02em rgba(0,0,0,.5),
		1px -1px .02em rgba(0,0,0,.5),
		-1px 1px .05em rgba(0,0,0,.5),
		 1px 1px .05em rgba(0,0,0,.5);
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/26px 'Arvo', Helvetica, Helvetica Neue, Arial;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

.header-container {
    border-bottom: 20px solid #9f222a;
	background-image: url('../_img/wagon.png'), url('../_img/sunset.png');
	background-position: bottom right, bottom right;
	background-repeat: no-repeat, repeat-x;
}

.footer-container {
    border-top: 20px inset #320000;
    background-image: url('../_img/dirt.jpg');
}
/*****************
* Main Aside (Red Paper)
*****************/
.main aside {
	color: #fff;
	text-shadow: #000 1px 1px 1px;
	text-align: center;
    padding: 1.6em;
	background-image: /* Nails in corners */
	url('../_img/nail2.png'),
	url('../_img/nail2.png'),
	url('../_img/nail2.png'),
	url('../_img/nail2.png'),
	url('../_img/paper2.jpg');
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
	background-position: top left, top right, bottom left, bottom right, top;
	box-shadow: .3em .3em .5em rgba(0,0,0,.7);
	border-radius: 1em;
	-moz-border-radius: 1em;
}
.main aside h3 /* Title */ {
	font-family: 'Rye';
	font-size: 2.5em;
	padding-top: 0.4em;
	margin-top: 0;
}
.main aside span {
	display: block;
}
.days {
	font-family: 'Smokum';
	font-size: 1.85em;
	letter-spacing: .04em;
	margin: 0 0 .5em 0;
}
.hours {
	font-family: 'Alvo';
	font-style: italic;
	font-size: 1.2em;
	letter-spacing: .1em;
	margin-bottom: 1em;
}
.main-container{
	background-image: url('../_img/wood.jpg');
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 3em;
}

.footer-container footer {
    color: white;
	text-shadow:
		-1px -1px .02em rgba(132,102,102,.5),
		1px -1px .02em rgba(132,102,102,.5),
		-1px 1px .05em rgba(50,0,0,.5),
		 1px 1px .05em rgba(50,0,0,.5);
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/*****************
*Import Fonts!
*****************/
@font-face {
	font-family: 'Smokum', cursive;
	font-family: 'Rye', cursive;
	font-family: 'Arvo', sans-serif;
}
@font-face {
	font-family: 'psrico';
	src:url('../_fonts/psrico/psrico.eot');
	src:url('../_fonts/psrico/psrico.eot?#iefix') format('embedded-opentype'),
		url('../_fonts/psrico/psrico.woff') format('woff'),
		url('../_fonts/psrico/psrico.ttf') format('truetype'),
		url('../_fonts/psrico/psrico.svg#psrico') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src:url('../_fonts/icomoon/icomoon.eot');
	src:url('../_fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../_fonts/icomoon/icomoon.woff') format('woff'),
		url('../_fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../_fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
::-webkit-input-placeholder {
    color: #888;
}
:-moz-placeholder {
    color: #888;
}
::-moz-placeholder {
    color: #888;
}
:-ms-input-placeholder {
    color: #888;
}
/********************
*General Button Style
********************/
.btn {
	cursor: pointer;
	border: none;
	font-family: inherit;
	font-size: inherit;
	background: #d77e2c;
	color: #fff;
	cursor: pointer;
	padding: 25px 100px 20px 40px;
	display: inline-block;
	margin: 15px 30px;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	overflow: hidden;
	border-radius: 4px;
}
.btn:after {
	content: '';
	position: absolute;
	z-index: 1;
	width: 30%;
	height: 200%;
	background: rgba(255,255,255,0.1);
	right: 0;
	top: 0;
	margin: -5px 0 0 -5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(-20deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(-20deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(-20deg);
	transform-origin: 0 0;
	transform: rotate(-20deg);
}
.btn:before {
	font-family: 'psrico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 140%;
	text-transform: none;
	line-height: 1.5;
	position: absolute;
	-webkit-font-smoothing: antialiased;
	height: 100%;
	left: auto;
	right: 10px;
	top: 0;
	z-index: 2;
	width: 60px;
}
.btn:hover {
	background: #848251;
}
.btn:hover:after {
	width: 40%;
}
.btn:active {
	background: #dcd988;
	top: 2px;
}
.button_wrap {
	width: 100%;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
.button_wrap button{
	display: block;
	margin: 0 auto;
}
.noline {
	line-height: 0;
}
.left{
	font-family: 'psrico';
	float: left;
	clear: both;
	padding-right: .7em !important;
}
.right{
	font-family: 'psrico';
	float: right;
	clear: both;
	padding-left: .5em;
}
.right-text{
	text-align: right;
}
/****************
*Icons
*****************/
.icon-accessibility:before 		{content: "\e60a";}
.icon-earth:before 				{content: "\e60b";}
.icon-home:before 				{content: "\e60c";}
.icon-calendar:before 			{content: "\e60d";}
.icon-clock:before 				{content: "\e60e";}
.icon-pushpin:before 			{content: "\e60f";}
.icon-disk:before				{content: "\e600";}
.icon-map:before 				{content: "\e601";}
.icon-bubbles:before 			{content: "\e602";}
.icon-phone:before				{content: "\e603";}
.icon-coin:before 				{content: "\e604";}
.icon-credit:before 			{content: "\e605";}
.icon-envelope:before 			{content: "\e606";}
.icon-food:before 				{content: "\e607";}
.icon-mug:before 				{content: "\e608";}
.icon-glass:before 				{content: "\e609";}
.icon-fire:before 				{content: "\e610";}
.icon-truck:before 				{content: "\e611";}
.icon-star:before 				{content: "\e612";}
.icon-star2:before 				{content: "\e613";}
.icon-star3:before 				{content: "\e614";}
.icon-plus:before 				{content: "\e615";}
.icon-minus:before 				{content: "\e616";}
.icon-close:before 				{content: "\e617";}
.icon-checkmark:before 			{content: "\e618";}
.icon-info:before 				{content: "\e619";}
.icon-info2:before 				{content: "\e61a";}
.icon-checkbox-unchecked:before {content: "\e61b";}
.icon-checkbox-checked:before 	{content: "\e61c";}
.icon-radio-unchecked:before 	{content: "\e61d";}
.icon-radio-checked:before 		{content: "\e61e";}
.icon-mail:before 				{content: "\e61f";}
.icon-mail2:before 				{content: "\e620";}
.icon-twitter:before 			{content: "\e621";}
.icon-instagram:before 			{content: "\e622";}
.icon-facebook:before 			{content: "\e623";}
.icon-gplus:before 				{content: "\e624";}
.icon-file-pdf:before 			{content: "\e625";}
.icon-paypal:before 			{content: "\e626";}
.icon-html5:before 				{content: "\e627";}
.icon-chrome:before 			{content: "\e628";}
.icon-firefox:before 			{content: "\e629";}
.icon-ie:before 				{content: "\e62a";}
.icon-opera:before 				{content: "\e62b";}
.icon-safari:before 			{content: "\e62c";}
.icon-quill:before 				{content: "\e62d";}
.icon-newspaper:before 			{content: "\e62e";}
.icon-location:before 			{content: "\e62f";}
.icon-gift:before 				{content: "\e630";}
.icon-bookmark:before 			{content: "\e631";}
.icon-font:before 				{content: "\e632";}
.icon-box-add:before 			{content: "\e633";}
/*****************
* Site Name
*****************/

.pssh {
	display: block;
	margin: 0 auto;
}
.stars {
	background-attachment: fixed;
	background-image: url('../_img/sunset.png');
	background-repeat: repeat-x;
}
/*****************
* Article Style
*****************/
.main article {
	background-image: url('../_img/nail.png'), url('../_img/nail.png'), url('../_img/nail.png'), url('../_img/nail.png'), url('../_img/paper.jpg');
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
	background-position: top left, top right, bottom left, bottom right, top;
	box-shadow: .3em .3em .5em rgba(0,0,0,.7);
	padding: 0 1.3em 1.2em;
	margin-bottom: 1em;
	border-radius: 1.5em;
	-moz-border-radius: 1.5em;
}
.main article h1 {
	color: #fff;
	text-shadow:
		-1px -1px .02em #846666,
		1px -1px .02em #846666,
		-1px 1px .05em #320000,
		 1px 1px .05em #320000;
	letter-spacing: .01em;
	font-weight: 100;
	font-family: 'Rye';
	line-height: 1em;
	text-align: center;
}
.main article h2 {
	font-family: 'Rye';
	color: #fff;
	text-shadow:
		-1px -1px .02em #846666,
		1px -1px .02em #846666,
		-1px 1px .05em #320000,
		 1px 1px .05em #320000;
}
.news {
	background-image: url('../_img/nail.png'), url('../_img/nail.png'), url('../_img/nail.png'), url('../_img/nail.png'), url('../_img/paper.jpg');
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
	background-position: top left, top right, bottom left, bottom right, top;
	box-shadow: .3em .3em .5em rgba(0,0,0,.7);
	padding: 0 1.3em 1.2em;
	float: none;
	margin: 0 auto 1em;
	border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	width: 95% !important;
}
.news h1 {
	color: #fff;
	text-shadow:
		-1px -1px .02em #846666,
		1px -1px .02em #846666,
		-1px 1px .05em #320000,
		 1px 1px .05em #320000;
	letter-spacing: .01em;
	font-weight: 100;
	font-family: 'Rye';
	line-height: 1em;
	text-align: center;
}
.news h2 {
	font-family: 'Rye';
	color: #fff;
	text-shadow:
		-1px -1px .02em #846666,
		1px -1px .02em #846666,
		-1px 1px .05em #320000,
		 1px 1px .05em #320000;
}
.blurb { /* Main Paragraph Class */
	font-size: 1.6em;
	font-family: 'Arvo';
	font-weight: 100;
	color: #fff;
	text-shadow:
		-1px -1px .02em #846666,
		1px -1px .02em #846666,
		-1px 1px .05em #320000,
		 1px 1px .05em #320000;
	list-style: none;
}
.blurb a {
	font-family: 'Rye';
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	text-shadow:
		-1px -1px .02em #846666,
		1px -1px .02em #846666,
		-1px 1px .05em #320000,
		 1px 1px .05em #320000;
}
.blurb a:visited {
	color: #fc3;
}
.blurb li {
	display: block;
	width: 13em;
	margin:0 auto 0.1em;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	padding: 0.2em;
}
.blurb li:hover {
	background: rgba(60,60,60,.6);
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}

.jim {
	border-radius: 1.4em;
	-moz-border-radius: 1.4em;
	width: 100%;
}

.fluid-wrapper{
    position: relative;
    padding-bottom: 100%;
    height: 0;
	margin: 0.9em;
	margin-top: 2em;
}
.fluid-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}
/*****************
* Footer Stuff
*****************/
.icolist {
	list-style: none;
	margin: 0;
}
.icolist li {
	display: block;
	margin-bottom: .5em;
	font-family: 'Arvo';
	font-size: 1.25em;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.icolist li:hover {
	background: rgba(60,60,60,.6);
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.icolist a {
	text-decoration: none;
	color: #fff;
}
.footblock {
	display: inline-block;
	vertical-align: top;
	float: none;
	width: 31%;
	text-shadow:
	-1px -1px .2em #846666,
	1px -1px .2em #846666,
	-1px 1px .2em #320000,
	 1px 1px .2em #320000;
}
.footblock h3 {
	font-family: 'Smokum';
	font-size: 2.2em;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-align: center;
	padding: 0 0 .5em 0;
	margin: 0;
}
.mapimg {
	width: 80%;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 700px) {
	.mpssh {
		display: none;
	}
}
@media only screen and (max-width: 700px) {
	.pssh {
		display: none;
	}
	.mpssh {
		display: block;
		margin: 0 auto;
	}
	.header-container {
	background-color: #000;
	background-image: url('../_img/wagon.png');
	background-position: bottom right;
	}
}
@media only screen and (max-width: 950px) {
	.pssh {
		width: 100%;
	}
}
@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Form
   ==================== */

	.reservation_form .input {
		width: 400px;
	}
}

@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
        /*-webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;*/
    }

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: none;
    }

/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 57%;
    }

    .main aside {
        float: right;
        width: 28%;
    }
	
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}