/* Theme Name: Powell Street Festival Theme URI: http://powellstreetfestival.org/ Description: Powell Street Festival theme Author: Kathy Shimizu Author URI: http://kathyshimizu.com/ Tags: */ body { color: #000; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 18px; background-color: #6b8792; background-position: left top; text-align: left } #thanks_bg{ background-color: #6b8792; background-image: url(images/bg_thanks.gif); background-position: left top } a:link { color: #900; text-decoration: none } a:hover { color: #900; font-weight: bold } a:visited { color: #730101; text-decoration: none } #wrap { background-color: white; text-align: left; margin: 20px auto 10px; width: 760px } /*-----topbar-----*/ #top_bar { padding-top: 0; width: 760px; height: 80px } #top_left { width: 375px; float: left ; margin: 0; padding: 0; } #title { width: 305px; height: 80px; float: left ; margin: 0; padding: 0; } #japanese { text-align: right; padding-top: 44px; padding-right: 0; padding-left: 345px } #j_button { list-style-type: none; display: block; margin: 0; padding: 0; width: 55px; height: 15px; overflow: hidden } #j_button li { list-style-type: none; display: inline; margin: 0; padding: 0 } #j_button a { background-image: url(images/b-nihongo.gif); background-repeat: no-repeat; background-position: left 0; margin: 0; padding: 15px 0 0; height: 15px; float: left } #j_button a:hover { background-position: 0 -15px } #j_button a.selected { background-position: 0 -15px } #contact { margin-left: 403px; padding-top: 17px; height: 42px } #address { list-style-type: none; display: block; margin: 0; padding: 0; height: 42px; float: left; border-right: 1px dotted #c00; border-left: 1px dotted #c00 } #address_list { margin: 0; padding: 0; width: 166px; height: 42px; overflow: hidden } #address_list li { list-style-type: none; display: inline; margin: 0; padding: 42px 0 0 } #address_list p { background-image: url(images/address.gif); background-repeat: no-repeat; background-position: left 0; margin: 0; padding: 42px 0 0; height: 42px; float: left } #phone_email { margin: 0; padding: 0; width: 165px ; height: 42px; float: left; } #phone { width: 165px; height: 27px; overflow: hidden; margin: 0; padding: 0; } #phone p { background-image: url(images/phone.gif); background-repeat: no-repeat; background-position: 0 0; width: 165px; margin: 0; padding: 27px 0 0; height: 27px; overflow: hidden; float: left; } #email { width: 165px; margin: 0; padding: 0; height: 15px; overflow: hidden ; } #email li { height: 15px; float: left; list-style-type: none; display: inline; margin: 0; padding: 0 } #email a { background-image: url(images/b-email.gif); background-repeat: no-repeat; background-position: left 0; margin: 0; padding: 15px 0 0; width: 165px; height: 15px; float: left; } #email a:hover { background-position: 0 -15px } #email a.selected { background-position: 0 -15px } /*-----photobar----*/ #photos { margin: 0; padding: 0; height: 55px } #photos img { display: block; margin: 0; padding: 0 } /*-----main nav-----*/ #nav { background-color: #e1edec; margin: 0; padding-top: 0; padding-bottom: 0; padding-left: 35px; width: 725px; height: 38px; border-bottom: 1px dotted #c00 } #mn { margin: 0; padding: 0; height: 38px; overflow: hidden } #mn li { list-style-type: none; display: inline; margin: 0; padding: 0 } #mn a { margin: 0; padding: 38px 0 0; height: 38px; float: left } #mn a:hover { background-position: 0 -38px } #mn a.selected { background-position: 0 -38px } #mn-home a { background: url(images/b-home.gif) no-repeat left top; width: 42px } #mn-news a { background: url(images/b-news.gif) no-repeat left top; width: 48px } #mn-about a { background: url(images/b-about.gif) no-repeat left top; width: 112px } #mn-festival a { background: url(images/b-festival.gif) no-repeat left top; width: 79px } #mn-season a { background: url(images/b-season.gif) no-repeat left top; width: 78px } #mn-merch a { background: url(images/b-merch.gif) no-repeat left top; width: 90px } #mn-involved a { background: url(images/b-get_involved.gif) no-repeat left top; width: 85px } #mn-thanks a { background: url(images/b-thanks.gif) no-repeat left top; width: 92px } #mn-contact a { background: url(images/b-contact.gif) no-repeat left top; width: 64px } #subtitle { background-color: #fff; margin: 0; padding: 8px 0 0 35px; height: 38px; border-bottom: 1px dotted #c00 } #subtitle h1 { font-size: 135%; font-weight: bold; visibility: hidden; margin: 0; padding: 0 } #contact_us { background-image: url(images/t-contact.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #sitemap { background-image: url(images/t-sitemap.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #thanks { background-image: url(images/t-thanks.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #content { background-color: #e1edec; background-image: url(images/sidebar_bg.gif); background-repeat: repeat; background-position: left top; margin: 0; padding: 0; width: 760px } #main { background-color: white; margin: 0; padding: 0; width: 500px; float: left; border-right: 1px dotted #c00 } #maintext { padding: 15px 45px 30px 35px } /*-----right bar----*/ #donate { padding: 20px 45px 30px 35px; border-top: 1px dotted #c00 } #donate_now_e { margin: 0; padding: 0; width: 160px; height: 67px; float: left } #donate_now_f { margin: 0; padding: 0 0 0 161px } #r_sidebar { margin: 0 0 0 501px; padding: 0 0 0 } #subnav ul { background-color: #fff; display: block; margin: 0; padding: 15px 0 10px 35px; } #subnav li { list-style-type: none; display: block; margin: 0; padding: 7px 0 8px; border-bottom: 1px dotted #6eadb5; } #subnav li a { color: #900; text-decoration: none; display: block; margin: 0; padding: 0 0 0 20px } #subnav li a:hover { font-weight: bold; background-image: url(images/selected.gif); background-repeat: no-repeat; background-position: 1px 4px; display: block; margin: 0; padding: 0 0 0 20px } #subnav li.current a { font-weight: bold; background-image: url(images/selected.gif); background-repeat: no-repeat; background-position: 1px 4px; display: block; margin: 0; padding: 0 0 0 20px; } #subnav ul ul { line-height: 15px; background-color: #fff; list-style-type: none; display: block; margin: 2px 0 0 20px; padding: 0 } #subnav ul ul li { list-style-type: none; display: block; margin: 0; padding: 7px 0 8px; border-top: 1px dotted #6eadb5 } #subnav ul ul li a { color: #900; text-decoration: none; display: block; margin: 0; padding: 0 0 0 20px } #subnav ul ul li a:hover { color: #900; font-weight: bold; background-image: url(images/selected.gif); background-repeat: no-repeat; background-position: 1px 4px; display: block; margin: 0; padding: 0 0 0 20px } #subnav ul ul li.currrent a { font-weight: bold; background-image: url(images/selected.gif); background-repeat: no-repeat; background-position: 1px 4px; display: block; margin: 0; padding: 0 0 0 20px } #ssn2 { line-height: 15px; background-color: #fff; list-style-type: none; display: block; margin: 2px 0 0 20px; padding: 0 } #ssn2 li { list-style-type: none; display: block; margin: 0; padding: 7px 0 8px; border-top: 1px dotted #6eadb5 } #ssn2 a { color: #900; text-decoration: none; display: block; margin: 0; padding: 0 0 0 20px } #ssn2 a:hover { color: #900; font-weight: bold; background-image: url(images/selected.gif); background-repeat: no-repeat; background-position: 1px 2px; display: block; margin: 0; padding: 0 0 0 20px } #ssn2 a.selected { font-weight: bold; background-image: url(images/selected.gif); background-repeat: no-repeat; background-position: 1px 2px; display: block; margin: 0; padding: 0 0 0 20px } #ssn3 { line-height: 13px; background-color: #fff; list-style-type: none; display: block; margin: 2px 0 10px 20px; padding: 0; } #ssn3 li { list-style-type: none; display: block; margin: 0; padding: 3px 0 4px; border-top: 0 dotted #6eadb5; } #search_side { background-color: white; margin: 0; padding: 10px 35px; border-bottom: 1px dotted #c00; } #translate_side { background-color: white; margin: 0; padding: 10px 35px 15px; border-bottom: 1px dotted #c00; } #donate_side { background-color: white; margin: 0; padding: 20px 35px 30px; border-bottom: 1px dotted #c00 } #donate_sm_e { margin: 0; padding: 0; width: 90px; height: 37px; float: left } #donate_sm_f { margin: 0; padding: 0 0 0 91px } #news_side { padding: 20px 35px 30px; border-bottom: 1px dotted #c00 } #involved { padding: 20px 35px 30px; border-bottom: 1px dotted #c00 } #merch { padding: 20px 35px 30px } /*-----home-----*/ #home { background-color: #6b8792; background-image: url(images/bg_home.gif); background-position: left top } #top_home { padding-top: 0; width: 760px; height: 80px } #photos_home { margin: 0; padding: 0; height: 150px } #main_home { background-color: white; margin: 0; padding: 0; width: 459px; float: left; border-right: 1px dotted #c00 } #welcome { margin: 0; padding: 20px 35px 30px; border-bottom: 1px dotted #c00 } #upcoming { margin: 0; padding: 20px 35px 30px; border-bottom: 1px dotted #c00 } #ongoing { margin: 0; padding: 20px 35px 30px; border-bottom: 1px dotted #c00 } #membership_home { margin: 0; padding: 20px 35px 30px; border-bottom: 1px dotted #c00 } #donate_home { margin: 0; padding: 20px 35px 30px ; border-bottom: 1px dotted #c00; } #hosting { margin: 0; padding: 20px 35px 10px; } #gossamer { width: 110px; float: left; margin: 0; padding: 3px 0 0; } #r_sidebar_home { margin-bottom: 0; margin-left: 460px; padding: 0 } #welcome_home { padding: 20px 35px 30px; border-bottom: 1px dotted #c00; } #news_home { padding: 20px 35px 30px; border-bottom: 1px dotted #c00 } #participate_home { padding: 20px 35px 30px; border-bottom: 1px dotted #c00 } #merch_home { padding: 20px 35px 30px } #search_side_home { background-color: white; margin: 0; padding: 20px 35px; border-bottom: 1px dotted #c00; } #footer_sponsors { background-color: white; margin: 0; padding: 5px 35px; clear: both; border-top: 1px dotted #900 } #home h2 { color: #6b8792; font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 145%; background-position: center; margin: 0; padding: 3px 0 6px; overflow: hidden } #home .h2_sub { color: #6b8792; font-size: 110%; font-style: italic; font-weight: bold; line-height: 130%; margin: 0; padding: 6px 0 4px } #home .h2_sub1 { color: #6b8792; font-size: 110%; font-style: italic; font-weight: bold; line-height: 130%; padding: 0 0 4px; } #home h3 { font-size: 110%; font-weight: bold; line-height: 145%; display: block; margin: 0; padding: 5px 0 3px } #home .nospace { margin: 0; padding: 0; } #home .date { display: block; margin: 0; padding: 0 } /*-----news-----*/ #news { background-image: url(images/t-news.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #news_bg { background-color: #6b8792; background-image: url(images/bg_news.gif); background-position: left top } #releases { background-image: url(images/t-media_releases.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #latest_newsletter { background-image: url(images/t-latest_newsletter.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #newsletters { background-image: url(images/t-newsletters.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #photogallery { background-image: url(images/t-photogallery.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #news td { margin: 0; padding: 3px 15px 3px 0; border-bottom: 1px dotted #8cc1b5; } /*-----about-----*/ #about { background-image: url(images/t-about.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #about_bg { background-color: #6b8792; background-image: url(images/bg_about.gif); background-position: left top } #history { background-image: url(images/t-history.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #mandate { background-image: url(images/t-mandate.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #board { background-image: url(images/t-board.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #past_board { background-image: url(images/t-past_board.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #staff { background-image: url(images/t-staff.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #advocacy { background-image: url(images/t-advocacy.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #programming { background-image: url(images/t-programming.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #fundraising { background-image: url(images/t-fundraising.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #festival_ctte { background-image: url(images/t-festival_ctte.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #advisors { background-image: url(images/t-advisors.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } /*-----festival----*/ #festival { background-image: url(images/t-festival.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #festival_bg { background-color: #6b8792; background-image: url(images/bg_festival.gif); background-position: left top } #this_fest { background-image: url(images/t-this_fest.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #schedule { background-image: url(images/t-schedule.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #venues { background-image: url(images/t-venues.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #get_there { background-image: url(images/t-get_there.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #parkmap { background-image: url(images/t-map.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #fest_events { background-image: url(images/t-fest_events.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #event_details { background-image: url(images/t-event_details.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #past_fests { background-image: url(images/t-past_fests.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #fest2006 { background-image: url(images/t-2006fest.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #fest2005 { background-image: url(images/t-2005fest.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #festival .table_row_title { background-color: #c3dce9; width: 400px; margin: 0; padding: 0; } #festival .table_row1 { background-color: #e1edec; margin: 0; padding: 0; width: 400px; } #festival .table_row2 { width: 400px; margin: 0; padding: 0; } #festival .time { background-color: transparent; width: 95px; float: left; margin: 0; padding: 0 5px 0 10px; } #festival .details { font-weight: bold; margin: 0; padding: 0 10px 0 15px; width: 165px; float: left; } #festival .location { margin: 0; padding: 0 10px 0 5px; width: 85px; float: left; } /*-----season----*/ #season { background-image: url(images/t-season.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #season_bg { background-color: #6b8792; background-image: url(images/bg_season.gif); background-position: left top } #current_season { background-image: url(images/t-current_season.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #season_event_details { background-image: url(images/t-season_event_details.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #past_seasons { background-image: url(images/t-past_seasons.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #season2006 { background-image: url(images/t-season2006.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #season2005 { background-image: url(images/t-season2005.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #season2004 { background-image: url(images/t-season2004.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } /*-----merch-----*/ #merchandise { background-image: url(images/t-merch.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #merch_bg { background-color: #6b8792; background-image: url(images/bg_merch.gif); background-position: left top } #matsuri { background-image: url(images/t-matsuri.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #tshirts { background-image: url(images/t-shirts.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #cookbook { background-image: url(images/t-cookbook.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #other_stuff { background-image: url(images/t-other_stuff.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #involved_merch { padding: 20px 35px 30px } /*-----get involved-----*/ #get_involved { background-image: url(images/t-get_involved.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #get_involved_bg { background-color: #6b8792; background-image: url(images/bg_get_involved.gif); background-position: left top } #sponsors_donors { background-image: url(images/t-sponsors_donors.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #partnerships { background-image: url(images/t-partnerships.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #proposals { background-image: url(images/t-proposals.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #fest_apps { background-image: url(images/t-fest_apps.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #jobs { background-image: url(images/t-jobs.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #volunteer { background-image: url(images/t-volunteer.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } #membership { background-image: url(images/t-membership.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px } /*-----search results page-----*/ #search_results { background-image: url(images/t-search_results.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; width: 500px; height: 25px; } /*-----footer-----*/ #footer_copyrt { background-color: white; margin: 0; padding: 5px 35px; clear: both; border-top: 1px dotted #900 } #footer_copyrt p { color: #424242; font-size: 90%; text-align: right; margin: 0; padding: 0 0 7px } #nav_btm { margin: 0; padding: 3px 35px 0 0; width: 45px; height: 15px; float: left } #sitemap_btn { margin: 0; padding: 0; width: 45px; height: 15px; overflow: hidden } #sitemap_btn li { list-style-type: none; display: inline; margin: 0; padding: 0 } #sitemap_btn a { background-image: url(images/b-sitemap.gif); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 15px 0 0; width: 45px; height: 15px; float: left } #sitemap_btn a:hover { background-position: 0 -15px } #sitemap_btn a.selected { background-position: 0 -15px } /*-----text formats----*/ p { padding-top: 1px; padding-bottom: 0 } .rule { border-bottom: 1px dotted #8cc1b5 } .rule_plus { display: block; margin: 0 0 5px; padding: 10px 0 2px; border-bottom: 1px dotted #8cc1b5 } h2 { color: #6b8792; font-size: 115%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 135%; background-position: center; margin: 0 0 6px; padding: 8px 0 0; overflow: hidden } h3 { font-size: 105%; font-weight: bold; line-height: 120%; padding: 3px 0 1px } h3.drill_titles { font-size: 135%; font-weight: bold; line-height: 120%; text-decoration: none; margin: 0; padding: 5px 0; } h3.drill_titles a { color: #999; font-size: 11px; font-weight: normal; line-height: 120%; text-decoration: none; } h3.drill_titles a:hover { color: #999; font-size: 11px; font-weight: bold; line-height: 120%; text-decoration: none; } ul { display: block; margin: 0; padding: 3px 0 3px 12px } li { margin: 0 0 9px; padding: 0; } ol { display: block; margin: 0 0 0 5px; padding: 3px 0 3px 12px } ul.tabbed { display: block; margin: 0 0 0 12px; padding: 3px 0 3px 12px } .filled_bullet { list-style-type: disc; margin: 0 0 0 12px; padding: 3px 0 3px 12px } .unfilled_bullet { list-style-type: circle; margin: 0 0 0 12px; padding: 3px 0 3px 12px } #sitemaplist li { margin: 0; padding: 7px 0 9px; border-top: 1px dotted #6eadb5; list-style-type: none; display: block; } #sitemaplist ul li { margin: 0 0 0 9px; padding: 2px 0 2px 12px; border-top-width: 0; } .hidden { visibility: hidden } .notes { font-size: 85%; display: block; margin: 0; padding: 3px 0 7px } .notes_center { color: #fff; font-size: 85%; text-align: center; display: block; margin: 0; padding: 3px 0 7px; } .clearall { clear: both } .clearall2 { font-size: 0; line-height: 0; clear: both; margin: 0; padding: 0; } #main_news img { float: left; margin: 0; padding: 3px 8px 6px 0; } .no_space { margin: 0; padding: 0 } .h3_no_space { line-height: 115%; display: block; margin: 0; padding: 3px 0 0 } table { border-top: 1px dotted #6a8c91; border-right: 1px dotted #6a8c91; } td { border-bottom: 1px dotted #6a8c91; border-left: 1px dotted #6a8c91; }