/* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.1.1 build: 47 */ html,body,header,menu, footer,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing: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;} label.overlabel-apply { position:absolute; padding: 6px; *padding:7px; z-index:1; display:block;} /* Generics */ * {outline:none} a {text-decoration:none} a:hover {text-decoration:none} em {font-style:italic;} strong {font-weight:bold;} .invisible {display: none;} .left {float: left;} .right {float: right;} .center {margin:auto; text-align:center;} .relative {position:relative;} .invalid {background:#ffe0e0;} .clear {clear:both;} /* XMAS */ div.band {margin-left:-26px; margin-top:-17px} /* MAIN STRUCTURE */ html {background:#fff9e9 url(../images/bgtile.jpg) repeat-y top center; height: 100%;} body {height: 100%; font-family:arial} div#violator { position:absolute; top:370px; z-index:10000; } div#violator .close { display:none; float:right; position:absolute; opacity:0.5; margin:-10px -10px 0 0; } div#violator.left_of_content { margin-left:-20px; } div#violator.right_of_content { min-width:360px; text-align:right; margin-left:620px } div#violator.left_of_page { left:10px; margin:0; } #nonfooter {position: relative; min-height: 100%; } * html #nonfooter {height: 100%;} section {width:100%; height:100%; } #footer {position: relative; margin-top:-274px; } #footerfix {height: 274px; clear: both;} #mentallyfriendly { float:left; clear:left; font-size:10px; margin:0 0 0 40px; width:auto; } #mentallyfriendly a { color:#3297CA; font-weight:bold; } span.small {font-size:18px;} /* --------------------------------------*/ /* ---------->>> LANDING PAGE <<<--------*/ /* --------------------------------------*/ div.main {width:980px; margin:0 auto} /* HEADER */ header { height:194px; display:block; background:url(../images/full_header.jpg) no-repeat top center; } header .content { display:block; margin:0 auto; width:980px; height:194px;} header p.kite {position:absolute; margin-top:215px; margin-left:996px; z-index:100} header div.countdown {position:absolute; width:229px; height:98px; background:url(../images/countdown.png) no-repeat; margin-left:45px} /*header div.countdown span {float:left; font-family:times; font-size:29px; color:#4b381f; margin-top:57px}*/ header div.countdown h2 { margin:2.3em 0 0 5px; text-align:center; color:#4b381f; } header div.countdown #defaultCountdown {font-family:times; font-size:29px; color:#4b381f; text-align:center; margin:0 0 0 10px;} header div.logo {float:left; margin-left:330px; margin-top:18px} header div.join {float:left; margin-top:60px; margin-left:72px} header div.join ul {} header div.join ul li {float:left; margin-right:4px; font-size:16px; color:#112369} header div.join ul li a {float:left; margin-top:3px} header menu {float:left; width:980px; margin:0 auto; } header menu ul {float:left; margin-left:120px;/*margin-left:63px;*/ margin-top:19px; } header menu ul li {float:left;} header menu ul li a {display:block; height:24px; font-size:12px; color:#fff; } header menu ul li a:hover {background-position: left bottom !important} header menu ul li a.selected {display:block; background-position: left bottom !important} header menu ul li a.home {display:block; width:55px; height:25px; background:url(../images/m_home.gif) no-repeat left top} header menu ul li a.about {display:block; width:63px; height:25px; background:url(../images/m_about.gif) no-repeat left top} header menu ul li a.biers {display:block; width:53px; height:25px; background:url(../images/m_biers.gif) no-repeat left top} header menu ul li a.whatson {display:block; width:89px; height:25px; background:url(../images/m_whatson.gif) no-repeat left top} header menu ul li a.reservations {display:block; width:108px; height:25px; background:url(../images/m_reservations.gif) no-repeat left top} header menu ul li a.functions {display:block; width:90px; height:25px; background:url(../images/m_functions.gif) no-repeat left top} header menu ul li a.gallery {display:block; width:73px; height:25px; background:url(../images/m_gallery.gif) no-repeat left top} header menu ul li a.contactus {display:block; width:98px; height:25px; background:url(../images/m_contactus.gif) no-repeat left top} header menu ul li a.venue {display:block; width:60px; height:25px; background:url(../images/m_venue.gif) no-repeat left top} header menu ul li a.bookings {display:block; width:82px; height:25px; background:url(../images/m_bookings.gif) no-repeat left top} header menu ul li a.fun {display:block; width:45px; height:25px; background:url(../images/m_fun.gif) no-repeat left top} header menu ul li a.menu {display:block; width:56px; height:25px; background:url(../images/m_menu.gif) no-repeat left top} header menu ul li a.loyalty {display:block; width:73px; height:25px; background:url(../images/m_loyalty.gif) no-repeat left top} header menu ul li ul.submenu {display:none; position:absolute; z-index:1000; margin-left:0px; margin-top:0px; padding-top:9px; } header menu ul li ul.submenu li {clear:left !important; display:block !important; /*width:110px;*/ height:27px; border-top:1px solid #fff} header menu ul li ul.submenu li a {display:block; width:110px; height:22px; font-size:12px; color:#3297ca; background:#e4e4e4; padding-left:10px; padding-top:5px;} header menu ul li ul.submenu li a:hover {display:block; font-size:12px; color:#3297ca; background:#3297ca; } header menu ul li ul.submenu li:first-child a {clear:left !important; display:block !important; /*width:100px;*/ height:27px; margin-top:-2px; border-top-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; } header menu ul li ul.submenu li:last-child a {clear:left !important; display:block !important; /*width:100px;*/ height:21px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px} header menu ul li.sep {padding-left:2px; padding-right:2px; margin-top:3px;} header div.content img.vineleft {position:absolute; margin-left:-953px; margin-top:465px;} header div.content img.vineright {position:absolute; margin-left:31px; margin-top:363px;} /* MAIN CONTAINERS */ div.container {margin:0 auto; width:980px;} div.container div.content { width:980px; margin:0 auto; } div.container div.content div.leftside {float:left; width:578px; margin-left:41px; margin-top:-30px} div.container div.content div.leftside h3{float: left;} div.container div.content div.rightside {float:left; width:292px; margin-left:15px; margin-top:-30px; border-left:1px dotted #aed6e7} /* SLIDER */ #slidercontainer {float:left; width:577px; height:183px; background: url('../images/ajax-loader.gif') no-repeat 50% 50%; padding-top:3px} #slider {float:left; width:571px;height:180px;position:relative;margin-left:3px; background:transparent !important;} #slider img {position:absolute; top:0px;left:0px; } #slider a {border:0;} .nivo-controlNav {position:absolute;right:0;bottom:-30px;} .nivo-controlNav a {display:block;width:10px;height:10px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px; border:0;margin-right:3px; float:left;} .nivo-controlNav a.active { background-position:-10px 0;} .nivo-directionNav a {display:block; width:32px; height:34px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0;} a.nivo-nextNav {background-position:-32px 0; right:10px;} a.nivo-prevNav {left:10px;} /* LEFT SIDE */ div.leftside h1.big {float:left;width:578px; font-size:30px; color:#3297ca; margin-top:0} div.leftside p {float:left;width:578px; font-size:13px; color:#423e39; margin-top:10px; margin-bottom:5px;} div.leftside a.enter {float:left;width:578px; text-align:center} /* RIGHT SIDE */ div.rightside div.booknow {float:left; width:339px; height:105px; background:url(../images/bgbook.png) no-repeat; border-bottom:1px dotted #aed6e7; margin-bottom:15px; } div.rightside div.booknow h2 {font-size:28px; color:#423e39; margin-top:15px; margin-left:27px} div.rightside div.booknow ul {float:left; margin-left:27px} div.rightside div.booknow ul li {float:left; margin-right:5px} div.rightside div.booknow ul li a {font-size:16px; color:#423e39} div.rightside div.join {float:left; width:305px; height:auto; /*border-top:1px dotted #aed6e7;*/ border-bottom:1px dotted #aed6e7; height:80px; } div.rightside div.join h2 {font-size:20px; color:#423e39; margin-left:15px} div.rightside div.join input {float:left; width:215px; height:26px; background:#fffbeb; border:1px solid #e6f1ed; margin-left:15px; margin-top:10px; font-size:12px; color:#2593c5; padding-left:5px} div.rightside div.join input.submit {float:left; width:auto; height:26px; margin-left:0; margin-top:10px; font-size:16px; color:#9a6e04; font-style:italic; background:none; border:none;} div.rightside div.join input.loading { background:url('../images/brown-loader.gif') 0 7px no-repeat; padding-left:20px; margin-left:4px;} div.rightside div.join #sending { margin-top:0.8em; } div.rightside div.join p { color:#9a6e04; margin:0.4em 0 0 1em; font-style: italic; text-align: center; } div.rightside div.join p img { margin-right:0.4em; vertical-align:bottom; } div.rightside div.whatson {float:left; width:305px; height:auto; margin-top:10px; padding-bottom:15px; } div.rightside div.whatson h2 {float:left; width:290px; font-size:20px; color:#423e39; margin-left:15px;} div.rightside div.whatson h3 {float:left; width:290px; font-size:16px; color:#9a6e04; margin-top:7px; margin-left:15px; padding-top:7px; min-height:23px; border-top:1px dotted #aed6e7;} div.rightside div.whatson img.like {float:right; width:67px; margin-top:-20px; } div.rightside div.whatson p {float:left; width:290px; font-size:12px; color:#423e39; margin-left:15px; padding-bottom:5px; margin-top:4px} div.rightside div.whatson p a {font-size:12px; color:#9a6e04; font-style:italic} div.rightside div.whatson .fb_iframe_widget { float:right; margin:0 -42px 0 0; } /* FOOTER */ footer { height:274px; background:url(../images/full_footer.jpg) no-repeat center 10px; width:100%; display:block; clear:both;} /*footer { height:274px; background:url(../images/full_footer_xmas.jpg) no-repeat center 10px; width:100%; display:block; clear:both;}*/ footer .content { display:block; margin:0 auto; width:980px; height:274px;} footer div.line {float:left; width:900px; border-top:1px dotted #aed6e7; margin-left:41px} footer p.baloon {position:absolute; margin-left:-15px; margin-top:-70px; z-index:100} footer ul.menu {float:left; width:580px; margin-left:41px; margin-top:10px} footer ul.menu li {float:left} footer ul.menu li a {font-size:13px; color:#423e39; letter-spacing:0.5px} footer ul.menu li.space {padding-left:8px; padding-right:8px; font-size:10px; padding-top:5px} footer ul.logos {float:left; width:550px; margin-left:41px; margin-top:10px} footer ul.logos li {float:left} footer ul.logos li a {font-size:13px; color:#423e39; letter-spacing:0.5px; margin-right:10px} footer p.rsa {float:left; width:530px; margin-left:41px; margin-top:4px; margin-bottom:10px; font-size:10px} footer div.open {float:right; width:305px; height:70px; margin-right:40px; border-left:1px dotted #aed6e7; margin-top:-127px; padding-top:20px} footer div.open p {float:left; width:200px; font-size:10px; color:#423e39; margin-left:20px} footer div.open p.open {font-size:12px; font-weight:bold; color:#423e39; margin-bottom:5px;} footer div.open a.reserv {float:left; width:305px;color:#423e39; margin-top:15px; font-size:10px; font-weight:bold; font-style:italic; color:#5fbae0; margin-left:20px} footer div.open a.tc {float:left; width:305px;color:#423e39; font-size:10px; font-style:italic; color:#423e39; margin-left:20px} footer div.open a.tc:hover {text-decoration:underline;} /* --------------------------------------*/ /* ---------->>> HOME PAGE <<<-----------*/ /* --------------------------------------*/ div.leftside h1 {float:left; width:578px; font-size:16px; color:#9a6e04; margin-top:10px} div.leftside a {color:#3297ca;} div.leftside .baker {float:left; width:578px; font-size:25px; color:#9a6e04; margin-top:10px} div.leftside p.desc {padding-bottom:15px; border-bottom:1px dotted #AED6E7} div.leftside h2 {float:left; font-size:30px; color:#3297ca; margin-top:4px; clear:left;} div.leftside div.on {float:left; width:578px; padding-top:10px; margin-top:6px; padding-bottom:2px; border-top:1px dotted #AED6E7} div.leftside div.on img {float:left; width:170px; margin-right:0px} div.leftside div.on h3 { float:left; width:300px; color:#9a6e04; min-height:22px; margin-left:15px; } div.leftside div.on a h3 { font-size:16px; } div.leftside div.on img.like {float:right; width:auto; height:auto; margin-right:0px; } div.leftside div.on p {float:right; width:385px; color:#423e39; font-size:13px; margin-top:8px; margin-right:7px} div.leftside div.on p a {color:#3297ca} div.leftside div.on a {float:left; width:170px; font-size:13px; font-style:italic; font-weight:bold; color:#423e39; margin-top:8px} div.leftside div.on a.image {width:170px; height:170px; overflow:hidden} div.leftside div.on a.img {float:left; width:170px; font-size:13px; font-style:italic; font-weight:bold; color:#423e39; margin-top:0px} div.leftside .fb_edge_widget_with_comment { float:right; margin-top:16px;} div.leftside div.sponsors h3 { float:left; color:#9a6e04; min-height:22px; margin-left:0px; } div.leftside div.sponsors p {color:#423e39; font-size:13px; margin-top:8px; clear:left; display:block; margin-left:0px; float:none!important; width:auto !important} div.leftside p a { float:none !important; width:auto !important; } div.leftside div.staff {float:left; width:578px; min-height:250px; padding-top:10px; margin-top:15px; color:#423e39; border-top:1px dotted #AED6E7; background:url(../images/bgstaff.png) no-repeat 0px 15px} div.leftside div.staff p.member {position:absolute; float:left; margin-left:-10px; margin-top:-21px} div.leftside div.staff h2 {float:left; width:250px; color:#423e39; margin-left:165px; margin-top:20px} div.leftside div.staff p {float:left; width:250px; margin-left:165px; font-size:16px; margin-top:3px} div.leftside div.staff p.role {float:left; margin-top:0px; padding-bottom:10px; border-bottom:1px dotted #ada794;} div.leftside div.staff p.detail {float:left; font-style:italic} div.leftside div.staff p.detail span {font-style:normal; font-weight:bold} div.leftside div.staff img.staff {width:130px; margin-top:20px; margin-left:10px} div.rightside div.whatson p.like {float:right; width:100px; margin-top:-20px; text-align:right; font-style:italic; } div.rightside div.saywhat {margin-top:50px} div.rightside div.bluebox {float:left; width:290px; height:auto; margin-bottom:18px; margin-top:15px; margin-left:15px; padding-bottom:15px; background:#e0f0ed; } div.rightside div.bluebox h2 {float:left; width:290px; height:30px; text-align:center; border-bottom:1px solid #f6fbfc; color:#112369; font-size:20px; padding-top:10px;} div.rightside div.bluebox img.saywhatguy {position:absolute; margin-left:-56px; margin-top:-49px; height:77px} div.rightside div.bluebox img.galleryguy {position:absolute; margin-left:-300px; margin-top:-23px} div.rightside div.bluebox p {float:left; width:290px; height:auto; font-size:20px; color:#3297ca; text-align:center; padding-top:10px} div.rightside div.bluebox p span.small {font-size:18px} div.rightside div.bluebox p span.smaller {font-size:12px} div.rightside div.bluebox img {float:left; padding-top:12px; padding-bottom:10px; margin-left:13px} div.rightside div.bluebox a {float:left; width:290px; font-size:12px; color:#3297ca; text-align:center; margin-top:5px} /* -------------------------------------------------*/ /* ---------->>> RESERVATIONS LANDING <<<-----------*/ /* -------------------------------------------------*/ div.leftside.leftsidereserv h1 {margin-top:0px;} div.rightside.rightsidereserv {height:370px;} div.leftside a.booknow {float:left; margin-top:10px; margin-bottom:10px} div.rightside ul.downloads { margin-top:1em; border-top:none !important; border-bottom:1px dotted #AED6E7; padding-bottom:1em; margin-left:0 !important; padding-left:20px; } div.rightside ul.downloads li { border:none !important; } ul.downloads {float:left; border-top:1px dotted #AED6E7; margin-bottom:1em;} ul.downloads li {width:578px; height:25px; border-bottom:1px dotted #AED6E7; padding-top:5px; padding-bottom:5px} ul.downloads li a {height:30px; padding-left:33px; font-size:20px; color:#423e39; background:url(../images/download.gif) no-repeat left top; letter-spacing:1px} div.rightside div.book {float:left; width:320px; height:100px; border-bottom:1px dotted #AED6E7; background:url(../images/bgblue.png) no-repeat top left; margin-top:10px} div.rightside div.book h2 {float:left; font-size:29px; color:#423e39; margin-left:20px; margin-top:10px} div.rightside div.book img.icon {position:absolute; margin-top:-15px; margin-left:-65px} div.rightside div.book.nye {border-bottom:0px} /* -------------------------------------------------*/ /* ---------->>> RESERVATIONS FORM <<<--------------*/ /* -------------------------------------------------*/ div.leftside div.back {float:left; width:578px; border-bottom:1px dotted #AED6E7; margin-bottom:5px} div.leftside div.back a {float:left; font-size:12px; color:#3297ca; margin-bottom:10px; } div.leftside p.reservdesc {float:left; font-size:20px; color:#3297ca} div.leftside table.reservation {float:left; width:578px; margin-top:25px; font-size:12px; color:#423e39} div.leftside table.reservation tr td {padding:0 0 10px 0;} div.leftside table.reservation tr td.title {width:140px; font-size:12px; font-weight:bold; color:#423e39; vertical-align:middle;} div.leftside table.reservation tr td.top { vertical-align:top !important; } div.leftside table.reservation tr td input {width:230px; height:26px; background:#fffbeb; border:1px solid #dfeff2; font-size:12px; color:#2593c5; padding-left:5px} div.leftside table.reservation tr td select {width:auto; height:26px; background:#fffbeb; border:1px solid #dfeff2; font-size:12px; color:#2593c5; padding-left:0px; } div.leftside table.reservation tr td input.date {width:33px} div.leftside table.reservation tr td input.year {width:70px} div.leftside table.reservation tr td span {margin-left:5px; margin-right:5px} div.leftside table.reservation tr td input.full {width:330px} div.leftside table.reservation tr td textarea {width:330px; height:105px; background:#fffbeb; border:1px solid #dfeff2; font-size:12px; color:#2593c5; padding-left:5px; padding-top:5px} div.leftside table.reservation tr td input.check {width:auto; height:auto; margin-right:10px} div.leftside table.reservation tr td input.radio {float:left; width:auto; height:auto; margin-right:5px} div.leftside table.reservation tr td input.submit { background:none; border:none; width:auto; height:auto; } div.leftside table.reservation tr td label {float:left; width:auto; height:auto; margin-right:5px} div.leftside table.reservation tr td a.download { font-size:12px; color:#3297ca; margin:0} div.leftside table.reservation tr td p {float:left; width:430px; font-size:12px; color:#423e39; margin-top:0px; } div.leftside table.reservation tr td p a { color:#3297ca;} div.rightside img.reservimage {float:left; margin-left:15px;} div.rightside div.contact_side { display:block; clear:left; padding:1em 0; } div.rightside div.contact_side p { clear:left; display:block; float:none; } div.rightside div.contact_side img { margin-bottom:1em; } div.rightside p.open {float:left; font-size:20px; color:#3297ca; margin-left:15px; margin-top:20px} div.rightside p.open a {color:#3297ca; text-decoration:underline} /*div.rightside div.joinreserv {margin-top:20px}*/ div.rightside div.blueboxreserv {margin-top:20px; letter-spacing:1px} div.rightside div.blueboxreserv img.image {position:absolute; margin-left:-71px; margin-top:-41px} div.leftside table.reservation #options { height:140px; display:none; } div.leftside table.reservation #options .fade {display:none; } div.leftside table.reservation #options p { margin-bottom:1em; } div.leftside table.summary { margin:0.5em 0 2em 0; } div.leftside table.summary td { padding:2px 10px 2px 0; font-size:12px; vertical-align:top; } div.leftside table.summary td.label { font-weight:bold; color:#555; width:170px; } div.leftside table.summary tr.first td { font-size:17px; font-weight:bold; } /* -------------------------------------------------*/ /* ---------->>> FUNCTIONS LANDING <<<--------------*/ /* -------------------------------------------------*/ div.rightside div.book.func {height:130px;} div.rightside div.book a.download {float:left; width:290px; height:35px; padding-left:33px; margin-left:15px; font-size:19px; color:#3297ca; background:url(../images/download.gif) no-repeat left top; letter-spacing:1px; margin-top:15px} /* -------------------------------------------------*/ /* ---------->>> FUNCTIONS FORM <<<-----------------*/ /* -------------------------------------------------*/ div.leftside p.reservdesc a {color:#3297ca; text-decoration:underline} table.additions tr td {padding-bottom:5px !important} table.additions td.bold {height:10px; font-weight:bold} /* -------------------------------------------------*/ /* ---------->>> GALLERY <<<------------------------*/ /* -------------------------------------------------*/ img.biggalleryguy {position:absolute; margin-left:-130px; margin-top:330px; } div.gallery {float:left; width:578px; margin-top:-30px;} div.gallerydeschome {float:left; width:292px; margin-left:15px; margin-top:-30px;} div.gallerydeschome h2 {font-family: 'baker'; font-size:20px; color:#3297ca} div.gallerydeschome h3 {font-family: 'baker'; font-size:13px; color:#3297ca} div.gallerydeschome img.like {margin-top:10px} div.gallerydeschome p {font-size:13px; color:#423e39; margin-top:15px} div.gallerydeschome p a { color:#3297ca !important; } div.gallerydeschome ul {} div.gallerydeschome ul li {float:left; margin-right:15px; font-size:13px; color:#423e39} div.gallerydesc {float:left; width:870px; margin-left:15px; margin-top:-30px;} div.gallerydesc h2 {font-family: 'baker'; font-size:20px; color:#3297ca} div.gallerydesc h3 {font-family: 'baker'; font-size:13px; color:#3297ca} div.gallerydesc img.like {margin-top:10px} div.gallerydesc p {font-size:13px; color:#423e39; margin-top:15px} div.gallerydesc p a { color:#3297ca !important; } div.gallerydesc ul {} div.gallerydesc ul li {float:left; margin-right:15px; font-size:13px; color:#423e39} div.tags {float:left; width:578px;} div.tags ul {} div.tags ul li {float:left; font-size:12px; color:#9a6e04; margin-right:4px} div.tags ul li a {font-size:12px; color:#9a6e04; padding-left:2px; padding-right:2px} div.tags ul li a:hover {font-size:12px; color:#fff; background:#3297ca; padding-left:2px; padding-right:2px } div.gallery .example {border: 1px solid #CCC; background: #f2f2f2; padding: 10px;} div.gallery ul {list-style-image:url(list-style.gif);} div.gallery pre {font-family: "Lucida Console", "Courier New", Verdana; border: 1px solid #CCC; background: #f2f2f2; padding: 10px;} div.gallery code {font-family: "Lucida Console", "Courier New", Verdana; margin: 0; padding: 0;} div.gallery #gallery {height:470px} div.gallery #galleryuser {background: #171717;} div.gallery #descriptions {position: relative; height: 50px; background: #EEE; margin-top: 10px; width: 488px; padding: 10px; overflow: hidden;} div.gallery #descriptions .ad-image-description {position: absolute;} div.gallery #descriptions .ad-image-description .ad-description-title {display: block; } div.latest {float:left; width:900px; height:auto; margin-top:10px;} div.latest div.border {float:left; width:900px; border-top:1px dotted #AED6E7} div.latest h2 {float:left; width:900px; height:32px; background:#cee6ee; margin-top:20px; padding-top:8px; text-align:center; font-size:20px; color:#112369; border-bottom:1px solid #fff} div.latest div.galleries {float:left; width:894px; background:#cee6ee; padding-left:6px} div.latest div.galleries div.box {float:left; width:190px; margin-left:25px; margin-top:15px; } div.latest div.galleries div.box a.title {float:left; width:190px; font-size:13px; color:#3297ca; font-weight:bold; } div.latest div.galleries div.box a.place {float:left; width:190px; font-size:13px; color:#3297ca} div.latest div.galleries div.line {float:left; width:835px; height:20px; margin-left:25px; border-bottom:1px dotted #AED6E7} div.latest div.galleries div.nav {float:left; width:835px; height:40px; margin-left:25px; margin-top:10px; border-bottom:1px dotted #AED6E7} div.latest div.galleries div.nav ul {float:right; width:auto; } div.latest div.galleries div.nav ul li {float:left; margin-right:5px} div.latest div.galleries div.nav ul li.extra {margin-right:15px} div.latest div.galleries div.nav ul li a {font-size:12px; color:#4e4b46} /* --------------------------------------------------------*/ /* ---------->>> GALLERY DETAIL <<<------------------------*/ /* ------------------------------------------------------- */ div.gallerycontent {display: none; float: right; width: 980px; height:465px } div.gallerycontent a, div.navigation a {text-decoration: none; color: #777;} div.gallerycontent a:focus, div.gallerycontent a:hover, div.gallerycontent a:active {text-decoration: underline;} div.controls {margin-top: 5px; height: 23px;} div.controls a {padding: 17px;} div.ss-controls {float: left; display:none} div.nav-controls {position:absolute; margin-top:205px; z-index:1000} div.slideshow-container {position: relative; clear: both;} div.nav-controls a.prev {width:31px !important; height:31px !important; background:url(../images/arrowleftnew.png) no-repeat top left; margin-left:50px} div.nav-controls a.next {width:31px !important; height:31px !important; background:url(../images/arrowrightnew.png) no-repeat top left; margin-left:740px} div.loader {position: absolute; top: 0; left: 0; background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 502px;} div.slideshow {float:left; background:#00ff00} div.slideshow span.image-wrapper {display: block; width:900px; position: absolute; top: 0; left: 0; } div.slideshow a.advance-link {display: block; text-align: center;} div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;} div.slideshow img {vertical-align: middle; border: 1px solid #ccc;} div.download {float: right;} div.caption-container {display:none; position: relative; clear: left; height: 75px;} span.image-caption {display: block; position: absolute; width: 550px; top: 0; left: 0;} div.caption {padding: 12px;} div.image-title {font-weight: bold; font-size: 1.4em;} div.image-desc {line-height: 1.3em; padding-top: 12px;} div.navigation {width:900px !important; border-top: 1px dotted #AED6E7; padding-top:25px} ul.thumbs {clear: both; margin: 0; padding: 0;} ul.thumbs li {float: left; width:174px; height:110px; padding: 0; margin: 2px 2px 7px 0; list-style: none; opacity:1 !important} a.thumb {padding: 4px; display: block;} ul.thumbs li.selected a.thumb {background: #3297ca;} ul.thumbs li:hover a.thumb {background: #3297ca;} a.thumb:focus {outline: none;} ul.thumbs img {border: none; display: block;} div.pagination {clear: both;float:right;margin-right:23px;} div.navigation div.top {margin-bottom: 12px; height: 11px;} div.navigation div.bottom {margin-top: 12px;} div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display: block; float: left;margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc;} div.pagination a:hover {background-color: #eee; text-decoration: none;} div.pagination span.current {font-weight: bold;background-color: #000; border-color: #000; color: #fff;} div.pagination span.ellipsis {border: none; padding: 5px 0 3px 2px;} div.sharelike {position:absolute; margin-top:343px} #gallery_detail #gallery { height:auto; margin-bottom:15px; } #gallery_detail .gallery_navigation { clear:both; width:870px;} #gallery_detail .gallery_navigation li { float:left; margin-right:0; height:110px; margin-bottom:0; overflow:hidden; border:4px solid transparent; } #gallery_detail .gallery_navigation li:hover { border:4px solid #3297ca } #gallery_detail .galleries { width:868px; padding-bottom:10px !important; } #gallery_detail .nav { clear:both; text-align:right; border-top:1px dotted #AED6E7; padding-top:10px; } #gallery_detail .nav li { display:inline; } #gallery_detail .nav a {font-size:12px; color:#4e4b46} /* --------------------------------------------------------*/ /* ---------->>> ABOUT US <<<------------------------------*/ /* --------------------------------------------------------*/ ul.aboutmenu {float:left; margin-bottom:15px;} ul.aboutmenu li {float:left; font-size:13px; color:#3297ca} ul.aboutmenu li.sep {margin-left:10px; margin-right:10px} ul.aboutmenu li.active a { color:#444 !important; } ul.aboutmenu li a {width:auto !important; font-size:13px !important; color:#3297ca !important; margin-top:0px !important} div#sliderstill {float:left; width:571px;height:180px;position:relative;margin-left:3px;background:#d9d2c7 url(../images/loading.gif) no-repeat 50% 50%;} div#about {float:left;} .about_content h2 {float:left; width:230px; clear:both; margin-bottom:0.3em;} .about_content p { float:none !important; clear:left; } .about_content img {border:3px solid #d9d2c7; float:right; margin:0 15px 15px 15px; clear:both;} div.review {float:left; width:578px; border-top:1px dotted #AED6E7; margin-top:6px; padding-bottom:2px; padding-top:10px; } div.review h3 {float:left; width:578px; font-size:16px; color:#9a6e04 } div.review p {margin:0px} div.review p.date {font-size:12px; color:#9a6e04; margin:0;} div.review p {font-size:13px; color:#423e39; margin-top:10px; border-bottom:0px; padding-bottom:0px} div.review a {font-size:12px; color:#9a6e04; font-style:italic} div#sponsors {display:none; float:left} div#sponsors h2 {float:left; width:578px} div.rightside div.open {float:left; width:320px; height:auto; border-bottom:1px dotted #AED6E7; padding-bottom:20px} div.bluebox.about {margin-top:15px} div.rightside div.friends {float:left; width:320px; height:auto; border-top:1px dotted #AED6E7; padding-bottom:20px} div.rightside div.friends h2 {font-size:20px; color:#423e39; margin-left:15px; margin-top:15px; margin-bottom:15px} div.rightside div.friends a {float:left; margin-left:15px; margin-right:10px; margin-bottom:15px} /* --------------------------------------------------------*/ /* ---------->>> WHATS ON <<<------------------------------*/ /* --------------------------------------------------------*/ #whatsoncontainer {float:left; width:579px; height:auto; padding-top:3px; margin-bottom:10px} #whatsoncontainer div#slidercontainer {float:left; width:572px; position:relative;margin-left:3px; margin-bottom:20px} #whatsoncontainer div#slidercontainer div#sliderstill {float:left; height:147px; background:none !important} #whatsoncontainer h3 strong{float: left;} div#slidercontainer img.like {float:right; margin-top:10px} div.on a.book {float:right !important; width:385px !important; text-align:left !important; font-size:16px !important; color:#3297ca !important; font-style:normal !important} /* --------------------------------------------------------*/ /* ---------->>> WHATS ON DETAIL <<<-----------------------*/ /* --------------------------------------------------------*/ div.whatson_detail {float:left; width:578px} div.whatson_detail div.back {float:left; width:578px; height:20px; border-bottom:1px dotted #b0d7ea} div.whatson_detail h1 {float:left; width:480px; font-size:30px; color:#3297ca; margin-bottom:20px } div.whatson_detail div.like {float:right; width:85px; margin-top:20px;} div.whatson_detail div.wrapleft {float:left; width:170px;} div.whatson_detail div.wrapleft p.title {float:left; width:170px; font-size:16px; color:#9a6e04; margin:0px} div.whatson_detail div.wrapleft p {float:left; width:170px; line-height:19px; margin:0 0 20px 0} div.whatson_detail div.wrapright {float:right; width:393px;} div.whatson_detail div.wrapright img {float:left; border:3px solid #d9d2c7} div.whatson_detail div.wrapright p {float:left; width:393px; font-size:13px; color:#423e39; line-height:19px; margin-top:20px;} /* --------------------------------------------------------*/ /* ---------->>> CONTACT US <<<----------------------------*/ /* --------------------------------------------------------*/ div.rightside div.joincontact {float:left; width:305px; height:auto; margin-top:0px; padding-bottom:15px; border-bottom:1px dotted #aed6e7; height:80px; } div.rightside div.joincontact h2 {font-size:20px; color:#423e39; margin-top:15px; margin-left:15px} div.rightside div.joincontact input {float:left; width:215px; height:26px; background:#fffbeb; border:1px solid #e6f1ed; margin-left:15px; margin-top:10px; font-size:12px; color:#2593c5; padding-left:5px} div.rightside div.joincontact input.submit {float:left; width:auto; height:26px; margin-left:0; margin-top:10px; font-size:16px; color:#9a6e04; font-style:italic; background:none; border:none;} div.rightside div.joincontact input.loading { background:url('../images/brown-loader.gif') 0 7px no-repeat; padding-left:20px; margin-left:4px;} div.rightside div.joincontact #sending { margin-top:0.8em; } div.rightside div.joincontact p { color:#9a6e04; margin:0.4em 0 0 1em; font-style: italic; text-align: center; } div.rightside div.joincontact p img { margin-right:0.4em; vertical-align:bottom; } div.rightside div.contactform { display:block; clear:left; padding-top:2px;} div.rightside div.contactform h2 { margin:10px 15px; } div.rightside div.contactform input { float:left; width:215px; height:26px; background:none repeat scroll 0 0 #FFFBEB; border:1px solid #E6F1ED; color:#2593C5; font-size:12px; margin-left:15px; margin-top:10px; padding-left:5px;} div.rightside div.contactform label {float:left; width:215px; height:10px; color:#2593C5; font-size:12px; margin-left:10px; margin-top:10px; padding-left:5px;} div.rightside div.contactform select {float:left; width:215px; height:26px; color:#2593C5; background:none repeat scroll 0 0 #FFFBEB; border:1px solid #E6F1ED; font-size:12px; margin-left:15px; margin-top:10px; } div.rightside div.contactform textarea {float:left; width:215px; padding:2px; height:126px; color:#2593C5; background:none repeat scroll 0 0 #FFFBEB; border:1px solid #E6F1ED; font-size:12px; margin-left:15px; margin-top:10px; } div.rightside div.contactform input.submit {float:left; margin-left:15px; margin-top:10px; width:auto; height:auto; border:none; background:none !important} div.rightside div.contactform p { clear:left; color:#2593C5; font-size:13px; margin:0.4em 0 0.3em 15px; } div.rightside h2.thankyou {float:left; margin-left:15px; margin-top:0px; font-size:30px; color:#3297ca} div.leftside iframe.map {float:left; margin-top:20px} div.leftside p.address {float:left; width:289px; font-size:20px; color:#3297ca } div.leftside p.address a {color:#3297ca} /* ---------------------------------------------------*/ /* ---------->>> VENUE <<<----------------------------*/ /* ---------------------------------------------------*/ div.venue {float:left; margin-left:0px; margin-top:0px} div.venue .ad-gallery { width: auto;} div.venue .ad-gallery, div.venue .ad-gallery * { margin: 0; padding: 0; padding-top:0px; font-size:13px} div.venue .ad-gallery .ad-image-wrapper { width: 100%; height: 380px; margin-bottom: 0px; margin-left:0px; margin-right:3px; position: relative; overflow: hidden; background:#d9d2c7; padding-bottom:6px;} div.venue .ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC;} div.venue .ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100;} div.venue .ad-gallery .ad-image-wrapper .ad-prev {position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100;} div.venue .ad-gallery .ad-image-wrapper .ad-prev, div.venue .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(non-existing.jpg)\9 } div.venue .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, div.venue .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_prev.png); width: 69px; height: 380px; display: none; position: absolute; top: 3px; left: 3; z-index: 101;} div.venue .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_next.png); width: 69px; height: 380px; right: 0; left: auto; top:3px} div.venue .ad-gallery .ad-image-wrapper .ad-image {position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; margin-top:3px;} div.venue .ad-gallery .ad-image-wrapper .ad-image a img {border: 0; max-height:100px !important;} div.venue .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(../images/opa75.png); color: #fff; font-size:10px; } * html div.venue .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');} div.venue .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;} div.venue .ad-gallery .ad-controls {display:none; height: 20px;} div.venue .ad-gallery .ad-info {float: left;} div.venue .ad-gallery .ad-slideshow-controls {float: right;} div.venue .ad-gallery .ad-slideshow-controls .ad-slideshow-start, div.venue .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px; cursor: pointer;} div.venue .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px; font-size: 0.9em;} div.venue .ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default; font-style: italic;} div.venue .ad-gallery .ad-nav {width: 100%; position: relative;} div.venue .ad-gallery .ad-forward, div.venue .ad-gallery .ad-back {position: absolute; top: 0; height: 100%; z-index: 10;} /* IE 6 doesn't like height: 100% */ * html div.venue .ad-gallery .ad-forward, div.venue .ad-gallery .ad-back {height: 100px;} div.venue .ad-gallery .ad-back {cursor: pointer; left: 0px; width: 22px; height:64px; display: block; background: url(../images/ad_scroll_back.gif) 0px 0px no-repeat; margin-top:9px;} div.venue .ad-gallery .ad-forward {cursor: pointer; display: block; right: 0px; width: 22px; height:64px; background: url(../images/ad_scroll_forward.gif) 0px 0px no-repeat; margin-top:9px;} div.venue .ad-gallery .ad-nav .ad-thumbs {overflow: hidden; /* width: 100%;*/ margin-left:29px; margin-right:29px; width:519px} div.venue .ad-gallery .ad-thumbs .ad-thumb-list {float: left; width: auto; height:auto; list-style: none; margin-bottom:6px; margin-top:6px} div.venue .ad-gallery .ad-thumbs li {float: left; padding-right: 0px; background:none !important; width:auto !important; padding-left:0px !important;} div.venue .ad-gallery .ad-thumbs li a {display: block; margin-right:1px; margin-left:0px !important;} div.venue .ad-gallery .ad-thumbs li a img {border: 3px solid #fff; display: block; height:64px;} div.venue .ad-gallery .ad-thumbs li a img:hover {border: 3px solid #3297ca; display: block;} div.venue .ad-gallery .ad-thumbs li a.ad-active img {border: 3px solid #3297ca;} /* Can't do display none, since Opera won't load the images then */ .ad-preloads {display:none; position: absolute; left: -9000px; top: -9000px;} /* venue description */ div.venuetxt {float:left} div.venuetxt h2 {float:left; font-size:30px} div.venuetxt p.seats {float:right; clear:both; width:auto; font-size:16px; color:#9a6e04; margin-top:-24px} div.venuetxt a.book {float:left; margin-top:15px} /* --------------------------------------------------------*/ /* ---------------->>> MENU <<<----------------------------*/ /* --------------------------------------------------------*/ div.rightside ul.downloads {float:left; border-top:1px dotted #AED6E7; margin-bottom:1em; margin-left:15px} div.rightside ul.downloads li {width:292px; height:25px; border-bottom:1px dotted #AED6E7; padding-top:5px; padding-bottom:5px} div.rightside ul.downloads li a {height:30px; padding-left:33px; font-size:16px; color:#423e39; background:url(../images/download.gif) no-repeat left top; letter-spacing:1px; padding-bottom:10px} div.menutxt {float:left} div.menutxt h2 {float:left; width:280px; font-size:16px; color:#9a6e04} div.menutxt p {float:left;} ul.menulist {float:left; width:577px; margin-bottom:15px; margin-top:15px; border-top:1px dotted #AED6E7; border-bottom:1px dotted #AED6E7; padding-top:10px; padding-bottom:10px} ul.menulist li {float:left; font-size:12px; color:#3297ca} ul.menulist li.sep {margin-left:10px; margin-right:10px} ul.menulist li a {width:auto !important; font-size:12px !important; color:#3297ca !important; margin-top:0px !important} ul.menulist li a.on { color:#000 !important } div.leftside div.bluebox {float:left; width:577px; height:auto; margin-bottom:18px; padding-bottom:15px; margin-top:0px; background:#e0f0ed;} div.leftside div.bluebox h2 {float:left; width:577px; height:30px; text-align:center; border-bottom:1px solid #f6fbfc; color:#112369; font-size:20px; padding-top:10px;} div.leftside div.bluebox p {float:left; width:577px; height:auto; font-size:20px; color:#3297ca; text-align:center; padding-top:10px} /* div.menu_items div.signature {display:none} div.menu_items {float:left; width:577px;} div.menu_items ul {float:left; width:577px; border-top:1px dotted #AED6E7;} div.menu_items ul li {float:left; width:577px; border-bottom:1px dotted #AED6E7;} div.menu_items ul li a {float:left; width:577px; font-size:16px; color:#4e4b46; padding-top:4px; padding-bottom:4px; background:url(../images/arrowdown.png) no-repeat 557px 12px; } div.menu_items ul li a:hover {background:#cde6eb url(../images/arrowdown.png) no-repeat 557px 12px;} div.menu_items ul li a.selected {background:url(../images/arrowup.png) no-repeat 557px 12px;} div.signature {float:left; width:577px; } div.signature div.dish {float:left; width:577px;} div.signature div.dish h3 {float:left; width:577px; font-size:16px; color:#9a6e04} div.signature div.dish h3 span {font-size:12px; float:right;} div.signature div.dish div.mp3 {float:right; width:} div.signature div.dish p {margin-bottom:10px; margin-top:0px; border-bottom:0px} div.signature div.dish p.serve {float:left; width:577px; font-size:12px; color:#9a6e04} div.signature div.dish p.desc {float:left; width:577px; font-size:13px; color:#423e39; margin-top:5px} div#biers {display:none} div.biers {float:left; width:577px;} div.biers div.bier {float:left; width:577px;} div.biers div.bier img {float:left; width:65px; margin-right:5px} div.biers div.bier h3 {float:left; width:505px; font-size:16px; color:#9a6e04} div.biers div.bier div.mp3 {float:left; width:505px;} div.biers div.bier p {margin-bottom:10px; margin-top:0px; border-bottom:0px} div.biers div.bier p.serve {float:left; width:505px; font-size:12px; color:#9a6e04} div.biers div.bier p.desc {float:left; width:505px; font-size:13px; color:#423e39; margin-top:5px} */ .menu_items { margin-bottom:2em; clear:both; border-bottom:1px dotted #AED6E7 !important; } .menu_items li { border-top:1px dotted #AED6E7 !important; } .menu_items a.group_header { font-weight:bold; font-size:18px; width:100%; padding:10px 0; display:block; color:#4e4b46; background:url('../images/arrowdown.png') no-repeat 557px 17px; } .menu_items a.group_header:active {background:url(../images/arrowup.png) no-repeat 557px 17px;} .menu_items a.selected { background:url('../images/arrowup.png') no-repeat 557px 17px; } .menu_items table { width:567px; display:none } .menu_items table p { width:auto; border:none !important; margin-right:20px; margin-top:0; padding-bottom:0 !important; } .menu_items table .header td { font-size:15px; color:#9a6e04; font-weight:bold; text-align:right; padding:0;} .menu_items table td { vertical-align:top; padding-bottom:10px;} .menu_items table td.label { padding:0; } .menu_items table td img { margin-right:15px; } .menu_items table td.value { width:90px; font-size:15px; color:#9a6e04; text-align:right; } .menu_items table h3 { margin-bottom:5px; color:#9a6e04 } .menu_items table h3 span { font-size:14px; margin-left:15px; } .menu_items table h2 { font-size:22px; font-weight:bold; text-transform: uppercase; } div.leftside div.nav {float:left; width:577px; height:40px; margin-left:25px; margin-top:10px; padding-top:10px; border-top:1px dotted #AED6E7} div.leftside div.nav ul {float:right; width:auto} div.leftside div.nav ul li {float:left; margin-right:5px} div.leftside div.nav ul li.extra {margin-right:15px} div.leftside div.nav ul li a {font-size:12px; color:#4e4b46} /* ----------------------------------------------------*/ /* ------------->>> FUN <<<----------------------------*/ /* -complete-----------------------------------------------*/ div.complete {float:left; width:980px; margin-left:41px; margin-bottom:40px} div.complete a.funbox {float:left; width:443px; height:157px; margin-top:30px; margin-right:10px; background:url(../images/bgfun.gif) no-repeat left top} div.complete a.funbox h2 {float:left; width:443px; font-size:34px; color:#3297ca; line-height:0px; margin-left:30px; margin-top:20px; } div.complete a.funbox p {float:left; margin-top:4px; width:233px; font-size:13px; color:#423e39; line-height:16px; margin-left:30px; } div.complete a.funbox img.dic {float:right; margin-top:-129px} div.complete a.funbox img.trivia {float:right; margin-top:-106px; margin-right:20px} div.complete a.funbox img.bier {float:right; margin-top:-129px; margin-right:20px} div.complete a.funbox img.band {float:right; margin-top:-85px; margin-right:-20px} div.complete img#placeholder { float:right; margin:25px 300px 0 0; } /* dictionary */ div.leftside div.dic p {font-size:20px !important; color:#3297ca !important} div.complete div.dictionary {float:left; width:800px; height:423px; background:url(../images/bg_dictionary.jpg) no-repeat left top; margin-left:57px} div.complete div.dictionary div.leftdic {float:left; width:270px; height:240px; margin-top:85px; margin-left:112px} div.complete div.dictionary div.rightdic {float:left; width:270px; height:240px; margin-top:85px; margin-left:45px} div.complete div.dictionary h2 {float:left; width:270px; font-size:28px; color:#423e39} div.complete div.dictionary p.phonetic {float:left; width:270px; font-size:18px; font-style:italic; color:#423e39} div.complete div.dictionary p.desc {float:left; width:150px; font-size:16px; color:#423e39; margin-top:15px} div.complete div.dictionary object {margin-top:15px} div.complete div.dictionary div.nav {float:left; width:583px; height:20px; margin-left:112px} div.complete div.dictionary div.nav a.back {float:left;} div.complete div.dictionary div.nav a.next {float:right} div.complete div.dictionary div.share {float:left; width:666px; height:20px; margin-left:62px; margin-top:40px} div.complete div.dictionary div.share ul {float:right} div.complete div.dictionary div.share ul li {float:left; margin-left:10px; font-size:13px; color:#423e39;} div.complete div.dictionary div.share ul li a { } /* trivia */ div.leftside div.blueboxbig {float:left; width:578px; height:auto; margin-bottom:18px; margin-top:20px; padding-bottom:15px; background:#e0f0ed; } div.leftside div.blueboxbig h2 {float:left; width:578px; height:40px; border-bottom:1px solid #f6fbfc; color:#423e39; font-size:28px; padding-left:20px} div.leftside div.blueboxbig div.text {float:left; width:578px; height:auto; font-size:20px; color:#423e39; padding-top:10px; padding-left:20px} div.leftside div.blueboxbig div.text h3 {float:left; width:530px; padding-right:48px; font-size:18px; font-style:italic} div.leftside div.blueboxbig div.text input {float:left; margin-top:10px} div.leftside div.blueboxbig em { margin:1em; float:left; } div.leftside div.blueboxbig .correct { font-weight:bold; background:url('../images/tick.png') left no-repeat } div.leftside div.blueboxbig .results { padding-left:30px !important; } div.leftside div.blueboxbig div.text label {float:left; width:545px; font-size:13px; margin-left:10px; margin-top:10px} div.leftside div.blueboxbig div.text a.submit {float:left; margin-top:15px} div.leftside div.blueboxbig div.text p.answer {font-size:18px; color:#3297ca} div.leftside div.blueboxbig div.text p {float:left; width:440px;} div.leftside div.blueboxbig table{clear:left} div.leftside div.blueboxbig div.text table tr td.small {width:100px; font-size:14px;} div.leftside div.blueboxbig div.text table tr td input {width:235px; height:26px; background:#fffbeb; padding-left:5px; border:1px solid #e6f1ed; margin-top:10px; color:#2593c5; font-size:12px} div.leftside div.blueboxbig div.text table tr td input.check {float:left; width:auto;} div.leftside div.blueboxbig div.text table tr td span {float:left; margin-top:15px; margin-left:10px; font-size:12px} div.leftside #trivia_submit_form { clear:both } /* score table */ div.leftside div.score {float:left; width:578px; height:auto; margin-bottom:18px; margin-top:20px; } div.leftside div.score table {float:left; background:#e0f0ed;} div.leftside div.score table tr.top {font-size:16px; color:#3297ca !important; font-weight:bold; background:#e0f0ed;} div.leftside div.score table tr.bold td { font-weight:bold; } div.leftside div.score table tr td {height:32px; padding-left:10px; font-size:16px; } div.leftside div.score table tr td.large {width:395px;} div.leftside div.score table tr td.small {width:183px;} div.leftside div.score table tr.light {background-color:#f7fafb} div.leftside div.score div.share {float:left; width:578px; height:20px; margin-top:20px; margin-bottom:20px} div.leftside div.score div.share ul {float:right} div.leftside div.score div.share ul li {float:left; margin-left:10px; font-size:13px; color:#423e39;} div.leftside div.score a.more {float:left;} /* postcards */ div.leftside .postcards { display:block; clear:both; } div.leftside .postcards p.postcard_functions { margin-left:-10px; padding-left:247px !important; background-repeat:no-repeat; background-image:url(../images/postcard_border.png); background-position:bottom left; padding-bottom:57px; } div.leftside .postcards p.postcard_functions a { clear:none !important; float:left !important; margin-right:10px; background-position:top left; display:block; height:31px !important; width:31px !important; } div.leftside .postcards p.postcard_functions a span { display:none; } div.leftside .postcards p.postcard_functions a:hover { background-position:bottom left; } div.leftside .postcards p.postcard_functions a.left { background-image:url('../images/round_left.png'); } div.leftside .postcards p.postcard_functions a.right { background-image:url('../images/round_right.png'); } div.leftside .postcards div.fields input, div.leftside .postcards div.fields textarea { border:1px solid #E6F1ED; font-size:14px !important; background:none repeat scroll 0 0 #FFFBEB; } div.leftside .postcards div.fields { float:left; display:block; clear:none; width:100%; background:url('../images/stamp.png') top right no-repeat; padding-top:50px; margin-bottom:60px; } div.leftside .postcards div.fields label { font-weight:bold; color:#423E39; font-size:12px; vertical-align:middle; width:110px; float:left; clear:left; } div.leftside .postcards div.fields input { width:240px; padding:6px; color:#3297CA !important; margin-top:-4px; } div.leftside .postcards div.fields textarea { width:280px; height:80px; padding:6px } div.leftside .postcards div.fields .border { border-bottom:1px dotted #3297ca; padding-bottom:35px; margin-bottom:20px; } div.leftside .postcards .social_btns { margin-top:20px; padding-left:5px; } div.leftside .postcards .social_btns a { float:left !important; margin-right:5px; } div.leftside .image { background:none !important; border:none !important; margin-left:-6px !important;} div.leftside button.import { border:1px solid #d8ebed; background-color:#d8ebed; margin-left:10px; padding:4px 10px 6px 10px; float:right; margin-top:63px; color:#3297ca; font-size:14px; text-transform: uppercase;} div.leftside .postcards .cards li { float:left; } div.leftside .postcards p {font-size:16px !important; color:#3297ca !important} div.leftside .postcards .cards li { display:none; text-align:center; width:250px; margin:0 13px; } div.leftside .postcards .cards .show { display:block } div.leftside .postcards .baker p { margin-bottom:20px; } div.leftside .postcards .cards li label { display:block; float:left; cursor:pointer; } div.leftside .postcards .card_previews { margin-left:-20px; display:block; clear:both; margin-top:20px; } div.leftside .postcards .card_previews li { display:list-item; height:443px; width:611px; } div.leftside .postcards .card_previews li div.message { width:268px; display:block; float:left; margin:100px 0 0 46px; height:293px; overflow:hidden; font-size:15px; font-style:italic; color:#423e39; font-family:times; line-height:23px } div.leftside .postcards .card_previews #a { display:none; } div.leftside .postcards .card_previews #b { background:url('../images/postcard_preview_background.png'); } div.leftside .postcards .navi { clear:both; float:none; display:block; padding-left:260px; margin-bottom:20px; } div.leftside .postcards .details { float:right; width:218px; margin-top:176px; font-style:italic; margin-right:33px; } div.leftside .postcards .details p { color:#423e39 !important; display:block; width:218px; border-bottom:1px solid #dbdbdb; margin-bottom:10px } div.leftside .postcards a.changes { color:#9a6e04; font-weight:bold; vertical-align:middle; font-style:italic; letter-spacing:1px; margin-top:20px; float:left; } div.leftside .postcards a.send_button { float:left; margin:0 20px 100px 0; } div.leftside .postcards .more_fun { border-top:1px dotted #d4e8ef; margin:1em 0; border-bottom:1px dotted #d4e8ef; } div.leftside .postcards .more_fun a { display:block; clear:both; margin:0.5em 0; padding:1em 0; text-align:center; color:#0f2166; font-size:18px; background-color:#d4e8ef; border-top:1px dotted #d4e8ef; border-bottom:1px dotted #d4e8ef; } /* --------------------------------------------------------*/ /* ------------->>> GENERAL <<<----------------------------*/ /* --------------------------------------------------------*/ .close { float:right; position:absolute; top:0; right:0; width:auto; z-index:1000 } .ui-dialog { background: transparent !important; border:none !important; } .ui-dialog-content { margin:0.7em; background:#fff !important; border:1px solid #ccc !important; font-family: "Times New Roman", sans-serif;} .ui-dialog-content h2 { font-size:20px; } .ui-dialog-titlebar { display:none !important; } div.modal { padding-bottom:25px!important; } div.modal form { padding:0 10px; } div.modal form legend { font-size:24px; padding-bottom:10px; } div.modal form fieldset { margin-top:10px; } div.modal form ul { margin-top:10px; } div.modal form ul li { clear:left; font-size:13px; } div.modal form ul li label { float:left; margin-top:7px; width:100px; } div.modal form input.checkbox { width:auto; float:left; clear:none; margin-right:20px; } div.modal form input {float:left; width:215px; height:26px; background:#fffbeb; border:1px solid #e6f1ed; margin-top:5px; font-size:12px; color:#2593c5; padding-left:5px} div.modal form select {float:left; width:223px; border:1px solid #e6f1ed; margin-top:5px; font-size:12px; color:#2593c5; height:27px;} div.modal form select option { padding:5px; } div.modal form input.submit {float:left; cursor:pointer; width:auto; height:26px; margin:10px 0 0 0; padding:0; font-size:13px; color:#9a6e04; font-style:italic; background:none; border:none; } div.modal form.join { padding:15px; } div.modal form.join input.loading { background:url('../images/brown-loader.gif') 0 7px no-repeat; padding-left:20px; margin-left:4px;} div.modal form.join #sending { margin-top:0.8em; } div.modal form p { color:#9a6e04; margin:0.7em 0 0.2em 0; font-size:14px; line-height:1.3; clear:both } div.modal form p a { color:#9a6e04; } div.modal form p img { margin-right:0.4em; vertical-align:bottom;} .contacts .scroll { font-size:14px; height:400px; overflow:auto } .contacts .scroll ul { margin-top:0; } .contacts .scroll li { width:47%; margin-right:2%; float:left !important; clear:none !important; } .contacts .scroll li label { font-size:15px; cursor:pointer; width:250px; text-overflow:ellipsis; color:#555; } .contacts .scroll li label span { font-size:12px; } .contacts .scroll li label:hover { color:#000; } .ad-thumb-list { height:230px; } div.complete div.back {float:left; width:900px; border-bottom:1px dotted #AED6E7; margin-bottom:5px; margin-top:-40px; padding-bottom:10px;} div.complete h1.big {float:left; width:900px; font-size:30px; color:#3297ca; margin-top:0} /* --------------------------------------------------------*/ /* ------------->>> NEW GALLERY <<<------------------------*/ /* --------------------------------------------------------*/ div.scrollable img {width:571px; height:180px; margin:0px; padding:0px;} div.scrollable img.hover {background-color:#123} /* position and dimensions of the navigator */ .navi {float:right; width:auto; height:20px; margin-top:10px; margin-right:4px; } /* items inside navigator */ .navi a {float:left; width:8px; height:8px; margin:3px; background:url(../images/navigator.png) 0 0 no-repeat; display:block; font-size:1px;} /* mouseover state */ .navi a:hover {background-position:0 -8px;} /* active state (current page state) */ .navi a.active {background-position:0 -16px} /* get rid of those system borders being generated for A tags */ a:active {outline:none;} :focus {-moz-outline-style:none;} /* get rid of those system borders being generated for A tags */ a:active {outline:none;} :focus {-moz-outline-style:none;} /* this makes it possible to add next button beside scrollable */ .scrollable {float:left;} /* prev, next, prevPage and nextPage buttons */ a.browse {background:url(hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px;} /* right */ a.right {background-position: 0 -30px; clear:right; margin-right: 0px;} a.right:hover {background-position:-30px -30px; } a.right:active {background-position:-60px -30px; } /* left */ a.left {margin-left: 0px; } a.left:hover {background-position:-30px 0; } a.left:active {background-position:-60px 0; } /* up and down */ a.up, a.down {background:url(vert_large.png) no-repeat; float: none; margin: 10px 50px;} /* up */ a.up:hover {background-position:-30px 0; } a.up:active {background-position:-60px 0; } /* down */ a.down {background-position: 0 -30px; } a.down:hover {background-position:-30px -30px; } a.down:active {background-position:-60px -30px; } /* disabled navigational button */ a.disabled {visibility:hidden !important;} /* root element for the scrollable. when scrolling occurs this element stays still. */ .scrollable {position:relative; overflow:hidden; width: 571px; height:180px; background:url(h300.png) repeat-x;} /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items {/* this cannot be too large */ width:20000em; position:absolute; clear:both;} .items div {float:left; width:680px;} /* single scrollable item */ .scrollable img {float:left; margin:20px 5px 20px 21px; padding:2px; width:100px; height:75px; } /* active item */ .scrollable .active {border:2px solid #000; position:relative; cursor:default;} #pahpah { margin:0 0 0 -34px; clear:both;} ul.share { text-align:center; margin-top:20px; margin-bottom:-20px; } ul.share li { display:inline; margin-right:30px; margin-bottom:10px; } div#share input, div#share textarea { background: none repeat scroll 0 0 #FFFBEB; border: 1px solid #E6F1ED; color: #2593C5; float: left; font-size: 12px; height:auto; margin:5px 0; padding: 5px; width: 280px; } div#share ul { margin-bottom:20px; } div#share input.submit { width:auto; background:#fff; } div#share label.auto { float:none; display:inline; padding-top:4px; margin:8px; } /* MEET THE BIERS */ div.leftside p.meet {font-size:20px; color:#3297ca} div.mainbier {float:left; width:912px; height:231px; background:url(../images/bg_paper2.jpg) no-repeat ; margin-top:20px; margin-bottom:20px} div.mainbier div.image {float:left; width:160px; height:230px; text-align:center; margin-left:30px; margin-top:-55px;} div.mainbier div.desc {float:left; width:720px; height:auto; margin-top:20px; } div.mainbier div.desc p.name {float:left; width:720px; font-size:30px; color:#413d38} div.mainbier div.desc p.alc {float:left; width:720px; font-size:16px; color:#413d38} div.mainbier div.desc span {float:left; width:600px; height:1px; border-top: 1px dotted #b4ad9c; margin-top:5px; margin-bottom:10px;} div.mainbier div.desc p.notes {float:left; width:720px; font-size:16px; color:#413d38} div.mainbier div.desc p.txt {float:left; width:600px; font-size:16px; color:#423e39; margin-top:5px;} div.mainbier div.desc div.mp3 {float:left; width:720px; margin-top:5px } div.biers {float:left; width:900px; background:url(../images/line.png) repeat-y top center} div.biers div.bierleft {float:left; width:422px; } div.biers div.bierright {float:right; width:422px; } div.biers div.bier {float:left; width:422px; height:195px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #add5e5} div.biers div.bier div.image {float:left; width:125px} div.biers div.bier p.name {float:right; width:297px; font-size:16px; color:#9a6e04; margin-bottom:5px;} div.biers div.bier div.mp3 {float:right; width:297px; margin-bottom:5px;} div.biers div.bier p.alc {float:right; width:297px; font-size:13px; color:#9a6e04; margin-bottom:5px;} div.biers div.bier p.notes {float:right; width:297px; font-size:13px; color:#9a6e04} div.biers div.bier p.txt {float:right; width:290px; font-size:13px; color:#423e39; margin-right:7px;} /* HOPFEST */ div.hoppopup {position:absolute; width:824px; height:552px; z-index:99999; margin-left:50px; margin-top:0px; padding-top:30px;} div.hoppopup a.close {display:none; margin-top:0px; margin-right:-10px} div.leftside div.desc {float:left; width:578px; margin-top:10px; font-family:tahoma, arial; font-size:13px; color:#423e39} div.leftside div.desc p {margin-bottom:5px} div.leftside div.desc p span {float:left; width:578px; font-size:15px; font-weight:bold;} div.leftside div.desc p span.terms {float:left; width:578px; font-size:11px; font-weight:normal !important; margin-top:5px} div.leftside div.desc p span.terms a {text-decoration:underline; color:#423e39} div.leftside div.desc ul {float:left; width:578px} div.leftside div.desc ul li {list-style-type:disc; margin-left:15px} div.completeshort {float:left; width:578px; margin-left:0px; margin-bottom:40px} div.completeshort a.funbox {float:left; width:578px; height:157px; margin-top:30px; margin-right:10px; background:url(../images/bg_hopfestfun.png) no-repeat left top} div.completeshort a.funbox h2 {float:left; width:443px; font-size:34px; color:#3297ca; line-height:0px; margin-left:30px; margin-top:27px; } div.completeshort a.funbox p {float:left; font-size:16px; margin-top:4px; width:345px; color:#423e39; line-height:16px; margin-left:30px; } div.completeshort a.funbox img.dic {float:right; margin-top:-129px} div.completeshort a.funbox img.trivia {float:right; margin-top:-79px; margin-right:20px} div.completeshort a.funbox img.bier {float:right; margin-top:-129px; margin-right:20px} div.completeshort a.funbox img.band {float:right; margin-top:-85px; margin-right:-20px} div.rightside div.score {float:left; width:310px; margin-bottom:10px;} div.rightside div.score h1 { text-align:left; font-size:60px !important; margin-bottom:10px; margin-left:40px; margin-top:-50px; color:#423E39; } div.rightside div.score h1 em { font-size:15px; margin:0 0 0 -10px; } div.rightside div.score p, div.rightside div.score ul { margin-left:20px; font-size:13px; margin-bottom:10px; color:#423E39; } div.rightside div.score ul li { list-style:disc; margin-left:20px; } div.rightside div.score a { color:#3297CA; font-weight:bold; font-size:12px; } div.rightside div.register {float:left; width:292px} div.rightside div.register p.message { display:none; font-size:15px; font-weight:bold !important; margin-left:20px; margin:10px 20px 20px 20px; line-height:1.2; } div.rightside div.register ul {float:left; width:272px; margin-left:20px} div.rightside div.register ul li {float:left; width:292px; font-size:16px; color:#423e39} div.rightside div.register table {float:left; margin-left:20px; margin-top:20px} div.rightside div.register table tr {} div.rightside div.register table tr td {padding-bottom:8px} div.rightside div.register table tr td.title {width:100px; font-size:12px; font-weight:bold; color:#423e39} div.rightside div.register table tr td input {width:175px; border:1px solid #e0f0f2; background:#fffbeb; font-size:12px; color:#9a6e04; padding:5px;} div.rightside div.register table tr td input.check {float:left; width:auto; border:0px solid #e0f0f2; padding:0px !important } div.rightside div.register table tr td input.image {float:left; width:auto; border:0px !important; background:none !important; } div.rightside div.register table tr td span {float:left; margin-left:5px; font-size:12px; color:#423e39; width:168px;} div.rightside div.register table tr td button {width:131px; height:50px; background:url(../images/btn_play.png) no-repeat top left; border:0px} div.rightside div.leaderboard {float:left; width:292px; /*border-top: 1px dotted #AED6E7;*/ border-top:none; border-bottom: 1px dotted #AED6E7; margin-left:20px; padding-top:15px; padding-bottom:20px} div.rightside div.leaderboard h2 {float:left; font-size:28px; color:#423e39} div.rightside div.leaderboard h2 a {color:#423e39} div.rightside div.leaderboard img.vine {position:absolute; margin-top:10px; margin-left:35px} div.rightside div.leaderboard table {float:left; width:292px; margin-top:10px; background:url(../images/bg_leaderboard.png) repeat top left; font-size:13px; color:#423e39} div.rightside div.leaderboard table tr {border-bottom:1px solid #fff} div.rightside div.leaderboard table tr td {padding:5px} div.rightside div.leaderboard table tr td.title {width:145px; height:30px; font-size:16px; color:#9a6e04} div.rightside div.leaderboard table tr td.points {width:125px;} div.terms h1 { font-size:25px; margin-top:0; } div.terms a { color: #3297CA; } /** * Overlay */ #overlay{height: 400px; width: 760px; background-color: red;display: none; position: absolute; top: 170px; left: 50%; margin-left: -380px; z-index: 999;} #overlay a.close{height: 27px; width: 27px; background: transparent url('../images/overlay_close.png'); top: -10px; right: -10px;position: absolute;} #overlay a.linkage{height: 400px; width: 755px;display: block;}