/* @override http://themarbleroom.com/assets/site/main.css http://www.themarbleroom.com/assets/site/main.css */ /*------------------------------------------------------------------------------------- [Master Stylesheet] Project: Marble Room Version: 1.0 Created by: Chase Design Inc. ------------------------------------------------------ [Table of Contents] 1. Main 2. Header 3. Menu 4. Content 5. Footer 6. Menu Listing ------------------------------------------------------ [fonts] headers: Times, "Times New Roman", serif; --------------------------------------------------------------------------------------*/ /* ==================== MAIN ==================== */ /* Universal --------- */ body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; background: #eb006d url(../images/marble-room-homepage.jpg) no-repeat center top;} img { text-decoration:none; border:0px; } table { border:0px; padding:0px; margin:0px; } table tr { vertical-align:top; } .clear { clear:left; height:0px; font-size:0px; line-height:0px; } /**/ #main { width:958px; margin:0 auto; padding:0px; } #events table tbody tr td a { color: #ec006e; text-decoration: none;} #events table tbody tr td a:hover { text-decoration: underline;} /* ==================== HEADER ==================== */ #logo { position:absolute; margin:0px; padding:0px; z-index:1000; } #logo span { display:none; } #main h2.tagLine { margin:0px; padding:0 0 0 0; background-repeat:no-repeat; background-position:bottom right; width:704px; height:36px; } #main h2.tagLine span { display:none; } /* ==================== MENU ==================== */ #menu { width:740px; height:41px; margin:19px auto 0 auto; padding:0 0 0 160px; list-style:none; background: url(../images/menu-stretch_250x41.png) no-repeat left;} #menu li { float:left; } #menu li a { display:block; height:41px; background-image:url(../images/menu-740x123.png); background-repeat:no-repeat; } #menu li a span { display:none; } /* off state --------- */ #menu li.menuHome a { width: 143px; background-position:0 0; } #menu li.menuMenu a { width: 116px; background-position: -143px 0; } #menu li.menuEntertain a { width: 191px; background-position: -259px 0; } #menu li.menuAbout a { width: 163px; background-position: -450px 0; } #menu li.menuContact a { width: 127px; background-position: -613px 0; } /* hover --------- */ #menu li.menuHome a:hover { width:143px; background-position:0 -41px; } #menu li.menuMenu a:hover { width:116px; background-position:-143px -41px; } #menu li.menuEntertain a:hover { width:191px; background-position:-259px -41px; } #menu li.menuAbout a:hover { width:163px; background-position:-450px -41px; } #menu li.menuContact a:hover { width:127px; background-position:-613px -41px; } /* active --------- */ #menu li.menuHome a.active { width:143px; background-position:0 -82px; } #menu li.menuMenu a.active { width:116px; background-position:-143px -82px; } #menu li.menuEntertain a.active { width:191px; background-position:-259px -82px; } #menu li.menuAbout a.active { width:163px; background-position:-450px -82px; } #menu li.menuContact a.active { width:127px; background-position:-613px -82px; } /* ==================== CONTENT ==================== */ #bodyBottom { background-image:url(../images/bg-bottom_958x50.jpg); background-repeat:no-repeat; background-position:bottom; padding:3px 32px 21px 32px; } #bodyTop { background-image:url(../images/bg-top_958x410.gif); background-repeat:no-repeat; background-position: center top; } #body { background: url(../images/bg-stretch_958x90.gif) repeat-y center;} /* ==================== FOOTER ==================== */ #footer { width:900px; margin:0 auto; color:#FFFFFF; font-size:13px; } #footer div.info { width:650px; float:left; } #footer div.newsletter { width:250px; float:left; text-align:right; } #footer div.newsletter form { margin:0px; padding:5px 0 0 0; } #footer div.newsletter form input.field { width:160px; height:19px; padding:3px 5px; border:1px solid #441900; background-color:#fff5e1; position:relative; bottom:10px; } /* ==================== MENU LISTING ==================== */ /* menu --------- */ .menuStretch { background-image:url(../images/menu-stretch_856x30.gif); background-repeat:repeat-y; background-position:center; } #menuItem { background-image:url(../images/bg-menu1_894x500.jpg); background-repeat:no-repeat; padding:117px 0 0 0; } #menuItem div.menuText { background-color:#FFFFFF; padding:10px 20px 0 20px; font-family:Times, "Times New Roman", serif; color:#999999; } #menuItem .boxholder{ clear: both; padding: 5px; } #menuItem .tab{ float: left; margin:0px; text-align: center; } #menuItem .tab a { display:block; background-image:url(../images/menuItems-894x96.gif); background-repeat:no-repeat; height:48px; outline:none; } #menuItem .tab a span { display:none; } /**/ #menuItem .tabtxt{ margin: 0; color: #fff; font-size: 12px; font-weight: bold; } #menuItem .boxholder { color:#FFFFFF; padding:0px; } #menuItem .boxContent { padding:40px 30px 0px 30px; } #menuDefualt { visibility:hidden; display:none; } /* off state --------- */ /*#menuItem .tab a#menuProduce { width:99px; background-position:0 0; } #menuItem .tab a#menuMeat { width:64px; background-position:-99px 0; } #menuItem .tab a#menuFish { width:60px; background-position:-163px 0; } #menuItem .tab a#menuSundries { width:103px; background-position:-223px 0; } #menuItem .tab a#menuPastries { width:98px; background-position:-326px 0; } #menuItem .tab a#menuWine { width:65px; background-position:-424px 0; } #menuItem .tab a#menuCocktails { width:207px; background-position:-489px 0; } #menuItem .tab a#menuBeer { width:65px; background-position:-696px 0; } #menuItem .tab a#menuHappy { width:133px; background-position:-761px 0; } */ /*#menuItem .tab a#menuTapas { width:69px; background-position:0 0; } #menuItem .tab a#menuSalads { width:77px; background-position: -69px 0; } #menuItem .tab a#menuSpecialties { width:189px; background-position: -146px 0; } #menuItem .tab a#menuSweets { width:80px; background-position: -335px 0; } #menuItem .tab a#menuWine { width:60px; background-position: -415px 0; } #menuItem .tab a#menuCocktails { width:200px; background-position: -475px 0; } #menuItem .tab a#menuBeer { width:58px; background-position: -675px 0; } #menuItem .tab a#menuHappy { width:161px; background-position: -733px 0; }*/ #menuItem .tab a#menuApps { width: 67px; background-position:0 0; } #menuItem .tab a#menuSalads { width: 78px; background-position: -67px 0; } #menuItem .tab a#menuBurgers { width: 88px; background-position: -146px 0; } #menuItem .tab a#menuTheGrill { width: 105px; background-position: -233px 0; } #menuItem .tab a#menuSeafood { width: 147px; background-position: -338px 0; } #menuItem .tab a#menuSweets { width: 80px; background-position: -485px 0; } #menuItem .tab a#menuWine { width: 60px; background-position: -565px 0; } #menuItem .tab a#menuCocktails { width: 201px; background-position: -625px 0; } #menuItem .tab a#menuBeer { width: 68px; background-position: -826px 0; } /* hover --------- */ #menuItem .tab a#menuApps:hover { width: 67px; background-position:0 -48px; } #menuItem .tab a#menuSalads:hover { width: 78px; background-position: -67px -48px; } #menuItem .tab a#menuBurgers:hover { width: 88px; background-position: -146px -48px; } #menuItem .tab a#menuTheGrill:hover { width: 105px; background-position: -233px -48px; } #menuItem .tab a#menuSeafood:hover { width: 147px; background-position: -338px -48px; } #menuItem .tab a#menuSweets:hover { width: 80px; background-position: -485px -48px; } #menuItem .tab a#menuWine:hover { width: 60px; background-position: -565px -48px; } #menuItem .tab a#menuCocktails:hover { width: 201px; background-position: -625px -48px; } #menuItem .tab a#menuBeer:hover { width: 68px; background-position: -826px -48px; } /*#menuItem .tab a#menuTapas:hover { width:69px; background-position:0 -48px; } #menuItem .tab a#menuSalads:hover { width:77px; background-position:-69px -48px; } #menuItem .tab a#menuSpecialties:hover { width:189px; background-position:-146px -48px; } #menuItem .tab a#menuSweets:hover { width:80px; background-position:-335px -48px; } #menuItem .tab a#menuWine:hover { width:60px; background-position:-415px -48px; } #menuItem .tab a#menuCocktails:hover { width:200px; background-position:-475px -48px; } #menuItem .tab a#menuBeer:hover { width:58px; background-position:-675px -48px; } #menuItem .tab a#menuHappy:hover { width:161px; background-position:-733px -48px; } */ /* active selector --------- */ #menuItem #selector { background-color: #80033f; height:4px; font-size:0px; line-height:0px; } #menuItem .selectApps { width:67px; position:relative; top:52px; } #menuItem .selectSalads { width: 78px; position:relative; top:52px; left: 67px; } #menuItem .selectBurgers { width:88px; position:relative; top:52px; left: 145px; } #menuItem .selectTheGrill { width: 104px; position:relative; top:52px; left: 234px; } #menuItem .selectSeafood { width: 146px; position:relative; top:52px; left: 339px; } #menuItem .selectSweets { width: 81px; position:relative; top:52px; left: 485px; } #menuItem .selectWine { width: 60px; position:relative; top:52px; left: 565px; } #menuItem .selectCocktails { width: 201px; position:relative; top:52px; left: 625px; } #menuItem .selectBeer { width: 65px; position:relative; top:52px; left: 829px; } /* menu content --------- */ #menuItem div.menuH { text-align:center; font-family:Times, "Times New Roman", serif; padding:0 0 30px 0; } #menuItem div.menuH h1 { font-weight:100; margin:0px; padding:0px; font-size:36px; letter-spacing:0.1em; } #menuItem div.menuH h1 span { font-size:26px; text-transform:uppercase; } #menuItem div.menuH p { width:600px; margin:0 auto; } #menuItem div.menuH img { margin-top:10px; } /**/ #menuItem div.menuColumn { width:360px; float:left; padding:0 20px 0 20px; } #menuItem div.menuColumn dl { margin:0px; padding:0px; } #menuItem div.menuColumn dl dt { font-size:20px; font-family:Times, "Times New Roman", serif; } #menuItem div.menuColumn dl dt span { padding:0 0 0 20px; font-size:17px; } #menuItem div.menuColumn dl dd { margin:0px; padding:5px 0 30px 0; font-size:14px; } /* wine menu content --------- */ #wineTable { width:600px; margin:0 auto; font-size:14px; } #wineTable tr td { padding:5px 0; text-align:center; } #wineTable tr.wineH, #wineTable tr td.typeH { font-family:Times, "Times New Roman", serif; font-size:20px; text-align:left; } #wineTable tr.wineH td span, #wineTable tr td.typeH span { text-transform:uppercase; font-size:16px; } #wineTable tr td.type { padding-left: 10px; text-align:left; } /* Happy Hour --------- */ #happyHour { width:300px; margin:0 auto; font-size:18px; padding:0 0 20px 0; line-height:1.5em; } #happyHour div { font-family:Times, "Times New Roman", serif; text-align:center; font-size:24px; } #happyHour span { font-family:Times, "Times New Roman", serif; font-size:20px; } #happyHour p { font-size:12px; } /* ==================== ENTERTAIN ==================== */ #entertain { background-image:url(../images/party-bkg.jpg); background-repeat:no-repeat; padding:208px 0 10px 0; margin-bottom:15px; } #entertain td.entertainFlash { padding: 0 0 0 28px;} #entertain td.entertainContent { width:320px; color:#FFFFFF; font-size:14px; } #entertain td.entertainContent h2 { font-family:Times, "Times New Roman", serif; font-weight:100; font-size:24px; margin-bottom:0px; } #entertain td.entertainContent p { line-height:1.3em;} #entertain td.entertainContent p.entertainContact { text-align:center; margin-bottom:0px; } #entertain table tbody tr td.entertainContent p a { font-weight: bold; color: #fff; text-decoration: none;} #entertain table tbody tr td.entertainContent p a:hover { text-decoration: underline;} /* ==================== CONTACT ==================== */ #contact { background-image:url(../images/contact-bkg.jpg); background-repeat:no-repeat; padding:208px 0 10px 0; margin-bottom:15px; } #contact td.contactImg { width:495px; } #contact td.contactContent { width:320px; color:#FFFFFF; padding:0px 12px 0 35px; } #contact td.contactContent h2 { font-family:Times, "Times New Roman", serif; font-weight:100; font-size:24px; margin:0px; line-height:1.4em; } #contact td.contactContent p { line-height:30px; margin-top:0px; padding:0 0 0 10px; } #contact td.contactContent p a.link { background-image:url(../images/icon-arrow_7x8.gif); background-repeat:no-repeat; background-position:0 5px; padding:0 0 0 18px; color:#FFFFFF; font-family:Times, "Times New Roman", serif; font-size:18px; text-decoration:none; } #contact td.contactContent p a.link:hover { text-decoration:underline; background-position:3px 5px; } /* ==================== ABOUT HISTORY ==================== */ #history, #video { background-image:url(../images/history-bkg.jpg); background-repeat:no-repeat; padding:208px 35px 10px 35px; margin-bottom:15px; color:#FFFFFF; line-height:1.3em; font-size:14px; } #video { background-image:url(../images/video-preview-bkg.jpg); } /* ==================== Events ==================== */ #events { background-image:url(../images/events-bkg.jpg); background-repeat:no-repeat; padding:208px 0 10px 0; margin-bottom:15px; } #events table { color: #fff; width: 550px; margin-right: auto; margin-left: auto; padding: 1px; background-color: #4c4c4c;} #events table th { text-align: left; padding: 8px; background-color: #333;} #events table th.t1 { width: 57px;} #events table th.t2 { } #events table td { padding: 8px; background-color: #191919;} /* ==================== ABOUT CHEF ==================== */ #chef { background-image:url(../images/bg-chef_894x577.jpg); background-repeat:no-repeat; padding:208px 0 10px 0; margin-bottom:15px; color:#FFFFFF; line-height:1.3em; font-size:14px; } #chef td.chefImg { width:239px; padding:300px 35px 0 38px; } #chef td.chefImg img { border:1px solid #FFFFFF; } #chef td.chefContent { width:540px; font-size:14px; line-height:1.3em; } #chef td.chefContent h2 { font-family:Times, "Times New Roman", serif; font-weight:100; font-size:24px; margin-bottom:0px; line-height:1.4em; } /* ==================== POPUPS ==================== */ /* wine events --------- */ #wineEvent { padding:13px 30px 0 30px; width:470px; } #wineEvent img.bottle { float:left; width:83px; } #wineEvent div.wineContent { float:left; width:357px; padding:50px 0 0 30px; font-family:Times, "Times New Roman", serif; color:#666666; font-size:18px; line-height:1.3em; } #wineEvent div.wineContent h2 { margin:0px; padding:0px; color:#926228; font-weight:100; font-size:36px; } #wineEvent div.wineContent h2 span { font-size:26px; text-transform:uppercase; } /* ==================== THANK YOU PAGE ==================== */ #entertain table tbody tr td.entertainFlash div.thumbscontainer ul.thumbs { margin: 3px auto 0; width: 487px; float: left;} #entertain table tbody tr td.entertainFlash div.thumbscontainer ul.thumbs li a img{ border: 1px solid #fff;} #entertain table tbody tr td.entertainFlash div.thumbscontainer ul.thumbs li {padding: 1px 3px; float: left; margin: 0;} #thanks { background-image:url(../images/bg-thank_894x526.jpg); background-repeat:no-repeat; width:514px; height:349px; padding:177px 190px 0 190px; color:#FFFFFF; font-size:16px; } #thanks div { text-align:center; padding:0 0 5px 0; } #thanks dl dt { padding:0 0 10px; } #thanks dl dd { line-height:1.4em;} #thanks dl dd a { color:#FFFFFF; } /**/ #thanks form { margin:0px; padding:30px 0 0 0; text-align:center; font-size:20px; } #thanks form label { display:block; padding:0 0 20px 0; } #thanks form input.field { width:160px; height:19px; padding:3px 5px; border:1px solid #441900; background-color:#fff5e1; position:relative; bottom:10px; } #thanks form div.errors strong { color:#FFFFFF; } #thanks form div.errors { color:#FF0000; } /* ==================== THANK YOU PAGE ==================== */