body { background:url(/gfx/misc/bg10.png) #fff; margin:0 auto; font:normal 100% Georgia; text-align:center; color:#333; } * { margin:0; padding:0; outline:none; } img { border:none; } ul { margin:0; } .clear { clear:both; } dd { float:right; margin:0 0 18px 0; } dd input { width:300px; border:1px solid #afafaf; background:url(/gfx/misc/input_bg2.png); height:34px; text-indent:10px; } dl { } dt { float:left; color:#000; font-family:arial; margin:6px 0 0 0; font-size:75%; } h1 { margin:0; color:#fff; font-size:170%; font-family:Helvetica; background:#000; padding:12px 0 12px 18px; border-top:1px solid #fff; border-bottom:1px solid #fff; } h2 { margin:0 0 1px 0; color:#fff; font-size:100%; line-spacing:-1px; background:#000; padding:9px 0 8px 15px; letter-spacing:-1px; border-bottom:1px solid #fff; text-transform:uppercase; } h3 { margin:0 0 1px 0; color:#fff; font-size:100%; line-spacing:-1px; background:#000; padding:9px 0 8px 10px; letter-spacing:-1px; border-bottom:1px solid #fff; text-transform:uppercase; } h4 { margin:0; } a:link { color:#fff; text-decoration:none; } a:visited { color:#fff; text-decoration:none; } a:hover { color:#fff; text-decoration:none; } #wrapper { width:990px; margin:10px auto; background:#fff; padding:10px 0; } #head { width:966px; background:url(/gfx/header/banner.png) no-repeat right #fff; height:119px; text-align:left; margin:0 auto; } #logo { float:left; } #menu {margin:0 auto; text-align:left; width:966px; height:41px; border-top:1px solid #fff; } menu ul {list-style-type:none; text-align:left; margin:0; } #menu li { list-style:none; height:41px; margin:0; float:left; } #menu li.link1 { width:94px; background:url("/gfx/nav/home_off.png"); } #menu li.link2 { width:134px; background:url("/gfx/nav/guide_off.png");} #menu li.link3 { width:116px; background:url("/gfx/nav/tickets_off.png");} #menu li.link4 { width:163px; background:url("/gfx/nav/nights_off.png");} #menu li.link5 { width:111px; background:url("/gfx/nav/events_off.png");} #menu li.link6 { width:121px; background:url("/gfx/nav/gallery_off.png");} #menu li.link7 { width:102px; background:url("/gfx/nav/about_off.png");} #menu li.link8 { width:125px; background:url("/gfx/nav/contact_off.png");} #menu li a.home {display:block; width:94px; height:41px; text-indent:-9999px; color:#000; } #menu li a.guide {display:block; width:134px; height:41px; text-indent:-9999px; color:#000;} #menu li a.tickets {display:block; width:116px; height:41px; text-indent:-9999px; color:#000;} #menu li a.nights {display:block; width:163px; height:41px; text-indent:-9999px; color:#000;} #menu li a.events{display:block; width:111px; height:41px; text-indent:-9999px; color:#000; } #menu li a.gallery {display:block; width:121px; height:41px; text-indent:-9999px; color:#000;} #menu li a.about {display:block; width:102px; height:41px; text-indent:-9999px; color:#000;} #menu li a.contact {display:block; width:125px; height:41px; text-indent:-9999px; color:#000;} #menu li a:hover.home {display:block; width:94px; height:41px; background:url("/gfx/nav/home_on.png"); color:#ccc} #menu li a:hover.guide {display:block; width:134px; height:41px; background:url("/gfx/nav/guide_on.png"); color:#ccc} #menu li a:hover.tickets {display:block; width:116px; height:41px; background:url("/gfx/nav/tickets_on.png"); color:#ccc} #menu li a:hover.nights {display:block; width:163px; height:41px; background:url("/gfx/nav/nights_on.png"); color:#ccc} #menu li a:hover.events {display:block; width:111px; height:41px; background:url("/gfx/nav/events_on.png"); color:#ccc} #menu li a:hover.gallery {display:block; width:121px; height:41px; background:url("/gfx/nav/gallery_on.png"); color:#ccc} #menu li a:hover.about {display:block; width:102px; height:41px; background:url("/gfx/nav/about_on.png"); color:#ccc} #menu li a:hover.contact {display:block; width:125px; height:41px; background:url("/gfx/nav/contact_on.png"); color:#ccc} /** TITLES START **/ #title_latest { background:url(/gfx/misc/latest_news.png) no-repeat left #000; height:33px; text-indent:-9999px; } #title_friday { background:url(/gfx/misc/friday.png) no-repeat left #000; height:33px; text-indent:-9999px; border-bottom:1px solid #fff; } #title_saturday { background:url(/gfx/misc/saturday.png) no-repeat left #000; height:33px; text-indent:-9999px; border-bottom:1px solid #fff; } #title_upcoming { background:url(/gfx/misc/upcoming.png) no-repeat left #000; height:33px; text-indent:-9999px; border-bottom:1px solid #fff; } #title_mailing { background:url(/gfx/misc/mailing_list.png) no-repeat left #000; height:33px; text-indent:-9999px; border-bottom:2px solid #fff; } #title_finding { background:url(/gfx/misc/finding_us.png) no-repeat left #000; height:33px; text-indent:-9999px; border-bottom:2px solid #fff; } #title_guide { background:url(/gfx/misc/quick.png) no-repeat left #000; height:33px; text-indent:-9999px; border-bottom:2px solid #fff; margin:0 0 10px 0; } #title_findmill { background:url(/gfx/misc/finding_sugarmill.png) no-repeat left #000; height:33px; text-indent:-9999px; border-bottom:1px solid #fff; } #title_gallery { background:url(/gfx/misc/gallery.png) no-repeat left #111; height:33px; text-indent:-9999px; } #title_mill { background:url(/gfx/misc/the_sugar_mill.png) no-repeat left #111; height:33px; text-indent:-9999px; } #title_address { background:url(/gfx/misc/titleaddress.jpg) no-repeat left #111; height:33px; text-indent:-9999px; } /** TITLES END **/ #structure { width:966px; text-align:left; margin:10px auto; } #content { float:left; width:600px; line-height:140%; } #content a { color:#000; } #content h1 a { color:#fff; } #article { background:#000; color:#777; padding:15px; } #article_share { display:block; background:#000; color:#fff; border-top:1px solid #1e1e1e; padding:5px 15px; } #article_share #date { font-family:arial; color:#777; float:left; font-size:70%; } #article_share #social { color:#fff; float:right; } #article_share #social a { color:#fff; text-decoration:underline; font-family:arial; font-size:75%; } #article_share #social a:hover { text-decoration:none; } #article_share #fb { background:url(/gfx/misc/fb_post_b.png) no-repeat left; text-indent:23px; float:left; margin:0 10px 0 0; } #article_share #twit { background:url(/gfx/misc/twit_post_b.png) no-repeat left; text-indent:23px; float:right; } #home_news_reel { margin:15px 0; } .news_img { float:left; width:144px; margin:0 0 10px 0; } .news_content { float:right; width:442px; font-size:70%; } .news_content a { background:#000; padding:4px 8px; margin:0 0 5px 0; color:#fff !important; display:block; font-size:120%; font-weight:bold; text-decoration:underline; } #news_share { display:block; color:#000; padding:5px 0; } #news_share #date { font-family:arial; color:#777; float:left; font-size:100%; } #news_share #social { color:#fff; float:right; } #news_share #social a { color:#000 !important; background:none; text-decoration:underline; font-family:arial; font-size:100%; } #news_share #social a:hover { text-decoration:none; } #news_share #fb { background:url(/gfx/misc/fb_post.png) no-repeat left; text-indent:15px; float:left; margin:0 10px 0 0; line-height:100%; padding:4px 0 0 0;} #news_share #twit { background:url(/gfx/misc/twit_post.png) no-repeat left; text-indent:15px; float:right; line-height:100%; padding:4px 0 0 0; } #panel { float:right; width:353px; } #friday { float:left; width:171px; } #saturday { float:right; width:171px; } #monday { width:352px; margin:10px 0 0 0; } #upcoming_gigs { margin:10px 0; } .gig_inner { width:353px; background:#eee; border-bottom:1px solid #fff; } .gig { width:332px; text-align:left; margin:0 auto; padding:10px 0; } .gig .date { float:left; background:#000; width:57px; height:57px; color:#777; text-align:center; margin:0 10px 0 0; } .gig .date strong { font-weight:normal; display:block; font-size:90%; height:38px; padding:1px 0 0 0; } .gig .date s { display:block; text-decoration:none; } .gig .date span { display:block; color:#fff; font-family:arial; font-size:75%; border-top:1px solid #222; } .gig .details { float:right; width:265px; color:#555; } .gig a { color:#080808; text-decoration:underline; display:block; padding:0 0 2px 0; } .gig span { height:33px; display:block; } .gig .tickets { float:left; padding:2px 5px 0 0; } .gig .more { float:left; } #see_more { background:url(/gfx/misc/seemore.png) no-repeat; width:96px; width:33px; float:right; padding:0 55px 10px 0; } #see_more:hover { background:url(/gfx/misc/seemore2.png) no-repeat; width:96px; width:33px; float:right; padding:0 55px 10px 0; } #social_block { background:#eee; border:1px solid #000; height:45px; } #social_block #social_content { padding:0 0 0 10px; } #social_block #social_content span { float:left; padding:12px 0 0 0; } #social_block #social { color:#fff; float:left; } #social_block #social a { color:#000; background:none; text-decoration:underline; font-size:100%; } #social_block #social a:hover { text-decoration:none; } #social_block #fb { background:url(/gfx/misc/fb.png) no-repeat left; text-indent:37px; float:left; margin:5px 20px 0 20px; padding:10px 0;} #social_block #twit { background:url(/gfx/misc/twit.png) no-repeat left; text-indent:37px; float:right; margin:5px 0 0 0; padding:10px 0; } #contact_block { margin:10px 0; color:#343434; font-size:75%; line-height:150%; } #mailing { float:left; width:171px; background:#ddd; } #mailing_inner { padding:10px; } #mailing_inner strong { color:#0f0f0f; } #mailing_inner p { margin:0 0 10px 0; } #mailing_inner input { border:1px solid #afafaf; background:url(/gfx/misc/input_bg.png); height:33px; width:141px; font-size:90%; font-family:Georgia; text-indent:10px; } #submit_info { width:143px; padding:10px 0 0 0; } #submit_info a { text-decoration:underline; color:#999; font-size:90%; float:left; padding:0 22px 0 0; } #submit_info #join { width:47px; height:22px; float:left;} #finding { float:right; width:171px; background:#ddd; } #finding_inner { padding:10px; } #finding_inner a { text-decoration:underline; color:#000; font-weight:bold; } #finding_inner s { text-decoration:none; display:block; } #finding_inner strong { color:#0f0f0f; } #finding_inner span { margin:0 0 10px 0; display:block; font-size:110%; } #finding_inner #map { background:url(/gfx/misc/map.png) no-repeat left; text-indent:22px; margin:15px 0; } /** CLUB NIGHTS **/ .club_nights { float:left; margin:0 15px 5px 0; width:600px; } .club_nights span { display:block; font-family:Helvetica; color:#fff; font-weight:bold; font-size:110%; background:#000; padding:3px 0 3px 15px; border-bottom:1px solid #fff; } .club_img { float:left; width:180px; } .club_text { float:left; width:420px; font-size:90%; padding:5px 0; } /** TICKETS PAGE **/ .aticket_inner { width:600px; background:#eee; border-bottom:1px solid #fff; text-align:left; } .aticket { width:600px; text-align:left; margin:0 auto; padding:10px 0; } .aticket_thumb { float:left; width:99px; margin:0 10px; } .aticket .adate { float:left; background:#000; width:77px; height:99px; color:#fff; text-align:center; margin:0 10px 0 0; } .aticket .adate strong { display:block; font-size:130%; height:55px; padding:6px 0 0 0; } .aticket .adate span { display:block; color:#fff; font-family:arial; font-size:90%; line-height:100%; font-weight:bold; } .aticket .adate s { display:block; color:#ccc; font-family:arial; font-size:80%; display:block; text-decoration:none; font-weight:normal; } .aticket .date i { display:block; text-decoration:none; } .aticket .details { float:left; width:265px; color:#555; } .aticket .ticket_title { height:66px; display:block; font-size:120%; font-weight:bold; } .aticket a { color:#080808; text-decoration:underline; } .aticket span { font-size:70%; font-family:arial; color:#555; } .aticket_box { border:1px solid #d7d7d7; background:#fff; width:383px; height:32px; float:left; } .aticket_box span { font-size:85%; font-family:arial; font-weight:bold; color:#232323; padding:5px 0 0 0; float:left; width:77px; text-indent:10px;} .ticket_buttons { float:left; padding:3px 0 0 0; } .ticket_social { float:left; background:#e7e7e7; height:26px; width:129px; margin:3px 0 0 4px; font-family:arial; font-size:75%;} .ticket_social a { color:#777; text-decoration:none; } .ticket_social .fb { background:url(/gfx/misc/fb_post.png) no-repeat left; text-indent:15px; float:left; padding:3px 0 3px 5px; margin:0 0 0 7px; } .ticket_social .twit { background:url(/gfx/misc/twit_post.png) no-repeat left; text-indent:15px; float:left; padding:3px 0 3px 5px; margin:0 0 0 7px; } #quick_gig_guide { font-family:arial; font-size:80%; width:353px; text-align:left; } #quick_gig_guide strong { color:#181818; } .quick_gigs { border-bottom:1px solid #d4d4d4; margin:10px 0 ; padding:0 0 10px 0;} .quick_gigs span { float:left; width:39px; padding:0 0 4px 0; color:#505050; font-size:85%; } .quick_gigs strong { float:left; width:249px; padding:0 0 4px 0; } .quick_gigs s { float:right; width:59px; text-decoration:none; padding:0 0 4px 6px; font-size:85%; color:#919191; } #find_mill { background:#eee; color:#555; font-family:arial; width:353px; text-align:left; } #find_mill #inner { padding:0 10px 10px 10px; } #find_mill a { color:#080808; text-decoration:underline; font-size:90%; font-weight:bold; } #find_mill #map { background:url(/gfx/misc/map.png) no-repeat left; text-indent:22px; margin:15px 0; color:#080808; } #find_mill s { text-decoration:none; font-size:80%; display:block; padding:0 0 6px 0; } #find_mill strong { display:block; font-family:Georgia; color:#080808; padding:0 0 10px 0; font-size:120%; } #find_left { float:left; width:50px; font-size:90%; } #find_right { float:right; width:276px; font-size:90%; } /* Gallery */ .gallery_list { color:#000; background:#fff; padding:4px 0 4px 15px; margin:0 0 1px 0; border-bottom:1px solid #d4d4d4; } .gallery_list a { color:#000; } .gallery_list strong { color:#000; padding:0 0 0 10px; } .gallery2 { float:left; padding:5px 0; border:1px solid #e1e0e0; margin:0 8px 8px 0; width:140px; height:130px; text-align:center; } .gallery2:hover { border:1px solid #979797; } /* Footer */ #footerwrap { background:#000; width:990px; margin:0 auto; color:#fff; text-align:left; border-bottom:1px solid #222; } #footer_gallery { float:left; width:600px; margin:10px; } #gallery_inner { padding:0 0 0 10px; color:#242424; } #footer_gallery span { font-size:70%; color:#7f7f7f; margin:7px 0; display:block; } #footer_gallery a { color:#fff; font-size:90%; text-decoration:underline; } #footer_gallery a:hover { text-decoration:none; } #gallery_images img { padding:12px 5px 0 0; } #footer_mill { float:left; width:353px; margin:10px 10px 10px 0; color:#aaa; font-size:70%; line-height:160%; } #mill_inner { padding:0 0 0 10px; } #mill_inner p { padding:0 0 22px 0; } #footer_links { font-size:80%; margin:0 auto 15px auto; width:990px; background:#000; color:#777; padding:10px 0; } #footer_links a { color:#999; text-decoration:underline; } #footer_links a:hover { text-decoration:none; color:#fff; } #footer_company { float:left; padding:0 0 0 20px; } #footer_mushroom { float:right; padding:0 20px 0 0; } /* Contact */ #contact_information { float:left; width:162px; margin:10px 0; } #contact_information span { display:block; } #contact_information strong { display:block; font-size:130%; padding:0 0 15px 0; } #contact_information a { color:#000; text-decoration:underline; } #contact_information a:hover { color:#000; text-decoration:none; } #address_contact { background:#ddd; color:#000; font-size:90%; padding:4px 8px; margin:0 0 10px 0; } #contact_directions { background:url(/gfx/misc/map_contact.jpg) no-repeat left; text-indent:24px; padding:2px 0 0 0; display:block; font-size:90%; } #contact_twitter { background:url(/gfx/misc/twit_contact.jpg) no-repeat left; text-indent:24px; line-height:180%; padding:2px 0 0 0; display:block; font-size:90%; } #contact_fb { background:url(/gfx/misc/fb_contact.jpg) no-repeat left; text-indent:24px; line-height:180%; padding:2px 0 0 0; display:block; font-size:90%; } #contact_form { float:right; width:378px; margin:10px 0; } #contact_form strong { font-size:120%; display:block; margin:0 0 15px 0; } #contact_form .tinput { width:280px; border:1px solid #afafaf; font-family:arial; font-size:85%; padding:10px; } /* BUT TICKETS */ .buybutton { padding:7px 0; } #ticker { margin: 10px 0; padding:0; background: #ecda9a url(/gfx/background.gif); } marquee { margin: 0; padding: 5px 0 0 0; width: 353px; height: 24px; } #marquee { margin: 0; padding: 0; height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #c20000; text-transform: uppercase; } #vacancies { margin:40px 0 0 0; } #vacancies a { color:#fff; background:#000; padding:5px; border:1px solid #000; } #vacancies a:hover { color:#000; background:#fff; padding:5px; border:1px solid #000; } /** NEWS PAGE **/ .news_page { color:#000; background:#fff; padding:8px 0 8px 15px; margin:0 0 1px 0; border-bottom:1px solid #d4d4d4; } .news_page a { color:#000; } .news_page span { color:#999; font-size:80%; } .news_page img { float:left; padding:0 12px 0 0; }