@charset "UTF-8";
/* 

	MASTERPIECE STYLESHEET
	
	Intentionally no resets
	Lovingly handcrafted by 
	@inorganik
	
	Author: Jorge Lamora/Jamie Perkins
	Title: Butcher-block
	Author Site: http://inorganikproduce.com
	Description: The best theme since Sliced bread
	Version: 1.0
	Live: 
	
	COLORS:
	#eaefab - TEXT COLOR
	#b5121b - LINK COLOR
*/


@import url(_assets/TradeGothic.css);

html, body {
	height:100%;
	min-width: 976px;
}
body {
	margin:0;
	padding:0;
	font-family:'tradegothicregular', Helvetica, Arial, sans-serif;
	text-align:center;
	color:#eaefab;
	position:relative;
	background-color:#3d1927;
	min-width: 976px;
}
#wrap {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 0 -142px 0;
}

/* --------------- header ---------------- */

header {
	display:block;
	width:100%;
	min-width:700px;
	height:221px;
	height:auto;	
	text-align:left;
	position:relative;
}
.header-left {
	width:50%;
	height:221px;
	background:url(_images/bkgd-header.png);
}
.header-left-inner {
	width:482px;
	height:auto;
	padding-left:12px;
	float:right;
	margin-top:30px;
}
.header-right {
	width:50%;
	height:221px;
	background:url(_images/bkgd-header-right.png);
}
.header-right-inner {
	width:482px;
	height:auto;
	padding-left: 37.5px !important;
	padding-right:12px;
	float:left;
	margin-top:45px;
	position:relative;
}
#logo {
	width:250px;
	height:130px;
	margin:45px 0 0 -125px;
	display:inline-block;
	background:url(_images/MP_logo.png) no-repeat;
	position:absolute;
	left:50%;
	top: 0px;
}
#logo a {
	width:100%;
	height:100%;
	display:block;
}

ul#nav {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul#nav li {
	margin-bottom:10px;

}
ul#nav a {
	color:#b5121b;
	height:12px;
	display:block;
	background-repeat:no-repeat;
}
ul#nav a:hover,
ul#nav a:active {
	color:#3d1927;
	background-position:0 -12px;
}
.nav-menu {
	width:51px;
	background:url(_images/nav-menu.png);
}
.nav-about {
	width:61px;
	background:url(_images/nav-about.png);
	
}

.nav-delivery {
	width:86px;
	background:url(_images/nav-delivery.png);
}

.nav-locations {
	width:101px;
	background:url(_images/nav-locations.png);
}

.nav-specials {
	width:84px;
	background:url(_images/nav-specials.png);
}

.nav-events {
	width:70px;
	background:url(_images/nav-events.png);
}

.nav-catering {
	width:90px;
	background:url(_images/nav-catering.png);
}
.nav-press {
	width:56px;
	background:url(_images/nav-press.png);
}

ul#social {
	float:right;
	margin:0;
	padding-top: 20px;
	padding-left: 20px !important;
	list-style-type:none;
}
ul#social li {
	float:left;
	display:inline;
	margin-left: 15px;
}
ul#social a {
	width:26px;
	height:26px;
	display:block;
	background-repeat:no-repeat;
}

.online-order {
	background:url(../../uploads/2015/02/MPD_orderNow_button_sm.png);
	background-repeat:no-repeat !important;
	width: 150px !important;
	height: 52px !important;
	padding-bottom: 10px;
	background-position:0 0px !important;
}

ul#social a:hover,
ul#social a:active {
	background-position:0 -26px;
}

.social-facebook {
	background:url(_images/social-facebook.png);
}
.social-twitter {
	background:url(_images/social-twitter.png);
}
.social-instagram {
	background:url(_images/social-instagram.png);
}

#subHead {
	float:left;
	width:100%;
	min-width:700px;
	height:126px;
	margin:8px auto;
	border-top:2px #b5121b solid;
	border-bottom:2px #b5121b solid;
	position:relative;
}
.subHead-inner {
	width:964px;
	padding:24px 12px 20px 12px;
	margin:0 auto;
	position:relative;
}
#established {
	width:112px;
	height:112px;
	background:url(_images/established.png) no-repeat;
	background-size:100% auto;
	position:absolute;
	top:-56px;
	right:0;
}

/* ------------------ footer ------------------ */
/* Thanks to RyanFait.com for the sticky footer */

.push {
	height:142px;
}
footer {
	display:block;
	float:left;
	width:100%;
	min-width:700px;
	height:126px;
	margin:8px auto;
	border-top:2px #b5121b solid;	
	text-align:left;
	font-size:.9em; 
}
footer a {
	color:#b5121b;
}
footer ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
footer li {
	float:left;
	padding:10px;
}
.footer-inner {
	padding:10px;
}

