@import url('text-style.css');
body {
	margin : 0px;
}
#layout {
	position : relative;
	z-index : 1;
	left : 0px;
	right : 0px;
	top : 0px;
	bottom : 0px;
}

#masthead {
	padding : 10px 0px 0px;
	text-align : center;
}

.wide #masthead {
	position : fixed;
	left : 0px;
	right : 50%;
	top : 0px;
	bottom : 0px;
}

.wide #splash {
	float : right;
	width : 50%;
	margin-left : -20px;
}

.wide #masthead #logo {
	position : absolute;
	left : 50%;
	right : 50%;
	top : 50%;
	bottom : 50%;
	margin : -94px -133px -55px -134px;
	max-width : 100%;
	max-height : auto;
}

#logo {
	border : none;
}

#splash {
}

.wide #menu-main a,
.wide #splash a {
	font-size : 20px;
	line-height : 25px;
	padding-top : 5px;
	margin : 7px 5px;
}

#menu-main a,
#splash a {
	display : block;
	font-family : Grobold;
	font-size : 25px;
	text-transform : uppercase;
	color : #ffffff;
	text-decoration : none;
	margin : 10px;
	padding : 10px 10px 0px;
	text-shadow :
		0px 2px 10px #000000,
		2px 2px 0px #a4312a,
		2px -2px 0px #a4312a,
		-2px 2px 0px #a4312a,
		-2px -2px 0px #a4312a;
	background : url('../layout/body.bkg.gif') center no-repeat;
	background-size : 100% 100%;
	border : 2px #ffffff solid;
	border-radius : 5px;
	overflow : hidden;
	text-align : center;
	box-shadow : 0px 3px 5px 3px rgba(0,0,0,0.5);
}

.menu {
	position : fixed;
	z-index : 2;
	left : 50%;
	right : 50%;
	top : 50%;
	bottom : 50%;
	opacity : 0;
	transition : all 0.5s;
	background : #ffffff;
	border-radius : 10px;
	border : 2px #00833f solid;
	box-shadow : 0px 0px 0px 0px rgba(0,0,0,0.5);
	overflow : auto;
}

.menu:target {
	left : 15px;
	right : 15px;
	top : 15px;
	bottom : 15px;
	opacity : 1;
	transition : all 0.5s;
	box-shadow : 0px 5px 5px 10px rgba(0,0,0,0.5);
}

button.back {
	position : fixed;
	z-index : 0;
	right : 5px;
	top : 5px;
	width : 40px;
	height : 40px;
	background : #d8292f;
	border : 2px #ffffff solid;
	border-radius : 50%;
	box-shadow : 0px 3px 5px rgba(0,0,0,0.5);
	transition : all 0s;
	opacity : 0;
}

button.back i {
	font-size : 30px;
	color : #ffffff;
	position : absolute;
	left : 0px;
	right : 0px;
	top : 2px;
	bottom : 0px;
	text-align : center;
}

.menu:target +
button.back {
	opacity : 1;
	z-index : 3;
	transition : z-index 0s, opacity 0.5s 0.5s;
}

.menu-header {
	position : relative;
	padding : 20px 10px;
	text-align : center;
	font-family : Grobold;
	font-weight : normal;
	font-size : 30px;
	text-transform : uppercase;
	color : #d8292f;
	text-shadow : 2px 2px 2px rgba(0,0,0,0.5);
}

.menu-header span.outline {
	display : block;
	text-align : center;
	font-size : 50px;
	color : #900;
	letter-spacing : -5.5px;
	position : absolute;
	left : 0%;
	right : 0%;
	top : 10px;
	bottom : 0%;
	z-index : -1;
}

.menu-item {
	padding : 10px;
}

.menu-item img {
	display : none;
}

.menu img.header {
	display : block;
	margin : 20px auto 10px;
}

.menu-item span.name {
	font-family : Helvetica, Arial, Verdana, Sans-serif;
	float : left;
	font-weight : bold;
	font-size : 14px;
}

.menu-item span.price {
	font-family : Helvetica, Arial, Verdana, Sans-serif;
	float : right;
	font-weight : bold;
	font-size : 14px;
}

.menu-header div,
.menu-item div,
.menu-note {
	font-size : 13px;
	font-family : Helvetica, Arial, Verdana, Sans-serif;
	clear : both;
	text-shadow : none;
	color : #000000;
	clear : both;
}

.menu table {
	width : 100%;
}

.menu table td:first-child {
	width : 50%;
}

.menu table td {
	padding-left : 10px;
	padding-right : 10px;
}

.menu-note {
	font-style : italic;
}

.menu > .menu-note {
	padding : 10px;
}