button,
input,
select,
textarea {
background-color: #f1e8d9;
border:none;
}

html {
font-size: 1em;
line-height: 1.4;
}

::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}

::selection {
background: #b3d4fc;
text-shadow: none;
}

audio,
canvas,
img,
video {
vertical-align: middle;
}

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

textarea {
resize: vertical;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
height:100%;
}

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

/* ==========================================================================
Desktop Styles
========================================================================== */

a { color: #421514 ; text-decoration:none;
}

a:visited { color: #421514;
}

a:hover { color: #985A3C;
}

a:focus { color: #985A3C;
}

a:hover, a:active { color: #985A3C; outline: 0;
}

body {
font-family: "english";
background: #e9dac3 url(../i/bg-home.jpg) no-repeat left center fixed; 
-webkit-background-size: cover; /* Safari, Chrome */
-moz-background-size: cover; /* Firefox */
-o-background-size: cover; /* Opera */
background-size: cover;
}

.number {
font-family: "old-standard";
color:#421514;
}

#moreinfo .number, #hours .number {
padding-right:.2em;
}

.numberstrong {
font-family: "old-standard";
font-weight:700;
position:relative;
top:1px;
}

body.ourstory {
background: #e9dac3 url(../i/bg-ourstory.jpg) no-repeat left center fixed; 
-webkit-background-size: cover; /* Safari, Chrome */
-moz-background-size: cover; /* Firefox */
-o-background-size: cover; /* Opera */
background-size: cover;}

body.ourtruth {
background: #e9dac3 url(../i/bg-truth.jpg) no-repeat left center fixed; 
-webkit-background-size: cover; /* Safari, Chrome */
-moz-background-size: cover; /* Firefox */
-o-background-size: cover; /* Opera */
background-size: cover;}

#signup a, #signup, #social a, #social,#nav li.hover a, #column01 p, #main01 p, #sidebar02 dl dd, #faq1 p, #faq2 p, #moreinfo a, #moreinfo p, #headerleft p, #headerright p, #headermobile p, #sidebar01 h2, .shareevent p {
color: #421514;
} /* dark */

h1,h2,h3,ul,li,p, #moreinfo a:hover, #social a:hover, #column01 h2, #main01 h1,td h2, tr h2, dt.highlight a, #nav ul li.hover a, .photocredit a, .details  {
color: #985A3C;
} /* light */

#signup p.credit a {
color: #985A3C;
}

#signup p.credit a:hover {
color: #421514;
}

#sidebar01 h2 a, #sidebar01 h2 {
font-weight:300;}

#sidebar01 h2 a:link {
color: #421514;
}

#sidebar01 h2 a:hover {
color: #985A3C;
}

#sidebar01 p a {
color: #985A3C;
}

#sidebar01 p a:hover {
color: #421514;
}

#headerright a:link {
color: #421514;}

#headerright a:hover {
color: #985A3C;
}

#headerrightph a:hover {
color: #421514;
}

#wrap {
margin:2.5em auto;
width: 100%;
max-width:896px;
}

#header {
width:100%;
margin:0 auto;
}

#headerleft, #headerright, #headermobile {
margin:1.1em 0 0;
padding:14px 0 11px;
width:24%;
float:left;
display:block;
background: url(../i/div-top.png) no-repeat top center, url(../i/div-bottom.png) no-repeat bottom center;
font-size:.85em;
letter-spacing:.1em;
}

#headerright {
float:right;
}

#headerleft p, #headerright p, #headermobile p {
margin:0;
padding:0;
text-align:center;
}

#headerright p strong {
font-weight:700;
font-size:1.6em;
}

#headerright p {
font-size:1.15em;
line-height:1.20em;
}

#headerleft .map img {
padding:9px 0 0;
}

#headerleft .map {
text-transform:none;
font-style:italic;
}

#headermobile {
display:none;}

#logo {
background:url(../i/logo-pizzaiolo.png) 0 87px;
display:block;
height:87px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
width:333px;
margin:0 auto;
} 

#nav {
min-width:320px;
max-width:360px;
margin:0 auto 2em;
padding:0;
}

#nav ul {
margin:0;
padding:0;
float:left;
list-style:none;
position:relative;
bottom:15px;
left:40px;
}

#nav ul li {
display:inline;
float:left;
margin:.1em 1em 0em 0;
}

#nav ul li.first {
margin-left:1.3em;
}

