/* Theme Name: West Bank School of Music Theme URI: Description: West Bank School of Music Theme Author: Jamison Geisler Author URI: http://90degreemedia.com/ Template: thematic Version: 1.0 Tags: Thematic . Thematic is © Ian Stewart http://themeshaper.com/ . */ /* Reset browser defaults */ @import url('../thematic/library/styles/reset.css'); /* Apply basic typography styles */ @import url('../thematic/library/styles/typography.css'); /* Apply a basic layout */ @import url('../thematic/library/layouts/2c-r-fixed.css'); /* Apply basic image styles */ @import url('../thematic/library/styles/images.css'); /* Apply default theme styles and colors */ /* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */ @import url('../thematic/library/styles/default.css'); /* Prepare theme for plugins */ @import url('../thematic/library/styles/plugins.css'); body { font-family:Arial, Verdana, Helvetica, sans-serif; background:#000;/* url(images/bg.jpg) top center no-repeat fixed*/ } h4 { color:#4f86b3; margin:14px 0 4px 0; font-size:1.3em; } h5 { font-size:1.1em; color:#4b85b2; margin:6px 0 4px 0; font-weight:bold; } p { margin-bottom:10px; } a, a:link, a:visited { color:#00457c; text-decoration:none; font-weight:bold; } a:hover, a:visited:hover { color:#4b85b2; text-decoration:none; } a:active { color:#333; } .bold { font-weight:bold; } .normal { font-weight:normal; } .uline { text-decoration:underline; } .italic { font-style:italic; } .floatleft { float:left; } .floatright { float:right; } .clearleft { clear:left; } .clearright { clear:right; } .clearboth { clear:both; } #bg_imgs { min-height:820px; } #wrapper { background:url(images/bg_wrapper.png) top left repeat-y; width:1024px; margin:0 auto; } #wrapper_btm { background:url(images/bg_wrapper_btm.png) top left no-repeat; width:1024px; height:22px; margin:0 auto; } #header { background:url(images/bg_header.png) top left no-repeat; width:1024px; height: 164px; margin:0 auto; } #branding { width:auto; margin:0; padding:7px 0 0 18px; } #blog-title { float:left; } #blog-title a { background:url(images/logo.png) no-repeat top center; display:block; text-indent:-9000px; width: 346px; height: 116px; padding:0; margin:0; } #blog-description { text-indent:-9000px; height:0px; } #access, .sf-menu, .menu ul li a { border-width:0px; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-color:transparent; border-width:0px; } .sf-menu { margin:2px 0 0 -44px; width:1004px; } .sf-menu li { background-color:transparent; height:28px; margin:0 0 0 16px; } .sf-menu li a { padding:7px 8px 8px 8px; color:#c5c5c5; } .sf-menu li a:visited { color:#c5c5c5; } .sf-menu li:hover { background:url(images/nav_bg_l.png) top left no-repeat; } .sf-menu a:hover, .sf-menu a:visited:hover { background:url(images/nav_bg_r.png) top right no-repeat; color:#fff; } .sf-menu li:hover { background-color:#4f86b3; } .sf-menu li.page_item, .sf-menu li.current_page_item { text-transform:uppercase; font-weight:bold; } .sf-menu li.current_page_item { background:url(images/nav_bg_l.png) top left no-repeat; } .sf-menu .current_page_item a, .sf-menu .current_page_item a:visited { background:url(images/nav_bg_r.png) top right no-repeat; color:#fff; } .sf-menu li.current_page_item { background-color:#4f86b3; } #topbar{ position:absolute; background:url(images/bg_topofpage.png) top left no-repeat; width: 90px; height:35px; visibility: hidden; z-index: 1000; } #topbar .top { float:left; margin:6px 0 0 10px; } #topbar .arrow { float:left; margin:10px 0 0 4px; } #topbar .close { float:right; margin-top:-8px; } #main { padding:8px; width:auto; } #container { margin-left:10px; width:640px; } #content { width:auto; } a.url { color:#ab0534; } .hentry { border-bottom:1px dotted #999; padding:0 0 10px; margin:0 0 10px; } .entry-utility { margin:0 0 5px; } #footer { background:#000; margin:0 10px; border-width:0px; border-top:2px solid #999; height:110px; } #footer a:hover, #footer a:visited:hover, #footer a:active { color:#ab0534; } #footer #siteinfo { width:auto; padding:10px 14px 40px 14px; } #footer #siteinfo .links { font-size:1.1em; margin-bottom:8px; } #footer #siteinfo .address { font-size:1.6em; text-align:center; padding:8px 0; color:#999; border-bottom:1px dotted #444; border-top:1px dotted #444; } #footer #siteinfo .grant { text-align:center; margin-top:8px; } /* search styles */ #search_widget { float:right; width:288px; margin-top:4px; } .search_widget { float:right; width:288px; margin-top:-46px; margin-right:10px; } #search h3.widgettitle { display:none; } #searchform { background:url(images/bg_search.png) top left no-repeat; height:47px; } #s { float:left; margin:10px 0 0 6px; padding:0 0 0 2px; width:232px; height:26px; border:1px solid black; font:bold 13px Arial, Helvetica, sans-serif; color:#00457c; } #searchsubmit { float:left; margin:6px 0 0 -1px; } #sidebar_right { width:288px; float:right; margin-right:10px; } #sidebar_right .middle { background:url(images/bg_white.png)top left repeat-y; min-height:300px; padding:8px; } #sidebar_right .bottom { background:url(images/bg_white_btm.png) top left no-repeat; height:8px; } #sidebar_right h4 { margin-left:10px; } /* pop styles */ #pop_student { } #pop_student h5 { text-indent:-9999px; background:url(images/h_student_spotlight.png) top left no-repeat; width:172px; height:22px; margin-right:40px; margin-bottom:2px; } #pop_teacher h5 { text-indent:-9999px; background:url(images/h_teacher_spotlight.png) top left no-repeat; width:172px; height:22px; margin-right:40px; margin-bottom:2px; } /* homepage styles */ #homepage { padding:0 10px; } #homepage_welcome { width:680px;/*704px;*/ float:left; } #homepage_welcome h1 { text-indent:-9999px; background:url(images/h_welcome.png) top left no-repeat; width:600px; height:42px; } #homepage_welcome p { font:16px/24px Arial, Helvetica, sans-serif; padding:0 0 0 10px; margin-bottom:0; } #homepage_right { width:288px; float:right; height:100%; } #homepage_right #search_widget { float:none; } #homepage_right .bg_white { background:url(images/bg_white.png)top left repeat-y; min-height:517px; margin-right:0; } #homepage_right .bg_white_btm { background:url(images/bg_white_btm.png) top left no-repeat; height:8px; } #homepage_right ul { margin-bottom:0; padding-bottom:10px; } #homepage_right h3 { text-indent:-9999px; } #rss-2 { padding:20px 10px 0 10px; font-weight:bold; } #rss-2 ul { padding-bottom:10px; margin:10px 0 0 20px; list-style-type:square; font-size:12px; line-height:18px; } #rss-2 h3 { background:url(images/h_news.png) top left no-repeat; height:15px; } #text-4 { padding:10px 10px 0 10px; font-weight:bold; } #text-4 ul { padding-bottom:10px; margin:10px 0 0 20px; list-style-type:square; font-size:12px; line-height:18px; } #text-4 h3 { background:url(images/h_events.png) top left no-repeat; height:15px; } #tubepress { padding:10px 10px 0 10px; font-weight:bold; overflow:hidden; } #tubepress h3 { background:url(images/h_videos.png) top left no-repeat; height:15px; margin-bottom:10px; } .tubepress_sidebar { margin-bottom:0!important; } .tubepress_thumbnail_area { overflow:hidden!important; } .tubepress_thumbnail_area, .tubepress_thumbs, .tubepress_thumb { margin:0!important; padding:0!important; } .tubepress_thumb { float:left!important; width:85px!important; margin:0 4px 3px 0!important; } #text-2 { padding:4px 10px 4px 36px; } #text-2 a { height:66px; } #text-2 img { vertical-align:middle; } #homepage_left { float:left; width:344px; } #homepage_left1 { clear:left; margin:14px 0 0 0; float:left; width:280px; height:66px; background:url(images/th_dancing_house.png) top left no-repeat; padding:34px 0 0 104px; float:left; line-height:18px; } #homepage_left1 p { margin-bottom:0; } #homepage_left1 a { margin-left:8px; text-transform:uppercase; font-size:14px; } #homepage_left2 { clear:left; padding:0; margin:20px 0 0 0; float:left; width:344px; } #homepage_left2 h2 { text-indent:-9999px; background:url(images/h_what_instrument.png) top left no-repeat; width:350px; height:32px; } #homepage_left2 p { margin:0 0 0 10px; } #homepage_left2 ul { float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; margin:4px 0 0 10px; list-style-type:none; } #homepage_left2 ul#col_2, #homepage_left2 ul#col_3 { margin-left:20px; } #homepage_left3 { clear:left; padding:0; margin:30px 0 4px 14px; float:left; width:350px; } #homepage_left3 a { margin-right:16px; display:block; float:left; height:70px; } #homepage_left3 a.last { margin-right:0; } #homepage_left3 a.contact_us { background:url('images/btn_contact_us.png') bottom left no-repeat; width:50px; } #homepage_left3 a.contact_us:hover { background:url('images/btn_contact_us.png') top left no-repeat; } #homepage_left3 a.donate_today { background:url('images/btn_donate_today.png') bottom left no-repeat; width:50px; } #homepage_left3 a.donate_today:hover { background:url('images/btn_donate_today.png') top left no-repeat; } #homepage_left3 a.join_fb { background:url('images/btn_join_fb.png') bottom left no-repeat; width:70px; } #homepage_left3 a.join_fb:hover { background:url('images/btn_join_fb.png') top left no-repeat; } #homepage_left3 a.mailing_list { background:url('images/btn_mailing_list.png') bottom left no-repeat; width:90px; } #homepage_left3 a.mailing_list:hover { background:url('images/btn_mailing_list.png') top left no-repeat; } #homepage_center { float:left; margin:36px 0 0 0; color:#fff; } #homepage_center .blue_top { background:url('images/bg_blue_top.png') top left no-repeat; width:348px; height:6px; overflow:hidden; } #homepage_center .blue_middle { background:url('images/bg_blue_middle.png') top left repeat-y; width:348px; /*padding:0 8px 2px 6px;*/ overflow:hidden; } #homepage_center .blue_btm { background:url('images/bg_blue_btm.png') bottom left no-repeat; width:348px; height:10px; margin:0 0 6px 0; } #homepage_center img { margin:2px 10px 4px 8px; float:left; } #homepage_center a { text-transform:uppercase; } #homepage_center p { font-size:12px; line-height:14px; width:326px; margin:0 0 6px 6px; } #homepage_center h3 { text-indent:-9999px; margin-left:6px; margin-top:2px; float:left; clear:none; } #homepage_center2 p, #homepage_center4 p { margin-left:10px; } #homepage_center1 h3, #homepage_center3 h3 { margin-left:-4px; } #homepage_center .begin { background:url(images/h_where_begin.png) top left no-repeat; width:172px; height:22px; margin-right:40px; } #homepage_center2 h3 { width:172px; height:22px; margin-bottom:2px; } #homepage_center .teacher { background:url(images/h_teacher_spotlight.png) top left no-repeat; } #homepage_center .student { background:url(images/h_student_spotlight.png) top left no-repeat; } #homepage_center .gift { background:url(images/h_give_gift_music.png) top left no-repeat; width:200px; } #homepage_center .workshop { background:url(images/h_pick_workshop.png) top left no-repeat; width:200px; } #homepage_center .camp { background:url(images/h_summer_camp.png) top left no-repeat; width:300px; } #homepage_center2 img { float:right; margin:2px 14px 4px 0; } #homepage_center2 .name { font-size:14px; font-weight:bold; } #homepage_center2 p { clear:left; } #homepage_center .sharing { background:url(images/h_sharing_music.png) top left no-repeat; width:172px; height:22px; margin-right:40px; } #homepage_center .traffic { background:url(http://wbsm.org/wp-content/uploads/h_traffic_alert.png) top left no-repeat; } #homepage_center .congrats { background: url(http://wbsm.org/wp-content/uploads/h_congratulations.png) 0 0 no-repeat; width:172px; height:22px; margin-right:40px; } #homepage_center4 h3 { background:url(images/h_sponsors.png) top left no-repeat; width:172px; height:22px; } #homepage_center4 a { text-transform:none; } #homepage_center4 p { /*font-weight:bold;*/ } /* instruction styles */ #instruction { padding:0 10px; } #instruction h2 { background:url(images/h_instruction.png) top left no-repeat; width:168px; height:34px; text-indent:-9999px; float:left; margin:4px 0 0 8px; } #instruction h3 { margin-left:-4px; text-indent:-9999px; } #instruction h5 { margin:16px 0 10px 0; } #instruction_1 h3 { background:url(images/h_personal_music_school.png) top left no-repeat; width:416px; height:34px; margin-bottom:0; } #instruction_1 ol { margin:0 0 0 24px; } #instruction_1 ol li ul { margin:6px 0 6px 12px; } #instruction_2 h3 { background:url(images/h_instruments.png) top left no-repeat; width:316px; height:28px; margin-bottom:10px; } #instruction_3 h3 { background:url(images/h_private.png) top left no-repeat; width:316px; height:28px; margin-bottom:10px; } #instruction_3 div { margin-left:4px; } #instruction_3 div div { width:80px; font-weight:bold; float:left; } #instruction_3 div.last { margin-bottom:10px; } #instruction_3 ul { margin-left:24px; } #instruction_4 h3 { background:url(images/h_childrens.png) top left no-repeat; width:316px; height:28px; margin-bottom:10px; } #instruction_5 h3 { background:url(images/h_group.png) top left no-repeat; width:316px; height:28px; margin-bottom:10px; } #instruction_6 h3 { background:url(images/h_ensembles.png) top left no-repeat; width:316px; height:28px; margin-bottom:10px; } #instruction_6 table, #instruction_6 td, #instruction_6 th, #instruction_6 tbody { border-width:0px; } #instruction_6 td, #instruction_6 th { padding:.2em .4em; } #instruction_6 .noborder { border-width:0px; } #instruction_7 h3 { background:url(images/h_workshops.png) top left no-repeat; width:316px; height:28px; margin-bottom:10px; } #instruction_8 h3 { background:url(images/h_camp.png) top left no-repeat; width:316px; height:28px; margin-bottom:10px; } .instruments { border-top:1px dotted #999; padding:4px 0 10px 0; margin-right:6px; clear:both; } .instruments h4 { margin-top:4px; } /*#instruction .last { border-bottom-width:0; }*/ .instruments div { margin:0 0 0 4px; } #instruments_list { list-style:none; margin:20px 10px 0 10px; clear:both; } .instruments_list { margin:2px 14px 20px 20px; float:left; list-style-type:circle; } .instruments ul.first { margin-left:30px; } ul.instruments_list { margin-right:60px; } .instruments_list a, .instruments_list a:visited { color:#666; font-weight:normal; } .instruments_list a:hover, .instruments_list a:visited:hover { color:#333; } .childrens_classes { border-top:1px dotted #999; padding:0 0 10px 0; margin-right:6px; clear:both; } .childrens_classes div { margin:0 0 0 4px; } #childrens_classes_list { list-style:none; margin:20px 10px 0 10px; clear:both; } .group_classes { border-top:1px dotted #999; padding:4px 0 10px 0; margin-right:6px; clear:both; } .group_classes div { margin:0 0 0 4px; } #group_classes_list { list-style:none; margin:0; clear:both; } .ensembles { border-top:1px dotted #999; padding:0 0 10px 0; margin-right:6px; clear:both; } .ensembles div { margin:0 0 0 4px; } #ensembles_levels_list { list-style:none; margin:20px 10px 0 10px; clear:both; } #ensembles_list { list-style:none; margin:20px 10px 0 10px; clear:both; } /* teachers styles */ #teachers { padding:0 10px; } #teachers h2 { background:url(images/h_teachers.png) top left no-repeat; width:140px; height:34px; text-indent:-9999px; float:left; margin:4px 0 0 8px; } #teachers_1 h3 { background:url(images/h_teachers_intro.png) top left no-repeat; width:316px; height:28px; text-indent:-9999px; margin:4px 0 6px 0; } #teachers_2 h3 { background:url(images/h_our_teachers.png) top left no-repeat; width:316px; height:28px; text-indent:-9999px; margin:4px 0 10px 0; } .instructors { border-top:1px dotted #999; padding:0 0 10px 0; margin-right:6px; clear:both; } #teachers .last { border-bottom-width:0; } .instructors div { margin:0 0 0 4px; } #instructors_list { list-style:none; margin:20px 10px 0 10px; clear:both; } .teachers_list { margin:2px 14px 20px 20px; float:left; list-style-type:circle; } .instructors ul.first { margin-left:30px; } .teachers_list a, .teachers_list a:visited { color:#666; font-weight:normal; } .teachers_list a:hover, .teachers_list a:visited:hover { color:#333; } /* registration styles */ #registration { padding:0 10px; } #registration h2 { background:url(images/h_registration_fees.png) top left no-repeat; width:316px; height:34px; text-indent:-9999px; float:left; margin:4px 0 0 8px; } #registration h3 { margin:0 0 6px -4px; text-indent:-9999px; } #registration h5 { margin:16px 0 10px 0; } #registration .tabcontent td, #registration .tabcontent th { padding: .2em .6em; } #registration_1 h3 { background:url(images/h_teachers_intro.png) top left no-repeat; width:316px; height:28px; } #registration_2 h3 { background:url(images/h_registration.png) top left no-repeat; width:316px; height:28px; } #registration_3 h3 { background:url(images/h_fees.png) top left no-repeat; width:316px; height:28px; } #registration_4 h3 { background:url(images/h_financial_aid.png) top left no-repeat; width:316px; height:28px; } #registration_5 h3 { background:url(images/h_policies.png) top left no-repeat; width:316px; height:28px; } #registration_6 h3 { background:url(images/h_make_payment.png) top left no-repeat; width:316px; height:28px; } #registration_6 h5 { margin-left:10px; } #registration_6 .products { margin-bottom:20px; padding:0 0 10px 20px; overflow:hidden; border-bottom:1px dotted #ccc; } #registration_7 h3 { background:url(images/h_online_shopping.png) top left no-repeat; width:316px; height:28px; } .product-attr-custom, .googlecart-add-button { float:left; } #googlecart-widget { top:40px; right:50%; } /* news styles */ #news { padding:0 10px; margin:4px 0 0 8px; width:600px; } #news .h1 { background:url(images/h_news_lg.png) top left no-repeat; width:370px; height:34px; text-indent:-9999px; margin:0 0 14px 0; } #news h1 { font-size:1.5em; color:#4f86b3; } #news h2 a { font-size:.8em; color:#4f86b3; } #news h2 a:hover { color:#00457c; } /* community styles */ #community { padding:0 10px; } #community h2 { background:url(images/h_community.png) top left no-repeat; width:216px; height:34px; text-indent:-9999px; float:left; margin:4px 0 0 8px; } #community h3 { margin:4px 0 0 -4px; width:316px; height:28px; text-indent:-9999px; } #community h4 { color:#4f86b3; margin:12px 0 4px 0; font-size:1.3em; } #community h5 { margin:16px 0 10px 0; } #community .img { margin:2px 0 0 10px; float:right; } #community a.donate_today { background:url('images/btn_donate_today.png') bottom left no-repeat; width:50px; height:70px; display:inline-block; vertical-align:middle; } #community a.donate_today:hover { background:url('images/btn_donate_today.png') top left no-repeat; } #community .tabcontent ul { margin:4px 0 4px 18px; line-height:1.6em; } #community_1 h3 { background:url(images/h_partnerships.png) top left no-repeat; } #community_2 h3 { background:url(images/h_involvement.png) top left no-repeat; } #community_3 h3 { background:url(images/h_request_event.png) top left no-repeat; } #community_4 h3 { background:url(images/h_volunteering.png) top left no-repeat; } /* calendar styles */ #calendar { padding:0 10px; margin:4px 0 0 8px; } #calendar #container { width:auto; margin-left:0; } #calendar #content { width:auto; } #calendar h2 { background:url(images/h_calendar.png) top left no-repeat; width:142px; height:34px; text-indent:-9999px; float:left; } #calendar .entry-content { clear:both; margin-left:10px; padding:2px; background:#999; } /* donations styles */ #donations { margin:0 20px; } #donations h3 { margin-left:6px; } #donations p { margin-left:10px; } #donations h2 { background:url(images/h_donations.png) top left no-repeat; width:160px; height:34px; text-indent:-9999px; margin:4px 0 0 0; } #donations h4 { margin-left:4px; } #donations h4.musicplaying { /*background:url(images/h_musicplaying.png) top left no-repeat; width:400px; height:28px; text-indent:-9999px; margin:4px 0 0 0;*/ } /* about us styles */ #about { float:left; width:auto; margin:0 20px; } #about h2 { background:url(images/h_about.png) top left no-repeat; width:140px; height:34px; text-indent:-9999px; margin:4px 0 0 0; } #about h4, #about p { margin-left:6px; } .slideshow2 div div.desc { font:normal 18px/24px Arial, Helvetica, sans-serif!important; background:#ccc; color:#333; } .slideshow2 div div.desc, .slideshow2 div div.temp-desc { height:384px!important; } #directions { float:left; width:auto; margin:0 20px; } #directions h2 { background:url(images/h_directions.png) top left no-repeat; width:216px; height:34px; text-indent:-9999px; margin:4px 0 0 0; } #directions h4 { margin-left:8px; } #directions p { margin-left:10px; } #contact { float:left; width:auto; margin:0 20px; } #contact h2 { background:url(images/h_contact.png) top left no-repeat; width:216px; height:34px; text-indent:-9999px; margin:4px 0 0 0; } #contact h4 { margin-left:8px; } #contact p { margin-left:10px; } /* listNav styles */ .listNav { margin:0 0 20px; } .ln-letters { overflow:hidden; } .ln-letters a { font-size:1.1em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; } .ln-letters a.ln-last { border-right:1px solid silver; } .ln-letters a:hover, .ln-letters a.ln-selected { background-color:#4f86b3; color:#fff; } .ln-letters a.ln-disabled { color:#ccc; } .ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; } .ln-no-match { clear:both; } .view { margin:2px 6px 0 0; float:left; font-weight:bold; } /* ############## */ /* TABBED CONTENT */ /* ############## */ .content_top { background:url(images/bg_content_top.png) top left no-repeat; width:769px; height:12px; float:left; margin-left:-1px; } .content { float:left; padding:0 20px; min-height:360px; background:url(images/bg_content.png) top left repeat-y; width:729px; margin-left:-1px; } .content_btm { background:url(images/bg_content_btm.png) top left no-repeat; width:769px; height:22px; float:left; margin-left:218px; } .shadetabs{ padding: 3px 0; margin-left: 7px; margin-top: 30px; margin-bottom: 0; font: bold 14px Arial; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ float:left; clear:both; } .shadetabs li{ display: block; margin: 0; clear:both; float:left; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 9px 10px; margin:0 0 4px 0; color: #2d2b2b; background:url(images/tab.png) top left no-repeat; width:192px; height:18px; float:right; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ background:url(images/tab_over.png) top left no-repeat; color:#fff; } .shadetabs li a.selected{ /*selected main tab style */ background: url(images/tab_selected.png) top left no-repeat; color:#fff; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } }