body{margin:0; padding:0; font-family:Tahoma,Geneva,sans-serif; color:#1e1003; font-size:12px} *{outline:none} img{border:0} .clear{clear:both} span.slainte{color:#5f6a2a; font-family:Tahoma,Geneva,sans-serif; font-size:12px; font-weight:bold} input.customCheckbox{display:none} label.customCheckbox{color:#582f14; font-size:11px; cursor:pointer} label.customCheckbox .customCheckboxHolder.standard{background:url(/graphics/checkbox.png) no-repeat; width:19px; height:17px; display:block; float:left; margin-right:3px} label.customCheckbox .customCheckboxHolder.standard.selected{background-position:0 -17px} a{color:#412810; font-size:11px} a:hover{text-decoration:none} #bgLeft{background:url(/graphics/layout/left_topbg.png) repeat-x; height:23px; position:absolute; top:0; left:0; width:50%; z-index:1} #bgRight{background:url(/graphics/layout/right_topbg.png) repeat-x; height:28px; position:absolute; top:0; right:0; width:50%; z-index:1} #global{position:absolute; top:0; width:100%; z-index:2} #container{width:1022px; margin:0 auto; position:relative} #bigImage{width:1007px; height:745px; padding:4px 0 0 15px; position:absolute; top:0; z-index:1} #bigImage img{position:absolute; top:4px; left:17pxz-index:3} #bigImage #mainPhotoTexture{z-index:4} #bigTopBar{background:url(/graphics/middleBand.png) no-repeat; width:703px; height:28px; position:absolute; top:0; left:319px; z-index:50} #container #navColumn{z-index:10; position:absolute; top:0; padding:0 0 0 24px} #logo{display:block; position:relative; left:-77px} #storeFinder{background:url(/graphics/brewFeed/storeFinder_bg.png) no-repeat; width:295px; height:90px; position:relative} #storeFinder a{display:block; position:relative; top:9px; left:22px; width:252px; height:77px; line-height:0px; font-size:0px; text-indent:-99999px; background:url(/graphics/brewFeed/bottle_shop_finder.png) no-repeat} #storeFinder a:hover{background-position:0 -77px} #whatisSlumbrew{background:url(/graphics/nav/whatIsSlumbrewBG.png) no-repeat; width:295px; height:90px; position:relative} #whatisSlumbrew a{display:block; height:23px; left:44px; position:absolute; top:20px; width:113px; z-index:10} #whatisSlumbrew img{display:block; left:44px; top:20px; position:absolute; z-index:10} #whatisSlumbrew img{margin:0; text-indent:-9000px; display:block; float:left} #whatisSlumbrew p{margin:0; float:left; position:absolute; font-size:11px; color:#402308; text-indent:82px; line-height:15px; width:197px; top:29px; left:50px} ul#mainNav{margin:0; padding:0; list-style:none; width:295px} ul#mainNav li{margin:0; padding:0; display:block; text-indent:-9000px} ul#mainNav li a{background-image:url(/graphics/nav/main_nav_sprite_new.png); width:295px; display:block} #navTheBeers a{background-position:0 0; height:61px} #navTheBeers a:hover, #navTheBeers.selected a{background-position:-295px 0} #navBeerTalk a{background-position:0 -61px; height:54px} #navBeerTalk a:hover, #navBeerTalk.selected a{background-position:-295px -61px} #navSwagStore a{background-position:0 -115px; height:55px} #navSwagStore a:hover, #navSwagStore.selected a{background-position:-295px -115px} #navEvents a{background-position:0 -115px; height:55px} #navEvents a:hover, #navEvents.selected a{background-position:-295px -115px} #navAtTheTable a{background-position:0 -170px; height:56px} #navAtTheTable a:hover, #navAtTheTable.selected a{background-position:-295px -170px} #navFAQS a{background-position:0 -226px; height:59px} #navFAQS a:hover, #navFAQS.selected a{background-position:-295px -226px} #navAboutUs a{background-position:0 -285px; height:55px} #navAboutUs a:hover, #navAboutUs.selected a{background-position:-295px -285px} #navContactForm{background:url(/graphics/nav/navContactBG.png) no-repeat; width:289px; height:213px; position:relative} #navContactForm h2{background:url(/graphics/nav/leaveUsANoteHeader.png) no-repeat; width:147px; height:20px; text-indent:-9000px; margin:0; position:absolute; top:15px; left:48px} #navContactForm .textField{background:url(/graphics/nav/textfieldBG.png) no-repeat; width:194px; font-family:Tahoma,Geneva,sans-serif; height:19px; font-size:11px; color:#5c3d1f; border:none; padding:3px 2px 0 6px; position:absolute; left:48px} #navContactForm .textFieldSmall{background:url(/graphics/nav/smallTextField.png) no-repeat; width:170px; font-family:Tahoma,Geneva,sans-serif; height:17px; font-size:11px; color:#5c3d1f; border:none; padding:5px 2px 0 6px; position:absolute; left:70px; display:none} #miniContactName{top:44px} #miniContactEmail{top:70px} #navContactForm textarea{background:url(/graphics/nav/textareaBG.png) no-repeat; width:188px; height:44px; font-size:11px; color:#5c3d1f; font-family:Tahoma,Geneva,sans-serif; border:none; padding:5px 2px 0 6px; position:absolute; top:96px; left:48px; overflow:auto} #navContactForm .viewGuestbookBtn{background:url(/graphics/nav/viewGuestbookBtn.png) no-repeat; width:109px; height:19px; text-indent:-9000px; display:block; position:absolute; top:176px; left:48px} #navContactForm .viewGuestbookBtn:hover{background-position:0 -19px} #navContactForm #contactFormSubmit{position:absolute; top:174px; left:168px; cursor:pointer} #navContactForm label.customCheckbox{position:absolute; top:151px; left:47px; width:160px} #navContactForm .thankYouMsg{font-size:11px !important; line-height:17px; position:absolute; top:50px; left:47px; width:195px} #navContactForm .thankYouMsg a{color:#5c3d1f} #footer{background:url(/graphics/footer/footerBG.png) no-repeat; width:1021px; height:254px; position:relative; z-index:5} #footerText{position:relative; top:33px; left:35px; width:350px} #footerText, #footerText a{color:#412810; font-size:11px} #footerText a:hover{text-decoration:none} #SiteCreditArea{margin-top:5px; position:relative; width:350px; overflow:hidden; height:25px} #CreditsLink{position:absolute; left:-320px; top:0px; width:350px} #soMeContainer{background:url(/graphics/footer/soMeFooterBG.png) no-repeat; width:616px; height:143px; position:absolute; top:23px; right:30px} #soMeContainer #facebookContainer{position:absolute; left:76px; top:20px} #soMeContainer #facebookContainer .header{display:block; margin:0} #soMeContainer #facebookContainer p{margin:3px 0 0 9px; font-size:11px; color:#412810; width:200px; line-height:16px} #soMeContainer #twitterCallout{position:absolute; top:28px; left:381px} #soMeContainer #twitterCallout p{font-size:11px; color:#40280f; width:209px; line-height:16px; margin:0 0 8px 0} #soMeContainer #twitterCallout #postDate{color:#0c4c4d; float:left; width:97px} #soMeContainer #twitterCallout .followLink{float:left} h2.eventsHeader{background:url(/graphics/home/eventsHeader.png) top left no-repeat; width:102px; height:31px; display:block} h2.eventsHeader a{font-family:'Salsa',cursive; color:#d5bb92; text-decoration:none; margin:7px 0 0 0; padding:4px 0 0 7px; text-align:left; display:block; font-size:14px; width:104px} #homeContentContainer{position:relative; z-index:5; min-height:758px} #homeEventsCallout{background:url(/graphics/home/eventsCalloutBG.png) no-repeat; width:668px; height:111px; position:absolute; top:25px; left:322px} #homeEventsCallout h2{width:102px; height:31px; position:absolute; margin:0; top:30px; left:52px} #homeEventsCallout a p{text-decoration:none} #homeEventsCallout p{font-size:11px; line-height:18px; margin:0; width:450px; position:relative; top:37px; left:164px} #homeEventsCallout #moreInfo{position:relative; top:3px} #homeGetInTheKnowCallout{background:url(/graphics/home/getInTheKnowBG.png) no-repeat; width:313px; height:132px; position:absolute; top:584px; left:360px} #homeGetInTheKnowCallout h2{background:url(/graphics/home/getInTheKnowHeader.png) no-repeat; width:130px; height:14px; font-size:12px; text-indent:-9000px; position:absolute; margin:0; top:32px; left:77px} #homeGetInTheKnowCallout p{font-size:11px; font-weight:bold; margin:0; position:absolute; top:74px; left:51px} #homeGetInTheKnowCallout p.thankYouMsg{top:95px} #homeGetInTheKnowCallout .textField{color:#f1e5d8; background:url(/graphics/home/textfieldGetInTheKnow.png) no-repeat; font-family:Tahoma,Geneva,sans-serif; width:150px; height:18px; border:none; padding:2px 2px 0 6px; font-size:11px; position:absolute; top:98px; left:51px} #homeGetInTheKnowCallout .btn{position:absolute; top:95px; left:211px; cursor:pointer} #homeBlogCallout{background:url(/graphics/home/blogBG.png) no-repeat; width:326px; height:220px; position:absolute; top:362px; left:312px} #homeBlogCallout h2{margin:0; position:absolute; top:32px; left:77px} #homeBlogCallout p{line-height:17px; position:absolute; margin:0} #homeBlogCallout p.title{font-size:12px; font-weight:bold; width:230px; top:68px; left:53px; height:87px; overflow:hidden} #homeBlogCallout span.excerpt{font-size:11px; font-weight:normal; width:170px; display:block} #homeBlogCallout span.excerpt p{position:relative; top:0} #homeBlogCallout .blogImg{position:absolute; top:113px; left:51px} #homeBlogCallout .subscribeBtn{position:absolute; top:187px; left:50px} #homeBlogCallout .readFullEntryBtn{position:absolute; top:181px; left:144px; background:url(/graphics/home/blogReadFullEntryBtn.png) no-repeat; width:116px; height:25px; text-indent:-9000px; display:block} #homeBlogCallout .readFullEntryBtn:hover{background-position:0 -25px} #homeBrewLog{background:url(/graphics/home/brewLogBG.png) no-repeat; width:339px; height:311px; position:absolute; top:394px; left:658px} #homeBrewLog h2{margin:0; position:absolute; top:24px; left:77px} #homeBrewLog .infoContainer{position:absolute; top:63px; left:45px; width:260px} #homeBrewLog .infoContainer h3{margin:0 0 0 0; font-size:14px; color:#97231f; font-weight:bold} #homeBrewLog .infoContainer h3 a{color:#97231f} #homeBrewLog .infoContainer h3 a:hover{text-decoration:none} #homeBrewLog .infoContainer p{font-size:12px; line-height:17px; width:232px; margin:6px 0 6px 0} .logTable{font-size:11px; border-color:#1e1003; border-width:0 0 1px 1px; border-style:solid} .logTable td{border-color:#1e1003; border-width:1px 1px 0 0; border-style:solid; margin:0; padding:5px 6px 5px 6px} #homeBrewLog .infoContainer p.info{font-size:10px; margin:7px 0 8px 0} #homeBrewLog .moreAboutThisBeerBtn{float:right; background:url(/graphics/home/moreAbouThisBeerBtn.png) no-repeat; width:157px; height:25px; text-indent:-9000px; display:block} #homeBrewLog .moreAboutThisBeerBtn:hover{background-position:0 -25px} #subContentContainer{position:relative; z-index:5; min-height:758px; left:357px; width:631px; margin:0 0 30px 0; top:45px} #subHeader{background:url(/graphics/subpage/headerBG.png) no-repeat; width:647px; height:68px; position:relative; left:-10px; z-index:70} #subHeader #headerSticker{position:absolute; top:-13px; left:-10px} #subHeader h1{margin:0; text-indent:-9000px; position:absolute; top:27px; left:81px} #subHeader h2{margin:0; font-size:14px; color:#61700f; position:absolute; top:29px; left:217px; text-transform:uppercase} #subHeader h2 .small{font-size:9px} #subContent p{margin:0 0 12px 0} #contentAreaContainer{position:relative; margin-bottom:55px; background:url(/graphics/subpage/subtile.png) repeat-y; left:10px; top:-4px} #subTop{background:url(/graphics/subpage/subTop.png) no-repeat; width:619px; height:123px; position:absolute; top:0} #subContent{padding:20px 0 50px 0; position:relative; min-height:600px} #subContent.subpage{padding:20px 145px 35px 75px} #subContent p{font-size:12px} #subContent ul{list-style:none} #subContent li{margin-bottom:8px} #subContent.subpage p{font-size:12px; line-height:22px; color:#1e1003} #subContent p a, #subContent ul a{color:#61700f} #subContent p a:hover, #subContent ul a:hover{text-decoration:none} #subContent.subpage table tr td p{margin:0px; padding:0px; width:274px} #subBottom{background:url(/graphics/subpage/subBottom.png) no-repeat; width:345px; height:50px; position:absolute; bottom:0; right:12px} #sketchImageContainer{width:1008px; position:absolute; top:725px; left:31px; display:none} .subNav{position:absolute; z-index:200; width:260px; top:158px} #blogSubNav{left:280px} #blogSubNav .top{background:url(/graphics/subpage/beertalk/subnav/blogTop.png) no-repeat; width:235px; height:65px; position:relative} #blogSubNav .top h3{background:url(/graphics/subpage/beertalk/subnav/blogArchiveHeader.png) no-repeat; width:132px; height:32px; position:absolute; top:33px; left:30px; margin:0; text-indent:-9000px} #blogSubNav .content{background:url(/graphics/subpage/beertalk/subnav/tile.png) repeat-y; width:257px; min-height:194px; position:relative; left:-8px; padding-top:14px; padding-bottom:10px} #blogSubNav .tape{position:absolute; background:url(/graphics/subpage/beertalk/subnav/tape.jpg) no-repeat; width:267px; height:55px; top:214px; left:-236px; z-index:100} #blogSubNav .content #Blog_MainContainer{width:215px} #blogSubNav .content ul{margin:0 0 0 46px; padding:0; font-size:11px; list-style:none} #blogSubNav .content ul li{padding-left:9px; background:url(/graphics/subpage/beertalk/subnav/closed.gif) no-repeat 0 4px} #blogSubNav .content ul li.open{background:url(/graphics/subpage/beertalk/subnav/open.gif) no-repeat 0 6px} #blogSubNav .content ul a{cursor:pointer; color:#402308; text-decoration:none} #blogSubNav .content ul a:hover{text-decoration:underline} #blogSubNav .content ul span{text-transform:uppercase} #blogSubNav .content ul a.selected{font-weight:bold} #blogSubNav .content ul ul{margin:2px 0 2px 12px; background:none; padding:0} #blogSubNav .content ul div.MonthLinks{margin-left:2px; line-height:13px} #blogSubNav .content ul div.MonthLinks a{display:block; margin-top:3px} #blogSubNav .content ul li .monthUL{margin-top:4px; display:none} #blogSubNav .content ul li .MonthLinks{margin:6px 0 6px 0} #blogSubNav .bottom{background:url(/graphics/subpage/beertalk/subnav/bottom.png) no-repeat; width:260px; height:76px; position:relative; left:-21px} #beersSubNav{left:276px} #beersSubNav .top{background:url(/graphics/subpage/thebeers/subnav/top.png) no-repeat; width:260px; height:434px; position:relative} #beersSubNav .top .tape{width:325px; height:68px; position:absolute; top:99px; left:-210px; display:none} .tape a{display:block; text-indent:-9000px; width:200px; height:57px; position:relative} #beersSubNav .top .beerLogLink{position:absolute; top:15px; left:15px} #beersSubNav .top p{font-size:10px; width:160px; color:#402308; position:absolute; margin:0; top:62px; left:45px} #beersSubNav .top h3.favoriteLabels{background:url(/graphics/subpage/thebeers/subnav/favoriteLabelsHeader.png) no-repeat; width:154px; height:25px; font-size:12px; text-indent:-9000px; margin:0; position:absolute; top:108px; left:32px} #beersSubNav .top h3.currentlyAvailable{background:url(/graphics/subpage/thebeers/subnav/currentlyAvailable.png) no-repeat; width:172px; height:30px; font-size:12px; text-indent:-9000px; margin:0; position:absolute; top:108px; left:32px} #beersSubNav .top .favoriteLabelContainer{position:absolute; top:130px; left:13px} #beersSubNav .top .favoriteLabelContainer a{display:block; width:78px; height:63px; padding:17px 0 0 21px; float:left; margin:0 0 -20px 0} #beersSubNav .top .favoriteLabelContainer a:hover{background:url(/graphics/subpage/thebeers/subnav/labelHover.png)} #beersSubNav .top .favoriteLabelContainer a.on{background:url(/graphics/subpage/thebeers/subnav/labelOn.png) no-repeat} #beersSubNav .top h3.moreBeers{background:url(/graphics/subpage/thebeers/subnav/moreBeersHeader.png) no-repeat; width:115px; height:17px; position:absolute; top:392px; left:37px; text-indent:-9000px} #beersSubNav .top h3.inDevelopment{background:url(/graphics/subpage/thebeers/subnav/inDevelopment.png) no-repeat; width:148px; height:23px; position:absolute; top:392px; left:37px; text-indent:-9000px} #beersSubNav .content{background:url(/graphics/subpage/thebeers/subnav/beers_subnav_tile.png) repeat-y; width:204px; position:relative; left:13px; padding:0 0 0 24px} #beersSubNav .content a{color:#a45611; font-size:10px; display:block; float:left; width:90px; margin:0 0 8px 0} #beersSubNav .content a:hover{text-decoration:none} #beersSubNav .content a.on{font-weight:bold} #beersSubNav .bottom{background:url(/graphics/subpage/thebeers/subnav/bottom.png) no-repeat; width:223px; height:43px; position:relative; left:17px} #subHeader h1.SwagStore{background:url(/graphics/subpage/swagstore/swagStoreHeader.png) no-repeat; width:131px; height:20px} .swagStoreComingSoon{margin:00px 0 0 10px} #subHeader h1.Faqs{background:url(/graphics/subpage/faqs/faqsHeader.png) no-repeat; width:343px; height:20px} #subHeader h1.WhatIs_Slumbrew{background:url(/graphics/subpage/WhatIs_Slumbrew/WhatIs_SlumbrewHeader.png) no-repeat; width:225px; height:20px} #subHeader h1.AboutUs{background:url(/graphics/subpage/AboutUs/AboutUsHeader.png) no-repeat; width:100px; height:20px} #brewLogImg{background:url(/graphics/subpage/brewlab/brewlabBG.png) no-repeat} #subHeader h1.Events{background:url(/graphics/subpage/events/eventsHeader.png) no-repeat; width:80px; height:20px} h2.dontMiss{background:url(/graphics/subpage/events/dontMissHeader.png) no-repeat; width:138px; height:40px; margin:0; text-indent:-9000px} #dontMissContainer{margin:-4px 0 15px 25px; color:#2e1305; line-height:18px; font-size:12px; position:relative; width:537px} #dontMissContainer .top{margin:10px 0 0 0} #dontMissContainer .top .topBorder{background:url(/graphics/backgrounds/blog_header_top.png) no-repeat; height:3px} #dontMissContainer .top .bodyBorder{padding:10px 10px 10px 25px; background:url(/graphics/backgrounds/blog_header_body.png) repeat-y} #dontMissContainer .top .bottomBorder{background:url(/graphics/backgrounds/blog_header_bottom.png) no-repeat; height:3px} #dontMissContainer .content{background:url(/graphics/backgrounds/blog_body.png) repeat-y; padding:15px 42px 15px 25px} #dontMissContainer .bottom{background:url(/graphics/backgrounds/blog_footer.png) no-repeat; height:49px} #dontMissContainer div p{font-size:11px !important; margin:0} #dontMissContainer .beerServed{color:#517610; width:100%; float:left; display:block} #dontMissContainer .beerServed .beerIcon{position:relative; top:10px; margin-right:5px; display:block; float:left} #dontMissContainer .beerServed .beerList{margin-left:24px; display:block; margin-top:12px} #dontMissContainer .beerServed a{color:#517610} #dontMissContainer .beerServed a:hover{text-decoration:none} #dontMissContainer .rsvpEvent{top:10px} .rsvpEvent{position:relative; float:right; top:3px; width:213px; height:23px} .illBeThereBtn{float:right} .rsvpEvent .rsvpemail{background:url(/graphics/subpage/events/textfield.png) no-repeat; width:142px; height:21px; padding:1px 2px 0 6px; border:none; color:#8c7151; font-size:11px; position:absolute; top:0; left:0} .rsvpEvent .rsvpSubmit{position:absolute; top:0px; left:154px; cursor:pointer} #firstFridaysHeader{background:url(/graphics/subpage/events/firstFridaysHeaderBG.png) no-repeat; width:551px; height:57px; position:relative; margin:0 0 -4px 0} h2.firstFridays{background:url(/graphics/subpage/events/firstFridaysHeader.png) no-repeat; width:446px; height:30px; margin:0; text-indent:-9000px; position:absolute; top:17px; left:23px} .firstFridayContainer{width:550px; color:#2e1305; line-height:18px; font-size:11px; margin:0 0 9px 25px} .firstFridayContainer .top{background:url(/graphics/subpage/events/firstFridayTopBG.png) no-repeat; height:25px} .firstFridayContainer .content{background:url(/graphics/subpage/events/firstFridayRepeatBG.png) repeat-y; position:relative; padding:0 29px 0 25px} .firstFridayContainer .bottom{background:url(/graphics/subpage/events/firstFridayBottomBG.png) no-repeat; height:29px} .firstFridayContainer .beerServed{color:#b66a25; width:280px; float:left} .firstFridayContainer .beerServed .beerIcon{position:relative; top:10px; margin-right:5px; display:block; float:left} .firstFridayContainer .beerServed .beerList{margin-left:24px; display:block; margin-top:12px} .firstFridayContainer .beerServed .beerIcon{position:relative; top:10px; margin-right:5px} .firstFridayContainer .beerServed a{color:#b66a25} .firstFridayContainer .beerServed a:hover{text-decoration:none} .firstFridayContainer .rsvpEvent{top:13px} .firstFridayContainer .rsvpEvent .rsvpForm{display:none; position:relative; top:-4px} h2.youJustMissed{background:url(/graphics/subpage/events/youMissedHeader.png) no-repeat; width:239px; height:48px; position:relative; margin:10px 0 10px 0; text-indent:-9000px} #passedEventsContainer{margin-left:42px} div.passedEvent{font-size:11px !important; color:#2e1305; line-height:18px; margin:0 !important; display:block; width:540px; height:27px; position:relative} .passedEvent.hidden{display:none} .passedEvent a{color:#2e1305; text-decoration:none} .passedEvent a:hover .underline{text-decoration:none} .passedEvent .photoIcon{position:absolute; top:-2px; margin:0 7px 0 7px} .passedEvent .underline{text-decoration:underline; margin-left:37px} .passedEvent .rightArrow{position:relative; top:1px; margin:0 5px 0 5px} .hr{background:#b4935a; width:430px; height:1px; margin:8px 0 10px 0} #showMoreEvents{margin:0px 0 0 0} #subHeader h1.Guestbook{background:url(/graphics/subpage/guestbook/guestbookHeader.png) no-repeat; width:124px; height:20px} #guestbookContainer{margin-top:25px} .entry{margin:0 0 0 52px; display:none} .entry.visible{display:block} .entry .title{position:relative} .entry .title .top{background:url(/graphics/subpage/guestbook/entryTitleTop.png) no-repeat; width:521px; height:13px} .entry .title .content{background:url(/graphics/subpage/guestbook/entryTitleTile.png) repeat-y; width:521px} .entry .title h3{font-size:17px; text-transform:uppercase; color:#97231f; margin:0 0 0 55px} .entry .title .bottom{background:url(/graphics/subpage/guestbook/entryTitleBottom.png) no-repeat; width:521px; height:12px} .entry .detail .content{background:url(/graphics/subpage/guestbook/entryTextTile.png) repeat-y; width:519px} .entry .detail .content p{font-size:12px; line-height:17px; color:#1e1003; margin:0 !important; padding:16px 64px 0 55px} .entry .detail .bottom{background:url(/graphics/subpage/guestbook/entryTextBottom.png) no-repeat; height:34px; width:519px} #guestbookContainer .entryDivider{background:url(/graphics/subpage/guestbook/entryDivider.png) no-repeat; width:518px; height:1px; margin:13px 0 12px 0px} #guestbookPaginatorTop{position:absolute; right:46px; top:-4px} #guestbookPaginatorBottom{float:right; position:relative; top:-3px; margin-right:46px} .bottomPaginator{margin:45px 0 0 0; background:url(/graphics/subpage/guestbook/bottomPaginatorBG.png) no-repeat; width:621px} #subHeader h1.BeerTalk{background:url(/graphics/subpage/beertalk/beerTalkHeader.png) no-repeat; width:112px; height:20px} #subHeader h1.recipes{background:url(/graphics/brewFeed/atTheTableHeader.png) no-repeat; width:149px; height:20px} #blogPaginatorTop{position:absolute; right:46px; top:-4px} #blogPaginatorBottom{float:right; position:relative; top:-3px; margin-right:46px} #blogEntries{margin-top:25px} .blogEntryContainer{margin:0 0 0 25px; display:none} .blogEntryContainer.visible{display:block} .blogEntryContainer .title{position:relative} .blogEntryContainer .title .top{width:516px; height:3px; background:url(/graphics/backgrounds/blog_header_top.png) no-repeat} .blogEntryContainer .title .content{padding:9px 0 9px 0; width:516px; background:url(/graphics/backgrounds/blog_header_body.png) repeat-y} .blogEntryContainer .title h3{margin:0 0 0 48px; width:438px} .blogEntryContainer .title h3 a{font-size:17px; text-transform:uppercase; color:#97231f; text-decoration:none} .blogEntryContainer .title h3 a:hover{text-decoration:underline} .blogEntryContainer .title .bottom{width:516px; height:3px; background:url(/graphics/backgrounds/blog_header_bottom.png) no-repeat} .blogEntryContainer .detail .content{padding:15px 0 0 0; background:url(/graphics/backgrounds/blog_body.png) repeat-y; width:516px} .blogEntryContainer .detail .content p{font-size:12px; line-height:17px; color:#1e1003; margin:0; padding:0 50px 0} .blogEntryContainer .detail .content .readFullEntry{position:relative; top:3px} .blogEntryContainer .detail .content .blogFooter{background:url(/graphics/subpage/beertalk/blogfooterBG.png) repeat; width:383px; margin:15px 0 0 50px; font-size:11px; line-height:17px; color:#5e4111; padding:8px 10px 6px 20px; position:relative; min-height:52px} .blogEntryContainer .detail .content .blogFooter .tab{background:url(/graphics/subpage/beertalk/blogInfoTabMarker.png) no-repeat; width:6px; height:50px; position:absolute; top:9px; left:3px} .blogEntryContainer .detail .content .blogFooter a{color:#5e4111} .blogEntryContainer .detail .content .blogFooter a:hover{text-decoration:none} .blogEntryContainer .detail .bottom{background:url(/graphics/backgrounds/blog_footer.png) no-repeat; height:49px; width:516px; position:relative} .blogEntryContainer .detail .bottom .iconContainer{position:absolute; top:16px; left:53px} #blogEntries .entryDivider{background:url(/graphics/subpage/beertalk/blogEntryDiv.png) no-repeat; width:418px; height:1px; margin:13px 0 12px 7px} .blogEntryContainer.blogDetail{display:block} .blogEntryContainer.blogDetail .detail .bottom{background:url(/graphics/subpage/beertalk/blogDetailBottom_2.png) no-repeat; width:516px; height:68px; position:relative} .commentsContainer{margin:0 0 0 25px} .commentsContainer .commentsTop{background:url(/graphics/subpage/beertalk/commentsTop.png) no-repeat; width:516px; height:38px; position:relative} .commentsContainer .commentsTop h4{font-size:12px; margin:0; background:url(/graphics/subpage/beertalk/commentsHeader.png) no-repeat; width:90px; height:14px; text-indent:-9000px; position:absolute; top:13px; left:50px} .commentsContainer .commentsTop .commentCount{position:absolute; top:12px; left:145px; font-size:14px; font-weight:bold; color:#a45611} .commentsContainer .commentsTop .leaveCommentBtn{position:absolute; top:14px; right:50px} .commentsContainer .commentContent{width:415px; background:rgba(252,243,217,0.48); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#75fcf3d9,endColorstr=#75fcf3d9); font-size:11px; color:#1e1003; line-height:17px; padding:15px 50px 0 50px} .commentsContainer .commentContent .comment{padding:0 0 15px 0; width:355px} .commentsContainer .commentContent .commentInfo{background:url(/graphics/subpage/beertalk/commentInfoTile.png) repeat-y; width:318px; padding:4px 0 4px 16px; color:#a45611; position:relative; left:-2px; margin:8px 0 0 0} .commentsContainer .commentContent .commentInfo a{color:#a45611} .commentsContainer .commentContent .commentInfo .tab{background:url(/graphics/subpage/beertalk/commentTab.png) no-repeat; width:6px; height:36px; position:absolute; top:3px; left:3px} .commentsContainer .commentContentBottom{background:url(/graphics/subpage/beertalk/commentContentBottom.png) no-repeat; width:516px; height:16px} .commentsContainer .leaveCommentContainer{background:url(/graphics/subpage/beertalk/leaveCommentBG.png) no-repeat; width:516px; height:195px; position:relative; padding:40px 0 0 0} .commentsContainer .leaveCommentContainer .leaveACommentHeader{background:url(/graphics/subpage/beertalk/leaveACommentHeader.png) no-repeat; width:146px; height:15px; margin:0; text-indent:-9000px; position:absolute; top:13px; left:51px} .commentsContainer .leaveCommentContainer .textField{background:url(/graphics/subpage/beertalk/textfield.png) no-repeat; width:183px; height:19px; font-size:11px; color:#5c3d1f; border:none; display:block; padding:4px 5px 0 6px; margin:0 0 4px 53px} .commentsContainer .leaveCommentContainer textarea{background:url(/graphics/subpage/beertalk/textareaBG.png) no-repeat; width:324px; height:52px; border:none; display:block; padding:4px 5px 4px 6px; font-size:11px; font-family:Tahoma,Geneva,sans-serif; color:#5c3d1f; margin:0 0 8px 53px} .commentsContainer .leaveCommentContainer .submitBtn{margin:0 0 0 315px} #subHeader h1.BrewLab{background:url(/graphics/subpage/BrewLab/brewLabHeader.png) no-repeat; width:104px; height:20px} #contentAreaContainerBrewLab{position:relative; left:10px; margin-bottom:55px; top:-4px} #contentAreaContainerBrewLab #subTop{background:url(/graphics/subpage/brewlab/brewlabTopBG.png) no-repeat; width:621px; height:388px; position:relative} #contentAreaContainerBrewLab #subTop .brewLabPhoto{position:absolute; left:47px; top:18px} #contentAreaContainerBrewLab #subTop h2{background:url(/graphics/subpage/brewlab/forTheLoveOfBeerHeader.png) no-repeat; width:182px; height:15px; position:absolute; left:88px; top:370px; margin:0; text-indent:-9000px} #contentAreaContainerBrewLab #subContent{background:url(/graphics/subpage/subtile.png) repeat-y; position:relative; margin-bottom:30px; padding:0 175px 50px 88px; font-size:12px; line-height:22px; width:358px; min-height:265px} #subHeader h1.AboutSlumbrew{background:url(/graphics/subpage/aboutslumbrew/aboutSlumbrewHeader.png) no-repeat; width:186px; height:20px} .slumbrewAboutPhoto{position:relative; left:-35px} h2.aboutSlumbrewHeader{background:url(/graphics/subpage/aboutslumbrew/aboutContentHeader.png) no-repeat; width:228px; height:23px; margin:0 0 9px 0; text-indent:-9000px} .aboutPortrait{float:left; margin:0 10px 10px 0} #subHeader h1.TheBeers{background:url(/graphics/subpage/thebeers/theBeersHeader.png) no-repeat; width:119px; height:20px} .theBeersCollection{margin:0 0 0 25px} .theBeersCollection h2.latestBatch{background:url(/graphics/subpage/thebeers/lastBatchFromBreweryHeader.png) no-repeat; width:585px; height:65px; margin:0; text-indent:-9000px} .theBeersCollection h2.justReleasedFromTheBrewery{background:url(/graphics/subpage/thebeers/justReleasedFromTheBrewery.png) no-repeat; width:585px; height:65px; margin:0; text-indent:-9000px} .theBeersCollection h2.labelGallery{background:url(/graphics/subpage/thebeers/labelGalleryHeader.png) no-repeat; width:581px; height:43px; margin:0 0 10x 0; text-indent:-9000px} .theBeersCollection .theBeersDetails{width:349px; padding:20px 34px 0 20px; margin:0 0 20px 149px} .theBeersCollection .theBeersDetails p{line-height:17px; color:#1E1003} .theBeersCollection .latestBatchContainer{background:url(/graphics/subpage/thebeers/latestBatchBG.png) left bottom no-repeat; width:349px; height:auto; padding:20px 34px 52px 20px; margin:-14px 0 20px 149px} .theBeersCollection .theBeersDetails h3, .theBeersCollection .latestBatchContainer h3{font-size:14px; color:#97231f; background:url(/graphics/subpage/thebeers/latestBatchTitleBG.png) no-repeat; with:271px; height:20px; padding-left:5px; margin:0; position:relative; left:-5px} .theBeersCollection .latestBatchContainer p, .theBeersCollection .latestBatchContainer .description{font-size:12px; line-height:17px; color:#1e1003} .theBeersCollection .latestBatchContainer h4{font-size:14px; color:#97231f; text-decoration:underline; background:url(/graphics/subpage/thebeers/statsHeader.png) no-repeat; with:47px; height:14px; margin:0; text-indent:-9000px} .theBeersCollection .latestBatchContainer .logTable{width:350px; margin:5px 0 10px 0} .theBeersCollection .latestBatchContainer .brewLogBtn{float:right} .theBeersCollection .labelsContainer{margin-left:122px} .theBeersCollection .labelRow{width:441px; height:62px; position:relative; margin-bottom:2px} .theBeersCollection .labelRow.alt{background:url(/graphics/subpage/thebeers/labelAltRowBG.png) no-repeat} .theBeersCollection .label{position:absolute; top:8px; left:42px; border:1px solid #ab6521} .theBeersCollection .labelRow p{color:#1e1003; font-size:11px !important; line-height:16px; margin:0 !important; width:275px; position:absolute; top:7px; left:120px} .theBeersCollection .labelRow p a{color:#97231f} .theBeersCollection .labelRow p a:hover{color:#97231f; text-decoration:none} .beerDetails{position:relative; margin-left:188px} .beerDetails h3{font-size:14px; font-weight:bold; color:#44270e; margin:0 0 15px 0; position:relative; z-index:5} .beerDetails .beerLabelContainer{background:url(/graphics/subpage/thebeers/details/labelBG.png) no-repeat; width:391px; height:298px; position:relative; left:-22px} .beerDetails .beerLabelContainer img{position:absolute; top:16px; left:18px} .beerDetails .stats{background:url(/graphics/subpage/thebeers/details/statsBG.png) no-repeat; width:387px; height:133px; padding:6px 0 0 18px; position:relative; left:-18px; margin:0 0 10px 0} .beerDetails .stats h4.statsHeader{font-size:14px; background:url(/graphics/subpage/thebeers/statsHeader.png) no-repeat; with:47px; height:14px; margin:0 0 7px 0; text-indent:-9000px} .beerDetails .stats .logTable{font-size:11px; width:355px} .beerDetails .overviewHeader{background:url(/graphics/subpage/thebeers/overviewHeader.png) no-repeat; width:84px; height:14px; margin:0 0 10px 0; text-indent:-9000px} .beerDetails p{font-size:12px; color:#1e1003; line-height:22px; width:365px} #brewLogSearch .header{background:url(/graphics/subpage/brewlog/headerBG.png) no-repeat; width:608px; height:107px; position:relative; left:-3px; margin:0 0 35px 0; z-index:100} #brewLogSearch .header h3{background:url(/graphics/subpage/brewlog/welcomeToBrewLog.png) no-repeat; width:230px; height:33px; margin:0; text-indent:-9000px; position:absolute; top:20px; left:190px} #brewLogSearch .header .search{font-size:12px; color:#5d291b; position:absolute; top:68px; left:190px; width:410px; height:33px} #brewLogSearch .header #experimentSearch{font-size:12px; color:#5d291b; width:105px; margin-right:10px; font-family:Tahoma,Geneva,sans-serif} #brewLogSearch .header #keywordSearch{background:url(../graphics/subpage/brewlog/textField.png) no-repeat top left; width:96px; font-family:Tahoma,Geneva,sans-serif; font-size:12px; color:#5d291b; border:none; height:23px; padding:0px 3px 0 5px; margin:0; position:absolute; top:0; right:36px} #brewLogSearch .header #brewLogSearchBtn{position:absolute; top:0; right:8px} #brewLogSearch #brewLogPaginatorTop{position:absolute; right:46px; top:121px} #brewLogSearch .batchContainer{margin:0 0 20px 134px; display:none} #brewLogSearch .batchContainer.visible{display:block} #brewLogSearch .batchContainer .header{background:url(/graphics/subpage/brewlog/batchHeader.png) no-repeat; width:407px; height:28px; padding:6px 0 0 50px; margin:0 0 10px; 0} #brewLogSearch .batchContainer .header h4{margin:0; font-size:14px; font-weight:bold; color:#97231f} #brewLogSearch .batchContainer .batchContent{width:363px; margin-left:48px} #brewLogSearch .batchContainer .batchContent .description{font-size:11px; color:#1e1003} #brewLogSearch .batchContainer .batchContent .statsHeader{font-size:14px; background:url(/graphics/subpage/thebeers/statsHeader.png) no-repeat; with:47px; height:14px; margin:0 0 10px 0; text-indent:-9000px} #brewLogSearch #brewLogPaginatorBottom{position:absolute; bottom:0px; right:34px; background:url(/graphics/subpage/brewlog/bottomPaginator.png) no-repeat} #subHeader h1.Research{background:url(/graphics/subpage/research/ResearchHeader.png) no-repeat; width:108px; height:20px} #subHeader h1.SiteMap{background:url(../graphics/subpage/sitemap/siteMapHeader.png) no-repeat; width:87px; height:20px} ul#sitemap{font-size:7px; list-style:square; line-height:15px; list-style-position:inside} ul#sitemap li{margin-bottom:16px} ul#sitemap a{font-size:15px; color:#454f08; font-weight:bold} .itemPaginator{background:url(/graphics/subpage/paginator/paginatorBG.png) no-repeat; width:151px; height:24px; padding:9px 0 0 26px; z-index:50} .itemPaginator .arrow{display:block; float:left; text-indent:-9000px; width:15px; height:12px; position:relative; top:4px; cursor:pointer} .itemPaginator .prevBtn{background:url(/graphics/subpage/paginator/leftArrow.png) no-repeat; margin-right:6px} .itemPaginator .nextBtn{background:url(/graphics/subpage/paginator/rightArrow.png) no-repeat; margin-left:6px} .itemPaginator .text{color:#5d291b; float:left; position:relative; top:2px; font-size:12px} .currentPageNumberInput{background:url(/graphics/subpage/paginator/pageInput.png) no-repeat; border:medium none; color:#5d291b; float:left; font-size:12px; text-align:center; margin:0 4px 0 4px; padding:2px 5px 0 4px; position:relative; text-align:center; top:-2px; width:22px; height:19px} .socialContainer div:first-child{float:left !Important; width:73px !Important} .socialContainer .twitter-share-button{display:block; float:left} .socialContainer .fb-like{display:block; float:left; width:100px} #column.body{float:left; height:auto} #blog_container{width:427px; height:auto; display:block; margin:43px 0 11px 0; min-height:365px} #blog_container .content{display:block; overflow:hidden; width:100%; height:347px; padding:11px 0 0 0; background:url(../graphics/brewFeed/darkContainer_repeatBG.png) repeat-y} #blog_container #blog{padding:13px 0 13px 0; margin:0 0 0 48px; width:313px; height:auto; border-bottom:1px dashed #9f8752} #blog_container #blog a.blogTitle, #blog_container #blog a.blogTitle h3{text-decoration:none; display:block; font-family:'Oswald',Arial,sans-serif; font-size:18px; color:#6f3e10; font-weight:normal} #blog_container #blog a.blogTitle h3{background:url(/graphics/brewFeed/rightArrow.png) right no-repeat} #blog_container #blog a.blogTitle.current, #blog_container #blog a.blogTitle.current h3{} #blog_container #blog a.blogTitle.current h3{background:url(/graphics/brewFeed/downArrow.png) right no-repeat} #blog_container #blog .blogBody{margin:16px 0 0 0; display:none; height:auto} #blog_container #blog .blogBody p{line-height:18px; color:#1e1003; font-family:Tahoma,Geneva,sans-serif; font-size:12px; margin:0} #blog_container #blog .blogBody p img{padding:0 10px 0 0} #blog_container #blog .blogBody a.readMore{color:#1e1003; font-family:Tahoma,Geneva,sans-serif; font-size:12px; font-weight:bold; text-decoration:none} #blog_container #blog .blogBody.selected{display:block} #blog_container .bottom{background:url(/graphics/brewFeed/darkContainer_bottomBG.png) no-repeat; width:425px; height:32px; display:block} #press_container{width:425px; height:auto; display:block; margin:0 0 11px 0} #press_container .content{display:block; width:100%; height:auto; background:rgba(255,246,225,0.45); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#65fff6e1,endColorstr=#65fff6e1)} #press_container #press{padding:21px 0 21px 0; margin:0 0 0 48px; width:313px; height:auto} #press_container #press h3{margin:0 0 11px 0; display:block; font-family:'Oswald',Arial,sans-serif; font-size:18px; color:#6f3e10; font-weight:normal; border-bottom:1px dashed #9F8752; padding-bottom:11px} #press_container #press a.pressTitle.current, #press_container #press a.pressTitle.current h3{font-weight:bold} #press_container #press .pressBody{display:block; height:auto} #press_container #press .pressBody a.readMore{color:#1e1003; font-family:Tahoma,Geneva,sans-serif; font-size:12px; font-weight:bold; text-decoration:none} #press_container #press .pressBody p{line-height:18px; color:#1e1003; font-family:Tahoma,Geneva,sans-serif; font-size:12px; margin:0} #press_container #press .pressBody p strong a{line-height:18px; color:#1e1003; font-family:Tahoma,Geneva,sans-serif; font-size:12px; margin:0; text-decoration:none} #press_container #press a.viewAll_btn{background:url(/graphics/brewFeed/viewAll_btn.png) no-repeat; width:74px; height:34px; display:block; line-height:0px; font-size:0px} #press_container .bottom{background:url(/graphics/brewFeed/lightContainer_bottomBG.png) no-repeat; width:425px; height:32px; display:block} #column.sideBar{float:right} @media only screen and (min-width: 500px) { #bigImage img.bgImage { background:URL(/graphics/layout/mainPhoto-11-2-11.jpg) no-repeat; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px){ #bigImage img.bgImage { background:URL(/graphics/layout/mainPhoto_mobile.jpg) no-repeat; } }