#nav ul li a {
float:left;
display:inline;
text-transform:uppercase;
text-decoration:none;
text-align:center;
padding:.3em .3em .1em;
font-size:.8em;
}

#menuleft,#menuright {
width:50%;
float:left;
padding:0;
margin:0;}

ul.breakfast, ul.dinner {
padding:0;
margin:0;}

li.image1 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-01.jpg) no-repeat 0 -444px;
}

li.image1 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-01.jpg) no-repeat 0 0;
}

li.image2 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-02.jpg) no-repeat 0 -444px;
}

li.image2 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-02.jpg) no-repeat 0 0;
}

li.image3 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-03.jpg) no-repeat 0 -444px;
}

li.image3 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-03.jpg) no-repeat 0 0;
}

li.image4 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-04.jpg) no-repeat 0 -444px;
}

li.image4 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-04.jpg) no-repeat 0 0;
}

li.image5 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-01.jpg) no-repeat 0 -444px;
}

li.image5 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-01.jpg) no-repeat 0 0;
}

li.image6 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-02.jpg) no-repeat 0 -444px;
}

li.image6 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-02.jpg) no-repeat 0 0;
}

li.image7 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-03.jpg) no-repeat 0 -444px;
}

li.image7 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-03.jpg) no-repeat 0 0;
}

li.image8 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-04.jpg) no-repeat 0 -444px;
}

li.image8 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-04.jpg) no-repeat 0 0;
}

#content {
clear:both;
margin-top:5em;
padding:0;}

#sidebar01 { /* Our Story */
float:left;
width:26%;
padding:0 4% 0 0;
}

#sidebar01mobile {
display:none;
}

#sidebar01 h2, #sidebar01mobile h2 {
padding:0;
margin:0 0 .2em;
font-size:1em;
}

.photocredit a {
float:right;
font-style:oblique;
font-size:.6em;
}

p.photocredit {
margin:0;
padding:0;
letter-spacing:.1em;
}

#sidebar01 p, #sidebar01mobile p {
padding:0;
margin:.3em 0 1em;
font-size:1.25em;
line-height:1.25em;
}

#main01 {
float:left;
width:69%;
padding:0;
text-align:left;
}

#main01 img.wide {
width:100%;
height:auto;}

p.signature {
position:relative;
left:30%;
bottom:2.3em;}

#main01 h1 {
display:block;
width:100%;
font-size:1.8em;
padding:0 0 0em 0;
margin:0 0 0em 0;
letter-spacing:.2em;
text-transform:uppercase;
font-style:oblique;
font-weight:300;
background:url(../i/h1-bottom-border.png) bottom left repeat-x;
}

table {
margin-bottom:1.6em;}

td.event {
width:32.5%;
padding-right:1em;
vertical-align:top:}

td h2, tr h2 {
padding:0;
margin:0;
font-style:oblique;
font-weight:300;
letter-spacing:.1em;}

td.description, td.details, td.data {
font-family: "Times New Roman", serif;}

td.tagline {
padding:0em 0 .8em 0em;
font-style:oblique;
font-weight:300;
font-size:1em;
background:url(../i/h1-bottom-border.png) 0 28px repeat-x;
}

td.description {
padding-top:1em;
font-size:.9em;
line-height:1.5em;
background:url(../i/h1-bottom-border.png) 0 4px repeat-x;
}

td.details {
font-style:oblique;
}

td.data {
font-size:.8em;
text-transform:uppercase;
}



#main01 p {
font-size:1.1em;
line-height:1.4em;}

#main01 p.center {
text-align:center;
padding:0 1em 1em;
font-size:1.5em;
font-style:oblique;
font-weight:300;
}


#sidebar01 h2 a:link {
background: url(../i/btn-submit.png) no-repeat scroll 100% -24px transparent;
padding: 0px 35px 0px 0;
}

#sidebar01 h2 a:hover {
background: url(../i/btn-submit.png) no-repeat scroll 100% 1px transparent;
padding: 0px 35px 0px 0;
}

#sidebar01 p, #sidebar01mobile p {
margin:0;
padding:0;
}

#sidebar01 p a:link {
font-size:.5em;
background: url(../i/arrow.png) no-repeat scroll 100% 3px transparent;
padding: 0px 15px 0px 0px;
position:relative;
bottom:7px;
}

#sidebar01 p a:hover {
margin:0;
background: url(../i/arrow.png) no-repeat scroll 100% 3px transparent;
padding: 0px 15px 0px 0px;}