/* ----------- elements ------------- */

a {
	color:#b5121b;
	text-decoration:none;
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:hover, a:active {
	text-decoration:underline;
}
a.block {
	width:100%;
	height:100%;
	display:block;
	cursor:pointer;
}
p {
	margin-top:0;
	font-size:.85em;
	line-height:1.6em;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	font-family: 'tradegothic_boldcondtwentyBd';
	font-weight:200;
}
h1, h2 {
	color:#d6e03d;
}
h1 a {
	color:#eaefab;
}
h3, h4, h5, h6 {
	color:#d20a22;
}

h1 { font-size:2.5em }
h2 { font-size:2em }
h3 { font-size:1.6em }

#menu h1 {
	margin-top:.3em;
	margin-bottom:1em;
	letter-spacing:2px;
	color:#b5121b;
}

h5 {
	font-size:1em;
}

ul, ol {
	margin-top:0;
	padding-left:28px;
}
ul.nobullets {
	list-style-type:none;
}

ol ol {
	list-style-type:upper-latin;
	margin-bottom:1em;
}
ol ol ol {
	list-style-type:lower-roman;
}

ul#sidebar {
	list-style-type:none;
}
ul#sidebar > li {
	margin-bottom:1em;
}
ul#sidebar h4 {
	color:#eaefab;
	margin-bottom:.5em;
}
ul#sidebar ul {
	list-style-type:none;
	padding:0;
	font-size:.9em;
}
ul#sidebar ul li {
	margin-bottom:5px;
}

hr {
	border-bottom:1px #eaefab solid;
	border-top:none;
}
strong, .bold {
	font-family: 'tradegothic_boldbold';
	font-weight:200;
}

.noMargin { margin:0 !important }
.marginTop { margin-top:14px !important }
.marginLeft { margin-left:14px !important }
.marginRight { margin-right:14px !important }
.marginBottom { margin-bottom:14px !important }

.large { font-size:1.3em }
.small { font-size:.9em }

.hidden { display:none }

/* colors */
.brick { color:#b5121b }

/* tables */
table { 
	display:table !important;
	border-spacing:0;
	border-collapse:collapse;
	border:none;
}
td, .tableCell { 
	display:table-cell; 
	vertical-align:middle;
}
td, th {
	padding-top:0;
	padding-bottom:0;
	text-overflow:ellipsis;
}

/* definitions */
dl {
	clear:left;
	margin-top:0;
	padding:0;
}
dt {
	margin:0;
	font:200 1.2em/1.3em 'tradegothic_boldbold';
	color:#d6e03d;
	text-transform:uppercase
}
dt span { color:#fff }
dd {
	margin:0 0 12px 0;
	padding:0;
	line-height:1.3em;
}

/* misc */

::-moz-selection {
	color: #fff;
	background-color:#c0cd00;
}
::selection {
	color: #fff;
	background-color:#c0cd00;
}
.noSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* ---------------- structure ----------------- */

#content {
	width:100%;
	min-width:700px;
	clear:left;
	height:auto;
	margin:0;
	position:relative;
	overflow:hidden;
}
.content-inner {
	width:988px;
	padding:12px 0;
	margin:0 auto;
	text-align:left;
	position:relative;
}
section {
	display:block;
}
.col {
	float:left;
	display:inline;
}
.col-inner {
	padding:12px;
	position:relative;
}

.col-inner:after,
section:after,
.clearfix:after,
form:after,
.content-inner:after {
	content: " ";
	display: block; 
	height: 0; 
	clear: both;
}
.col-inner img {
	max-width:100%;
	height:auto;
}
.fancybox {
	float:left;
	display:block;
	width:142px;
	height:107px;
	margin:5px;
	overflow:hidden;
	border:2px #eaefab solid;
}
.fancybox img {	
	width:142px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.border-right {
	margin-right:44px;
	border-right:2px #b5121b solid;
}

/* column widths */
.full { width:100% }
.threeQuarters { width:75% }
.twoThirds { width:66.6% }
.threeFifths { width:60% }
.half, .stayHalf { width:50% }
.twoFifths { width:40% }
.third { width:33.3% }
.quarter { width:25% }

/* floating and alignment */
.nofloat { float:none !important }
.alignleft { text-align:left !important }
.alignright { text-align:right !important }
.aligncenter { 
	text-align:center !important;
	margin-left:auto;
	margin-right:auto;
}
.clear { clear:both }
.clearLeft { clear:left }
.clearRight { clear:right }

.inlineRight {
	float:right;
	display:inline;
}
.inlineLeft {
	float:left;
	display:inline;
}
.leftToCenter { text-align:left }
.rightToCenter { text-align:right }
.alignRightToLeft { text-align:right }

.topLevel { z-index:1000 }

/* ------------- content ------------- */

#covergirl {
	width:100%;
	min-width:700px;
	clear:left;
	height:490px;
	overflow:hidden;
	position:relative;
}
#covergirl img {
	display:none;
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}
#covergirl .slide_img{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
#sandwich-headers .item {
	width:100%;
	height:102px;
	display:none;
	position:absolute;
	top:24px;
	left:0;
}

