/*
Theme Name: Hay Merchant
Theme URI: http://haymerchant.com/
Author: Adcetera.com
Author URI: http://www.adcetera.com/
*/

* {margin: 0; padding: 0}
body {width: 100%; display: table; background: #000; font-family: "Courier New", Courier, monospace; font-size: 12px; color: #120e09}
img {display: block}
a img {border: 0}
ul, ol {list-style-type: none}
h1, h2, h3, h4, h5, h6 {font-weight: normal}
.clear {clear: both}
.left {float: left}
.right {float: right}
.center {margin: 0 auto; display: block}
.hide {display: none}
:focus {outline: 0}

/* SOCIAL NETWORKS & NEWSLETTER SIGN UP */
/****************************************************************************************************/
#socialbar {height: 46px; background: #000 url(images/bg-socialbar.gif) repeat-x left top}
#socialbar-inner {width: 778px; margin: 0 auto; overflow: hidden}
#socialbar-inner a {height: 25px; margin: 9px 0 0 0; display: block; float: left}
#socialbar-inner a.fb {width: 73px; background: transparent url(images/button-facebook.png) no-repeat left top; text-indent: -999em}
#socialbar-inner a.tw {width: 66px; background: transparent url(images/button-twitter.png) no-repeat left top; text-indent: -999em}
#socialbar-inner img {float: left}
#socialbar-inner iframe {width: 100px; margin: 10px 0 0 0; float: left}
#newsletter {height: 21px; width: 281px; margin: 10px 0 0 0; float: right; position: relative}
#newsletter input.wpcf7-text {height: 19px; width: 130px; padding: 0 3px; background: #77726c; border: 1px solid #3d3830; float: left}
#newsletter input.wpcf7-text {font-family: "Courier New", Courier, monospace; font-size: 1em; color: #d9c7ad}
#newsletter input.wpcf7-submit {height: 21px; width: 51px; border: none; background: #000 url(images/button-newsletter-submit.gif) no-repeat left top; float: left}
#newsletter input.wpcf7-submit {text-indent: -999em; font-size: 0; line-height: 0; cursor: pointer}
#newsletter .ajax-loader {display: none}
#newsletter .wpcf7-not-valid-tip {display: none}
#newsletter .wpcf7-response-output {margin: 0; padding: 0}
#newsletter .wpcf7-validation-errors {border: none; color: #cc0000; position: absolute; top: 3px; left: -180px}
#newsletter .wpcf7-mail-sent-ok  {border: none; color: #398f14; position: absolute; top: 3px; left: -180px}
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
#newsletter .wpcf7 {float: left; visibility: hidden} /**********************************************************************  NEWSLETTER IS HIDDEN  */
/****************************************************************************************************/
/****************************************************************************************************/
/****************************************************************************************************/
#newsletter a.cu {width: 67px; margin: 0; background: transparent url(images/button-contact.png) no-repeat left top; text-indent: -999em; display: block; float: right}

/* WRAPPERS FOR BACKGROUNDS & STRUCTURE */
/****************************************************************************************************/
#wrap {background: #000 url(images/bg-site.jpg) no-repeat center top;; overflow: hidden}
#wrap-inner {background: transparent url(images/bg-body-tile.png) repeat-y center top; overflow: hidden}
#wrap-inner-tile {background: transparent url(images/bg-body-topper.png) no-repeat center top; overflow: hidden}
#wrap-content {width: 778px; margin: 0 auto; overflow: hidden}

/* NAVIGATION & LOGO */
/****************************************************************************************************/
#navlogo {height: 226px; width: 778px; margin: 49px auto 0 auto; background: transparent url(images/bg-navigation.jpg) no-repeat left top; position: relative}
#navlogo h1 {height: 226px; width: 283px; position: absolute; top: 0; left: 245px; z-index: 200}
#navlogo h1 a {height: 226px; width: 283px; text-indent: -999em; display: block}
.menu-navigation-container {height: 55px; width: 751px; position: absolute; top: 98px; left: 13px; z-index: 100}
.menu-navigation-container ul li {float: left}
.menu-navigation-container ul li a {height: 55px; text-indent: -999em; display: block}
.menu-navigation-container ul li#about a {width: 116px; margin: 0 10px 0 0}
.menu-navigation-container ul li#about a:hover {background: transparent url(images/bg-navigation-hov.jpg) no-repeat 0 0}
.menu-navigation-container ul li#menu a {width: 138px; margin: 0 233px 0 0}
.menu-navigation-container ul li#menu a:hover {background: transparent url(images/bg-navigation-hov.jpg) no-repeat -126px 0}
.menu-navigation-container ul li#news-events a {width: 138px; margin: 0 9px 0 0}
.menu-navigation-container ul li#news-events a:hover {background: transparent url(images/bg-navigation-hov.jpg) no-repeat -497px 0}
.menu-navigation-container ul li#mud-turtle-program a {width: 107px}
.menu-navigation-container ul li#mud-turtle-program a:hover {background: transparent url(images/bg-navigation-hov.jpg) no-repeat -644px 0}
body#navabout .menu-navigation-container ul li#about a {background: transparent url(images/bg-navigation-hov.jpg) no-repeat 0 0}
body#navmenu .menu-navigation-container ul li#menu a {background: transparent url(images/bg-navigation-hov.jpg) no-repeat -126px 0}
body#navnews .menu-navigation-container ul li#news-events a {background: transparent url(images/bg-navigation-hov.jpg) no-repeat -497px 0}
body#mudturt .menu-navigation-container ul li#mud-turtle-program a {background: transparent url(images/bg-navigation-hov.jpg) no-repeat -644px 0}

/* HOMEPAGE */
/****************************************************************************************************/
#homeleft {height: 392px; width: 517px; margin: 15px 0 0 25px; float: left; position: relative}
#homeleft-beer {position: absolute; bottom: -7px; left: -40px; z-index: 600}
#homeleft-gallery {height: 219px; width: 107px; display: block; position: absolute; top: 12px; left: 55px; z-index: 500}
#homeleft-frame {height: 392px; width: 517px; background: transparent url(images/bg-home-left-image.png) no-repeat left top; position: absolute; top: 0; left: 0; z-index: 400}
#homeleft-img {background: #000; overflow: hidden; position: absolute; top: 4px; left: 10px; z-index: 300}
.pics {height: 349px; width: 497px}
#homeright {width: 200px; margin: 0 25px 0 0; float: right}
#homeright p {margin: 15px 0 0 0; line-height: 15px}
#homeright img {margin: 0 auto}

/* ABOUT */
/****************************************************************************************************/
#about-content {width: 728px; margin: 0 auto; overflow: hidden}
#about-content p {margin: 15px 0 0 0; line-height: 15px}
#about-content p+p {margin: 15px 0 0 177px}
#about-content h2, h3, h4 {height: 27px; width: 728px; text-indent: -999em}
#about-content h2 {margin: 15px 0 0 0; background: transparent url(images/headline-history.png) no-repeat left top}
#about-content h3 {margin: 40px 0 0 0; background: transparent url(images/headline-better-beers.png) no-repeat left top}
#about-content h4 {margin: 55px 0 0 0; background: transparent url(images/headline-beer-club.png) no-repeat left top; clear: both}
#about-content img {margin: 0 20px 10px 0; float: left}

/* MENU */
/****************************************************************************************************/
#menu-download {height: 270px; width: 778px; background: transparent url(http://www.haymerchant.com/wp-content/themes/haymerchant/images/bg-menu-download.png) no-repeat left top; position: relative}
#menu-download-text {width: 150px; font-size: 15px; position: absolute; top: 74px; left: 155px}
#menu-download-button {position: absolute; top: 67px; right: 0}
#menu-download-button p+p {margin: 5px 0 0 0; font-size: 14px}
#menu-download-button p+p a {color: #fff}
#menu-download-button p+p a:hover {text-decoration: none}
.tabs {height: 48px; width: 757px; margin: 10px auto 0 auto; background: transparent url(images/bg-menu-list-top.png) no-repeat right bottom; overflow: hidden}
.tabs li#tap {height: 48px; width: 335px; text-indent: -999px; float: left}
.tabs li#tap a {height: 48px; width: 335px; background: transparent url(images/bg-menu-tab1.png) no-repeat left bottom; display: block}
.tabs li#tap a.current {height: 48px; width: 335px; background: transparent url(images/bg-menu-tab1.png) no-repeat left top; display: block}
.tabs li#food {height: 48px; width: 295px; text-indent: -999px; float: left}
.tabs li#food a {height: 48px; width: 295px; background: transparent url(images/bg-menu-tab2.png) no-repeat left bottom; display: block}
.tabs li#food a.current {height: 48px; width: 295px; background: transparent url(images/bg-menu-tab2.png) no-repeat left top; display: block}
#menu-list {min-height: 800px; width: 757px; margin: 0 auto; background: transparent url(images/bg-menu-list.png) no-repeat left top; overflow: hidden}
#menu-list .panes {width: 697px; margin: 0 auto; padding: 40px 0 0 0; overflow: hidden} /* SCOOT THE MENUS UP HERE */
/* BEER */
#menu-list .panes #drinkbeer h2 {width: 363px; margin: 35px 0 0 0; padding: 0 0 6px 10px; font-size: 22px; color: #570b0d; text-transform: uppercase; float: left}
#menu-list .panes #drinkbeer h2+p {margin: 41px 0 0 0; font-size: 1.2em; color: #570b0d; font-weight: bold; float: left}
#menu-list .panes #drinkbeer h2+p+p {margin: 41px 0 0 68px; font-size: 1.2em; color: #570b0d; font-weight: bold; float: left}
#menu-list .panes #drinkbeer h2+p+p+p {margin: 41px 0 0 65px; font-size: 1.2em; color: #570b0d; font-weight: bold; float: left}
#menu-list .panes #drinkbeer ul {width: 697px; border-top: 2px solid #463835; overflow: hidden; clear: both}
#menu-list .panes #drinkbeer ul+ul {border-top: 1px solid #463835; }
#menu-list .panes #drinkbeer ul li {padding: 8px 0 0 10px; font-family: Arial, sans-serif; font-size: 13px; color: #000; font-weight: bold}
#menu-list .panes #drinkbeer ul li+li {width: 360px; margin: 0 0 0 5px; padding: 3px 0 8px 10px; font-size: 12px; font-weight: normal; float: left}
#menu-list .panes #drinkbeer ul li+li+li {width: 90px; margin: 0; padding: 3px 0 8px 0; float: left; clear: none}
#menu-list .panes #drinkbeer ul li+li+li+li+li {width: 130px}
#menu-list .panes #drinkbeer ul.odd {background: transparent url(images/bg-menu-list-odd.png) repeat left top}
/* FOOD */
#menu-list .panes #eatfood h2 {margin: 35px 0 0 0; padding: 0 0 6px 10px; border-bottom: 1px solid #463835; font-size: 22px; color: #570b0d; text-transform: uppercase}
#menu-list .panes #eatfood ul {width: 697px; border-top: 1px solid #463835; overflow: hidden}
#menu-list .panes #eatfood ul li {padding: 8px 0 0 10px; font-family: Arial, sans-serif; font-size: 13px; color: #000; font-weight: bold}
#menu-list .panes #eatfood ul li+li {margin: 0 0 0 5px; padding: 3px 10px 8px 10px}
#menu-list .panes #eatfood ul li+li {font-size: 12px; text-transform: none; font-weight: normal; font-style: italic}
#menu-list .panes #eatfood ul.odd {background: transparent url(images/bg-menu-list-odd.png) repeat left top}

/* EVENTS & NEWS */
/****************************************************************************************************/
#wrap-newsevents {width: 728px; margin: 0 auto; overflow: hidden}
#wrap-reghappynews {width: 428px; float: left}
/* Football */
#wrap-football {width: 428px; margin: 33px 0 0 0}
#wrap-regular h4.reg {height: 23px; margin: 0 0 20px 0; background: transparent url(images/headline-regulars.png) no-repeat left top}
#wrap-regular img {border: 1px solid #8c8272}
#wrap-regular p {float: left}
#wrap-regular p+p {margin: 0 0 0 142px; float: none}
#wrap-regular p+p strong {font-size: 13px; text-transform: uppercase; float: none}
#wrap-regular p+p+p {margin: 10px 0 0 142px; float: none}
/* HAPPY HOUR */
#wrap-happyhour {width: 428px; margin: 40px 0 0 0; clear: both; overflow: hidden}
#wrap-happyhour h4.hap {height: 23px; margin: 0 0 20px 0; background: transparent url(images/headline-happy-hour.png) no-repeat left top}
#wrap-happyhour p {float: left}
#wrap-happyhour p+p {margin: 0 0 10px 115px; float: none}
#wrap-happyhour p+p strong {font-size: 13px; text-transform: uppercase}
#wrap-happyhour p+p+p {color: #570b0d}
/* NEWS */
#wrap-news {width: 428px; margin: 40px 0 0 0}
#wrap-news h4.new {height: 23px; background: transparent url(images/headline-news.png) no-repeat left top}
.news-loop {padding: 20px 0 10px 0; border-bottom: 1px solid #463835; overflow: hidden}
.news-loop-left {width: 115px; margin: 0 0 10px 0; float: left}
.news-loop-right {width: 313px; float: right}
.news-loop-right p.date {margin: 0; font-size: 12px; text-transform: uppercase}
.news-loop-right h2 {font-size: 14px; font-weight: bold; text-transform: uppercase}
.news-loop-right img {display: none}
.news-loop-right p {margin: 10px 0 0 0}
.news-loop-right ul {margin: 0 33px 0 13px; list-style-type: disc}
.news-loop-right ul li {margin: 10px 0; list-style-type: disc}
.news-loop-right ul li a,
.news-loop-right p a {color: #120e09}
.news-loop-right ul li a:hover,
.news-loop-right p a:hover {text-decoration: none}
/* PAGINATION */
#pagi {width: 428px; margin: 15px 0 0 0}
#pagi-next {font-size: 12px; float: left}
#pagi-prev {font-size: 12px; float: right}
#pagi-next a, #pagi-prev a {color: #570b0d}
#pagi-next a:hover, #pagi-prev a:hover {text-decoration: none}
/* EVENTS */
#wrap-events {width: 281px; float: right}
#wrap-events-top {height: 71px; width: 281px; margin: 15px auto 0 auto; background: transparent url(images/bg-events-top.png) no-repeat left top; overflow: hidden}
#wrap-events-bottom {height: 80px; width: 281px; margin: 0 auto; background: transparent url(images/bg-events-bottom.png) no-repeat left bottom}
#wrap-events-list {width: 281px; padding: 0 0 5px 0; background: transparent url(images/bg-events.png) no-repeat left bottom; overflow: hidden}
#wrap-events-list h6 {padding: 10px 25px; font-size: 12px; color: #570b0d; font-weight: bold; text-decoration: underline; cursor: pointer}
#wrap-events-list p {margin: 0 25px; padding: 0 0 10px 0; font-size: 12px}
#wrap-events-list p+h6 {background: transparent url(images/bg-events-divider.png) no-repeat left top}
#wrap-events-list a {color: #570b0d}
#wrap-events-list a:hover {text-decoration: none}
#wrap-events p#ideas {margin: 10px 35px 0 25px; font-size: 12px}
#wrap-events p#ideas a {color: #570b0d}
#wrap-events p#ideas a:hover {text-decoration: none}

/* MUD TURTLE PROGRAM */
/****************************************************************************************************/
#wrap-mud {width: 728px; margin: 0 auto; overflow: hidden}
#wrap-mudleft {width: 458px; float: left}
#wrap-mudright {width: 250px; float: right}
#mud-content {width: 458px; margin: 13px 0 0 0}
#mud-content h4.mtp {height: 23px; margin: 0 0 20px 0; background: transparent url(images/headline-mud-turtle.png) no-repeat left top}
#mud-content p {margin: 0 0 15px 0}
/* MUD TURTLE RANKING */
#wrap-ranking-top {height: 115px; width: 250px; background: transparent url(images/bg-mud-turtle-rankings.png) no-repeat left top}
#wrap-ranking-bottom {height: 35px; width: 250px; background: transparent url(images/bg-mud-turtle-rankings.png) no-repeat left bottom}
#wrap-ranking-list p.rank-date {width: 179px; padding: 0 36px 10px 35px; background: transparent url(images/bg-mud-turtle-rankings.png) no-repeat 0 -120px; color: #a8987f}
#wrap-ranking-list ul {width: 179px; padding: 0 36px 0 35px; background: transparent url(images/bg-mud-turtle-rankings.png) no-repeat 0 -120px}
#wrap-ranking-list ul li {padding: 5px 0 0 0; color: #c2b7a7; border-top: 1px dotted #4d473d}
#wrap-ranking-list ul li+li {padding: 0 0 5px 0; border: none}
/* MUD TURTLE GUIDE */
#mud-rules {width: 728px; margin: 0 auto; padding: 20px 0 0 0; clear: both}
#mud-rules h4.guide {height: 23px; margin: 0 0 20px 0; background: transparent url(images/headline-mud-turtle-guide.png) no-repeat left top}
#mud-rules ul {border-top: 1px solid #463835; overflow: hidden}
#mud-rules ul li {width: 78px; padding: 6px 10px; color: #000; float: left}
#mud-rules ul li+li {width: 151px; padding: 6px 10px 6px 0}
#mud-rules ul li+li+li {width: 239px; padding: 6px 20px 6px 0}
#mud-rules ul li+li+li+li {width: 199px; padding: 6px 10px 6px 0}
#mud-rules ul.odd {background: transparent url(images/bg-menu-list-odd.png) repeat left top}

/* CONTACT */
/****************************************************************************************************/
#contactleft {width: 360px; margin: 38px 0 0 25px; float: left}
#contactleft h4 {height: 23px; width: 360px; background: transparent url(images/headline-contact-us.png) no-repeat left top}
#contactleft p {margin: 25px 0 30px 0; line-height: 15px; float: left}
#contactleft p+p {margin: 25px 0 30px 0; line-height: 15px; float: right}
#contactleft p.ar {margin: 0 0 15px 6px; padding: 0 0 0 35px; background: transparent url(images/icon-cool-arrow.png) no-repeat left center; font-family: Arial, sans-serif; font-size: 14px; text-transform: uppercase; float: none; clear: both}
#contactleft p.ar a {color: #120e09}
#contactleft p.ar a:hover {text-decoration: none}
#contactleft iframe {padding: 9px; border: 1px solid #3b3431}
#contactright {height: 553px; width: 347px; margin: 15px 25px 0 0; float: right; background: transparent url(images/bg-contact-form.png) no-repeat left top}
#contactright form {width: 287px; margin: 145px auto 0 auto}
#contactright form p+p {margin: 23px 0 0 0; float: right}
#contactright label {font-size: 13px}
#contactright input.wpcf7-text {height: 19px; width: 280px; margin: 0 0 10px 0; padding: 0 3px; background: #d6c6ab; border: 1px solid #3d3830}
#contactright input.wpcf7-text {font-family: "Courier New", Courier, monospace; font-size: 1.1em}
#contactright textarea {height: 100px; width: 280px; padding: 0 3px; background: #d6c6ab; border: 1px solid #3d3830}
#contactright textarea {font-family: "Courier New", Courier, monospace; font-size: 1.1em}
#contactright input.wpcf7-submit {height: 29px; width: 103px; margin: 17px 0; border: none; background: #000 url(images/button-send.gif) no-repeat left top; float: left}
#contactright input.wpcf7-submit {text-indent: -999em; font-size: 0; line-height: 0; cursor: pointer}
#contactright .wpcf7-not-valid-tip,
#contactright .ajax-loader {display: none}
#contactright .wpcf7-validation-errors {border: none; background: #cc0000; color: #f2e4cc}
#contactright .wpcf7-mail-sent-ng {border: none; background: #cc0000; color: #f2e4cc}
#contactright .wpcf7-mail-sent-ok {border: none; background: #398f14; color: #f2e4cc}
#contactright .wpcf7-response-output {margin: 0; padding: 10px; clear: both; text-align: center}

/* GALLERY */
/****************************************************************************************************/
#wrap-content .ngg-albumoverview {width: 627px; margin: 15px auto 0 auto; overflow: hidden}
#wrap-content .ngg-description {display: none}
#galleries {width: 627px; margin: 15px auto 0 auto; overflow: hidden}
#galleries .ngg-album {margin: 0; padding: 0; border: none; float: left; position: relative}
#galleries .ngg-albumtitle {width: 200px; margin: 0; font-size: 1em; text-align: center; position: absolute; top: 153px; left: 5px}
#galleries .ngg-albumtitle a {color: #120e09; text-decoration: none}
#galleries .ngg-thumbnail {height: 193px; width: 200px; margin: 0 4px 10px 5px; background: transparent url(images/bg-gallery.png) no-repeat left top; float: none; overflow: hidden}
#galleries .ngg-thumbnail img {margin: 19px auto 0 auto; padding: 0; background: none; border: none}
#galleries .slideshowlink {display: none}
#galleries .ngg-gallery-thumbnail-box {float: left}
#galleries .albm-back {margin: 3px 20px 8px 15px; overflow: hidden}
#galleries .albm {font-size: 1.4em; font-weight: bold; float: left}
#galleries .back {margin: 2px 0 0 0; float: right}
#galleries .back a {color: #120e09}
#galleries .back a:hover {text-decoration: none}
#galleries .ngg-gallery-thumbnail {height: 144px; width: 186px; margin: 5px 11px 8px 11px; background: transparent url(images/bg-gallery-single.png) no-repeat left top}
#galleries .ngg-gallery-thumbnail img {margin: -7px auto 0 auto; padding: 0; border: none}
#TB_caption {height: 25px; padding: 7px 30px 10px 15px !important; float: left}
#TB_secondLine {font-family: "Courier New", Courier, monospace !important; color: #120e09 !important; font-size: 1em !important}
#TB_closeWindow {height: 25px; padding: 9px 14px 10px 0 !important; float: right}
#TB_window img#TB_Image {border: 1px solid #ccc !important}

/* PRIVACY */
/****************************************************************************************************/
#privacy-content {width: 708px; margin: 0 auto; overflow: hidden}
#privacy-content h2 {margin: 18px 0 0 0; padding: 0 0 15px 0; border-bottom: 1px solid #463835; font-size: 22px; color: #570b0d; text-transform: uppercase}
#privacy-content h3 {height: auto; margin: 20px 0 2px 0; padding: 0; font-size: 16px; font-weight: bold; text-indent: 0; text-transform: uppercase}
#privacy-content p {margin: 0 0 15px 0; padding: 0; line-height: 15px}
#privacy-content ul {padding: 0 0 5px 0}
#privacy-content ul li {margin: 0 130px 10px 30px; list-style-position: outside; list-style-type: disc}

/* FOOTER */
/****************************************************************************************************/
#footer {height: 245px; background: transparent url(images/bg-footer.png) no-repeat center top}
#footer-inner {width: 810px; margin: 0 auto; overflow: hidden}
.foot-top {padding: 50px 0 0 0}
.foot-top ul {width: 770px; margin: 0 auto}
.foot-top ul li {line-height: 17px; font-weight: bold; text-align: center}
.foot-bottom ul {width: 770px; margin: 45px auto 0 auto; overflow: hidden}
.foot-bottom ul li {padding: 0 20px 0 0; background: none; float: left}
.foot-bottom ul li+li {padding: 0 20px; background: #000 url(images/logo-footer-divider.gif) no-repeat left center; float: left}
.foot-bottom ul li.copy {margin: 20px 0 0 0; padding: 0; background: none; color: #574936; font-size: 11px; line-height: normal; text-align: center; float: right}
.foot-bottom ul li a {color: #574936}
.foot-bottom ul li a:hover {text-decoration: none}

#toTop {height: 72px; width: 63px; background:url(images/ui.totop.png) no-repeat left top; border: none; text-indent: -999px; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; display: none}
#toTopHover {height: 72px; width: 63px; background:url(images/ui.totop.png) no-repeat left top; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0)}
#toTop:active, #toTop:focus {outline: none}