#sidebar01 h2, #sidebar01mobile h2 {
margin-top:2em;}

#sidebar01 p.more {
padding-top:.3em;}

#sidebar02 { /* The Crew Sidebar */
float:left;
width:22%;
text-align:right;
padding:0 7% 0 0;
margin:0;
}

#sidebar02 dl {
margin:.4em 0 0;
padding:0;
list-style:none;}

#sidebar02 dt {
font-size: 1em;
text-transform:uppercase;
letter-spacing: .1em;
padding:0;
margin:0;
float:right;}

#faq1 {
width:49%;
float:left;
margin:0;
padding:0;}

#faq1 {
padding-right:3%;
}

#faq2 {
width:48%;
float:left;
margin:0;
padding:0;}

#faq1 h2, #faq2 h2 {
margin:0;
padding:0;
font-size:.75em;
font-style:oblique;
font-weight:300;
}

#faq1 p, #faq2 p {
font-size:.75em;
margin:0;
padding:0 0 .8em;
line-height:1.3em;
font-weight:300;
}

#sidebar02 dl dd {
clear:right;
padding:0 0 2em 0;
margin:0;
font-style:oblique;
letter-spacing:.1em;
text-transform:lowercase;}

#footer {
clear:both;
float:left;
margin:2.5em 0;
width:100%;
}

#signup {
width:24%;
min-width:12em;
float:left;
margin:1em 0 0;
padding-right:1%;
}

#signup .credit {
margin:0;
font-size:.9em;
font-style:oblique;
font-weight:300;
padding:0;
position:relative;
left:25px;
top:12px;
line-height:1.2em;}

#signup input {
width:70%;}

#moreinfo {
float:left;
width:50%;
min-width:437px;
font-size:.85em;
text-align:center;
padding:0;
position:relative;
left:2%;
}

#moreinfo h2 {
font-style:oblique;
font-size:1.1em;
padding-bottom:0;
margin-bottom:0;
font-weight:300;}

.uppercase {
text-transform:uppercase;
font-size:.9em;
padding-left:.4em;
}

#moreinfo p {
margin:0 0 1em;
}

#moreinfo p.footerhours2 {
display:block;
}

#social {
float:right;
margin:.9em 0 0;
padding:0;
width:7.8em;
}

#social ul {
float:left;
margin:0;
list-style:none;
padding:0;
}

#moreinfo ul {
float:none;
margin:0 auto;
list-style:none;
padding:0;
}

#moreinfo ul li {
display:inline;
margin:0 1em 0 0;
padding:0;
font-style:oblique;}

#social ul {
margin:0 0 1.2em 1.5em;}
#social li {
float:left;
padding-right:.2em;}

#social .fb a:link {
width:11px;
height:16px;
display:block;
background:url(../i/social-icons.png) no-repeat 0 -17px;
}

#social .fb a:hover {
width:11px;
height:16px;
display:block;
background:url(../i/social-icons.png) no-repeat 0 0;
}

#social .insta a:link {
width:15px;
height:16px;
display:block;
background:url(../i/social-icons.png) no-repeat -16px -17px;
}

#social .insta a:hover {
width:15px;
height:16px;
display:block;
background:url(../i/social-icons.png) no-repeat -16px 0;
}

#social .twtr a:link {
width:24px;
height:16px;
display:block;
background:url(../i/social-icons.png) no-repeat -36px -17px;
}

#social .twtr a:hover {
width:24px;
height:16px;
display:block;
background:url(../i/social-icons.png) no-repeat -36px 0;
}

#social .ylp a:link {
width:14px;
height:16px;
display:block;
background:url(../i/social-icons.png) no-repeat -65px -17px;
}

#social .ylp a:hover {
width:14px;
height:16px;
display:block;
background:url(../i/social-icons.png) no-repeat -65px 0;
}

#social .gplus a:link {
width:20px;
height:16px;
display:block;
background:url(../i/social-icons.png) no-repeat -81px -17px;
}

#social .gplus a:hover {
width:20px;
height:16px;
display:block;
background:url(../i/social-icons.png) no-repeat -81px 0;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #985A3C;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #985A3C;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #985A3C;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #985A3C;
}

input {
font-family: "english";
font-style:oblique;
padding:.2em .7em;
width:200px;
color:#985A3C;
font-weight:300;
text-align:center;
font-size:.8em;
}

