/* -------------------------------------------------------------- Boilerplate Screen Styles * Version: 0.5 (2007-11-19) -------------------------------------------------------------- */ @import "base.css"; /* Page -------------------------------------------------------------- */ #page { margin: 0 auto; width: 950px; } /* Header -------------------------------------------------------------- */ #header { border-color: white; border-width: 10px; border-style: solid; background-color: #000; margin-top: 80px; } #banner { background-color: #fff; position: relative; width: 987px; height: 251px; left: -28px; top: 30px; z-index: 4;} #banner-pic { background-repeat: no-repeat; background-image: url(css-img/dsq-interior.jpg); position: relative; width: 765px; height: 241px; left: 5px; top: 5px;z-index: 7;} #banner-contact { background-repeat: no-repeat; background-image: url(css-img/banner-contact.jpg); position: relative; width: 765px; height: 241px; left: 5px; top: 5px;z-index: 7;} #banner-events { background-repeat: no-repeat; background-image: url(css-img/banner-events.jpg); position: relative; width: 765px; height: 241px; left: 5px; top: 5px;z-index: 7;} #banner-about { background-repeat: no-repeat; background-image: url(css-img/banner-about.jpg); position: relative; width: 765px; height: 241px; left: 5px; top: 5px;z-index: 7;} #banner-burgers { background-repeat: no-repeat; background-image: url(css-img/banner-burgers.jpg); position: relative; width: 765px; height: 241px; left: 5px; top: 5px;z-index: 7;} #banner-apps { background-repeat: no-repeat; background-image: url(css-img/banner-apps.jpg); position: relative; width: 765px; height: 241px; left: 5px; top: 5px;z-index: 7;} #banner-yummy{ background-repeat: no-repeat; background-image: url(css-img/banner-yummy.jpg); position: relative; width: 765px; height: 241px; left: 5px; top: 5px;z-index: 7;} #banner-salads { background-repeat: no-repeat; background-image: url(css-img/banner-salads.jpg); position: relative; width: 765px; height: 241px; left: 5px; top: 5px;z-index: 7;} #banner-promo { position: relative; width: 215px; height: 245px; left: 770px; top: -345px; z-index: 6;} #staff img {float: left; padding: 8px 2px 18px 2px;} #logo { position: relative; width: 221px; height: 252px; left: 337px; top: -691px; z-index: 12;} #defaultCountdown { text-align: center; position: relative; width: 175px; height: 30px; left: 630px; top: -56px; z-index: 7;} /* -------------------------------------------------------------- Nav -------------------------------------------------------------- */ #events { background-repeat: no-repeat; background-image: url(css-img/event-board.jpg); width: 293px; height: 900px; left: 5px; } #events ul{ padding: 100px 0px 0px 35px;} #events li{ font-size: 12px; font-weight: bold; font-family: sans-serif; color: #5c1600; padding-bottom: 5px;} #events li.noBullet{ list-style-type: none; font-size: 15px; font-weight: bold; font-family: sans-serif; color: #5c1600;} /* Main Navigation */ ul#nav { position: relative; width: 950px; height: 54px; left: -4px; top: 10px;z-index: 7;} ul#nav li { list-style-type: none; background: url(css-img/dublin-nav.jpg) no-repeat;float: left; height: 54px; width: 116px;} ul#nav li a { display: block; height: 100%; text-indent: -9000px; width: 100%;} ul#nav li#home { background-position: 0px 0px; width: 112px;} ul#nav li#home:hover { background-position: 0px -54px;} ul#nav li#home.current { background-position: 0px -54px;} ul#nav li#menu { background-position: -112px 0px; width: 119px;} ul#nav li#menu:hover { background-position: -112px -54px;} ul#nav li#menu.current { background-position: -112px -54px;} ul#nav li#events { background-position: -231px 0px; width: 112px;} ul#nav li#events:hover { background-position: -231px -54px;} ul#nav li#events.current { background-position: -231px -54px;} ul#nav li#about { background-position: -343px 0px; width: 120px;} ul#nav li#about:hover { background-position: -343px -54px;} ul#nav li#about.current { background-position: -343px -54px;} ul#nav li#contact { background-position: -463px 0px; width: 119px;} ul#nav li#contact:hover { background-position: -463px -54px;} ul#nav li#contact.current { background-position: -463px -54px;} ul#nav li#timer { background-position: -582px 0px; width: 368px;} ul#MenuNav { position: relative; width: 480px; height: 65px; left: -40px; top: 0px;z-index: 8;} ul#MenuNav li { list-style-type: none; background: url(css-img/menu-nav.jpg) no-repeat;float: left; height: 65px; width: 480px;} ul#MenuNav li a { display: block; height: 100%; text-indent: -9000px; width: 100%;} ul#MenuNav li#page1 { background-position: 0px 0px; width: 124px;} ul#MenuNav li#page1:hover { background-position: 0px -65px;} ul#MenuNav li#page1.current { background-position: 0px -65px;} ul#MenuNav li#page2 { background-position: -124px 0px; width: 84px;} ul#MenuNav li#page2:hover { background-position: -124px -65px;} ul#MenuNav li#page2.current { background-position: -124px -65px;} ul#MenuNav li#page3 { background-position: -208px 0px; width: 114px;} ul#MenuNav li#page3:hover { background-position: -208px -65px;} ul#MenuNav li#page3.current { background-position: -208px -65px;} ul#MenuNav li#page4 { background-position: -322px 0px; width: 158px;} ul#MenuNav li#page4:hover { background-position: -322px -65px;} ul#MenuNav li#page4.current { background-position: -322px -65px;} /* Body -------------------------------------------------------------- */ #body { background-color: #fdfcf9; background-repeat: no-repeat; background-image: url(css-img/page-bg.jpg);padding-top: 90px; padding-bottom: 30px; position:relative; } #main { float: left; width: 480px; margin-right: 110px; padding-left: 30px; } #staff { display: block; float: left; width: 251px; height: 183px; padding-left: 10px; } #sidebar { float: left; width: 230px; } #sidebar h3 { color: #888; } #sidebar ul, #resources ol { color: #888; } #sidebar ul a { color: #555; } .MenuText { font-style: italic; font-size: 1.1em; margin-bottom: 0.8em;} ul.MenuList {float: left; width: 40em; margin: 0; padding: 0; list-style: none; margin-bottom: 0.8em;} li.MenuItem { float: left; width: 20em; margin: 0; padding: 0;font-style: italic; font-size: .85em;} .EventTime { font-size: 1.4em; color: #b59d7d; margin-bottom: 0.5em;} .quote { background-color: #fdfcf9; background-repeat: no-repeat; background-image: url(css-img/quote-bg.jpg);padding: 20px 10px 10px 60px;} /* Footer -------------------------------------------------------------- */ #footer { border-color: white; border-width: 10px; border-style: solid; background-color: #000; border-top: 1px solid #fff; background-repeat: no-repeat; background-image: url(css-img/footer.jpg); height: 100px;} #footer p{margin: 50px 10px 10px 50px; color: #fff;font-size: 12px;} .social {float:right; margin:40px 30px 10px 10px;} #footer p.quiet { color: #ccc; }