body { background-color: #5e0b15; color: #24190e; margin: 0px; } /* Reset/Base YUI-Style ----------------------- */ /* div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} */ html, body { font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size: 10pt; height: 100%; } a { outline: none; text-decoration: none; } a img { border: none; } #wrapper { width: 810px; margin: 0px auto; padding-top: 30px; background: url(/template/content_bg.png) repeat-y; } #inner-container { width: 730px; margin: 0px auto; } #header { background: url(/template/header.png); height: 163px; clear: both; } #header a { display: block; position: relative; top: 22px; left: 322px; width: 350px; height: 110px; } #header-home { background: url(/template/header_home.png); height: 250px; clear: both; } #header-home a { display: block; position: relative; top: 27px; left: 333px; width: 350px; height: 110px; } #content { background: url(/template/content_bd.png) repeat-y; } #content-hd { background: url(/template/content_hd.png) no-repeat; height: 8px; } #content-bd { padding: 8px 30px 8px 30px; } #content-ft { background: url(/template/content_ft.png) no-repeat; height: 8px; } #content a { color: #524535; } #content a:hover { color: #7dbaf4; } #content h1 { font-size: 20pt; font-weight: normal; color: #754c28; margin-bottom: 10px; margin-top: 15px; } #content h2 { font-size: 18pt; color: #a77537; margin-bottom: 10px; margin-top: 15px; } #content h3 { font-size: 12pt; font-weight: normal; color: #754C28; } #content .hr { border: 1px solid #f4ca7d; height: 0px; margin: 10px 0px 10px 0px; } #content .event .title { font-size: 15pt; font-weight: normal; margin-bottom: 5px; padding: 4px 0px 5px 0px; } #content .event .title a { color: #ffcf01; } #content .event .title a:hover { color: #70B8F7; } #content .event .date { margin-left: 40px; margin-bottom: 5px; color: #fff; } #content .event .venue { margin-left: 40px; color: #fff; } #content .event .details { margin-left: 40px; margin-top: 5px; } #content .event .details a { color: #ffcf01; text-decoration: underline; } #content .event .details a:hover { color: #70B8F7; } #content .event { line-height: .8em; padding: 10px 10px 5px 10px; margin-bottom: 10px; background: url(/template/event_bg.gif) no-repeat; width: 418px; height: 75px; } #content .event-item .btn { width: 40px; } #content .event-item .btn a { display: block; height: 40px; margin-bottom: 10px; } #content .event-item .details span { color: #fff; } #content .event-item .details a { display: block; font-size: 15pt; margin: 0px 0px 10px 0px; color: #f4bd42; } #content .event-item .details a:hover { color: #70b8f7; } #content .event-item .actions { width: 90px; text-align: center; font-size: 10px; vertical-align: top; } #content .event-item .actions a { display: block; margin-top: 24px; color: #70b8f7; } #content .event-item .actions a:hover { color: #f4bd42; } #content-home { color: #fff; } #content-home h1, #content-home h2 { color: #d90a63; } #content-home h1 { font-size: 18pt; font-weight: normal; } #content-home h2 { font-size: 14pt; font-weight: normal; margin: 10px 0px 10px 0px; } #content-home hr { color: #73593f; background-color: #73593f; height: 2px; border: none; } #content-home .events-list { background: url(/template/event_bg_home.png) no-repeat; width: 490px; height: 124px; margin-bottom: 10px; } #content-home .events-list h1 { color: #f4bd42; font-size: 15pt; font-weight: normal; margin: 0px 0px 5px 0px; } #content-home .events-list td { vertical-align: middle; padding-bottom: 10px; } #content-home .events-list .button a { display: block; width: 50px; height:55px; } #content-home .events-list .details h1 a { color: #F4BD42; text-decoration: none; } #content-home .events-list .details h1 a:hover { color: #70b8f7; } #content-home .events-list .photo { width: 150px; text-align: center; vertical-align: middle; padding: 0px; } #content-home .events-list .photo img { margin: 0px; padding: 0px; border: 1px solid #271d13; } #content-home .events-list .actions { vertical-align: top; padding-top: 31px; } #content-home a { color: #70b8f7; } #content-home a:hover { color: #c29336; } #title-bar { width: 100%; margin: 0px; } #title-bar .line { width: 50%; background: url(/template/head_hr.gif) repeat-x; } #title-bar .line .btn-viewcart { position: relative; top: -9px; display: inline-block; width: 127px; height: 16px; background: url(/template/btn_view_cart.gif) no-repeat; font-size: 8pt; text-align: center; } #title-bar .title { white-space: nowrap; text-align: center; padding: 0px 20px 0px 20px; } #title-bar .title h2{ margin: 0px; font-weight: normal; } #sidebar { float: left; width: 215px; padding-top: 10px; } #sidebar h2 a { color: #D90A63; } #sidebar h2 a:hover { color: #70b8f7; } #tell-a-friend { width: 100%; } #tell-a-friend input, #tell-a-friend textarea { width: 100%; } * .button { width: auto !important; } #btn_viewcart a { background-image: url('/template/buttons_viewcart.gif');background-repeat: no-repeat; width: 120px; height: 16px; margin-right: 5px;border: none;display: block; } #btn_viewcart a:hover { background-position: 0 -16px; } #tell-friends .label { white-space: nowrap; } #event-details .left-col { float: left; width: 380px; } #event-details .right-col { float: left; width: 290px; } #content .error { background: #FFBABA; border: 1px solid #D8000C; color: #EC2A0D; padding: 5px 10px 5px 10px; } #footer { margin-top: 10px; color: #BD9369; font-size: 11px; text-align: center; } #footer a { color: #BD9369; } #footer a:hover { color: #7DBAF4; } /* Navigation ------------------------ */ ul#navigation { width: 100%; margin: 0; padding: 0; list-style: none; } ul#navigation li { display: inline; float: left; margin: 0 0 0 0; text-indent: -9999px; } ul#navigation li a:link, ul#navigation li a:visited { display: block; height: 35px; border: none; background: url('/template/navigation.gif'); } ul#navigation li a:hover { border: none; } ul#navigation li#nav-events a:link, ul#navigation li#nav-events a:visited { width: 87px; background-position: -0px 0; } ul#navigation li#nav-events a:hover, ul#navigation li#nav-events a.current { width: 87px; background-position: -0px 35px; } ul#navigation li#nav-about a:link, ul#navigation li#nav-about a:visited { width: 84px; background-position: -87px 0; } ul#navigation li#nav-about a:hover, ul#navigation li#nav-about a.current { width: 84px; background-position: -87px 35px; } ul#navigation li#nav-faqs a:link, ul#navigation li#nav-faqs a:visited { width: 61px; background-position: -171px 0; } ul#navigation li#nav-faqs a:hover, ul#navigation li#nav-faqs a.current { width: 61px; background-position: -171px 35px; } ul#navigation li#nav-what-is-speed-dating a:link, ul#navigation li#nav-what-is-speed-dating a:visited { width: 165px; background-position: -232px 0; } ul#navigation li#nav-what-is-speed-dating a:hover, ul#navigation li#nav-what-is-speed-dating a.current { width: 165px; background-position: -232px 35px; } ul#navigation li#nav-dating-tips a:link, ul#navigation li#nav-dating-tips a:visited { width: 100px; background-position: -397px 0; } ul#navigation li#nav-dating-tips a:hover, ul#navigation li#nav-dating-tips a.current { width: 100px; background-position: -397px 35px; } ul#navigation li#nav-contact a:link, ul#navigation li#nav-contact a:visited { width: 92px; background-position: -497px 0; } ul#navigation li#nav-contact a:hover, ul#navigation li#nav-contact a.current { width: 92px; background-position: -497px 35px; } ul#navigation li#nav-request-event a:link, ul#navigation li#nav-request-event a:visited { width: 141px; background-position: -589px 0; } ul#navigation li#nav-request-event a:hover, ul#navigation li#nav-request-event a.current { width: 141px; background-position: -589px 35px; } /* ul#navigation li#nav-events a:link, ul#navigation li#nav-events a:visited { width: 90px; background-position: -0px 0; } ul#navigation li#nav-events a:hover, ul#navigation li#nav-events a.current { width: 90px; background-position: -0px 35px; } ul#navigation li#nav-about a:link, ul#navigation li#nav-about a:visited { width: 83px; background-position: -90px 0; } ul#navigation li#nav-about a:hover, ul#navigation li#nav-about a.current { width: 83px; background-position: -90px 35px; } ul#navigation li#nav-faqs a:link, ul#navigation li#nav-faqs a:visited { width: 61px; background-position: -173px 0; } ul#navigation li#nav-faqs a:hover, ul#navigation li#nav-faqs a.current { width: 61px; background-position: -173px 35px; } ul#navigation li#nav-what-is-speed-dating a:link, ul#navigation li#nav-what-is-speed-dating a:visited { width: 166px; background-position: -234px 0; } ul#navigation li#nav-what-is-speed-dating a:hover, ul#navigation li#nav-what-is-speed-dating a.current { width: 166px; background-position: -234px 35px; } ul#navigation li#nav-dating-tips a:link, ul#navigation li#nav-dating-tips a:visited { width: 99px; background-position: -400px 0; } ul#navigation li#nav-dating-tips a:hover, ul#navigation li#nav-dating-tips a.current { width: 99px; background-position: -400px 35px; } ul#navigation li#nav-contact a:link, ul#navigation li#nav-contact a:visited { width: 95px; background-position: -499px 0; } ul#navigation li#nav-contact a:hover, ul#navigation li#nav-contact a.current { width: 95px; background-position: -499px 35px; } ul#navigation li#nav-request-event a:link, ul#navigation li#nav-request-event a:visited { width: 136px; background-position: -594px 0; } ul#navigation li#nav-request-event a:hover, ul#navigation li#nav-request-event a.current { width: 136px; background-position: -594px 35px; } */ /* ul#navigation li#nav-events a:link, ul#navigation li#nav-events a:visited { width: 90px; background-position: -0px 0; } ul#navigation li#nav-events a:hover, ul#navigation li#nav-events a.current { width: 90px; background-position: -0px 35px; } ul#navigation li#nav-about a:link, ul#navigation li#nav-about a:visited { width: 107px; background-position: -90px 0; } ul#navigation li#nav-about a:hover, ul#navigation li#nav-about a.current { width: 107px; background-position: -90px 35px; } ul#navigation li#nav-faqs a:link, ul#navigation li#nav-faqs a:visited { width: 88px; background-position: -197px 0; } ul#navigation li#nav-faqs a:hover, ul#navigation li#nav-faqs a.current { width: 88px; background-position: -197px 35px; } ul#navigation li#nav-what-is-speed-dating a:link, ul#navigation li#nav-what-is-speed-dating a:visited { width: 192px; background-position: -285px 0; } ul#navigation li#nav-what-is-speed-dating a:hover, ul#navigation li#nav-what-is-speed-dating a.current { width: 192px; background-position: -285px 35px; } ul#navigation li#nav-dating-tips a:link, ul#navigation li#nav-dating-tips a:visited { width: 126px; background-position: -477px 0; } ul#navigation li#nav-dating-tips a:hover, ul#navigation li#nav-dating-tips a.current { width: 126px; background-position: -477px 35px; } ul#navigation li#nav-contact a:link, ul#navigation li#nav-contact a:visited { width: 127px; background-position: -603px 0; } ul#navigation li#nav-contact a:hover, ul#navigation li#nav-contact a.current { width: 127px; background-position: -603px 35px; } */ /* ClearFix -------------------------------- */ #wrapper .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #wrapper .clearfix {display: inline-block;} * html .clearfix {height: 1%;} #wrapper .clearfix {display: block;}