@charset "UTF-8";
/* CSS Document */

/* Apply basic typography styles */
@import url('../../css/typography.css');

/* Color Pallette
-----------------------------------------------
#ed1c24		Red
#00b2d9		Cyan
----------------------------------------------- */

/* Basic Stuff
----------------------------------------------- */

body {
    margin:5px 0;
    padding:0;
    background:#fff;
	min-width:320px;
	font-size:12px;
    line-height:16px;
	font-family:Helvetica, Arial, sans-serif;
}
div#container {
    margin:0 auto;
    width:320px;
}
a, 
a:link, 
a:visited {
    color:#fff;
    text-decoration:underline;
    font-weight:bold;
}
a:hover, 
a:active {
}
img {
    border:0;
}

.left {
	float:left;
}

.right {
	float:right;
}

/* Font Stuff (override typography.css)
----------------------------------------------- */

body, 
input, 
textarea {
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
}
p, 
ul, 
ol,
dd, 
pre {
}

ul,
ol {
	margin:0;
	padding:0 0 0 15px;
}

pre, 
code {
	/*font:--px Monaco, monospace;
	line-height:--px;*/
}

hr {
	border:none;
	border-bottom:2px dotted #ed1c24;
	line-height:normal;
}

h2 {
	text-transform:uppercase;
	line-height:normal;
}

/* Header
----------------------------------------------- */

#header {
	background:#fff;
	text-align:center;}

#content-top {
	background-color:#fff;
	width:320px;
	margin:0 auto;
	padding-top:20px;
	background-image:url('../img/blacktop.png');
	background-position:0 0;
	background-repeat:no-repeat;
}


/* Content
----------------------------------------------- */

#content.main {
	background:#000;
}

#content.hours {
	background:#ed1c24;
	padding:0 5px 0 5px;
}

#content.daily,
#content.today {
	background:#fff;
	padding:0 5px 0 5px;
}

#content.daily,
#content.today {
	color:#000;
}


#content.daily a,
#content.today a {
	color:#ed1c24;
	text-decoration:none;
}

/* Nav */

#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav ul li {
	list-style-type:none;
	margin:0;
	padding:6px 20px 4px 20px;
	background-color:#ed1c24;
	background-image:url('../img/navbtn.png');
	background-repeat:none;
	background-position:0 0;
}

#nav a {
	display:block;
	padding:0 10px;
	font-size:20px;
	width:270px;
	height:45px;
}

#nav a span {
	display:none;
}

#hours {
	background-image:url('../img/nav/hours.png');
	background-repeat:no-repeat;
	background-position:0 0;
}

#today {
	background-image:url('../img/nav/today.png');
	background-repeat:no-repeat;
	background-position:0 0;
}

#menu {
	background-image:url('../img/nav/menu.png');
	background-repeat:no-repeat;
	background-position:0 0;
}

#daily {
	background-image:url('../img/nav/daily.png');
	background-repeat:no-repeat;
	background-position:0 0;
}

#join {
	background-image:url('../img/nav/join.png');
	background-repeat:no-repeat;
	background-position:0 0;
}

/* Page Heads */

#pagehead {
	width:320px;
	background-color:#ed1c24;
	margin:0;
	padding:0 0 10px 0;
	background-color:#ed1c24;
	background-image:url('../img/navbtn.png');
	background-repeat:none;
	background-position:0 0;
}

#pagehead h1 {
	margin:0 0 0 20px;
	padding:0;
	display:block;
	font-size:20px;
	width:290px;
	height:45px;
	position:relative;
	top:5px;
}

#pagehead h1 span {
	display:none;
}

#blackbottom {
	width:320px;
	height:5px;
	background-image:url('../img/blackbottom.png');
	background-repeat:none;
	background-position:0 8px;
}

#blacktop {
	width:320px;
	height:7px;
	background-image:url('../img/blacktop.png');
	background-repeat:none;
	background-position:0 18px;
}

/* Restaurant Menu */
/* From http://web-graphics.com/mtarchive/001622.php */

div#restaurantmenu {
	width:300px;
	margin: 0 auto;
	text-align:left;
}
#restaurantmenu h2 {
	margin: 1em auto 0.3em;
	color: #00b2d9;
	text-align:left;
	text-transform:uppercase;
}
#restaurantmenu h3 {	
	margin: 1em auto 0.3em;
	color: #ed1c24;
	text-align:left;
	text-transform:uppercase;
}
#restaurantmenu dl {
	width: 100%;
	overflow: auto;
	margin: 0 0 1em;
    background: url(../img/dot.gif) repeat-x 0 .8em;
}
#restaurantmenu dt,
#restaurantmenu dd.price {
	background: #FFF;
	font-weight: bold;
}
#restaurantmenu dt {
	float: left;
	padding-right: 3px;
	color: #ed1c24;
	text-transform:uppercase;
}
#restaurantmenu dt span {
	text-transform:none;
	color:#000;
	font-weight:normal;
}
#restaurantmenu dd {
	margin:0
}
#restaurantmenu dd.price {
	float: right;
	padding-left: 3px;
	color: #ed1c24;
}
#restaurantmenu dd.ingredients {
	float: left;
	width: 100%;
	padding: 3px 0;
	font: italic Georgia,Times,sans-serif;
	color: #000;
}
#restaurantmenu ul {
	padding-left:80px;
	position:relative;
	top:-25px;
}

/* Join */

#form .field {
	border:1px solid #000;
	font-size:14px;
}

#form input {
	height:20px;
	color:#000;
}

#submit,
.button {
	background:#000;
	border:1px solid #000;
	color:#fff !important;
	text-transform:lowercase;
	font-weight:bold;
}

#submit:hover, 
#submit:active,
.button:hover,
.button:active {
	background:#ed1c24;
	border:1px solid #ed1c24;
}

.button {
	padding:2px;
}


/* Footer

----------------------------------------------- */
#content-bottom {
	background-color:#fff;
	width:320px;
	margin:0 auto;
	padding-top:20px;
	background-image:url('../img/blackbottom.png');
	background-position:0 0;
	background-repeat:no-repeat;
}

#footer {
	background:#fff;
	color:#000;
	background-image:url('../img/footerinfo.png');
	background-repeat:no-repeat;
	background-position:0 0;
}

#footerinfo {
	height:65px;
}

#footerinfo span {
	display:none;
}

#footer a {
	padding:35px 50px 0 0;
}

#footer #tweet {
	background-image:url('../img/nav/twitter.png');
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
	top:43px;
	left:160px;
	
}

#footer #facebook {
	background-image:url('../img/nav/facebook.png');
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
	top:43px;
	left:160px;
}

#footer #share {
	background-image:url('../img/nav/share.png');
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
	top:43px;
	left:160px;
}