/* Bed Supperclub v2.3 - http://www.bedsupperclub.com*/ /* Last updated 06/06/05 */ /* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2004-2005 id3 (http://www.id3.co.th) and may not be reproduced. */ /* bedny and other uninspired parties: try to impress us for once, don't forget to remove our comments when copying the code. */ /* COMMON */ .barras { scrollbar-3dlight-color : #ccc; scrollbar-arrow-color : #e7e7e7; scrollbar-base-color : #fff; scrollbar-darkshadow-color : #bcbdc0; } html { scrollbar-3dlight-color : #ccc; scrollbar-arrow-color : #e7e7e7; scrollbar-base-color : #fff; scrollbar-darkshadow-color : #bcbdc0; } td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; background-color: #fff; text-align:center; } html>body{ text-align:left; } /* h1 and h2 are used for alternate flash navigation (see below) */ h3{ font-size:10px; color:#666666; display:block; margin:20px 0px 7px 0px; padding:4px; background-color:#f7f7f7; } img { border: none; } ul{ font-size:9px; } address { font-style: normal; } address h1{ font-size: 12px; font-weight:normal; color: #666666; margin: 0px; padding: 0px; } /* links */ a:link, a:visited, a:active{ color:#666666; text-decoration:none; } a:hover{ text-decoration:underline; } #global{ width:685px; position:relative; margin-left:auto; margin-right:auto; text-align:left; /* IE specific hack - result of textalign:center in */ /* left:50%; margin-left:-337px;*/ } /* bold elements in pink */ b.pink{ color:#666666; } /* arrow map */ a#arrow-link{ padding:0px 0px 0px 12px; background-image:url(pictures/icon_arrow_map.gif); background-repeat:no-repeat; background-position:left center; line-height:13px; width:10px; white-space:nowrap; display:block; vertical-align:middle; margin:3px 0px 15px 0px; } /* forms */ form{ margin:0px; padding:0px; float:left; width:100%; } fieldset { border: none; } legend { font-weight: bold; color: #666666; background-color: #f7f7f7; padding: 5px; margin: 0px; width: 450px; } label{ display:block; width:100px; float:left; text-align:left; text-transform:capitalize; padding:0px 8px 0px 0px; margin:0px 10px 2px 0px; cursor:hand; white-space:nowrap; } label.required:after{ content:" * "; color:#666666; } label.inline{ display:inline; width:auto; float:none; } form blockquote { font-size: 10px; font-style: normal; padding: 5px; width: 300px; margin-left: 110px; background-color: #fef2f4; } input, select{ font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #dfdfdf; padding:2px; margin:5px 0px; vertical-align:middle; height:17px; font-size:10px; color:#666; } select{ padding:0px; } input.field{ } input.button{ border:0px; padding:37px; font-size:10px; } input.radio, input.checkbox{ border:0px; } textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #dfdfdf; margin:5px 0px; padding:2px; font-size:10px; color:#666; } input:focus, select:focus, textarea:focus{ background-color: #fee3ee; } /*------------- -------*/ ul#form{ list-style-type:none; margin:0px; padding:0px; } ul#form li{ margin:0px; padding:0px; } ul#form label{ line-height:15px; width:75px; text-align:left; vertical-align:middle; margin-bottom:5px; } ul#form input,ul#form select{ margin:0px; padding:0px; line-height:15px; width:auto; margin-bottom:5px; } .buttonsend{ clear:left; width:37px; margin-bottom:5px; } ul#form textarea{ width:250px; margin-bottom:5px; } /* cleaner hr */ hr{ clear:both; visibility:hidden; margin:0px; padding:0px; height:0px; width:0px; } /* alternate navigation for flash-disabled users */ #nav{ width:685px; } #nav ul#alt-nav{ list-style-type:none; width:685px; margin:0px; margin-bottom:-20px; padding:0px; float:left; padding:0px; text-transform:uppercase; color:#999; } #nav ul#alt-nav img#bed-logo{ position:absolute; right:0px; margin-top:-5px; z-index:-1; } #nav ul#alt-nav h1{ font-family:Arial, Helvetica, sans-serif text-transform:uppercase; margin:0px; } #nav ul#alt-nav h1 b{ color:#666666; } #nav ul#alt-nav h2{ font-family:Arial, Helvetica, sans-serif text-transform:uppercase; font-size:9px; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #ccc; color:#ccc; } #nav ul#alt-nav li{ float:left; margin:0px 9px; padding:0px; } #nav ul#alt-nav li a{ color:#999; font-weight:bold; } #nav ul#alt-nav li a:hover{ color:#666666; text-decoration:none; } /* tabbed menus */ ul#tabbed-menu{ margin:20px 0px 0px 0px; padding:0px; list-style-type:none; float:left; border-bottom:1px solid #ccc; width:500px; } ul#tabbed-menu li{ margin-left:5px; margin-bottom:-1px; width:100px; float:left; text-align:center; text-transform:uppercase; height:20px; } ul#tabbed-menu li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; height:20px; width:100%; display:block; line-height:20px; font-weight:bold; color:#999; background-image:url(pictures/contact_select_corners.gif); background-position:center top; background-repeat:no-repeat; } ul#tabbed-menu li a:hover{ text-decoration:none; color:#fff; background-color:#ccc; background-image:url(pictures/contact_select_corners-on.gif); background-position:center top; background-repeat:no-repeat; } ul#tabbed-menu li a.active{ text-decoration:none; color:#fff; background-color:#ccc; background-image:url(pictures/contact_select_corners-on.gif); background-position:center top; background-repeat:no-repeat; } /* home animation */ #home-anim{ width:685px; } #home-anim img#alt-anim{ margin-top:-20px; } /* disclaimer */ #disclaimer{ width:685px; padding:15px 0px 0px 0px; float:left; font-size:9px; font-weight:normal; color:#aaa; line-height:15px; vertical-align:middle; } #disclaimer span#hosting{ float:left; } #disclaimer span#hosting a{ color:#aaa; } #disclaimer span#hosting a:hover{ color:#666666; text-decoration:none; } #disclaimer span#copyright{ float:right; width:315px; height:20px; } #disclaimer span#copyright a#bedplayer{ width:15px; height:15px; float:right; margin-right:3px; background-image:url(pictures/icon_headphones_on.gif); background-position:center center; background-repeat:no-repeat; } #disclaimer span#copyright a#bedplayer:hover{ background-image:url(pictures/icon_headphones_off.gif); } #disclaimer span#copyright span#oxygen-address{ float:right; margin:0px 2px; } #disclaimer span#copyright a#id3-icon{ float:right; width:15px; height:15px; margin-right:3px; background-image:url(pictures/logo_id3_off.gif); background-position:center center; background-repeat:no-repeat; } #disclaimer span#copyright a#id3-icon:hover{ background-image:url(pictures/logo_id3_on.gif); } /*------------ #EVENTS, #RESERVATIONS, #LINKS, #EXPLORE, #CONTACT, #ACTS-------------*/ #events-content, #reservations-content, #links-content, #explore-content, #contact-content, #acts-content{ margin:0px 0px 0px 180px; padding:10px 0px 0px 0px; } #events-anim, #reservations-anim, #links-anim, #contact-anim { width:170px; height:155px; float:left; display:block; float:left; } div#events-content ul#full-address, div#reservations-content ul#full-address, div#contact-content ul#full-address{ list-style-type:none; margin:0px; padding:0px; } div#events-content ul#full-address li, div#reservations-content ul#full-address li, div#contact-content ul#full-address li{ display:block; } div#events-content ul#full-address li h1, div#reservations-content ul#full-address li h1, div#contact-content ul#full-address li h1{ font-size:16px; color:#666666; text-transform:uppercase; margin:0px 0px 5px 0px; } /*----------------#EXPLORE, #GUESTBOOK, #ACTS---------------*/ #explore-nav, #guestbook-nav, #acts-nav{ width:150px; height:155px; display:block; float:left; margin:0px; padding:0px; } #explore-anim, #guestbook-anim, #acts-anim{ width:510px; height:155px; margin-left:160px; } #explore-content, #guestbook-content, #acts-content{ width:500px; margin-left:180px; } #guestbook-content{ margin-left:160px; width:520px; } /* SEND TO FRIENDS */ #send2friends h1 { font-family:Arial, Helvetica, sans-serif; font-size:11px; height:20px; width:100%; display:block; line-height:20px; font-weight:bold; color:#999; background-image:url(pictures/contact_select_corners.gif); background-position:center top; background-repeat:no-repeat; }