button {
background:url(../i/btn-submit.png) no-repeat 0 0;
width:28px;
height:15px;
border:none;
}

button:hover {
background:url(../i/btn-submit.png) no-repeat 0 -25px;
width:28px;
height:15px;
border:0;
}

.copyright {
clear:both;
text-align:center;
font-size:.5em;
font-family:Helvetica;
text-transform:uppercase;
padding-left:2.2em;
}

#main01 ul.enlarge {
list-style-type:none; 
margin:0;
padding:0;
border:none;
}
#main01 ul.enlarge li {
display:inline-block;
position: relative;
z-index: 0;
margin:0;  
padding:0;
}

#main01 ul li {
padding:0;
margin:0;
}

#main01 ul.enlarge img {
padding:0;
margin:0;
}

#main01 ul.enlarge span {
position:absolute;
left: -9999px;
padding:0;
margin:0;
}

#main01 ul.enlarge li:hover {
z-index: 50;
}
#main01 ul.enlarge span img {
padding:0px;
}

#main01 ul.enlarge li:hover span { 
top: 0px;
left: 0px;
transition-delay:.25s;
}
#main01 ul.enlarge li:hover:nth-child(2) span{ 
}
#main01 ul.enlarge li:hover:nth-child(3) span{
left: -206px; 
}
#main01 ul.enlarge li:hover:nth-child(4) span{
left:0; 
}
#main01 ul.enlarge li:hover:nth-child(5) span{
}
#main01 ul.enlarge li:hover:nth-child(6) span{
left: -206px; 
}
#main01 ul.enlarge li:hover:nth-child(7) span{
top:-148px;
}
#main01 ul.enlarge li:hover:nth-child(8) span{
top:-148px;
}
#main01 ul.enlarge li:hover:nth-child(9) span{
top:-148px;
left:-206px;
}

#mobilenav {
display:none;
}

.style-selected {
display:none;
}
.shareevent {
padding:0;
margin:0;}

.shareevent p {
font-style:oblique;
font-size:1em !important;
padding:.6em 0 .2em;
text-align:center;
position:relative;
left:-4%;
margin:0;
}

.shareevent ul {
margin:0 0 0 8%;
padding:0;}

.shareevent ul li {
list-style:none;
float:left;
display:block;
}

.shareevent ul li a {
padding:0 .5em;}



#ourstoryslideshow {
display:none;}


#crewmobile {
display:none;}

/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
# main01 ul.enlarge img, # main01 ul.enlarge span{
behavior: url(pie/PIE.htc); 
}

.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}

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

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

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

/*
* Hide only visually, but have it available for screenreaders
*/

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

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard
*/

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

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
visibility: hidden;
}

.clearfix:before,
.clearfix:	 {
content: " "; /* 1 */
display: table; /* 2 */
}

.clearfix:after {
clear: both;
}


.clearfix {
*zoom: 1;
}


/* AARON'S STYLES */

img.collage{
	width: 600px;
	height: 200px;
	margin: 40px 0 100px 0;
}


#immediate{
	display: none;
}



#immediate_text{
	display: none;

}

#immediate_container{
	display: none;
}

#immediate_title{
	display: none;
}

#immediate_body p.p1{
	color: #411515;
	margin-top: .1em;
}

#header{
	margin-top: 0;
}

#close-x{
	width: 30px;
	height: 30px;
	top: 16px;
	left: 95%;
	position: absolute;
	z-index: 300;
	display: none;
}

@media only screen 
and (min-width: 320px) 
and (max-width: 750px) 
{
	#immediate{
		display: none;
	}
	#immediate_container{
		display: none;
		
	}
}
/* ==========================================================================
Tablet Styles
========================================================================== */

@media only screen and (max-width: 920px) {
/* Style adjustments for viewports that meet the condition */

#wrap {
margin:0.9em auto;
padding:0;
float:none;
max-width:97%;
}

#moreinfo {
font-size:.85em;
margin:0 auto;
width:280px;
max-width:280px;
min-width:280px;
position:relative;
left:8.2%;}

#headerleft p {
font-size:.95em;}

#headerright p {
font-size:.95em;}


#main01 ul.enlarge {
list-style-type:none; 
margin:0 auto;
padding:0;
border:none;
width:412px;
}