.spotlight {
	width:250px;
	height:37px;
	color:#b5121b;
	font-family: 'tradegothic_boldbold';
	position:absolute;
	right:0;
	bottom:8px;
	background-position:left bottom;
	background-repeat: no-repeat;
}
.spotlight a {
	color:#fff;
}
.spotlight span {
	font-family: 'tradegothicregular';
	color:#b5121b;
}

.arrow-down {
	background-image:url(_images/arrow-down.png);
}
.arrow-up {
	background-image:url(_images/arrow-up.png);
}

ul#indicator {
	margin:0;
	padding:0;
	list-style-type:none;
	z-index:1000;
}
ul#indicator li {
	margin-right:10px;
	float:left;
	display:inline;
}
ul#indicator a {
	width:11px;
	height:11px;
	display:block;
	background:url(_images/dots.png) no-repeat;
}
ul#indicator a.active {
	background-position:0 -11px;
}
#map {
	width:100%;
	clear:left;
	height:400px;
	text-align:left;
}
#map h3,
#map p {
	color:#3d1927;
	margin:0;
}
.menu-icon {
	float:left;
	display:inline-block;
	width:70px;
	height:56px;	
	margin-right:20px;	
	background-repeat:no-repeat;
	border-right:2px #d6e03d solid;
	background-size: cover;
	background-position: center;
}
.icon-sandwich {
	background-image:url(_images/icon-sandwich.png);
	background-position:left 2px;
}
.icon-salad {
	background-image:url(_images/icon-salad.png);
	background-position:left center;
}

article {
	display:block;
	min-height:400px;
}
.next-post, 
.prev-post {
	display:inline-block;
}
.next-post {
	float:right;
}
.prev-post {
	float:left;
}

/* ------------- faux dropdowns ------------- */

a.trigger {
	display:block;
	padding:8px 12px;
}

ul.dropdown-contain {
	display:inline-block;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.dropdown-contain > li {
	display:block;
	position:relative;
}
ul.dropdown {
	display:none;
	padding: 0;
	margin:18px 0 0 0;
	text-align:left;
	list-style-type:none;
	position:absolute;
	z-index:100;
	-webkit-box-shadow:0 5px 25px rgba(0,0,0,.45);
	-moz-box-shadow:0 5px 25px rgba(0,0,0,.45);
	box-shadow:0 5px 25px rgba(0,0,0,.45);
}
ul.dropdown:before {
	content:"";
	width:0;
	height:0;
	margin-left:-7px;
	border-width:7px;
    border-style:solid;
    border-color:transparent transparent #fff transparent;
	position:absolute;
	top:-14px;
	left:50%;
}
ul.dropdown a {
	padding:8px 12px;
	display:block;
}
ul.dropdown a:active {
	
}
ul.dropdown li {
	
}

/* ---------------- forms ----------------- */

form {
	position:relative;
}
.form-inner {
	padding:5px 0;
	overflow:hidden;
}
.form-inner-center {
	padding:5px 5px;
	overflow:hidden;
}
.form-inner-left {
	padding:5px 5px 5px 0;
}
.form-inner-right {
	padding:5px 0 5px 5px;
}
label,
label.checkLabel span {
	font-weight:700;
}
label.checkLabel {
	line-height:1.3em; 
	font-weight:400;
	display:block;
	margin-left:21px;
	overflow:hidden;
}
.textInput,
textarea {
	width:100%;
	padding:5px 7px;
	margin:0;
	color:#eaefab;
	font:400 1.2em/1.2em Helvetica, Arial, Helvetica, sans-serif;
	background:#fff;
	outline:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.textInput {
	height:40px;
}

/* checkboxes/radios */

.tickbox {
	float:left;
	display:inline;
	margin:3px 7px 0 0;
	padding:0;
}

/* submit */

.submit,
button {
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
	font:700 1.0em/1.0em Helvetica, Arial, Helvetica, sans-serif;
	outline:none;
	cursor:pointer;
	position:relative;
}

/* buttons */



/* placeholders */

::-webkit-input-placeholder { 
	color:#ccc; 
	font:400 1.0em/1.2em Helvetica, Arial, Helvetica, sans-serif;
}
::-moz-placeholder { color:#ccc; } 
input:-moz-placeholder { color:#ccc; }