@import url("/css/master-screen.css"); @import url("/css/sifr.css"); /* --------------------------------------------- Four Moons Restaurant Screen Style Sheet author: Cyberwoven version: 2008.04 ----------------------------------------------- */ /* Layout Blocks ----------------------------------------------- */ #header h1 a {background:url(../images/r-logo_reg.gif) no-repeat center center;} #header ul li.aboutfourmoons {padding-left:93px;} #header ul li.giftcards {padding-left:0px;} #header ul li.location {padding-left:112px;} #header ul li.reservations, #header ul li.phasesmoonbar, #header ul li.blog, #header ul li.calendar {background:none; padding-right:0;} #header ul li.aboutfourmoons a {width:83px; background-image:url(../images/hdrnav-restaurant2.gif);} #header ul li.menu a {width:43px; background-image:url(../images/hdrnav-menu.gif);} #header ul li.reservations a {width:94px; background-image:url(../images/hdrnav-reservations.gif);} #header ul li.giftcards a {width:78px; background-image:url(../images/hdrnav-giftcards.gif);} #header ul li.wineandgourmet a {width:115px; margin-left:-10px; background-image:url(../images/hdrnav-winegourmet.gif);} #header ul li.calendar a {width:45px; background-image:url(../images/hdrnav-events.gif);} #header ul li.crescentroom a {width:108px; background-image:url(../images/hdrnav-crescentroom.gif);} #header ul li.phasesmoonbar a {width:121px; background-image:url(../images/hdrnav-phasesmoonbar.gif);} #header ul li.location a {width:68px; background-image:url(../images/hdrnav-location.gif);} #header ul li.shop a {width:36px; background-image:url(../images/hdrnav-shop.gif);} #header ul li.blog a {width:36px; background-image:url(../images/hdrnav-blog.gif);} #subnavwrapper {background:url(../images/subnavbg.jpg) no-repeat bottom right;} #subnavwrapper .subnavlaunch {background:url(../images/lp-store.jpg) no-repeat;} body #header h2 {background-image:url(../images/rb-restaurant.jpg);} body.aboutfourmoons #header h2 {background-image:url(../images/rb-restaurant.jpg);} body.menu #header h2 {background-image:url(../images/rb-menu.jpg);} body.reservations #header h2 {background-image:url(../images/rb-reservations.jpg);} body.giftcards #header h2 {background-image:url(../images/rb-giftcards.jpg);} body.crescentroom #header h2 {background-image:url(../images/rb-crescentroom.jpg);} body.phasesmoonbar #header h2 {background-image:url(../images/rb-phasesmoonbar.jpg);} body.location #header h2 {background-image:url(../images/rb-location.jpg);} body.shop #header h2 {background-image:url(../images/rb-shop.jpg);} body.blog #header h2 {background-image:url(../images/rb-blog.jpg);} body.contact #header h2 {background-image:url(../images/rb-contact.jpg);} body.employment #header h2 {background-image:url(../images/rb-contact.jpg);} body.news #header h2 {background-image:url(../images/rb-contact.jpg);} body.phasesmoonbarmenu #header h2 {background-image:url(../images/rb-phasesmoonbarmenu.jpg);} body.newyearseve #header h2 { background-image:url(../images/wg-about.jpg); } body.sbi #header h2 { background-image:url(../images/rb-sbi.jpg); } body.calendar #header h2 { background-image:url(../images/rb-calendar.jpg); } body.aboutfourmoons p.summary.four_diamond { padding-top:142px; background:url(../images/aaa_award_bg.png) no-repeat 50% 0; } /* Homepage Specific ----------------------------------------------- */ body.home #header h2 {background:url(../images/r-homeh2bg-new.jpg) no-repeat;} #homeslider {float:right; height:191px; width:76px; margin:0 6px 0 0; padding:0; background:url(../images/r-homeslider.jpg) no-repeat; cursor:pointer;} #homeslider h2 {display:none;} #homeslider p {display:none; padding:0px 20px 0 86px; color:#fff; font-size:11px; line-height:20px; text-align:center;} #homeslider p a {display:block; font-size:14px; color:#fff; text-decoration:none; padding:15px 0;} #homeslider p a:hover {text-decoration:underline; color:#9a0101;} #homeslider p#homesliderheader { display:none;font-size:14px; line-height:20px; text-align:center; padding-top:30px; font:Times;} #homeslider p#homesliderfourmoons { display:none; font-size:12px; line-height:20px; text-align:center; padding-top:10px; font-weight:bold;} #homeslider p#homesliderexperience { letter-spacing: 3px; text-transform:uppercase; font-size:10px; font-weight:bold; } #header ul { z-index:1; } #news_feed { position:absolute; display:block; z-index:10; height:381px; width:475px; top:0; left:486px; background:url(../images/news_events_bg-js.jpg) no-repeat 0 100%; } #news_feed.js { position:absolute; display:block; z-index:10; height:381px; width:475px; top:0; left:486px; background:url(../images/news_events_bg-js.jpg) no-repeat 0 100%; xopacity:0; } body.home #header #news_feed h3 { z-index:1; position:absolute; top:322px; left:0; margin:0; display:block; width:100%; height:156px; text-indent:-9999px; } body.home #header #news_feed.js h3 { left:9px; height:14px; width:99px; background:url(../images/news_h3.png) no-repeat top left; } body.home #header #news_feed ul.news_control { position:absolute; z-index:3; margin:0; height:62px; left:auto; line-height:33px; padding:319px 0 0 0; background:none; width:478px; } body.home #header #news_feed.js ul.news_control { background:none; } body.home #header #news_feed ul.news_control:hover { background-position:-478px 100%; } body.home #header #news_feed ul.news_control li { padding:0; margin:0 11px 0 0; background:none; height:60px; } body.home #header #news_feed ul.news_control li a.date { display:block; font-size:12px; color:#a49a9a; height:100%; text-indent:0; text-decoration:none; margin:31px 0 0 0; } body.home #header #news_feed ul.news_control li a.date:hover { margin-top:0; color:#ac001c; } body.home #header #news_feed ul.news_control li a.date.active { margin-top:0 !important; color:#ac001c; } xbody.home #header #news_feed.js ul.news_control li a.date:hover { margin-top:31px; } body.home #header #news_feed ul.news_control li a .month { background:none; text-indent:-9999px; height:100%; width:12px; display:block; float:left; background-position:0 0; } body.home #header #news_feed ul.news_control li a .month.January { background-image:url(../images/month_jan.png); } body.home #header #news_feed ul.news_control li a .month.February { background-image:url(../images/month_feb.png); } body.home #header #news_feed ul.news_control li a .month.March { background-image:url(../images/month_mar.png); } body.home #header #news_feed ul.news_control li a .month.April { background-image:url(../images/month_apr.png); } body.home #header #news_feed ul.news_control li a .month.May { background-image:url(../images/month_may.png); } body.home #header #news_feed ul.news_control li a .month.June { background-image:url(../images/month_jun.png); } body.home #header #news_feed ul.news_control li a .month.July { background-image:url(../images/month_jul.png); } body.home #header #news_feed ul.news_control li a .month.August { background-image:url(../images/month_aug.png); } body.home #header #news_feed ul.news_control li a .month.September { background-image:url(../images/month_sep.png); } body.home #header #news_feed ul.news_control li a .month.October { background-image:url(../images/month_oct.png); } body.home #header #news_feed ul.news_control li a .month.November { background-image:url(../images/month_nov.png); } body.home #header #news_feed ul.news_control li a .month.December { background-image:url(../images/month_dec.png); } body.home #header #news_feed ul.news_control li a .day { font-size:40px; font-family:helvetica, arial, sans-serif; font-weight:normal; letter-spacing:-.03em; } body.home #header #news_feed ul.news_control li a:hover .day { color:#ac001c; } body.home #header #news_feed ul.news_control li ul.news_item { display:none; } body.home #header #news_feed.js ul.news_control li ul.news_item { z-index:-1; position:absolute; display:block; top:0; left:0; margin:0; height:381px; width:478px; background:none; display:none; } body.home #header #news_feed ul.news_control li ul.news_item li { position:absolute; z-index:10; display:block; float:none; padding:60px 45px 0 45px; margin:0; height:321px; width:388px; text-align:center; background:url(../images/news_item_bg.jpg); } body.home #header #news_feed ul.news_control li ul.news_item li h4 { font-size:14px; font-weight:bold; margin:0 0 10px 0; } body.home #header #news_feed ul.news_control li ul.news_item li h5 { font-size:14px; font-weight:bold; color:#fff; margin:0 0 15px 0; } body.home #header #news_feed ul.news_control li ul.news_item li p { text-align:center; font-size:11px; line-height:20px; color:#fff; margin:0 0 20px 0; } body.home #header #news_feed ul.news_control li ul.news_item li em { font-size:11px; color:#fff; line-height:20px; display:block; margin:0 0 20px 0; } body.home #header #news_feed ul.news_control li ul.news_item li a.read_more { display:block; position:relative; z-index:10; float:right; width:90px; height:auto; padding:0 0 0 8px; text-align:left; background:#3c0404; color:#fff; text-indent:0; font-size:11px; font-weight:bold; text-decoration:none; } body.home #header #news_feed ul.news_control li ul.news_item li a.read_more:hover { background:#780417; cursor:pointer; } #homelaunch li.phases a {background-image:url(../images/r-hlaunch-phases.jpg);} #homelaunch li.crescent a {background-image:url(../images/r-hlaunch-crescent.jpg);} #homelaunch li.internet a {background-image:url(../images/internetcafe_badge.jpg);} #homelaunch li.lunar a {background-image:url(../images/r-hlaunch-lunar.jpg);} #homelaunch li.about a { background-image:url(../images/r-hlaunch-about.jpg); } #footer ul { } #footer ul { margin:10px auto 0 auto; padding:0 0 25px 0; } #footer ul li.twitter a{background:url(/images/iconTwitter.jpg) top left no-repeat; height: 16px; padding-left: 25px; display: inline-block;} #footer ul li.twitter a:hover {background-position: bottom left;} #footer ul li.facebook a{background:url(/images/iconFacebook.jpg) top left no-repeat; height: 16px; padding-left: 25px; display: inline-block;} #footer ul li.facebook a:hover {background-position: bottom left;} #footer ul li.rssfeed a{background:url(/images/iconRSS.jpg) top left no-repeat; height: 16px; padding-left: 25px; display: inline-block;} #footer ul li.rssfeed a:hover {background-position: bottom left;} /* Photo Gallery ----------------------------------------------- */ #gallery {margin:0 0 0 20px; width:440px; padding:0 0 10px 0; display:block; border-top:3px double #292929; border-bottom:3px double #292929;} #gallery ul {margin:0; padding:0; display:block; list-style: none;} #gallery ul li {display: inline; float:left;} #gallery ul img {border:none; margin:0; padding:1px;} ul#biggallery {margin:0; padding:0; display:block; border:none;} ul#biggallery {margin:10px 0 10px 0; padding:5px !important; border:none; display:block; list-style: none !important; border:none;} ul#biggallery li {display: inline; background:none;} ul#biggallery img {border:none; width:90px; height:90px; padding:0;} ul#biggallery a {display:block; float:left; width:90px; height:90px; margin:3px 8px 8px 3px; padding:4px; background:#d9ddef;} ul#biggallery a:hover {background:#5f0403;} /* NewsTable Classes ----------------------------------------------- */ .newsTable a{text-decoration: none; font-size: 13px;} .newsTable a:hover{text-decoration: underline;} /* Reusable Classes ----------------------------------------------- */