#main01 ul.enlarge li:hover:nth-child(2) span{ 
left: -206px; 
}
#main01 ul.enlarge li:hover:nth-child(3) span{
left:0; 
}
#main01 ul.enlarge li:hover:nth-child(4) span{
left: -206px; 
}
#main01 ul.enlarge li:hover:nth-child(5) span{
left:0; 
}
#main01 ul.enlarge li:hover:nth-child(6) span{
left: -206px; 
}
#main01 ul.enlarge li:hover:nth-child(7) span{
left:0; 
}
#main01 ul.enlarge li:hover:nth-child(8) span{
left: -206px; 
}


#main01 ul.enlarge li.tabletnone {
display:none;
}

#ourstoryslideshow p.photocredit {
width:90%;
margin:.3em auto;}


/* ==========================================================================
Tablet Styles
========================================================================== */

@media only screen and (max-width: 768px) {
/* Style adjustments for viewports that meet the condition */


li.image1 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-01.jpg) no-repeat -35px -444px;
}

li.image1 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-01.jpg) no-repeat -35px 0;
}

li.image2 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-02.jpg) no-repeat -35px -444px;
}

li.image2 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-02.jpg) no-repeat -35px 0;
}

li.image3 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-03.jpg) no-repeat -35px -444px;
}

li.image3 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-03.jpg) no-repeat -35px 0;
}

li.image4 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-04.jpg) no-repeat -35px -444px;
}

li.image4 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_breakfast-04.jpg) no-repeat -35px 0;
}


li.image5 a:link {
background:url(../i/menu-rotation/pizzaiolo_dinner-01.jpg) no-repeat -35px -444px;
}

li.image5 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-01.jpg) no-repeat -35px 0;
}

li.image6 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-02.jpg) no-repeat -35px -444px;
}

li.image6 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-02.jpg) no-repeat -35px 0;
}

li.image7 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-03.jpg) no-repeat -35px -444px;
}

li.image7 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-03.jpg) no-repeat -35px 0;
}

li.image8 a:link {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-04.jpg) no-repeat -35px -444px;
}

li.image8 a:hover {
display:block;
width:448px;
height:444px;
background:url(../i/menu-rotation/pizzaiolo_dinner-04.jpg) no-repeat -35px 0;
}




/* ==========================================================================
Mobile Styles
========================================================================== */

@media only screen and (max-width: 767px) {
/* Style adjustments for viewports that meet the condition */

#signup .credit {
margin:0;
font-size:.9em;
font-style:oblique;
font-weight:300;
padding:0;
position:relative;
left:25px;
top:12px;
line-height:1.2em;}


#wrap {
margin:0.9em 0 0;
padding:0;
float:left;
max-width:100%;
}

#sidebar01mobile h2 a, #sidebar01mobile h2 {
font-weight:300;}

#logo {
background:url(../i/logo-pizzaiolo.png) -41px 0;
display:block;
height:87px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
width:252px;
margin:0 auto;
clear:both;
padding:0;
} 

#nav {
clear:both;
margin:2em auto;
max-width:99%;
min-width:310px;
padding:1em 0;
}

#nav ul {
margin:0 0 1.5em 1.2em;
padding:0;
bottom:0;
left:0;
}

#nav ul li.first {
margin-left:0;
}

#nav ul li {
padding:.5em 0 0 0;
}

#nav ul li a {
font-size:1em;
}

#headermobile {
display:block;
margin:0 auto;
float:none;
width:88%;
min-width:280px;
font-size:1.1em;
padding-right:1em;
padding-left:1em;
}

#headermobile p.hours {
padding:0 0 .7em;
margin:0;
font-size:.8em;}

#footer {
display:block;
clear:both;
margin:0.9em auto;
width:100%;
padding:0;
float:none;
}

#moreinfo p.footerhours {
display:block;
font-size:.8em;}

#moreinfo p.footerhours2 {
display:none;}

#signup,#moreinfo,#social {
float:none;
margin:1em auto;
padding:1em 0;
width:320px;}

#headerright, #headerleft {
display:none;}

#menuleft {
width:320px;
height:317px;
padding:0;
float:none;
margin:0 auto;
clear:both;
}

#sidebar01 {
display:none;}

#sidebar01 p, #sidebar01mobile p {
margin:0 0 1em;
padding:0;
}

#sidebar01 p.more {
display:none;}

#menuright {
width:320px;
height:317px;
padding:0;
margin:0 auto;
float:none; 
clear:both;
}

li.image1 a:link {
background:url(../i/menu-rotation/pizzaiolo_breakfast-01.jpg) no-repeat 0 -317px;
}

