html { }
body { line-height: 15px; background: url(../images/header-bkg.jpg); background-repeat: repeat-x; background-position: top center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
a { color: #8b8d08; font-size: 12px; text-decoration: none; }
p { color: #e27912; line-height: 15px; }
.clearer { clear: both; }

.outer-wrapper {  }
.inner-wrapper { margin: 0 auto; width :820px; }


/* Header */
.header {  }
.header #logo { float: left; position: relative; top: 20px; left: 40px; }
.header #slogan { float: left; position: relative; top: 5px; left: 120px; }
.header .topnav { clear: left; background: url(../images/topnav-bkg.jpg); background-repeat: no-repeat; height: 42px; position: relative; top: 13px; }
.header .topnav ul { padding: 4px 0 0 10px; }
.header .topnav li { float: left; }
.recipe-btn { cursor: pointer; position: relative; top: 13px; left: 620px; background: url(../images/btn-recipe.jpg) no-repeat; width: 159px; height: 131px; }
.recipe-btn.over { background: url(../images/btn-recipe-over.jpg) no-repeat; width: 159px; height: 131px; }

.page { margin-top: 15px; }

.left-col { float: left; width: 195px; }
.left-col .events-wrapper { background: url(../images/leftcol-events.jpg); background-repeat: no-repeat; height: 219px; width: 195px; }
.left-col .events-wrapper .tools { float: right; position: relative; top: 48px; right: 10px; z-index: 9999; }
.left-col .events-wrapper .tools a.left { cursor: pointer; display: block; background: url(../images/events-arrowleft-on.jpg); background-repeat: no-repeat; width: 18px; height: 17px; float: left; }
.left-col .events-wrapper .tools a.right { cursor: pointer; display: block; background: url(../images/events-arrowright-on.jpg); background-repeat: no-repeat; width: 19px; height: 17px; float: left; }
.left-col .events-wrapper .events-container { clear: right; position: relative; top: 30px; left: 17px; width: 170px; }
.left-col .events-wrapper .events-container h5 { color: #e27912; width: 90px; }
.left-col .events-wrapper .events-container span.date { color: #c9c98d; }
.left-col .events-wrapper .events-container a.readmore { position: relative; top: 25px; }
.left-col .events-wrapper .events-container p { font-size: 11px; color: #e27912; margin: 10px 10px 10px 0; text-align: justify; line-height: 12px; }
.left-col .newsletter { height: 143px; background: url(../images/leftcol-newsletter-bg.jpg) no-repeat; }
.left-col .newsletter form { padding: 70px 15px 0 15px; }
.left-col .newsletter form #email { border: 1px solid #8b8d0a; color: #8b8d0a; font-size: 12px; width: 155px; }
.left-col .store-wrapper { background: url(../images/leftcol-hours.jpg); background-repeat: no-repeat; height: 253px }
.left-col .store-wrapper .in-txt { position: relative; top: 40px; left: 15px; }
.left-col .store-wrapper .in-txt p { color: #e27912; line-height: 17px; font-weight: bold; }
.left-col .store-wrapper .in-txt ul#contact { position: relative; top: 10px; left: 25px; }
.left-col .store-wrapper .in-txt ul#contact li { height: 18px; color: #e27912; }
.left-col .store-wrapper .in-txt ul a { color: #e27912; text-decoration: underline; }
.left-col .store-wrapper .in-txt ul#hours { position: relative; top: 58px; }
.left-col .store-wrapper .in-txt ul#hours li { height: 18px; color: #e27912; }

.main { float: left; width: 625px; min-height:550px; }
.main .app-container { background: url(../images/flash-bkg.jpg); background-repeat: no-repeat; height: 219px; }
.main .content-wrapper { padding: 10px; }
.main .content-wrapper p { color: #94971d; margin-bottom: 15px; }
.main #c-li {  }
.main #c-li li { background-image: url(../images/li-style-grain.jpg); background-repeat: no-repeat; padding-left: 3.5em; min-height: 23px; margin: 10px 0; color: #e68930; text-align: justify; }
.main .head { background-image: url(../images/location-h3-bkg.jpg); background-repeat: no-repeat; width: 280px; height: 33px; padding: 8px 0 0 12px; }
.main .head h3 { font-size: 14px; color: #8B8D08; }
.main .head-long { clear: left; background-image: url(../images/events-h3-bkg.jpg); background-repeat: no-repeat; width: 614px; height: 33px; }
.main .head-long h4 { font-size: 14px; color: #8B8D08; position: relative; top: 8px; left: 62px; display: inline; }
.main-buttons { margin-top: 20px; }
.main-buttons li { float: left; paddin-right: 10px; }

/* Location Page */
.map-bg { float: right; background: url(../images/location-map-bkg.jpg); background-repeat: no-repeat; width: 312px; height: 325px; padding: 11px 0 0 15px; }
.l-wrapper { width: 300px; }
.l-wrapper .location-wrapper { clear: left; margin: 0 0 15px 10px; }
.l-wrapper p { color: #E27912; line-height: 15px; }
.l-wrapper ul { margin: 10px 0 0 15px; }
.l-wrapper li { color: #E27912; line-height: 15px; }
.l-wrapper table { margin-left: 15px; line-height: 15px; }
.l-wrapper table td { color: #E27912; }
/* EO Location Page */

/* Ads & Planner + Gift Card + Wine Notes Page */
#ad-sub-image { float: right; }
.a-wrapper { width: 280px; margin: 10px; float: left; }
.a-wrapper-g { width: 320px !important; }
.a-wrapper #icon { float: left; }
.a-wrapper h3 { font-size: 12px; color: #8B8D08; position: relative; left: 8px; top: 10px; height: 30px; }
.a-wrapper h4 { font-size: 14px; color: #8B8D08; }
.a-wrapper a { text-decoration: underline; color: #8B8D08; }
.c-wrapper { clear: left; position: relative; left: 50px; text-align: justify; }
.c-wrapper p { margin: 15px 0; }
.c-wrapper span.note { font-size: 9px; color: #c8c88d; }
.ad-wrapper { position: relative; top: 20px; }
.ad-wrapper a { text-decoration: underline; color: #e27912; position: relative; left: 14px; top: 10px; }
/* Ads & Planner Page */

/* Events page */
.e-wrapper { margin: 10px; }
.e-wrapper ul { margin: 15px 0 15px 62px; }
.e-wrapper ul li { color: #e27912; line-height: 15px; }
.e-wrapper img#cal { float: left; }
.e-wrapper h3 { float: left; display: inline; position: relative; top: 10px; left: 10px; color: rgb(139, 141, 8); }
.e-wrapper table { position: relative; left: 62px; margin: 15px 0; width: 550px; line-height: 18px; }
.e-wrapper table .title { font-size: 12px; color: #8B8D08; font-weight: bold; }
.e-wrapper table .text { font-size: 12px; color: #e27912; }
/* EO Events page */

/* About page */
.ab-wrapper { margin: 10px; }
.ab-wrapper img#about-sub-image { float: right; }
.ab-wrapper img#about-icon { float: left;  }
.ab-wrapper h3 { position: relative; left: 20px; top: 13px; font-size: 12px; color: #8B8D08; height: 40px; }
.ab-wrapper #c-li { line-height: 15px; }
.ab-wrapper #c-li #last { margin: 45px 0 20px 0; }
.google-cal { text-align: center; margin: 10px 0; }
/* EO About page */

/* Privacy Policy + Terms of Use */
.t-wrapper { margin: 10px; }
.t-wrapper h3 { margin-bottom: 15px; color: #8B8D08; }
/* EO Privacy Policy + Terms of Use */

.footer { margin: 15px 0; position: relative; }
.footer ul { position: relative; left: 200px; }
.footer li { display: inline; margin: 0 5px; line-height: normal; }
.footer #copy { color: #fdb812; }
.bbb-wrap { position: absolute; bottom: -4px; left: 89px; }

.abs-footer { background: url(../images/footer-grass-repeater.jpg); background-repeat: repeat-x; background-position: bottom center; height: 124px; }
.footer-seperator { clear: left; background:url(../images/footer-seperator.jpg); background-position: center; width: 820px; height: 1px; }