/* Theme Name: EBL Theme URI: http://wordpress.org/ Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar. Author: the WordPress team Version: 1.2 License: GNU General Public License License URI: license.txt Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu */ /* CSS Template by Juuce Interactive �2008 Author: Samuel Larcher */ /* ---------------- INITIAL START ------------- */ * { margin: 0px; padding: 0px;} h1 { margin-bottom: 10px;} h2 { margin-bottom: 7px;} h3, h4, h5 { margin-bottom: 5px;} p, ul { margin-bottom: 7px; } form label button { cursor: pointer; cursor: hand; } fieldset { border: none; } input, select, textarea { border: none; background: none; } select { background: white; } ul li { list-style: none; } /* ---------------- INITIAL END ------------- */ /* ---------------- FONT ------------- */ a { } h1 { font: normal normal 20px "Trebuchet MS", sans-serif; color: white; } h2 { } h3 { } h4 { } a:link, a:visited { color: #f1d321; text-decoration: underline; } a:hover, a:active { text-decoration: none; } .footerLink:link, .footerLink:visited { color: #335000; text-decoration: none; } .footerLink:hover, .footerLink:active { color: #FFF;} /* ---------------- BASICS ------------- */ body { background: #ebd28f url(images/main/bg.jpg) left top repeat-x; font: normal normal 12px Arial, Helvetica, sans-serif; color: white; } #mainWrapper { width: 860px; margin: 0 auto 0 auto; } /* ---------------- BOXES FEATURED CONTAINER ------------- */ .HPbanner_one { background: url(images/main/HPbanner_1.jpg) left top no-repeat; height: 250px; width: 860px; } .HPbanner_two { background: url(images/main/HPbanner_2.jpg) 202px 0px no-repeat; height: 250px; width: 860px; } .HPbanner_three { background: url(images/main/HPbanner_3.jpg) 409px 0px no-repeat; height: 250px; width: 860px; } .HPbanner_four { background: url(images/main/HPbanner_4.jpg) right top no-repeat; height: 250px; width: 860px; } .BWSmiddle { background: #f9e300 url(images/main/BWSmidddle.jpg) left top no-repeat; width: 860px; height: 170px; } .BWSright { background: url(images/main/BWSright.jpg) 351px 0px no-repeat; width: 860px; height: 170px; } .BWSleft { background: url(images/main/BWSleft.jpg) left top no-repeat; width: 17px; height: 170px; position: absolute; top: 320px; margin-left: -16px; float: none; } .HPmaincontainer { background: #6b9126 url(images/main/mainLeftBG.gif) left top repeat-y; width: 860px; min-height: 358px; height:auto !important; height:358px; } .Submaincontainer { background: url(images/main/subpagesBG.gif) left top repeat-y; width: 860px; min-height: 358px; height:auto !important; height:358px; } .Hpheader { height: 34px; width: 321px; background: url(images/main/HPheaderWhite.png) left top repeat-x; padding: 10px 0 0 30px; } .specialsList { font: normal normal 14px "Trebuchet MS", sans-serif; color: white; list-style: none; line-height: 22px; } .specialsList li { padding-left: 20px; background: url(images/main/specialsListStar.gif) 0px 7px no-repeat; } .specialListWrapper { padding: 10px 0 0 30px; } .HPleft { width: 351px; background: url(images/main/HPgreen.jpg) left top no-repeat; min-height: 358px; height:auto !important; height:358px; } .HPright { width: 261px; } .Subleft { width: 570px; min-height: 358px; height:auto !important; height:358px; padding: 15px 20px 0 20px; } .Subright { width: 240px; padding: 15px 0 0 2px; } .newsSnippetWrapper { } .dividerSnippets { background: url(images/main/dividerSnippets.gif) left top no-repeat; height: 11px; width: 230px; } .bottlesHP { position: absolute; margin-top: -130px; margin-left: 30px; } .bottlesSub { position: absolute; margin-top: -180px; margin-left: 500px; } .featuredProducts { background: url(images/featuredProducts/prodBG.gif) left top no-repeat; height: 628px; width: 283px; position: absolute; margin-left: 606px; top: 280px; float: none; clear: both; } .featuredPro1 { display: block; overflow: hidden; background: url(images/featuredProducts/prod1.jpg) left top no-repeat; width: 270px; height: 101px; position: relative; z-index: 100; } .featuredPro1:hover { background-position: 0px -101px; } .featuredPro2 { display: block; overflow: hidden; background: url(images/featuredProducts/prod2.jpg) left top no-repeat; width: 270px; height: 97px; position: relative; z-index: 100; } .featuredPro2:hover { background-position: 0px -97px; } .featuredPro3 { display: block; overflow: hidden; background: url(images/featuredProducts/prod3.jpg) left top no-repeat; width: 270px; height: 101px; position: relative; z-index: 100; } .featuredPro3:hover { background-position: 0px -101px; } .featuredPro4 { display: block; overflow: hidden; background: url(images/featuredProducts/prod4.jpg) left top no-repeat; width: 270px; height: 98px; position: relative; z-index: 100; } .featuredPro4:hover { background-position: 0px -98px; } .featuredPro5 { display: block; overflow: hidden; background: url(images/featuredProducts/prod5.jpg) left top no-repeat; width: 270px; height: 95px; position: relative; z-index: 100; } .featuredPro5:hover { background-position: 0px -95px; } .banner { width: 860px; background: url(images/main/banner.jpg) left top no-repeat; height: 92px; } .subBanner { width: 860px; background: url(images/main/subBanner.jpg) left top no-repeat; height: 96px; } .subBanner_absolut { background: url(images/main/subBanner_absolut.jpg) left top no-repeat; height: 96px; width: 15px; position: absolute; margin-left: -14px; margin-top: -96px; } .allBeers { display: block; overflow: hidden; background: url(images/main/allBeers.jpg) left top no-repeat; height: 97px; width: 245px; } .allBeers:hover { background-position: 0px -97px; } .allBeersOn { display: block; overflow: hidden; background: url(images/main/allBeers.jpg) 0px -97px no-repeat; height: 97px; width: 245px; } .allWines { display: block; overflow: hidden; background: url(images/main/allWines.jpg) left top no-repeat; height: 97px; width: 245px; } .allWines:hover { background-position: 0px -97px; } .allWinesOn { display: block; overflow: hidden; background: url(images/main/allWines.jpg) 0px -97px no-repeat; height: 97px; width: 245px; } .allSpirits { display: block; overflow: hidden; background: url(images/main/allSprits.jpg) left top no-repeat; height: 95px; width: 245px; } .allSpirits:hover { background-position: 0px -95px; } .allSpiritsOn { display: block; overflow: hidden; background: url(images/main/allSprits.jpg) 0px -95px no-repeat; height: 95px; width: 245px; } .divider { background: url(images/main/divider.jpg) left top no-repeat; height: 26px; width: 561px; } /* ---------------- BUTTON AND FORMS ------------- */ /* ---------------- MAIN NAVIGATION ------------- */ #about { display: block; overflow: hidden; background: url(images/navigation/about.gif) left top no-repeat; width: 144px; height: 70px; } #about:hover { background-position: 0px -70px; } #aboutOn { display: block; overflow: hidden; background: url(images/navigation/about.gif) 0px -70px no-repeat; width: 144px; height: 70px; } #products { display: block; overflow: hidden; background: url(images/navigation/products.gif) left top no-repeat; width: 142px; height: 70px; } #products:hover { background-position: 0px -70px; } #productsOn { display: block; overflow: hidden; background: url(images/navigation/products.gif) 0px -70px no-repeat; width: 142px; height: 70px; } #awards { display: block; overflow: hidden; background: url(images/navigation/awards.gif) left top no-repeat; width: 144px; height: 70px; } #awards:hover { background-position: 0px -70px; } #awardsOn { display: block; overflow: hidden; background: url(images/navigation/awards.gif) 0px -70px no-repeat; width: 144px; height: 70px; } #links { display: block; overflow: hidden; background: url(images/navigation/links.gif) left top no-repeat; width: 143px; height: 70px; } #links:hover { background-position: 0px -70px; } #linksOn { display: block; overflow: hidden; background: url(images/navigation/links.gif) 0px -70px no-repeat; width: 143px; height: 70px; } #specials { display: block; overflow: hidden; background: url(images/navigation/specials.gif) left top no-repeat; width: 144px; height: 70px; } #specials:hover { background-position: 0px -70px; } #specialsOn { display: block; overflow: hidden; background: url(images/navigation/specials.gif) 0px -70px no-repeat; width: 144px; height: 70px; } #contact { display: block; overflow: hidden; background: url(images/navigation/contact.gif) left top no-repeat; width: 143px; height: 70px; } #contact:hover { background-position: 0px -70px; } #contactOn { display: block; overflow: hidden; background: url(images/navigation/contact.gif) 0px -70px no-repeat; width: 143px; height: 70px; } #about, #products, #awards, #links, #specials, #contact, #productsOn, #aboutOn, #awardsOn, #linksOn, #specialsOn, #contactOn { float: left; } /* ---------------- FOOTER ------------- */ #footer { background: url(images/main/footerBG.gif) left top no-repeat; width: 860px; height: 120px; margin: 0 auto 0 auto; } /* ---------------- SPECIALS ------------- */ .left { float: left; } .right { float: right; } .clear { clear: both; } .fontSize10 { font-size: 10px; } .fontSize11 { font-size: 11px; } .fontSize12 { font-size: 12px; } .fontSize13 { font-size: 13px; } .fontSize14 { font-size: 14px; } .fontSize20 { font-size: 20px; } .bold { font-weight: bold; } .normal { font-weight: normal; } .italic { font-style: italic; } .underline { text-decoration: underline; } .backgroundYellow { background: yellow; } .backgroundRed { background: red; } .backgroundSilver { background: silver; } .backgroundBlack { background: black; } .backgroundBlue { background: blue; } .backgroundWhite { background: white; } .padding_B_5px { padding-bottom: 5px; } .padding_B_10px { padding-bottom: 10px; } .padding_B_15px { padding-bottom: 15px; } .padding_L_5px { padding-left: 5px; } .font_treb { font-family: "Trebuchet MS", sans-serif; } .darkGreen { color: #335000; } .orange {color: #e9c900; } #mainHeadline{padding: 20px 0 0 17px;} #mainHeadline h1{ color:white; font-weight: normal; font-size: 50px; } #newssidebarhead{ padding-left: 20px; } #lahve4{ position:absolute; background-image: url(images/main/lahve.png); background-repeat: no-repeat; width: 140px; height: 197px; top: 61px; left:900px; } #homelink{ display: inline-block; width: 100%; height: 100%; text-decoration: none; }