/*
Theme Name: Hunter-Gatherer Brewery
Theme URI: 
Description: Wordpress template for Hunter-Gatherer Brewery
Version: 1.0
Author: Kendra Schaefer and Erik Gyepes
Author URI: http://www.kendraschaefer.com*/

/* =Eric Meyer's CSS Reset v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/* =GENERAL */
html, body { height: 100%; }
body { background: #F7F4E2 url(images/body_bg_homepage.jpg) repeat 0 0; color: #32140A; /*display: table;*/ font-family: Georgia, Times, "Times New Roman", serif; font-size: 12px; min-width: 960px; width: 100%; }
body.page { background: #F7F4E2 url(images/body_bg_page.jpg) repeat 0 0; }
#wrapper { background: url(images/bottom_content_bg.jpg) repeat 0 0; min-height: 100%; position: relative; }
.page #wrapper { background: url(images/wrapper_bg.jpg) repeat 0 0; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
strong { font-weight: bold; }
em { font-style: italic; }


/* =HYPERLINKS */
a { color: #32140A; outline-style: none; }
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { color: #643C2E; text-decoration: underline; }
a:active { text-decoration: underline; }


/* =HEADER */
#header { background: #090303 url(images/header_homepage.jpg) no-repeat 50% 0; height: 472px; margin: 0 auto; width: 100%; }
.page #header { background: #090303 url(images/header_page.jpg) no-repeat 50% 0; height: 85px; margin: 0 auto; width: 100%; }
#header h1 { margin: 0 auto; width: 960px; }
#header h1 a { background: url(images/logo.png) no-repeat 0 0; color: #FFF; display: block; height: 52px; overflow: hidden; left: 22px; position: relative; text-align: center; text-indent: -9999px; top: 16px; width: 408px }
#header h1 a span { cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }


/* =SLIDESHOW */
#slideshow_wrapper { margin: 19px auto 0 auto; position: relative; width: 960px; }
#slideshow { background: url(images/slideshow_bg.jpg) no-repeat 0 0; height: 362px; padding: 39px 0 0 27px; position: relative; }
#slideshow img { margin: 39px 0 0 27px; left: 0; position: absolute; top: 0; }
#tape { background: url(images/tape_layer.png) no-repeat 0 0; height: 320px; left: 27px; position: absolute; top: 39px; width: 900px; z-index: 100; }


/* =NAVIGATION */
#nav { background: #6A0D02 url(images/nav_bg.jpg) repeat-x 0 0; height: 70px; width: 100%; }
#nav ul { margin: 0 auto; width: 960px; }
#nav li { float: left; height: 54px; padding: 16px 0 0 24px; width: 112px; }
#nav a { color: #FFF; display: block; font-size: 21px; text-decoration: none; }
#nav a:hover { text-decoration: none; }
#nav span { color: #FFF; font-size: 10px; }
#nav .current_page_item { background: url(images/nav_active_bg.png) no-repeat 0 0; }


/* =MAIN */
#main { padding-bottom: 100px; }
.page #main { background: url(images/main_bg.jpg) repeat-y 313px 0; margin: 0 auto; padding-top: 18px; width: 960px; }


/* =CONTENT */
#content { width: 100%; }
.page #content { float: left; padding-right: 20px; width: 600px; }


/* =TOP CONTENT */
#top_content_wrapper { background: url(images/wrapper_bg.jpg) repeat 0 0; padding-top: 18px; }
#top_content { margin: 0 auto; width: 960px; }
#top_content li { display: inline; float: left; min-height: 240px; height: auto !important; height: 240px; position: relative; padding-bottom: 20px; }
#top_content h2 { font-size: 20px; font-weight: bold; margin-bottom: 15px; }
#top_content p { line-height: 17px; }
#top_content .first { background: url(images/artisan_brews.png) no-repeat 100% 0; margin: 0 27px 0 22px; padding-right: 125px; width: 167px; }
#top_content .second { background: url(images/hearty_gourmet.png) no-repeat 100% 0; margin-right: 27px; padding-right: 115px; width: 177px; }

#top_content .button { background: url(images/button_right.gif) no-repeat 100% 0; bottom: 48px; color: #FFF; display: block; font-family: Arial, sans-serif; font-size: 8px; font-weight: bold; height: 25px; position: absolute; text-align: right; text-decoration: none; text-transform: uppercase;  }
#top_content .button span { background: url(images/button_left.gif) no-repeat 0 0; cursor: pointer; display: block; height: 25px; line-height: 20px; margin-right: 13px; padding-right: 6px; }
#top_content a:hover.button { background-position: 100% -25px; }
#top_content a:hover.button span { background-position: 0 -25px; }
#top_content .first .button { width: 74px; }
#top_content .second .button { width: 86px; }
#top_content .third .button { width: 76px; }


/* =BOTTOM CONTENT */
#bottom_content { background: url(images/bottom_content_bg.jpg) repeat 0 0; clear: both; }
#bottom_content .bottom_content_border { background: url(images/bottom_content_dots.jpg) repeat-x 0 0; padding-top: 30px; }
#bottom_content ul { margin: 0 auto; width: 960px; }
#bottom_content h2 { font-size: 20px; font-weight: bold; margin-bottom: 20px; }
#bottom_content h3 { font-size: 16px; font-weight: normal; margin-bottom: 4px; }
#bottom_content p { color: #943226; margin-bottom: 20px; }
#bottom_content li { display: inline; float: left; }
#bottom_content .first { margin: 0 20px 0 10px; width: 301px;  }
#bottom_content .first img { margin-bottom: 15px; }
#bottom_content .second { margin: 0 20px 0 10px; width: 290px; }
#bottom_content .third { margin: 0 0 0 10px; width: 290px; }
#bottom_content .third p { margin-bottom: 5px; }
#bottom_content .third p strong { color: #32140A; }
#bottom_content .third address { background: url(images/icons/map_icon.gif) no-repeat 0 0; color: #943226; font-style: normal; margin-top: 20px; min-height: 85px; height: auto !important; height: 85px; padding-left: 127px; line-height: 15px; }
#bottom_content .third address strong { color: #32140A; display: block; font-size: 14px; font-weight: bold; }
#bottom_content .third ul { margin-top: 20px; width: auto; }
#bottom_content .third li { float: left; margin-right: 20px; padding-bottom: 20px; }
#bottom_content .third li a { color: #B79285; }
#bottom_content .third li .email { background: url(images/icons/email_icon.gif) no-repeat 0 0; padding-left: 24px; }
#bottom_content .third li .myspace { background: url(images/icons/myspace_icon.gif) no-repeat 0 0; padding-left: 24px; }
#bottom_content .third li .facebook { background: url(images/icons/facebook_icon.gif) no-repeat 0 0; padding-left: 24px; }


/* =MENU */
.legend li { float: left; font-style: italic; height: 20px; list-style: none; margin-right: 20px; margin-bottom: 15px; }
.legend .lunch { background: url(images/icons/lunch_icon.gif) no-repeat 0 0; padding-left: 25px; }
.legend .dinner { background: url(images/icons/dinner_icon.gif) no-repeat 0 0; padding-left: 25px; }

.menu h2 { background: url(images/headline_bg_top.gif) no-repeat 100% 100%; color: #943226; font-size: 16px; font-weight: normal; padding-bottom: 2px; }
.menu h2 span { float: right; margin-right: 18px; }
.menu h3 { font-size: 18px; font-weight: normal; }
.menu ul { margin-bottom: 20px; }
.menu li.first-child { background: #FFFCF9 url(images/headline_bg.gif) no-repeat 0 -7px; }
.menu li.last-child { background: #EFECD6; color: #a27b6d; font-size: 12px; padding: 8px 10px; }
.menu li.even { background: none; }
.menu li { background-color: #FFFCF9; position: relative; padding: 15px 10px 4px 10px; }
.menu .description { color: #943226; font-size: 10px; }
.menu .price { font-size: 18px; position: absolute; right: 15px; top: 15px; }
.menu .item_type { margin-left: 7px; }
.menu .thumbnail { float: left; margin-right: 11px; margin-bottom: 7px; position: relative; }


/* =SIDEBAR */
#sidebar { background: url(images/sidebar_bottom_bg.jpg) no-repeat 0 0; background: url(images/sidebar_top_bg.jpg) no-repeat 20px 0; float: left; height: 454px; position: relative; width: 340px; }
#sidebar a { z-index: 2; }
#sidebar .map { display: block; height: 175px; left: 20px; position: absolute; text-indent: -9999px; width: 260px; }
#sidebar .twitter { bottom: 77px; display: block; height: 30px; left: 20px; position: absolute; text-indent: -9999px; width: 260px; }
#sidebar .facebook { bottom: 44px; display: block; height: 30px; left: 20px; position: absolute; text-indent: -9999px; width: 260px; }
#sidebar .email { bottom: 10px; display: block; height: 30px; left: 20px; position: absolute; text-indent: -9999px; width: 260px; }
#sidebar .overlay { bottom: -1px; height: 115px; left: 20px; position: absolute; width: 320px; z-index: 0; }


/* =FOOTER */
#footer { background: url(images/footer_bg_homepage.jpg) repeat-x 0 0; bottom: 0; color: #BCAC75; height: 100px; font-size: 11px; position: absolute; width: 100%; }
.page #footer { background: url(images/footer_bg_page.jpg) repeat-x 0 0; height: 90px; }
#footer ul { background: url(images/footer_dots.jpg) repeat-x 0 0; float: right; padding: 30px 30px 20px 88px;  }
#footer li { line-height: 12px; text-align: right; }
#footer a { color: #BCAC75; font-size: 11px; text-decoration: underline; }


/* =POSTS */
.post { line-height: 17px; margin-bottom: 20px; }
.post h2 { font-size: 34px; font-weight: normal; line-height: 44px; margin-bottom: 5px; }
.post h2 a { }

.post h3 { background: url(images/headline_bg.gif) no-repeat 0 100%; color: #943226; font-size: 16px; font-weight: bold; line-height: 1; padding-bottom: 10px; }
.post h3 a { color: #943226; text-decoration: none; }

a.read-more { background: url(images/button_right.gif) no-repeat 100% 0; color: #FFF; display: block; font-family: Arial, sans-serif; font-size: 8px; font-weight: bold; height: 25px; margin-left: 162px; text-align: right; text-decoration: none; text-transform: uppercase; width: 76px; }
a.read-more span { background: url(images/button_left.gif) no-repeat 0 0; cursor: pointer; display: block; height: 25px; line-height: 20px; margin-right: 13px; padding-right: 6px; }
a:hover.read-more { background-position: 100% -25px; }
a:hover.read-more span { background-position: 0 -25px; }


.entry p { margin-bottom: 20px; }
.entry ul, ol { margin-bottom: 10px; }
.entry ul { list-style: disc inside; }
.entry ol { list-style: decimal inside; }

.entry img { border: 1px solid #D0C4B1; padding: 3px; }
.entry img.alignleft { margin: 0 12px 12px 0; }
.entry img.alignright { margin: 0 0 12px 12px; }
.entry .wp-caption {  }


/* =FORMS */
.wpcf7-form label { float: left; font-size: 18px; font-style: italic; width: 74px; }
.wpcf7-form .your-name input,
.wpcf7-form .your-email input,
.wpcf7-form .your-phone input { border: 1px solid #CEBFAF; font-family: Arial, sans-serif; font-size: 13px; height: 21px; padding: 4px; width: 274px; }
.wpcf7-form .your-note textarea { border: 1px solid #CEBFAF; font-family: Arial, sans-serif; font-size: 13px; height: 92px; padding: 4px 4px; width: 433px; }
.wpcf7-form .submit input { background: url(images/sendit_button.gif) no-repeat 0 0; border: none; cursor: pointer; height: 24px; width: 63px; }
.wpcf7-form .submit input:hover { background-position: 0 -24px; }
.wpcf7-validation-errors { border: 2px solid #FF0000 !important; }


/* =MISC */
.clearer { clear: both; display: block; }

.navigation { margin: 25px 0 20px 0; }

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin: 0 auto; }