/* Theme Name: South Gate Theme URI: http://www.southgate.com/ Description: The South Gate Theme Version: 1.0 Author: XIF Author URI: http://www.xif.com/ */ /*CSS reset*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family: arial, helvetica, sans-serif; color: #000000; } ol, ul {list-style: none;} blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* End CSS reset*/ body { margin: 0px auto; overflow:auto; /*Needed to eliminate scrollbars*/ background: #151515; } /*Supersize Plugin Styles*/ #supersize{ width: 100%; position: absolute; left:0; top:0; z-index:0; overflow: hidden; } #background img{ width:100%; overflow:hidden; position:fixed; top: 0; left: 0; width:100%; z-index:0; } /* Begin Main Global Styles ------------------------------------------------- */ #mainOuterContainer{ margin:0px auto; height:100px; width:100%; top: 0px; position: absolute; } #mainInnerContainer { margin:0px auto; width: 960px; position: relative; } #mainContentContainer { position: absolute; top: 140px; left: 170px; width: 790px; overflow: auto; } #mainBorderContainer { width: 790px; overflow: auto; background: #343334; } #sgLogo a { background: url(/wp-content/uploads/images/logo.png) no-repeat; width: 370px; height: 70px; margin: 48px 0px 0px 0px; float: left; } #sgLogo span { display: none; } #followUsLogos { background: url(/wp-content/uploads/images/followUs.png) no-repeat; position: absolute; top: 96px; right: 0px; width: 137px; height: 30px; } #twitterIcon a { width: 30px; height: 30px; float: left; margin: 0px 5px 0px 72px; } #facebookIcon a { width: 30px; height: 30px; float: left; } #followUsLogos span{ display: none; } /* Begin Homepage Styles ------------------------------------------------- */ #homepageSplash {width: 770px; height: 484px; margin: 10px; position: relative; overflow:hidden;} #homepageSplash span { display: none; } #welcomeToSgHome { background: url(/wp-content/uploads/images/welcomeToSG.gif) no-repeat; width: 290px; height: 52px; position: absolute; top: 105px; right: 0px; } #makeReservationHome a{ background: url(/wp-content/uploads/images/makeReservation.gif) no-repeat; width: 230px; height: 33px; position: absolute; top: 157px; right: 0px; cursor:pointer;} #homepageBg1{width: 770px; height: 484px; position:absolute; background: url(/wp-content/uploads/2010/07/homepageImg02.jpg) no-repeat; float:left;} #homepageBg2{width: 770px; height: 484px; position:absolute; background: url(/wp-content/uploads/2010/07/homepageImg03.jpg) no-repeat; float:left;} #homepageBg3{width: 770px; height: 484px; position:absolute; background: url(/wp-content/uploads/2010/07/homepageImg04.jpg) no-repeat; float:left;} /* Begin Subpage Styles ------------------------------------------------- */ #subPageBody { background: url(/wp-content/uploads/images/bodyBgSg.jpg) #FFFFFF no-repeat; width: 770px; margin: 10px; padding-bottom: 20px; position: relative; overflow: auto; text-align: left; } .mastHead span { display: none; } .mastHead { width: 770px; height: 190px; position: relative; } #mastHeadMenu { background: url(/wp-content/uploads/images/mastHeadMenu.jpg) no-repeat; } #mastHeadPrivateEvents { background: url(/wp-content/uploads/images/mastHeadPrivateEvents.jpg) no-repeat; } #mastHeadPhotoGallery { background: url(/wp-content/uploads/images/mastHeadPhotoGallery.jpg) no-repeat; } #mastHeadOurTeam { background: url(/wp-content/uploads/images/mastHeadOurTeam.jpg) no-repeat; } #mastHeadContactUs { background: url(/wp-content/uploads/images/mastHeadContactUs.jpg) no-repeat; } #mastHeadGiftCards { background: url(/wp-content/uploads/images/mastHeadGiftCards.jpg) no-repeat; } /* DROP MENU STYLING*/ #reservationDropMenu { width:233px; height:300px; z-index:1; margin-left:717px; margin-top:340px; position:absolute; background-position:3px 0px;} #dropContent{ padding:10px; padding-left:20px; height:300px; background: url(/wp-content/uploads/images/reservationMenuBg.png) no-repeat; } #dropReserveBtn{ background: url(/wp-content/uploads/images/dropReservation.gif) no-repeat; width:115px; height:30px; float:left; cursor:pointer;} #dropCancelBtn{ background: url(/wp-content/uploads/images/dropCancel.gif) no-repeat; width:71px; height:30px; float:left; margin-left:10px; cursor:pointer;} #dropDirectionsBtn{ margin-top:10px; background: url(/wp-content/uploads/images/dropDirectionsBtn.gif) no-repeat; width:193px; height:28px; float:left; cursor:pointer;} #dropBtnHolder{ width:233px;} #dropDirections{ margin-top:60px;} .dropHolder{height:30px;} .dropMenuTitle{ font-size:10px; font-weight:bold;} .dropMenuSpacing{ line-height:0px; padding:0px; height:0px; font-size:0px;} .dropDirectionsText{ font-size:11px; color:#ffffff; } /* END DROP MENU STYLING*/ #welcomeToSgSp { background: url(/wp-content/uploads/images/welcomeToSG.gif) no-repeat; width: 290px; height: 52px; position: absolute; bottom: 33px; right: 0px; } #makeReservationSp a{ background: url(/wp-content/uploads/images/makeReservation.gif) no-repeat; width: 230px; height: 33px; position: absolute; bottom: 0px; right: 0px; cursor:pointer;} #pageContent { margin: 40px 40px 0px 50px; padding: 0px 0px 50px 0px; overflow: auto; text-align: left; } #pageTitle { font-size: 36px; color: #849e00; font-weight: normal; margin: 0px 0px 30px 0px; padding: 0px; } #pageTitleMenu { font-size: 36px; color: #849e00; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px; } #backToMenuWine { margin: 0px 0px 10px 0px; border-bottom: 1px dotted #c2c2c2; padding: 0px 0px 10px 0px; } #backToMenuWine30 { margin: 0px 0px 30px 0px; border-bottom: 1px dotted #c2c2c2; padding: 0px 0px 10px 0px; } .bctMenu01, .bctMenu02, .bctMenu03, .bctMenu04, .bctMenu05, .bctMenu06, .bctMenu07, .bctMenuDim { border-right: 1px dotted #c2c2c2; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; } #pageContent .bctMenuDim, #pageContent .bctMenuDimLast { color: #849e00; } #pageContent p { font-size: 14px; line-height: 22px; margin: 0px 0px 20px 0px; color: #666666; } #pageContent a { color: #522214; text-decoration: none; } #pageContent a:hover { color: #522214; text-decoration: underline; } #pageContent h3 { font-size: 24px; color: #333333; font-weight: normal; } #pageContent h4 { font-size: 12px; font-weight: bold; margin: 0px 0px 18px 0px; text-indent: 10px; background: #333333; height: 30px; color: #FFFFFF; line-height: 30px; } .imgTxtWrap { float: left; margin: 0px 40px 0px 0px; } /* Begin MenuPage Styles ------------------------------------------------- */ #menuColumnLeft { margin: 0px 50px 0px 0px; width: 440px; } #menuColumnLeft img{ float: left; margin: 0px 20px 50px 0px; } #menuColumnLeft, #menuColumnRight { float: left; overflow: auto; } #menuBlockRestaurant { margin: 0px 0px 40px 0px; } .menus { list-style-type: none; margin: 0px 0px 0px 0px; width: 190px; } #pageContent .menus a{ text-decoration: none; width: 190px; height: 30px; border-bottom: 1px dotted #c2c2c2; margin: 0px 0px 10px 0px; color: #522214; float: left; } #pageContent .menus a:hover{ color: #849e00; text-decoration: none; } .menus li{ line-height: 30px; } #pageContent li.menuLast { border: none; } #pageContent .menuHeader24First { font-size: 24px; color: #333333; text-transform: uppercase; margin: 0px 0px 20px 0px; } #pageContent .menuHeader24 { font-size: 24px; color: #333333; text-transform: uppercase; margin: 50px 0px 20px 0px; } #pageContent .menuHeader18 { font-size: 18px; color: #333333; padding: 20px 0px 20px 0px; text-transform: uppercase; } #pageContent .menuHeader18 small{ font-size: 12px; color: #666666; text-transform: uppercase;} .menuHeader14 { font-size: 14px; color: #333333; text-transform: uppercase; } #pageContent .menuHeader18Top { font-size: 18px; color: #333333; padding: 0px 0px 20px 0px; text-transform: uppercase;} #pageContent .menuTextSmall {font-size: 11px; color: #999999; line-height: 11px; } .menuN { display:inline; color: #849e00; font-weight: bold; font-style:italic; } .menuC { display:inline; color: #849e00; font-weight: bold; font-style:italic; } .menuV { display:inline; color: #849e00; font-weight: bold; font-style:italic; } .menuDownload a{ background: url(/wp-content/uploads/images/downloadPDF.png) no-repeat; width: 142px; height: 26px; margin: 0px 0px 0px 0px; float: right; } .menuDownload span{ display: none; } #menuContent { clear: both; } /* Begin Our Team Styles ------------------------------------------------- */ .teamBio { list-style-type: none; margin: 0px 0px 40px 0px; padding: 0px 0px 0px 0px; overflow: auto; } .teamBiolast { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: auto; } .teamBiolast li{ float: left; } .teamBio li { float: left; } .teamBioPhoto { width: 200px; margin: 0px 40px 0px 0px; } .teamBioText { width: 440px; margin: 0px 0px 0px 0px; } /* Begin GiftCard Styles ------------------------------------------------- */ #giftCardColumns { list-style-type: none; margin: 0px 0px 0px 0px; } #giftCardColumns li { } #giftCardImage { float: left; width: 260px; font-size: 14px; line-height: 22px; margin: 0px 40px 0px 0px; color: #666666; } #giftCardImage img{ margin: 20px 0px 0px 0px; } #giftCardText { float: left; width: 380px; overflow: auto; } #giftCardForm { list-style-type: none; width: 380px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #giftCardForm li{ font-size: 14px; color: #666666; margin-bottom: 20px; } #gcFormFirstName { width: 380px;} #gcFormFirstName input, #gcFormLastName input, #gcFormEmail input { border: 1px solid #c2c2c2; width: 376px; height: 28px; margin: 5px 0px 0px 0px;} #gcFormPhone input, #gcFormAmount input { border: 1px solid #c2c2c2; height: 28px; width: 120px; } #gcFormPhone { float: left; margin: 0px 20px 0px 0px; } #gcFormAmount { float: left; } #gcFormSubmit { clear: both; } #btnSubmitGc { width: 83px; height: 39px; background: url(/wp-content/uploads/images/btnSubmit.gif) no-repeat; border: none; text-indent: -5000px; } /* Begin Contact Styles ------------------------------------------------- */ #contactColumnLeft { width: 450px; float: left; margin: 0px 40px 0px 0px; } .btnViewLarger { background: url(/wp-content/uploads/images/btn_viewlarger.gif) no-repeat; float: left; width: 150px; height: 39px; } .btnViewLarger span{ display: none; } #contactColumnLeft iframe{ padding: 0px 0px 20px 0px; } #contactColumnRight { width: 190px; float: left; } #southGateAddress { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #hoursOfOpperation { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #hoursOfOpperation p{ font-size: 11px; line-height: 17px; } #hoursOfOpperation strong{ margin: 0px; } #southGateAddress p{ font-size: 13px; line-height: 20px; } #googleMap { float: right; } #followUsTwitter { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; overflow: auto; width: 190px; float:left;} .aktt_tweets { clear: both; } .aktt_tweets li { border-bottom: 1px dotted #c2c2c2; font-size: 13px; line-height: 18px; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; color: #666666; overflow:hidden;} li.aktt_more_updates { border: none; height: 30px; } #followUsTwitter .aktt_more_updates a{ background: url(/wp-content/uploads/images/btn_moreupdates.gif) no-repeat; float: left; width: 130px; height: 39px; } #followUsTwitter .aktt_more_updates a span{ display: none; } #emailSignUp { list-style-type: none; float: left; margin: 0px 0px 0px 0px; } #emailSignUpText { font-size: 12px; color: #666666; margin: 5px 10px 0px 0px; } #emailSignUpForm { } #emailNl { width: 186px; height: 22px; color: #666666; margin: 0px; padding: 0px 0px 0px 0px; text-indent: 5px; } #emailSignUpBtn { float: left; margin: 20px 0px 0px 0px; } #btnFollowUsTwitter a {background: url(/wp-content/uploads/images/follow_us-c.png) no-repeat; width: 190px; height: 27px; float: left; margin: 0px 0px 18px 0px; } #btnFollowUsTwitter span { display: none; } /* Begin Main Navigation Styles ------------------------------------------------- */ #mainNavContainer { list-style-type: none; position: absolute; top: 240px; left: 0px; width: 190px; z-index: 1; } #mainNavContainer a{ background: url(/wp-content/uploads/images/mainNav.gif) no-repeat; } #mainNavContainer span { display: none; } .page-template-homepage-php #btnHome a { width: 190px; height: 40px; background-position: -190px 0px; float: left; } #btnHome a { width: 190px; height: 40px; background-position: 0px 0px; float: left; } #btnHome a:hover { width: 190px; height: 40px; background-position: -190px 0px; float: left; } .page-template-menu_pages-php #btnMenuWine a, .page-template-menu-php #btnMenuWine a{ width: 190px; height: 40px; background-position: -190px -40px; float: left; } #btnMenuWine a { width: 190px; height: 40px; background-position: 0px -40px; float: left; } #btnMenuWine a:hover { width: 190px; height: 40px; background-position: -190px -40px; float: left; } .page-template-privateEvents-php #btnPrivateEvents a{ width: 190px; height: 40px; background-position: -190px -80px; float: left; } #btnPrivateEvents a { width: 190px; height: 40px; background-position: 0px -80px; float: left; } #btnPrivateEvents a:hover { width: 190px; height: 40px; background-position: -190px -80px; float: left; } .page-template-photoGallery-php #btnPhotoGallery a { width: 190px; height: 40px; background-position: -190px -120px; float: left; } #btnPhotoGallery a { width: 190px; height: 40px; background-position: 0px -120px; float: left; } #btnPhotoGallery a:hover { width: 190px; height: 40px; background-position: -190px -120px; float: left; } .page-template-ourTeam-php #btnOurTeam a { width: 190px; height: 40px; background-position: -190px -160px; float: left; } #btnOurTeam a { width: 190px; height: 40px; background-position: 0px -160px; float: left; } #btnOurTeam a:hover { width: 190px; height: 40px; background-position: -190px -160px; float: left; } .page-template-contactUs-php #btnConactUs a { width: 190px; height: 40px; background-position: -190px -200px; float: left; } #btnConactUs a { width: 190px; height: 40px; background-position: 0px -200px; float: left; } #btnConactUs a:hover { width: 190px; height: 40px; background-position: -190px -200px; float: left; } .page-template-giftCards-php #btnGiftCards a { width: 190px; height: 40px; background-position: -190px -240px; float: left; } #btnGiftCards a { width: 190px; height: 40px; background-position: 0px -240px; float: left; } #btnGiftCards a:hover { width: 190px; height: 40px; background-position: -190px -240px; float: left; } /* Begin Footer Styles ------------------------------------------------- */ #footer { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; overflow: hidden; } #footer li { margin: 0px; padding: 0px; } #footerLeft { float: left; margin: 0px 0px 0px 0px; height: 28px; line-height: 25px; } #footerRight { float: right; width: 240px; margin: 0px 0px 0px 0px; } #footerBottom { width: 790px; margin: 20px 0px 30px 0px; padding: 10px 0px 0px 0px; border-top: 1px dotted #333333; float: left; } #sgPhone, #sgAddress, #sgDirections { color: #999999; font-size: 12px; } #sgDirections a, #footer a{ color: #849e00; font-size: 12px; text-decoration: none; } #sgDirections a:hover, #footer a:hover{ color: #849e00; font-size: 12px; text-decoration: underline; } #sgPhone, #sgAddress, #copyright { margin: 0px 10px 0px 0px; } #copyright { font-size: 12px; color: #3e3e3e; float: left; margin: 3px 10px 0px 0px; } #xifLogo a { background: url(/wp-content/uploads/images/xifLogo.png) no-repeat; width: 25px; height: 18px; float: right; } #xifLogo span { display: none; } #newsletterBox { margin: 0px 10px 0px 0px; padding: 0px; width: 200px; height: 26px; background: #1d1d1d; border: 1px solid #2b2b2b; float: left; color: #999999; text-indent: 5px; } #newsletterBtn { float: left; }