﻿/* 
  BLUEPRINT CSS
   * Filename:        compressed.css
   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
   
   Generated by:
    * Blueprint CSS Grid Generator (2008-12-10) [http://kematzy.com/blueprint-generator/]
    
  == STRUCTURE: ========================
   * Page width:            949 px
   * Number of columns:     24
   * Column width:          29 px
   * Margin width:          11 px
  ======================================
   
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:18px;position:relative;min-height:800px;height:auto !important;height:800px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* typography.css */
body {font-size:88%;background-color:#797c31;font-family:Arial;color:#000000;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#5f060a;}
h1 {font-size:22px;margin-bottom:0;font-weight:bold;padding-bottom:18px;}
h2 {font-size:17px;margin-bottom:0;font-weight:bold;padding-bottom:16px;}
h3 {font-size:14px;margin-bottom:0;font-weight:bold;}
h4 {font-size:12px;margin-bottom:0;font-weight:bold; color:#000000; font-variant:small-caps;}
h5 {font-size:12px;margin-bottom:0;font-weight:bold;}
h6 {font-size:12px;margin-bottom:0;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 18px;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
/*a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}*/
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc; list-style-image:url(../images/bullet_ul.png);}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:0px;width:100%;}
th {font-weight:bold;background-image:url(../images/bgTableHeader.png);background-repeat:no-repeat;background-position:center center; font-size:12px;}
th, td {padding:0px 10px 0px 0px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:0;line-height:18px;}
.large {font-size:1.2em;line-height:36px;margin-bottom:18px;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.container {width:949px;margin:0 auto; background-color:#ffffff;}
.showgrid {background:url(../images/grid.png);}
body {margin:0px 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 11px;}

div.last {margin-right:0;}
.span-1  { width: 29px;}
.span-2  { width: 69px;}
.span-3  { width: 109px;}
.span-4  { width: 149px;}
.span-5  { width: 189px;}
.span-6  { width: 229px;}
.span-7  { width: 269px;}
.span-8  { width: 309px;}
.span-9  { width: 349px;}
.span-10 { width: 389px;}
.span-11 { width: 429px;}
.span-12 { width: 469px;}
.span-13 { width: 509px;}
.span-14 { width: 549px;}
.span-15 { width: 589px;}
.span-16 { width: 629px;}
.span-17 { width: 669px;}
.span-18 { width: 709px;}
.span-19 { width: 749px;}
.span-20 { width: 789px;}
.span-21 { width: 829px;}
.span-22 { width: 869px;}
.span-23 { width: 909px;}
.span-24, div.span-24 { width: 949px; margin: 0; }

.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}

div.border{padding-right:4.5px;margin-right:5.5px;border-right:1px solid #eee;}
div.colborder { padding-right:24.5px;margin-right:23.5px;border-right:1px solid #eee;}
.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-23 { margin-left: -920px;}
.pull-24 { margin-left: -960px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}

.push-1 { margin: 0 -40px 18px 40px;}
.push-2 { margin: 0 -80px 18px 80px;}
.push-3 { margin: 0 -120px 18px 120px;}
.push-4 { margin: 0 -160px 18px 160px;}
.push-5 { margin: 0 -200px 18px 200px;}
.push-6 { margin: 0 -240px 18px 240px;}
.push-7 { margin: 0 -280px 18px 280px;}
.push-8 { margin: 0 -320px 18px 320px;}
.push-9 { margin: 0 -360px 18px 360px;}
.push-10 { margin: 0 -400px 18px 400px;}
.push-11 { margin: 0 -440px 18px 440px;}
.push-12 { margin: 0 -480px 18px 480px;}
.push-13 { margin: 0 -520px 18px 520px;}
.push-14 { margin: 0 -560px 18px 560px;}
.push-15 { margin: 0 -600px 18px 600px;}
.push-16 { margin: 0 -640px 18px 640px;}
.push-17 { margin: 0 -680px 18px 680px;}
.push-18 { margin: 0 -720px 18px 720px;}
.push-19 { margin: 0 -760px 18px 760px;}
.push-20 { margin: 0 -800px 18px 800px;}
.push-21 { margin: 0 -840px 18px 840px;}
.push-22 { margin: 0 -880px 18px 880px;}
.push-23 { margin: 0 -920px 18px 920px;}
.push-24 { margin: 0 -960px 18px 960px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}

.box {padding:6px 7px 10px 6px;margin-bottom:18px;border:thin solid #5F060A;background-color:#efe6e6;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select, input {font-family:Arial; font-size:12px;}
input.text:focus, input.title:focus, textarea:focus{/*border:1px solid #5f060a;*/}
select:focus, input:focus{}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:36px;padding:0px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;/*border:2px solid #ddd;*/}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* Custom CSS */
img{vertical-align:bottom;}
a,a:visited{color:#5f060a;text-decoration:none;cursor:pointer;}
a:hover{background-color:#5f060a;color:#fff;text-decoration:none;}
a:focus, a:active {outline: none;} /*removes marquee around links*/

a.noChange,a.noChange:visited{color:#000;text-decoration:none;cursor:pointer;}
a.noChange:hover{background-color:Transparent;color:#000;text-decoration:none;}

.invisible{display:none;} /*elements with this class will print, unlike .hide*/
.relative{position:relative;}
.floatLeft{float:left;}
.left{text-align:left;}
.center{text-align:center; margin: 0 auto;}
.right{text-align:right;}
.vertTop{vertical-align:top;}
.vertBot{vertical-align:bottom;}
.centerPage{ margin: 0 auto;}
.relative{ position:relative;}
.gray{ color:#A7A7A7;}
.white{ color:#fff;}
.black{ color:#000;}

.topMargin{margin-top:18px;}
.topMargin-36{margin-top:36px;}
.topMargin-12{margin-top:12px;}
.topMargin-24{margin-top:24px;}

.botMargin{margin-bottom:18px;}
.botMargin-36{margin-bottom:36px;}
.botMargin-12{margin-bottom:12px;}
.botMargin-24{margin-bottom:24px;}

.topPadding{padding-top:18px;}
.topPadding-36{padding-top:36px;}
.topPadding-12{padding-top:12px;}
.topPadding-22{padding-top:22px;}
.topPadding-24{padding-top:24px;}

.botPadding{padding-bottom:18px;}
.botPadding-36{padding-bottom:36px;}
.botPadding-12{padding-bottom:12px;}
.botPadding-24{padding-bottom:24px;}
.botPadding-54{padding-bottom:54px;}

.pad-4{padding-left:4px;}
.pad-6{padding-left:6px;}
.pad-8{padding-left:8px;}
.pad-12{padding-left:12px;}
.pad-18{padding-left:18px;}
.pad-24{padding-left:24px;}
.padAll-12{padding:12px;}

.padTop-10{padding-top:10px;}
.scrollPad{padding:6px 0 0 16px;}
.caption{font-size:11px; font-style:italic; line-height: 14px;}
.note{font-size:12px; font-style:italic;}
.imgPad{padding-bottom: 8px;}
.error{font-family:Courier New;color:#ff0000;margin:0;padding:0 2px; background-color: Transparent; border-color: #E0DFE3;}

#main{background-image:url(../images/bg.png);background-repeat:repeat-x;}
#mainNav{list-style-type:none;margin:0px; position:relative; top: -38px;}
#mainNav li{float:left;}
#mainNav img{border:0 none;}
#mainNav li{list-style-image:none;}
#mainNav li a,#mainNav li a:visited{color:#000;text-decoration:none;cursor:pointer;}
#mainNav li a:hover{background-color:Transparent;color:#000;text-decoration:none;}
#mainNav span.spacer{position:relative;height:35px;display:block;width:177px;}
#mainNav span.spacer2{position:relative;height:35px;display:block;width:160px;}

#mainContent{margin:0 auto; padding-bottom: 36px;min-height:370px;height:auto !important;height:370px; background-image:url(../images/watermark.png);background-repeat:no-repeat;position:relative;display:block; background-position:center;}

#footer{text-align:center;font-size:11px;border-top:8px solid #5f060a;padding-top:5px;}

#home,#home:visited{background-image:url(../images/nav_home.png);background-repeat:no-repeat;position:relative;height:35px;display:block;width:118px;}
#expertise,#expertise:visited{background-image:url(../images/nav_expertise.png);background-repeat:no-repeat;position:relative;height:35px;display:block;width:119px;}
#menus,#menus:visited{background-image:url(../images/nav_menus.png);background-repeat:no-repeat;position:relative;height:35px;display:block;width:118px;}
#history,#history:visited{background-image:url(../images/nav_history.png);background-repeat:no-repeat;position:relative;height:35px;display:block;width:126px;}
#testimonials,#testimonials:visited{background-image:url(../images/nav_testimonials.png);background-repeat:no-repeat;position:relative;height:35px;display:block;width:132px;}

#home:hover,#expertise:hover,#menus:hover,#history:hover,#testimonials:hover, .selected{text-decoration:none;background-position:0 -35px;}

.occupation{font-style:italic; font-weight: normal; color:#797c31;}
.quote{font-style:italic;}
.options{position:relative; left:394px;}
table { border-collapse: collapse;} /* for IE6 and IE7*/

/* Admin*/
.adminHeader{ background-color:#5f060a; height:18px; padding:2px 5px;}
.adminTitle{font-size:14px; color:#fff;}
.name{display:inline-block; width: 150px; vertical-align:top;}
.value{}
.value input{display:inline-block; width: 350px;}
.direction{font-size:10px; font-style:italic; color:#999; vertical-align:top;}
.top{ vertical-align:top;}

.edit{ background-color:#d0cb88;}
.alternate{ background-color: #efefef;}
.data{font-size:10px;}
.col1{width:150px;}
.col2{width:500px;}
.col3{width:51px;}
.top {vertical-align: top;}

#cafe-button,#cafe-button:visited{background-image:url(../images/cafe.png);background-repeat:no-repeat;position:relative;height:100px;display:block;width:100px;}
#cafe-button:hover{text-decoration:none;background-position:0px -100px;}
.add2tray,.add2tray:visited{background-image:url(../images/add-to-tray.png);background-repeat:no-repeat;position:relative;height:38px;display:block;width:160px; border: solid 1px #5f060a;}
.add2tray:hover{text-decoration:none;background-position:0px -38px;}
.width100{ width: 100px;}

#buttons{list-style-type:none;margin:0px; position:relative; left:185px; overflow:hidden;}
#buttons li{float:left;}
#buttons img{border:0 none;}
#buttons li{list-style-image:none; padding: 0 18px 18px 0;}
#buttons li a,#buttons li a:visited{color:#000;text-decoration:none;cursor:pointer;}
#buttons li a:hover{background-color:Transparent;color:#000;text-decoration:none;}

#buttons a.private,#buttons a.private:visited{background-image:url(../images/menu_private.png);background-repeat:no-repeat;position:relative;height:100px;display:block;width:100px;}
#buttons a.corp,#buttons a.corp:visited{background-image:url(../images/menu_corp.png);background-repeat:no-repeat;position:relative;height:100px;display:block;width:100px;}

#buttons a.private:hover, #buttons a.corp:hover, .selected2{text-decoration:none;background-position:0px -100px;}

#buttons2{list-style-type:none; position:relative; overflow:hidden; margin: 18px auto 0 auto; width:472px;}
#buttons2 li{float:left;}
#buttons2 img{border:0 none;}
#buttons2 li{list-style-image:none; padding: 0 18px 18px 0;}
#buttons2 li a,#buttons2 li a:visited{color:#000;text-decoration:none;cursor:pointer;}
#buttons2 li a:hover{background-color:Transparent;color:#000;text-decoration:none;}

#buttons2 a.soup,#buttons2 a.soup:visited{background-image:url(../images/cafe-soups.png);background-repeat:no-repeat;position:relative;height:100px;display:block;width:100px;}
#buttons2 a.salad,#buttons2 a.salad:visited{background-image:url(../images/cafe-salads.png);background-repeat:no-repeat;position:relative;height:100px;display:block;width:100px;}
#buttons2 a.sandwich,#buttons2 a.sandwich:visited{background-image:url(../images/cafe-sandwiches.png);background-repeat:no-repeat;position:relative;height:100px;display:block;width:100px;}
#buttons2 a.pizza,#buttons2 a.pizza:visited{background-image:url(../images/cafe-pizzas.png);background-repeat:no-repeat;position:relative;height:100px;display:block;width:100px;}

#buttons2 a.soup:hover, #buttons2 a.salad:hover, #buttons2 a.sandwich:hover, #buttons2 a.pizza:hover{text-decoration:none;background-position:0px -100px;}

#cafeImg,
#privateImg,
#corpImg{ position:relative; left:0; top:15px;}

.whiteBG{ background-color: #ffffff; background-image: none;}
#cafe h1{ text-align: center; margin-top:18px; }
#cafe h2{ text-align: center; background-color:#EFE6E6; color: #5f060a; padding: 2px 0; margin: 5px 0; }
#cafe p{ text-align: center;}
.pp-button{ text-align: left; width: 150px;}
.steps{ font-weight: bold; vertical-align: top; width: 10%;}
.steps span{ background-color: #efefef;}
.steps-note{ font-style: italic; color:#666; font-weight:normal; padding-left: 2px; vertical-align: top;}
.steps-opt{ font-style: italic; color:#666; font-weight:bold; vertical-align: top;}
.cafe-table{ }
.warning{background-color:Transparent; color: #990000; font-weight:bold; font-family:Courier New;}
.cost{background-color:#EFE6E6; color: #5f060a; font-weight:bold;}
.category{ font-weight: bold; vertical-align: top; color: #5F060A; clear: both;}
.special{ font-weight: bold; font-style: italic; vertical-align: top; color: #5F060A; clear: both;}
.optional{background-color:#ccc;}
.devForm{ padding: 2px 0;}

#soup-form ul,
#pizza-form ul,
#sandwich-form ul,
#salad-form ul{ list-style-image: none; margin:0px;}

#soup-form li,
#salad-form li,
#pizza-form li,
#sandwich-form li{list-style-type:none;margin:0px;float:left; width: 200px;}
#soup-form .soup-main li{list-style-type:none;margin:0px;float:left; width: 300px;}
#custAddress_soup,
#custAddress_salad,
#custAddress_sandwich,
#custAddress_pizza{ height: 72px; width: 250px;}
.grep{ padding: 0 6px; color: #ccc;}

#salad-specials li,
#sandwich-specials li,
#pizza-specials li{ width: 100%;}

/*#specials { font-family: 'Schoolbell', Courier New, Serif; color: #fff; font-weight: bold; background-image:url(../images/chalkboard.jpg);background-repeat:repeat-y;position:relative;display:block; padding: 10px;}*/
#specials { font-family: 'Homemade Apple', Courier New, Serif; color: #fff; font-weight: bold; background-image:url(../images/chalkboard.jpg);background-repeat:repeat-y;position:relative;display:block; padding: 10px; border: solid 15px #5F060A; font-size: 16px; background-color: #494B57;}
#specials h2 { color: #fff; background-color: Transparent; margin: 0;}
#specials h3 { color: #663333; background-color: Transparent; text-align: center;}
#specials .action { text-align: right;}
#specials a,#specials a:visited{color:#fff;text-decoration:none;cursor:pointer; position:relative;display:block;}
#specials a:hover{background-color:Transparent;color:#663333;text-decoration:none;}
#specials p { font-weight: normal; margin: 0 0 4px 0;}
#specials p.end { margin: 0; padding: 0;}
#specials .daily {padding: 20px 0 0 0;}
#specials .action img {border: none; vertical-align: middle; padding: 0 10px 0 0;}
#message{color: #FFD700; font-family: Courier New, Sans-Serif; text-align: center; padding: 10px;}
.horizScroll{overflow:auto; z-index:102; width: 400px; height: 200px;}
.admin-main{float: left; width: 50%; padding: 10px 0;}
.admin-main2{float: right; width: 50%; padding: 10px 0; text-align: right;}

.orders-table tr,
.orders-table td { vertical-align: top; font-size: 10px; }
.orders-name { width: 100px; display: block; word-wrap: break-word; }
.orders-phone { width: 100px; display: block; }
.orders-location { width: 125px; display: block; word-wrap: break-word; }
.orders-type { width: 50px; display: block; }
.orders-ingredients { width: 150px; display: block; word-wrap: break-word; }
.orders-timestamp { width: 150px; display: block; word-wrap: break-word; }
.orders-price { width: 50px; display: block; }
.directions { text-align: center; font-style: italic; padding: 5px 0 20px 0; color: #009900; font-weight: bold; }
.directions img { width: 100px; }
#orderOptions { font-size: 10px; font-weight: normal; float: right; font-style: italic; background-color: #efefef; padding: 5px; }
#orderOptions input,
#orderOptions label { cursor: pointer; }
.paging { }

/* AJAX Callout validator */
.ajax__validatorcallout_popup_table{width:250px;}








