/* garibaldi.css */
/* Designed by: Skillings Technology, New Ulm Web Design (Ronald Calbick) */
/* Date: 03/25/09 */


/* ----------UNIVERSAL STYLES---------- */
* {margin: 0px; padding: 0px;}
p {margin-bottom: 5px;}
img {border: 0px;}

.center {text-align: center;}
.italic {font-style: italic;}
.small {font-size: 13px;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.yellow {color: #e2b322;}
.blue {color: #00a6ce;}

/* ----------PAGE STYLES---------- */
body {
	margin: 0px auto;
	background: #e2b322 url(../images/pageBack.jpg) repeat-x;
	font-family: "Comic Sans MS", sans-serif;
	font-size: 15px;
	text-align: center;
	color: #000000;
}

/* ----------WRAPPER---------- */
#wrapper {position: relative; width: 900px; height: 350px; margin: 0px auto; background: url(../images/wrapperBack.jpg) no-repeat;}

/* ----------BANNER---------- */
#banner {position: relative; width: 750px; height: 260px; margin: 0px auto; padding: 0px 25px; background: url(../images/bannerBack.jpg) repeat-x;}
#address-hours {height: 40px; padding: 10px 0 0 0;}
#gazebo {float: left; width: 222px; height: 200px;}
#welcome {float: right; width: 528px; height: 200px; background: url(../images/welcomeBack.jpg) center center no-repeat; text-align: center;}
#welcome h1 {height: 50px; text-align: right;}
#welcome h2 {height: 100px; font-size: 20px; line-height: 100px; font-weight: normal;}

/* ----------NAVIGATION---------- */
#nav {height: 35px;	margin: 0 0 5px 0; line-height: 35px; text-align: center; color: #e2b322;}
#nav a {margin: 0 10px; font-size: 17px;	text-decoration: none; color: #e2b322;}
#nav a:hover {text-decoration: underline; color: #fef886;}

/* ----------CONTENT---------- */
#content {position: relative; width: 750px; margin: 0px auto; padding: 0px 25px 15px 25px; background: #d45521 url(../images/contentBack.jpg) bottom center no-repeat; text-align: left;}
#content h1 {margin: 0 0 5px 0; font-size: 22px; text-align: center;}
#content h3 {margin: 0 0 5px 0; border-bottom: 1px solid #32b322; color: #e2b322;}
#content ul {margin-bottom: 15px; list-style-position: inside;}

/* ----------SPECIALS---------- */
#specials {float: left; width: 300px; margin-bottom: 15px; padding: 10px; border: 5px double #000000;}
#specials h2 {font-size: 20px; text-align: center;}

/* ----------MENU SUBNAVIGATION---------- */
#menuNav {float: left; width: 200px; margin-bottom: 15px; padding: 10px; border: 5px double #000000;}
#menuNav ul {list-style-type: square; margin: 0;}
#menuNav ul li {margin: 0 0 5px 0;}
#menuNav ul li a {text-decoration: none; color: #e2b322;}
#menuNav ul li a:hover {text-decoration: underline;}

body.a-la-carte #a-la-carte, body.appetizers-salads #appetizers-salads, body.beverages #beverages, body.burritos-enchiladas #burritos-enchiladas, body.childrens-menu #childrens-menu,
body.combo-dinners #combo-dinners, body.desserts #desserts, body.especialidades-garibaldi #especialidades-garibaldi, body.express-lunch #express-lunch, body.fajitas #fajitas,
body.from-grill #from-grill, body.lunch-specials #lunch-specials, body.nachos-taco-salads #nachos-taco-salads, body.quesadillas #quesadillas, body.side-orders #side-orders,
body.steaks #steaks, body.to-go-orders #to-go-orders, body.vegetarian-combos #vegetarian-combos {
	color: #00a6ce;
}

/* ----------COPY AND MENU BLOCKS---------- */
#copy {float: right; width: 380px; margin-bottom: 15px; padding: 10px;}
#copy a, .menuBlock a {color: #e2b322;}
#copy a:hover {text-decoration: underline; color: #fef886;}
.menuBlock {float: right; width: 480px; margin-bottom: 15px; padding: 0 10px;}
.menuBlock p, .menuBlock table {margin-bottom: 10px; font-size: 13px;}
.menuBlock table {margin: 0 0 5px 0;}
.menuBlock .even {background: #e96832;}
.menuBlock p.even, .menuBlock ol li {padding: 0 2px;}
.menuBlock table tr td {padding: 3px 2px;}
.menuBlock ol {list-style-position: inside; margin: 0 0 10px 0;}
.menuBlock ol li {margin: 0 0 5px 0;}

/* ----------SOCIAL---------- */
#social {width: 750px; height: 35px; text-align: center;}
#social p {display: block; height: 35px; line-height: 35px; margin: 0;}
#social p img {vertical-align: middle; margin-left: 10px;}

/* ----------CONTACT---------- */
#contact {float: left; width: 400px; margin-bottom: 15px; padding: 10px; border: 5px double #000000;}
#contact input, #contact textarea {background: #e2b322;}
#contact input[type="reset"], #contact input[type="submit"] {cursor: pointer;}

/* ----------GOOGLE MAP---------- */
#map {float: right;	width: 300px;}
#map iframe {border: 5px double #00a6ce;}

/* ----------FOOTER---------- */
#footer {width: 800px; height: 45px; margin: 0px auto; padding-top: 30px; background: url(../images/footerBack.jpg) top center no-repeat; font-size: 11px; color: #d45521;}
#footer a {color: #d45521;}
#footer a:hover {color: #fef886;}