/* =========================================== Bayside Pavilion Alameda by Tee G. Peng http://www.lotusfromthemud.com first draft - Oct 31st, 2007 =========================================== */ /* body background: #3F030E bdy bg2: #480000 ivory: #EDECDA */ /* @group reset/body */ p strong {color:#151515;} li, p, dd {font-size:0.95em;} p {padding-bottom:20px;} * {margin:0;padding:0;} body { color: #151515;background: #C1A47D;font:100.1%/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;text-align:center; } img {border:none} ul, ol, li {list-style:none;} li a {font-size:0.9em;} a {text-decoration:none;color: #355967;} .clear {clear:both;height:0} h2 {font-size:1.25em;padding: 1em 0 0.5em 0;text-shadow: 2px 2px 2px #ddd;font-weight:bold;line-height: 1.5em;} h2 {color:#6F1716;font-family: Constantia, Palatino, serif; } h3 {font-size:0.9em;color:#6F1716;padding-bottom:10px;font-weight: bold;} h4 {font-size:1em;color:#6F1716;} /* @end */ h2 span { color:#000!important; position:relative;} /* @group structure - container */ #wrap {width:905px;margin:0 auto 0 auto;border-left: 4px solid #480000;border-right: 4px solid #480000;text-align:left;} /* @group logo */ #logo {height:220px;width:905px;background: #fff url(../images/hdr1.png) no-repeat 1px 0;} #logo span {position:absolute;text-indent:-3000px;} /* @end */ #content {width: 904px;background: #fff;} #content h2 {padding: 30px 0 0 35px;} #left h2 { padding: 30px 0 5px 0;} #left ul li {display: block;padding: 2px 0 5px 22px; font-size: .95em;color: #713b3d;font-weight: bold; background: url(../images/tick-icon.jpg) no-repeat 3px 9px; border-bottom: 1px dotted #ddd} .partners li{display: block;padding: 2px 0 5px 22px; font-size: .95em;color: #713b3d;font-weight: bold; background-image:none!important; border-bottom: 1px dotted #ddd} .breadcrumbs {font-size: .85em;left: -3000px;position: absolute;} div.floatbox {float:left;} #left {width:33%;margin:20px 20px 0 30px;} #right {width:56%;padding-bottom:10px;margin:40px 10px 0 10px;} .f-right {float:right;margin:.5em 0 .5em 1em;border:3px solid #ddd;padding:1px;} .f-right1 {float:right;margin:.5em 0 .5em 1em;padding:2px;} .f-left {float:left;margin:.5em 0.5em .5em 0;border:3px solid #ddd;padding:2px;} #right p {padding-left: 25px;} #right a {text-decoration: underline;} #right a:hover, .vendorlist a:hover {color: #369} #right h3 {padding-left: 25px;padding-top: 10px;font-size:1.25em;text-shadow: 2px 2px 2px #ddd;font-family: Constantia, Palatino, serif; } #sitemap {margin-left: 80px;} #right dl {padding-left: 110px;padding-top: 25px;} #right dd {padding: 5px 5px 5px 20px;} #right ul li p{padding: 5px;} #right ul li p strong {font-size: 1.2em;} ul#bar li {display: block;padding: 2px 0 5px 26px;margin-left: 25px; font-size: .95em;color: #713b3d;font-weight: bold; background: url(../images/tick-icon.jpg) no-repeat 5px 9px; border-bottom: 1px dotted #ddd} .rq {padding-left: 0!important;} /* @end */ #col_wrap{ background: url(../images/col_bg.png) repeat; width: 905px; border-bottom: 5px solid #ddd;} div.col { float: left;width: 180px;padding-top: 10px;} div.col p, div.col1 p { padding: 10px 15px 10px 15px;line-height: 1.4em;font-size: 0.9em;} div.col1 { float: right;width: 180px;padding-top: 10px;} #social, #corporate, #gala, #wedding, #services {width: 180px;height: 229px;text-indent: -3000px;} #col_wrap li { float: left;width: 181px;height: 229px;} #col_wrap li a {display: block;border-top: 5px solid #f3f0eb; width: 181px;height: 229px;} #col_wrap a:hover, #col_wrap a:active, #col_wrap a:focus { background-position: left bottom;border-top: 5px solid #ddd; } #col_wrap em {font-style: normal;font-weight: bold;display: block;color: #151515;} #col_wrap h2 {padding: 0;} #col_wrap p {padding:35px 30px 25px 30px;color: #212121;text-align: center;} #social {background: url(../images/social.jpg);} #corporate {background: url(../images/corporate.jpg);} #gala {background: url(../images/gala.jpg);} #wedding {background: url(../images/weddings.jpg);} #services {background: url(../images/catering.jpg);} /* @group skip to content */ #skip_nav {position: absolute;left: 0;top: 0;z-index: 100; width: 100%;font-size:12px;text-align:right; display:none;} #skip_nav a {padding: 0.35em;color: #121212;text-indent: -200em;text-decoration: none;} #skip_nav a:hover, #skip_nav a:focus, #skip_nav a:active {top: 0;left:0;} /* @end */ /* @group footer */ #footer {clear:both;width:905px;margin:0 auto;padding-bottom: 30px;padding-top: 25px; color:#333;font-family:Arial, "Lucida Grande", Lucida, Verdana, sans-serif;text-align: center;border-bottom: 4px solid #480000;background: url(../images/ftr_bg1.jpg) repeat-x left bottom} #footer ul.ftr {border-top: 1px dotted #ddd;margin: 0 20px 10px 20px;padding: 8px 10px 8px 10px;border-bottom: 1px dotted #ddd;} #footer li {display:inline;} #footer li a {padding:15px 10px 2px 10px;font-size: .8em; color: #561818; } .fright {float: right;margin-right: 25px;} #footer .col2 {width: 70%;overflow: hidden;text-align: left;margin-left: 30px;} #footer p {font-size:0.8em;padding-bottom: 1px;} #footer p.access {padding-bottom: 0px!important;} #footer li a:hover {text-decoration:underline; } #footer li img {border: none;} #gotop {float: right;} #footer p a.extlink {text-decoration: underline;color:#768688} #footer p a:hover.extlink {color: #3d3539} /* @end */ .map { margin-left: 5px;margin-top: 20px; } /* catering menu */ /* @group suggested Menu */ h2#suggestedmenu {background: url(../images/suggestedmenu.jpg) no-repeat left top ;padding: 7px 0 1px 17px;width:282px; margin-top: 35px;border-bottom: 2px solid #791217;font-variant: small-caps;font-size: 1.2em;} dl#cateringmenu_index{width:299px;font-family: Constantia, Palatino, serif;margin-bottom: 15px;} dl#cateringmenu_index dt {font-weight: bold;font-size: 1em;background: url(../images/body_bg.jpg) repeat-x left center;border-bottom: 1px solid #cead9f;display: block;} dl#cateringmenu_index dt a {color: #313131;background: url(../images/icon_east.gif) no-repeat 22px center;padding-left:30px;line-height: 2em;display: block;padding-top: 3px;border-bottom: 1px solid #fff;width: 269px;} #cateringmenu_index dt a:hover {color:#791217;background: url(../images/col_bg.png) repeat; opacity:0.94;border-bottom: 1px solid #791217;} dl#cateringmenu_index dt a#current {background: url(../images/icon_south.gif) no-repeat 10px center;} dl#cateringmenu_index dd {color:#000 !important;margin:0 25px 0 6px; border-left: 5px solid #D3A4A7;border-right: 5px solid #D3A4A7;} dl#cateringmenu_index dd a {color: #000;font-size:1em;;opacity:0.82;line-height:1.6em; display: block;border-bottom: 1px solid #bccfda;padding: 4px 10px;font-weight: bold;} #cateringmenu_index dd a:hover {color:#28527c;background: url(../images/cmenu_bg.jpg); opacity:0.94} #current {color:#000!important;background: #d6dddd;opacity: 0.91;} .cateringmenuwrap { width: 720px; margin: 10px 5px 5px 0px; padding: 10px 5px 5px 5px; position: absolute; z-index: 500; border: 8px solid #C1A47D; background: #fff; opacity: 0.95; overflow: auto; top:-3px; } ol.cateringmenu {margin:25px 0 5px 0;padding: 15px 5px;} cateringmenu ul {border-top: 10px solid #369;color: #675b3b;} ol.cateringmenu li { padding:8px 6px 2px 6px;margin: 4px 10px 1px 40px;color: #000; list-style: decimal;background: url(../images/cmenu_bg.jpg) repeat-x left top;font-family: Constantia, Palatino, serif; font-size: 1.1em; } p.download {float: left; width: 70%;padding-left: 30px;text-align: right;} ol.cateringmenu li img {vertical-align: middle;} button {float: right;background:url(../images/bg2.jpg) no-repeat left top;padding: 5px;clear: right;margin-bottom: 5px;} ol.cateringmenu li strong {font-size: 1.1em;} ol.cateringmenu li p {padding-bottom: 10px!important; font-size: 1em!important;} /* @group floor plan and rates */ dl.flrplan {padding-bottom: 0px;} dl.flrplan dt{background: url(../images/suggestedmenu.jpg) no-repeat left top;padding: 8px 1px 4px 20px;width:93%;margin-top: 35px;border-bottom: 2px solid #791217;font-variant: small-caps!important;color:#6F1716;font: 1.2em Constantia, Palatino, serif;font-weight: bold;} dl.flrplan dd {border-bottom: 1px solid #fdfdfd;color: #121212;padding: 5px 11px 8px 20px;background: url(../images/body_bg.jpg) repeat left center;} ul#fplan li{border-top: 5px solid #fff; background: url(../images/col_bg.png) repeat 3px 9px; font-size: .95em;color:#121212;font-weight: normal;line-height: 1.58em;border-bottom: 1px dotted #ddd;padding: 8px 15px;} p.address {padding-bottom: 5px} .note {font-size: 0.83em!important;color: #333;} /* @end */ .col {float: left;width: 42% ;padding: 2% 0 4% 6%;min-height: 15em;border-top: 1px solid #f8f8f2;border-right: 1px solid #f8f8f2;text-align: center;} .col_right {float: right;width: 42% ;padding: 6% 0 6% 6%;} .p30 {margin-top: 30px;} .p15 {margin-top: 15px;} span.caption {display: block;font-size: .8em;} body a:active, body a:focus {background: #6F1716; color:#fff} dl#cateringmenu_index dt a:active, dl#cateringmenu_index dt a:focus {background: url(../images/cmenu_bg.jpg); opacity:0.94} /* focus and active for tab */ #footer li a:active, #footer li a:focus, #footer p a:active, #footer p a:focus, #footer ul.ftr a:active, #footer ul.ftr li a:focus, #left li a:active, #left li a:focus, #right a:active, #right a:focus {background: #6F1716;color: #fff;} /* form errors msg */ ul#ferror {background: #DFF0FF;margin-left: 25px;} ul#ferror li {color: #000;padding:10px 5px 3px 10px;font-weight: bold;}