/*
Meals On Wheels
Author: Akinkunle Allen (bluechipng.com)

*/

/*STYLE RESET ENDS*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
padding:0;
margin:0;
font-size:100%;
font-weight:normal;
}
table {border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight:normal; text-align:left; }
img, fieldset { border:0; }
ol { padding:0; margin:0; list-style:none; }
ul { padding:0; margin: 0; list-style:none; }
q:before, q:after { content:''; }
/*STYLES RESET ENDS*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 23, 2013 07:05:19 AM America/New_York */
@font-face {
    font-family: 'HattoriHanzoLight';
    src: url('Hattori_Hanzo-webfont.eot');
    src: url('Hattori_Hanzo-webfont.eot?#iefix') format('embedded-opentype'),
         url('Hattori_Hanzo-webfont.woff') format('woff'),
         url('Hattori_Hanzo-webfont.ttf') format('truetype'),
         url('Hattori_Hanzo-webfont.svg#HattoriHanzoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
font-family: 'HattoriHanzoLight', 'Times New Roman', sans-serif;
font-size: 62.5%;
color: #fff;
background: #fbd9be;
}

/*SELF CLEARING FLOATS*/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
}

.min-width {
	width: 100%;
	min-width: 960px;
	background: rgba(30, 30, 30, 0.4);
}

a {text-decoration: none; color: inherit;}

#header {
	height: 80px;
	margin-top: 20px;
}

#header-content {
	position: relative;
}

#header-content h1 {
	background: url(../images/logo.png) no-repeat;
	width: 127px;
	height: 112px;
	position: absolute;
	top: -15px;
	text-indent: -999px;
	white-space: nowrap;
	overflow: hidden;
}

#header-content ul {
	float: left;
	margin-left: 165px;
	margin-top: 30px;
}


#header-content ul li {
	float: left;
	margin-right: 30px;
}

#header-content ul a {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.8em; /*18px / 10px*/
	letter-spacing: 0.8px;
}

#header-content ul a:hover {
	color: #f9ed2c;
	/*color: #ffeaa0;*/
}

#main {
	margin-top: 40px;
	padding: 10px 0;
}

/*
#main-content .welcome {
	background: rgba(30, 30, 30, 0.4);
	width: 579px;
	padding: 10px;
	margin-bottom: 15px;
}
*/
#main-content .welcome h2 {
	background: url(../images/tagline.png) no-repeat;
	width: 579px;
	height: 120px;
	padding: 10px;
	text-indent: -999px;
	white-space: nowrap;
	overflow: hidden;
}


#main-content h2.about {
	background: url(../images/about.jpg) no-repeat;
	width: 304px;
	height: 46px;
	margin: 0 auto;
	text-indent: -999px;
	white-space: nowrap;
	overflow: hidden;
}

#main-content p {
	font-size: 2.3em;
	font-weight: bold;
	line-height: 1.5em;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
	-webkit-font-smoothing: subpixel-antialiased;
	text-align: justify;
}

#main-content p.tagline {
	background: url(../images/tagline-text.png) no-repeat;
	width: 957px;
	height: 326px;
	text-indent: -9999px;
}

#main-content p.order {
	width: 457px;
	margin: 0 auto;
	margin-top: 20px;
	height: 63px;
	background: url(../images/order-bttn.png) no-repeat;
	text-indent: -9999px;
	padding-bottom: 10px;
}

#main #main-content div.order {
	float: left;
	width: 210px;
	height: 400px;
	margin: 0 10px;
	margin-top: 20px;
	background: rgba(255, 255, 255, 0.3);
	color: #000;
}

#order {
	margin-top: 20px;
}

#order #orderform p {
	font-size: 1.8em;
	margin-bottom: 10px;
}

#order #orderform input[type="submit"] {
	background: url('../images/submit_bttn.png') no-repeat;
	width: 155px;
	height: 49px;
	text-indent: -999px;
	border: none;
	color: transparent;
}

#main-content #order table#yourorder {
	width: 100%;
	font-size: 2em;
}

#main-content #order table#yourorder td {
	padding: 10px;
}

#order fieldset {
	margin-top: 20px;
	border: 1px solid #53463d;
	padding: 5px;
}

#order legend {
	font-size: 2.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #f9ed2c;
}

#main #main-content div.order * {
	text-align: center;
}

#secondary {
	margin-top: 40px;
}

#secondary-content div#gallery {
	float: left;
	width: 630px;
	padding: 10px 0;
}

#secondary-content #gallery ul li {
	display: inline;
}

#secondary-content #gallery ul li img {
	width: 190px;
	border: 5px #fff solid;
	margin-right: 7px;
	margin-bottom: 20px;
	-webkit-transition: -webkit-transform .30s linear;
	-moz-transition: -moz-transform .30s linear;
	-ms-transition: -ms-transform .30s linear;
	-o-transition: -o-transform .30s linear;
	-webkit-transform: rotate(-2deg); /*rotate every image by -2deg*/
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
}

#secondary-content #gallery ul li img:hover {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	position: relative;
	z-index: 99;
}

#secondary-content #menu {
	float: right;
	width: 300px;
	margin-left: 30px;
	padding-top: 10px;
}

#secondary-content h3 {
	width: 102px;
	margin: 0 auto;
	background: url(../images/menu-heading.png) no-repeat;
	text-indent: -999px;
	height: 41px;
}

#secondary-content #gallery p {
	width: 416px;
	height: 61px;
	margin: 0 auto;
	background: url(../images/gallery.png) no-repeat;
	text-indent: -999px;
}

#secondary-content #menu table, #admintable {
	width: 100%;
	margin-top: 20px;
}

#secondary-content #menu td, #admintable td {
	text-align: center;
	font-size: 2em; /*20px / 10px*/
	font-weight: bold;
	padding: 7px 0;
}


#secondary-content #menu p {
	width: 258px;
	height: 60px;
	margin: 0 auto;
	background: url(../images/menu.png) no-repeat;
	text-indent: -999px;
	margin-top: 20px;
}

#contact {
	margin-top: 40px;
}

#contact #contact-content { 
	padding: 10px 0;
}

#contact-content h3 {
	width: 155px;
	background: url(../images/contact.png) no-repeat;
	text-indent: -999px;
	height: 45px;
}

#contact #contact-content div {
	width: 280px;
	margin-right: 40px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
	-webkit-font-smoothing: subpixel-antialiased;
	float: left;
}

#contact #contact-content div h4 {
	font-weight: bold;
	font-size: 2.5em;
	padding-bottom: 10px;
	color: #d51d1d;
}

#contact #contact-content div p {
	font-weight: bold;
	font-size: 2em;
	line-height: 1.5em;
}


#footer {
	margin-top: 40px;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

#footer #footer-content {
	padding: 10px 0;
}

#footer-content p {
	text-align: center;
	font-size: 1.6em; /*16px / 10px*/
	font-weight: bold;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
	-webkit-font-smoothing: subpixel-antialiased;
}

/*ADMIN PAGES STYLES*/
label {
	float: left;
	width: 280px;
}

input {
	border-radius: 3px;
	border: 1px solid rgb(221, 221, 221);
	box-shadow: 0px 1px 5px rgb(226, 227, 227) inset;
	padding: 7px;
}

#main-content p.error {
	color: red;
	font-size: 1.8em;
}

#admintable td {
	border: 1px solid #fff;
}

span.available {
	color: blue;
}

span.unavailable {
	color: red;
}

#main #main-content #orderstable {
	width: 100%;
	font-size: 1.9em;
}

#main #main-content #orderstable td {
	padding: 10px;
}