li.image1 a:hover {
background:url(../i/menu-rotation/pizzaiolo_breakfast-01.jpg) no-repeat 0 0;
}

li.image2 a:link {
background:url(../i/menu-rotation/pizzaiolo_breakfast-02.jpg) no-repeat 0 -317px;
}

li.image2 a:hover {
background:url(../i/menu-rotation/pizzaiolo_breakfast-02.jpg) no-repeat 0 0;
}

li.image3 a:link {
background:url(../i/menu-rotation/pizzaiolo_breakfast-03.jpg) no-repeat 0 -317px;
}

li.image3 a:hover {
background:url(../i/menu-rotation/pizzaiolo_breakfast-03.jpg) no-repeat 0 0;
}

li.image4 a:link {
background:url(../i/menu-rotation/pizzaiolo_breakfast-04.jpg) no-repeat 0 -317px;
}

li.image4 a:hover {
background:url(../i/menu-rotation/pizzaiolo_breakfast-04.jpg) no-repeat 0 0;
}

li.image5 a:link {
background:url(../i/menu-rotation/pizzaiolo_dinner-01.jpg) no-repeat 0 -317px;
}

li.image5 a:hover {
background:url(../i/menu-rotation/pizzaiolo_dinner-01.jpg) no-repeat 0 0;
}

li.image6 a:link {
background:url(../i/menu-rotation/pizzaiolo_dinner-02.jpg) no-repeat 0 -317px;
}

li.image6 a:hover {
background:url(../i/menu-rotation/pizzaiolo_dinner-02.jpg) no-repeat 0 0;
}

li.image7 a:link {
background:url(../i/menu-rotation/pizzaiolo_dinner-03.jpg) no-repeat 0 -317px;
}

li.image7 a:hover {
background:url(../i/menu-rotation/pizzaiolo_dinner-03.jpg) no-repeat 0 0;
}

li.image8 a:link {
background:url(../i/menu-rotation/pizzaiolo_dinner-04.jpg) no-repeat 0 -317px;
}

li.image8 a:hover {
background:url(../i/menu-rotation/pizzaiolo_dinner-04.jpg) no-repeat 0 0;
}

li.image1 a:link, li.image1 a:hover,
li.image2 a:link, li.image2 a:hover,
li.image3 a:link, li.image3 a:hover,
li.image4 a:link, li.image4 a:hover,
li.image5 a:link, li.image5 a:hover,
li.image6 a:link, li.image6 a:hover,
li.image7 a:link, li.image7 a:hover,
li.image8 a:link, li.image8 a:hover {
display:block;
width:320px;
height:317px;
-o-background-size: 320px;
-moz-background-size: 320px auto;
-webkit-background-size:320px;
background-size: 320px;
}

#signup {
width:280px;
padding:1em 0 .5em 5%;
margin:0 auto 1em;
}

#signup input {
width:75%;
font-size:1.2em;
}

#moreinfo {
width:90%;
min-width:0;
margin:0 auto;
padding:0 1em;
font-size:1.2em;
position:relative;
left:0;}

#moreinfo h2 {
font-size:1em;
margin-top:0;
padding-top:0;
}

#moreinfo p {
margin-bottom:1em;
font-size:.9em;
}

#moreinfo ul {
float:none;
margin:0;
list-style:none;
padding:0;
display:block;
vertical-align:middle;
font-size:.8em;
}

#moreinfo ul li {
display:block;
float:none;
clear:both;
margin:0;
padding:0;
text-align:center;
font-style:oblique;
}

#social {
margin:.3em auto;
padding:0;
}

#social ul {
float:none;
padding:0 0 0 .8em;
margin:0 0 0 1.7em;
}

#social li {
padding:1em 1em;
margin:0;
}

#signup .credit {
display:none;
}

#nav {
margin:1em auto;
width:310px;
padding:0;
}

#nav ul {
width:310px;
text-align:center;
margin:0 auto 1em;
padding:0;
}

#nav ul li {
width:310px;
padding:0;
margin:0;
}

#nav ul li a {
width:310px;
display:block;
margin:0;
padding:.2em 0;
font-size:1.5em;
text-align:center;
}

#sidebar01 {
display:none;}

#sidebar01mobile {
width:90%;
max-width:800px;
min-width:280px;
margin:0 auto;
float:none;
padding:0 15px;
text-align:center;
display:block;
}

