/* CSS Document */ /* Xena Events */ body { background-color:#0c0c0c; background-image:url(../images/template/bg.gif); background-position:top; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; margin: 0 auto; margin-top:11px; padding:0; margin-bottom:30px; color:#FFFFFF } .clear { position:relative; clear:both; margin:0; padding:0 } a:focus { outline: none; } .green { color:#b7de00 } /* HEADER ELEMENTS */ #header { position:relative; width:912px; height:170px; margin:0 auto; overflow:visible; z-index:50 } #date { position:absolute; top:7px; left:0px; margin:0; font-size:12px; color:#CCCCCC; z-index:10 } #details { position:absolute; top:2px; height:30px; font-size:12px; margin:0; } #details ul { list-style-type:none; padding:0; margin:0 } #details ul li { padding:0 10px 0 10px; float:left; } #details ul li a { color:#CCC; text-decoration:none; } #details ul li a:hover { color:#FFF } #details img { position:relative; top:3px; padding-right:5px } #mainNav { position:absolute; top:122px; height:34px; margin:0; z-index:5000; overflow:visible; } #nav, #nav ul { position:relative; margin:0; padding:0; list-style-type:none; list-style-position:outside; line-height:34px; z-index:5000; font-family:Georgia, "Times New Roman", Times, serif; z-index:1000; text-align:right} #nav a { display:block; padding:0px 13px 0px 13px; font-size:18px; border-right:1px solid #3D3D3D; color:#fff; text-decoration:none; background-image:url(/images/template/menuDivider.gif); background-position:right; background-repeat:repeat-y; z-index:1000; } #nav a:hover { background-color:#000000; color:#b7de00; z-index:1000; } #nav li { float:left; position:relative; z-index:1000; } #nav ul { position:absolute;display:none; width:99px;top:34px; left:0px; z-index:1000;} #nav li ul a { width:170px; left:0px; background-color:#000; color:#FFFFFF; border-right:0px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:22px; border-bottom:1px solid #2B2B2B; padding:4px 10px 4px 14px; text-align:left; z-index:1000; } #nav li ul a:hover { background-color:#2B2B2B; color:#b7de00; z-index:1000; } #nav ul ul { top:auto; z-index:1000;} #nav li ul ul { left:7.1em; margin:0px 0 0 10px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; color:#cccccc } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; } /* GENERAL ELEMENTS */ #container { position:relative; width:930px; background-image:url(../images/template/containerBG.gif); background-position:-20px 0; background-repeat:no-repeat; margin:0 auto; padding-bottom:20px } #content { position:relative; width:580px; margin:0px 10px 0 0; float:left; padding-right:60px; } #content h1 { position:relative; color:#b7de00; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; font-weight:normal; margin:0; padding:10px 0 5px 0; clear:both} #content h2 { position:relative; color:#b7de00; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; margin:0; padding:15px 0 5px 0; clear:both} #content p { position:relative; color:#FFFFFF; font-size:12px; font-weight:normal; margin:0; padding:0;line-height:17px; margin-bottom:10px } #content p a { position:relative; color:#b7de00; font-size:12px; text-decoration:none; border-bottom:1px dotted #b7ed00 } #content a { position:relative; color:#b7de00; font-size:12px;text-decoration:none; border-bottom:1px dotted #b7ed00 } #content p a:hover { position:relative; color:#d0ff32; text-decoration:none; } #content p.bold { font-weight:bold } #content p.writer { position:relative; float:left; font-weight:bold } #content p.italic { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif } #content ul { position:relative; list-style-type:none; margin:0; padding:0; } #content ul li { position:relative; padding:7px 0 7px 30px; font-size:12px; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left; color:#FFFFFF; text-decoration:none; margin:0; } #content ul li a:hover { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} .line { position:relative; clear:both; height:10px; border-bottom:1px solid #282828; margin:10px 0 10px 0 } /* SIDEBAR ELEMENTS */ #sideBar { position:relative; width:230px; margin:0; float:left; border-left:1px solid #282828; padding:15px 0 10px 30px } #sideBar h2 { position:relative; color:#b7de00; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; margin:0; padding:5px 0 5px 0} #sideBar ul { position:relative; list-style-type:none; margin:0; padding:0; } #sideBar ul li { position:relative; color:#FFFFFF; margin:0; padding:0 } #sideBar ul li a { position:relative; display:block; padding:5px 0 5px 25px; font-size:12px; color:#FFFFFF; text-decoration:none } #sideBar ul li a:hover { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #about #sideNav .about a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #upcoming #sideNav .upcoming a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #items #sideNav .items a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #cal #sideNav .cal a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #test #sideNav .test a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #corp #sideNav .corp a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #weddings #sideNav .weddings a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #cakes #sideNav .cakes a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #chairs #sideNav .chairs a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #ent #sideNav .ent a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #private #sideNav .private a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #life #sideNav .life a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #photo #sideNav .photo a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #enq #sideNav .enq a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #hen #sideNav .hen a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #call #sideNav .call a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #hire #sideNav .hire a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #flowers #sideNav .flowers a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #shop #sideNav .shop a { position:relative; color:#b7de00; background-image:url(../images/template/arrow.png); background-repeat:no-repeat; background-position:left;} #home #nav .home a { color:#b7de00; } /* HOMEPAGE ELEMENTS */ #banner { position:relative; width:912px; height:324px; margin:0; border:1px solid #3f3f3f; margin-bottom:20px; z-index:30} #overlay { position:absolute; right:0px; top:0px; z-index:5 } #ribbon { position:absolute; left:768px; top:-4px; width:149px; height:87px; margin:0; background-image:url(../images/template/welcome.png); z-index:1000 } #promoWrapper p { margin:0; padding:0 } #promoWrapper { position:relative; width:590px; margin:0px 10px 0 0; float:left } .miniPromoBox { position:relative; width:555px; height:auto; background-color:#191919; padding-bottom:20px; margin:0 0 20px 0; border:1px solid #282828; padding-left:20px; } .miniPromoBox:hover { border:1px solid #3D3D3D;} .miniPromoBox h1 { position:relative; font-family:Georgia, "Times New Roman", Times, serif; color:#b7de00; font-size:25px; font-weight:normal; margin:0; padding:15px 0 10px 0} .miniPromoBox p.txt { position:relative; color:#FFFFFF; font-size:12px; font-weight:normal; margin:0; width:360px; line-height:17px; } .miniPromoBox img { position:absolute; top:-10px; left:400px; margin:0; border:0 } .miniPromoBox .greyButton { position:absolute; left:470px; top:100px; font-weight:bold } /* CONTACT PAGE SPECIFIC */ .form { position:relative; margin:0; font-size:12px; margin:40px 0 60px 0; } .form p { padding:0 ; color:#333 } .text { position:relative; width:350px; margin:0; padding:5px; color:#333; border:2px solid #CCC;} .text:hover { border:2px solid #b7de00 } .enquiry { position:relative; width:350px; margin:0; padding:5px; color:#333; border:2px solid #CCC; height:60px; font-size:12px; overflow:hidden } .enquiry:hover { border:2px solid #b7de00 } a.greyButton { position:relative; background-image:url(../images/template/buttonBG.gif); background-repeat:repeat-x; font-size:11px; color:#FFFFFF; padding:5px 15px 5px 15px; text-decoration:none; border: 1px solid #302f2e; font-weight:bold } a.greyButton:hover { background-image:url(../images/template/buttonBGhover.gif); color:#b7de00; } .greyButton { position:relative;left:120px; top:10px; background-image:url(../images/template/buttonBG.gif); background-repeat:repeat-x; font-size:11px; color:#FFFFFF; padding:5px 15px 5px 15px; text-decoration:none; border: 1px solid #302f2e; font-weight:bold } .greyButton:hover { background-image:url(../images/template/buttonBGhover.gif); color:#b7de00; } .subGreyButton { position:relative; left:0px; top:10px; background-image:url(../images/template/buttonBG.gif); background-repeat:repeat-x; font-size:11px; color:#FFFFFF; padding:5px 15px 4px 15px; text-decoration:none; border: 1px solid #302f2e; font-weight:bold; font-family:Arial, Helvetica, sans-serif; cursor:pointer } .subGreyButton:hover { background-image:url(../images/template/buttonBGhover.gif); color:#b7de00; } #intro { position:relative; width:310px; margin:0; float:left; } #intro h1 { position:relative; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:27px; font-weight:normal; margin:0; padding:10px 0 10px 0} #intro h1 i { font-size:23px;} #intro p { position:relative; color:#FFFFFF; font-size:12px; font-weight:normal; margin:0; padding:0 0 10px 0;line-height:17px; } /* FOOTER ELEMENTS */ #footer { position:relative; clear:both; width:100%; height:130px; background-image:url(../images/template/footerBG.gif); background-repeat:repeat-x; margin:0; } #innerFooter { position:relative; width:912px; height:40px; margin:0; margin:0 auto } #copy { position:absolute; top:20px; left:0px; margin:0; font-size:12px; color:#666; } #copy a { color:#666666 } #links { position:absolute; top:20px; right:10px; margin:0; z-index:100; color:#666; font-size:12px } #links ul { position:relative; list-style-type:none; margin:0; padding:0; } #links ul li { position:relative; color:#666; margin:0; padding:0 0 0 25px; float:left } #links ul li a { position:relative; color:#666; text-decoration:none } #links ul li a:hover { position:relative; color:#b7de00; } .inputBox { position:relative; font-size:12px; margin:5px 0 5px 0; width:200px; padding:5px; border:1px solid #0c0c0c; } .inputArea { position:relative; font-size:12px; margin:5px 0 5px 0; width:200px; padding:5px; border:1px solid #0c0c0c;} .inputBoxErr { position:relative; width:250px; font-size:13px; padding:6px; margin:0; border:1px solid #b7de00; overflow:hidden } .inputAreaErr { position:relative; width:250px; height: 80px; font-size:13px; padding:6px; margin:0; border:1px solid #b7de00; overflow:auto } /* SLIDESHOW ELEMENTS */ #slideshow { position:relative; height:324px; z-index:5; font-family:Georgia, "Times New Roman", Times, serif; } #staticSlide { position:relative; height:324px; z-index:5; } #slideshow div{ position:absolute; top:0; left:0; z-index:8; height: 324px; } #slideshow div.active { z-index:10; } #slideshow div.last-active { z-index:9; } #slideshow div img { height: 324px; display: block; border: 0; margin-bottom: 10px; } #slideshow p { margin:0; padding:0 } #slideshow p.ttl { position:absolute; top:279px; width:605px; left:0px; margin:0; font-size:25px; background-image:url(../images/template/trans.png); background-repeat:repeat; padding:10px 20px; } .time { font-weight:bold; } #passionate { position:relative; padding-top:70px; margin-right:10px; width:409px; float:right} #translate { position:relative; padding-top:70px; left:0px; float:left; width:250px; font-size:11px } /* TWITTER FEED */ { } .tweet span { float:left;} .tweet span a { color:#CCC; text-decoration:none; } .tweet span a:hover { color:#FFF } .tweet span img { position:relative; top:3px; } .tweet, .query { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; position:absolute; top:50px; left:0px; border:1px solid #3D3D3D; padding:10px; width:872px; background-color:#000; } .tweet .tweet_list, .query .tweet_list { -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; background-color:#000; } .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; } .tweet .tweet_list li, .query .tweet_list li { overflow-y: auto; overflow-x: hidden; padding: .5em; } .tweet .tweet_list li a, .query .tweet_list li a { color: #b7de00; font-family:Arial, Helvetica, sans-serif; padding-right:10px; text-transform:capitalize } .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even { background-color:#191919; } .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; } .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; }