#sidebar01mobile h2 {
float:none;
margin:0 auto;
text-align:center;
font-size:1em;
color:#421514;
}

#sidebar01 h2 {
float:none;
margin:0 auto;
text-align:center;
font-size:1em;
}

#main01 {
width:85%;
max-width:800px;
min-width:284px;
margin:0 auto;
padding:0;
float:none;
}

table  {
width:100%;
max-width:800px;
min-width:280px;
margin:1em auto;
padding:0 20px;
font-size:1.2em;
}

td img {
display:none;
}

td.event {
display:none;
}

.copyright {
padding-left:0em;
}

td h2, tr h2 {
font-size:1.2em;
}

td.tagline {
padding-bottom:.3em;
font-size:1em;
border-bottom:1px solid #A58371;
background:none;
}

td.description {
padding-top:.2em;
border-top:1px solid #A58371;
background:none;
}

#main01 p.center {
width:95%;
min-width:280px;
text-align:center;
padding:.2em 0 .6em 0;
margin:0 auto;
font-size:1.5em;
font-style:oblique;
font-weight:300;
}


#sidebar02 { /* The Crew Sidebar */
float:none;
padding:0;
margin:0 auto;
width:85%;
max-width:800px;
min-width:300px;
}

#sidebar02 dl {
width:100%;
max-width:800px;
min-width:300px;
margin:.4em auto;
padding:0;
list-style:none;
text-align:center;
}

#sidebar02 dt {
width:100%;
max-width:800px;
min-width:300px;
font-size: 1em;
text-transform:uppercase;
letter-spacing: .1em;
padding:0;
margin:0 auto;
text-align:center;
}

#sidebar02 dl {
width:100%;
text-align:center;
}

#content {
width:100%;
padding:0;
margin:0;
}

#nav ul li.mob {
display:none;
}

#column01 {
width:300px;
margin:0 auto;
float:none;
}

#column02 {
float:none;
width:252px;
margin:0 auto;
}

#faq1 {
width:85%;
max-width:800px;
min-width:280px;
float:none;
margin:0 auto;
padding:0em 20px 0;
font-size:1.5em;}

#faq2 {
width:85%;
max-width:800px;
min-width:280px;
float:none;
clear:both;
margin:0 auto;
padding:0 20px;
font-size:1.5em;
}

#faq1 p, #faq2 p {
margin-top:.3em;
margin-bottom:1em;
}

button {
background:url(../i/btn-submit.png) no-repeat 0px 1px;
padding:2px;
width:28px;
height:15px;
border:none;
}

#headermobile a:hover .number {
color:#985A3C;}

#mobilehours {
width:80%;
padding:0 1em;
min-width:310px;
margin:0 auto;
text-align:center;
}

#mobilehours p {
margin-bottom:.8em;
font-size:.9em;}

#mobilehours .uppercase {
padding-left:0;}

#main01 ul.enlarge {
list-style-type:none; 
margin:0;
padding:0;
}

#main01 ul.enlarge li {
display:block; 
}

#main01 ul.enlarge img{
width:100%;
height:auto;
padding:0;
margin:0;
}
#main01 ul.enlarge span{
display:none;
}

#main01 ul.enlarge li.nomob {
display:none;
}

#nav {
display:none;
}

#mobilenav {
display:block;
width:250px;
height:30px;
margin:1em auto;}

#mobilenav {
padding:0 0 .6em;}

#mobilenav .styled-select select {
background: transparent;
width: 180px;
padding: 6px 6px 4px 13px;
font-size: 18px;
font-family: "english";
color:#e6e6e6;
line-height: 1;
border: 0;
border-radius: 0px;
height: 34px;
-webkit-appearance: none;
}

#mobilenav .styled-select {
width: 160px;
height: 34px;
overflow: hidden;
background: url(../i/select-arrow.png) no-repeat right #421514;
margin:0 auto;
}

#ourstoryslideshow {
float:none;
margin:0 auto;
padding:0;
display:block;
width:100%;
}

#ourstoryslideshow img {
width:90%;
margin:0 auto;
}

#ourstoryslideshow ul.mobileslide {
float:none;
width:100%;
display:block;
padding:0;
margin:0 auto;
}

#ourstoryslideshow ul.mobileslide li {
float:none;
}

#mainourstory {
display:none;
}

#crewdesktop {
display:none;
}

#crewmobile {
display:block;
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}

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