/* Dance Ireland palette #c00 red #660 green #993 light green #333 dark grey #666 light grey #d6d6d6 pale grey #ededed paler grey #f3f3f3 palest grey ================================================================*/ /* Defaults ================================================================*/ *, dl, dd, dt { margin: 0; padding: 0; } img { border: 0; } a, a:visited { color: #660; } a:hover { color: #c00; } .clear { clear: both; height: 0; line-height: 0; } html { min-height:100%; margin-bottom:1px; } body { margin: 0; font: 69% verdana,arial,helvetica,sans-serif; color: #333; background-color: #fff; text-align: center; } /* Headings,text ================================================================*/ ul, ul li { list-style: none; } #content { line-height: 1.35em; } #content p { clear: left; margin-bottom: 1.4em; } #content ul { clear: left; margin-bottom: 1.7em; } #content ol { margin-bottom: 1.7em; padding-left: 28px; list-style-position: outside; } #content ol li { margin-bottom: 1em; } #content ul li { margin: 0 0 0.35em 11px; padding-left: 13px; background: url(../images/template/bullet-green.gif) 0 5px no-repeat; } h1, #banner h3, #features h3, .directory #sidebar h3 { margin-bottom: 1em; font-family: futura, arial, helvetica, sans-serif; text-transform: uppercase; } #pageHome h2 { font-family: futura, arial, helvetica, sans-serif; color: #c00; font-size: 1.6em; font-weight: normal; line-height: 1.2em; } h1, #membernews h2 { color: #c00; /*font-size: 1.4em;*/ font-size: 1.6em; font-weight: normal; line-height: 1.2em; } #banner h3, .directory #sidebar h3 { margin-top: 1.4em; margin-bottom: 1.1em; font-size: 1.7em; font-weight: normal; color: #333; } .directory #sidebar h3 { margin-top: 0; } #features h3 { margin-bottom: 1.3em; color: #660; /*font-size: 1.3em;*/ font-size: 1.4em; font-weight: normal; } h2, h3, h4 { clear: left; font-size: 1em; } h2, h3, dt { margin-bottom: 0.3em; text-transform: uppercase; } h2, dt { color: #660; } h3 { color: #666; } dt { font-weight: bold; margin: 1em 0 0; } /* Tables ===============================================================*/ #content table { border-collapse: collapse; margin-bottom: 1em; } table.list th { background-color: #999; color: #fff; } #content th, #content td { vertical-align: top; padding: 3px 5px; } table.list th, table.list td { border: 2px solid #fff; } table.list td { background-color: #ddd; } tr.alt td { background-color: #efefef; } /* Forms =================================================================*/ .folaigh { display: none; } input, select, textarea, button { font-family: verdana,arial,helvetica,sans-serif; font-size: 1em; } input, select, textarea { color: #333; } textarea, .text { width: 260px; } select { width: 265px; } textarea { height: 100px; } label { float: left; display: inline; width: 130px; padding-top: 2px; font-weight: bold; } #formListmini { margin-left: 14px; } #formListmini label { width: 70px; } .highlights div#subscribe #formListmini p { margin-left: 0; padding-top: 8px; } #formListmini em { padding-right: 5px; } #formList label { width: 210px; } #formList textarea { height: 60px; } #formList .text, #formList select, #formList textarea { width: 190px; } #formListmini .text { width: 160px; } #formListmini p { padding-top: 3px; } button { padding: 2px; color: #fff; border: 0; font-weight: bold; background-color: #c00; cursor: pointer; } #formListmini button { padding: 0 0 0 8px; background: #c00 url(../images/template/arrow-white-solid.gif) center left no-repeat; text-transform: uppercase; } form p.actions { padding-top: 22px; } #recaptcha { float: left; } #formFeedback p.actions { margin-left: 130px; } #formList p.actions { margin-left: 210px; } #formFeedback, #formList { padding: 2.5em 0 3em; } .alert{ color: #c00; font-weight: bold; } form em { color: #c00; font-style: normal; margin-left: 10px; } form#formListmini em { color: #fff; margin-left: 0; } /* Structure ================================================================*/ #wrapper { width: 900px; margin: 10px auto 0; text-align: left; } #branding { float: left; display: inline; width: 865px; height: 106px; margin: 0 14px 10px 21px; } #logo { float: left; display: inline; width: 146px; } /*google search box*/ /*#formSearch { display: none; }*/ #cse-search-box { display: inline; float: right; width: 155px; margin-top: 31px; } #pageSearch #cse-search-box { width: 230px; } #q { width: 121px; margin-right: 7px; } #sa { vertical-align: bottom; padding-bottom: 2px; } input.gsc-input { margin-right: 5px; width: 95% !important; } #nav { clear: both; margin: 0 0 10px; height: 28px; background: #666 url(../images/template/nav-off.jpg) top left repeat-x; font-size: 1.2em;font-weight: bold; } #nav, #subnav { font-family: Arial, Helvetica, sans-serif; } #nav li { float: left; background: url(../images/template/nav-divider.jpg) top right no-repeat; } #nav li#navHome { width: 82px; } #nav li#navEvents { width: 119px; } #nav li#navPro { width: 145px; } #nav li#navMembers { width: 108px; } #nav li#navLocal { width: 166px; } #nav li#navNews { width: 82px; } #nav li#navAbout { width: 89px; } #nav li#navContact { width: 109px; background: none; } #nav a { display: block; margin-right: 1px; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; line-height: 28px; } #nav a:visited { color: #fff; } #nav a:hover, .sectionHome #navHome a, .sectionHome #navHome a:visited, .sectionEvents #navEvents a, .sectionPro #navPro a, .sectionMembers #navMembers a, .sectionLocal #navLocal a, .sectionNews #navNews a, .sectionAbout #navAbout a, .sectionContact #navContact a, .sectionEvents #navEvents a:visited, .sectionPro #navPro a:visited, .sectionMembers #navMembers a:visited, .sectionLocal #navLocal a:visited, .sectionNews #navNews a:visited, .sectionAbout #navAbout a:visited, .sectionContact #navContact a:visited { background: #c00 url(../images/template/nav-on.jpg) top left repeat-x; } #subnav { width: 140px; margin-left: 2px; } #subnav li, #sidebar li, #pageSitemap #content li li { padding: 0 0 0.4em 13px; background: url(../images/template/arrow-red.gif) 0 5px no-repeat; } #sidebar li, #pageSitemap #content li li li { padding-bottom: 0.55em; background-image: url(../images/template/arrow-grey.gif); } #pageSitemap #content li li li { padding-bottom: 0.4em; } #subnav li { font-size: 1.1em; font-weight: bold; } #subnav a, #sidebar ul a { color: #666; text-decoration: none; } #subnav a:visited, #sidebar ul a { color: #666; } #sidebar li.current a, #sidebar li.current a:visited, #sidebar a:hover, #sidebar ul a:hover, #pagePeople #subnav #navPeople a, #pagePeople #subnav #navPeople a:visited, .sectionDancehouse #subnav #navDancehouse a, .sectionDancehouse #subnav #navDancehouse a:visited, #pageFunders #subnav #navFunders a, #pageFunders #subnav #navFunders a:visited, #pageHistory #subnav #navHistory a, #pageHistory #subnav #navHistory a:visited, #pageStaff #subnav #navStaff a, #pageStaff #subnav #navStaff a:visited, #pageList #subnav #navList a, #pageList #subnav #navList a:visited, #pageFeedback #subnav #navFeedback a, #pageFeedback #subnav #navFeedback a:visited, #pageLocation #subnav #navLocation a, #pageLocation #subnav #navLocation a:visited, #pageOpen #subnav #navOpen a, #pageOpen #subnav #navOpen a:visited, #pageDays #subnav #navDays a, #pageDays #subnav #navDays a:visited, #pageMac #subnav #navMac a, #pageMac #subnav #navMac a:visited, #pageB #subnav #navB a, #pageB #subnav #navB a:visited, #pageFlash #subnav #navFlash a, #pageFlash #subnav #navFlash a:visited, #pageDA #subnav #navDA a, #pageDA #subnav #navDA a:visited, #pageRates #navRates a, #pageRates #navRates a:visited, #pageRental #navRental a, #pageRental #navRental a:visited, #page360 #nav360 a, #page360 #nav360 a:visited, #pageFacilites #navFacilities a, #pageFacilities #navFacilities a:visited, #pageAccess #navAccess a, #pageAccess #navAccess a:visited, #pageLocation #navLocation a, #pageLocation #navLocation a:visited, .sectionOpps #navOpps a, .sectionOpps #navOpps a:visited, #pageTraining #navTraining a, #pageTraining #navTraining a:visited, #pageWing #navWing a, #pageWing #navWing a:visited, #pagePromo #navPromo a, #pagePromo #navPromo a:visited, #pageOther #navOther a, #pageOther #navOther a:visited, #pageRes #navRes a, #pageRes #navRes a:visited, #pageChoreo #navChoreo a, #pageChoreo #navChoreo a:visited, #pageBurs #navBurs a, #pageBurs #navBurs a:visited, #pagePerf #navPerf a, #pagePerf #navPerf a:visited, #pageIntl #navIntl a, #pageIntl #navIntl a:visited, #pageJoin #navJoin a, #pageJoin #navJoin a:visited, #pageDir #navDir a, #pageDir #navDir a:visited, #pageMember #navDir a, #pageMember #navDir a:visited, .sectionArchive #navArchive a, .sectionArchive #navArchive a:visited, #pageArchive #navArchive a, #pageArchive #navArchive a:visited, #pageSector #navSector a, #pageSector #navSector a:visited, #pageGallery #navGallery a, #pageGallery #navGallery a:visited, .sectionLibrary #navLibrary a, .sectionLibrary #navLibrary a:visited, #pageLib #navLib a, #pageLib #navLib a:visited, #pagePubs #navPubs a, #pagePubs #navPubs a:visited, #pageDIN #navDIN a, #pageDIN #navDIN a:visited { color: #c00; } #banner { float: left; display: inline; width: 862px; height: 218px; margin: 0 0 5px 20px; background: url(../images/banners/about.jpg) top right no-repeat; } #banner h3 a, #banner h3 a:visited, .directory #sidebar h3 a, .directory #sidebar h3 a:visited { color: #333; text-decoration: none; } #banner h3 a:hover, .directory #sidebar h3 a:hover { color: #c00; } #pagePeople #banner { background-image:url(../images/banners/people.jpg); } #pageStaff #banner { background-image:url(../images/banners/staff.jpg); } .sectionDancehouse #banner, #pageDancehouse #banner { background-image: url(../images/banners/dance_house.jpg); } #pageFunders #banner { background-image:url(../images/banners/funders.jpg); } #pageHistory #banner { background-image:url(../images/banners/history.jpg); } #pageContact #banner { background-image:url(../images/banners/contact.jpg); } #pageList #banner { background-image:url(../images/banners/join_mailinglist.jpg); } #pageLocation #banner { background-image:url(../images/banners/location.jpg); } #pageFeedback #banner { background-image:url(../images/banners/feedback.jpg); } .sectionLocal #banner, #pageLocal #banner, #pageDA #banner { background-image:url(../images/banners/local.jpg); } #pageOpen #banner { background-image:url(../images/banners/open_house.jpg); } #pageMac #banner { background-image:url(../images/banners/macushla_club.jpg); } #pageB #banner { background-image:url(../images/banners/company_b.jpg); } #pageFlash #banner { background-image:url(../images/banners/flash_dance.jpg); } #pageDays #banner { background-image:url(../images/banners/open_day.jpg); } .sectionOpps #banner, #pageOpps #banner { background-image:url(../images/banners/opportunities.jpg); } #pagePro #banner { background-image:url(../images/banners/professional.jpg); } #pageTraining #banner { background-image:url(../images/banners/training.jpg); } #pagePromo #banner { background-image:url(../images/banners/professional_services.jpg); } #pageOther #banner { background-image:url(../images/banners/other_services.jpg); } #pageWing #banner { background-image:url(../images/banners/wingingit.jpg); } #pageMembership #banner { background-image:url(../images/banners/members.jpg); } #pageJoin #banner { background-image:url(../images/banners/become.jpg); } #pageDir #banner { background-image:url(../images/banners/directory.jpg); } .sectionEvents #banner { background-image:url(../images/banners/whats_on.jpg); } #pageEventsSpecial #banner { background-image:url(../images/banners/special_events.jpg); } #pageEventsClasses #banner { background-image:url(../images/banners/evening.jpg); } #pageEventsResidencies #banner { background-image:url(../images/banners/residencies.jpg); } #pageEventsPerformances #banner { background-image:url(../images/banners/performances.jpg); } #pageEventsTraining #banner { background-image:url(../images/banners/pro_training.jpg); } #pageArchive #banner { background-image:url(../images/banners/archive.jpg); } .sectionLibrary #banner { background-image:url(../images/banners/library.jpg); } .newslist #banner { background-image:url(../images/banners/news.jpg); } #pageStory #banner { background-image:url(../images/banners/news_story.jpg); } #pageSector #banner { background-image:url(../images/banners/news_sector.jpg); } #pageGallery #banner { background-image:url(../images/banners/gallery.jpg); } /* .custom { text-indent: -5000em; background: top left no-repeat; } .highlights .custom { height: 14px; } #headingClasses { width: 136px; background-image:url(../images/headings/homepage/dance_classes.gif); } .highlights #headingMembership { width: 108px; height: 15px; background-image: url(../images/headings/homepage/membership.gif); } #headingFeatured { width: 159px; background-image: url(../images/headings/homepage/featured_member.gif); } #headingOpps { width: 131px; background-image: url(../images/headings/homepage/opportunities.gif); } */ #breadcrumb { clear: both; width: 880px; margin: 0 0 1.8em 20px; color: #660; } #breadcrumb h4 { display: inline; } #breadcrumb a, #breadcrumb a:visited { text-decoration: none; } .sidebar #sidebar, #content, #features { float: left; display: inline; } #content { margin: 0 76px 2em 199px; width: 421px; min-height: 250px; height: auto; } * html #content { height: 250px; } #sidebar { display: none; margin-left: 23px; width: 150px; } .sidebar #content { margin-left: 26px; } #features { width: 181px; } .wide #content { margin-right: 0; width: 678px; } #features { color: #666; line-height: 1.55em; } #features ul { padding-top: 1.6em; background: url(../images/template/divider-grey.gif) top left repeat-x; } #features li { padding-bottom: 2em; margin-bottom: 1.6em; background: url(../images/template/divider-grey.gif) bottom left repeat-x; } #features ul#calLinks { clear: both; padding-top: 1em; background: none; } #features #calLinks li { padding: 0 0 0 5px; margin: 0 0 0.8em; background: none; border-left: 11px solid #996; line-height: 1em; } #features #calLinks li#special { border-color: #79a1b8; } #features #calLinks li#classes { border-color: #666; } #features #calLinks li#performances { border-color: #c03; } #features #calLinks li#residencies { border-color: #cc9; } #features #calLinks li#archive { border-color: #999; } #features #calLinks a, #features #calLinks a:visited { color: #666; } #features #calLinks a:hover, #features #calLinks .current a, #features #calLinks .current a:visited { color: #c00; } #features a { text-decoration: none; } #features p a, #features p a:visited { color: #666; } #footer { clear: both; float: left; display: inline; width: 886px; padding: 1.5em 0; margin-left: 14px; color: #666; } #meta { float: left; display: inline; width: 837px; padding: 10px 26px 12px 13px; margin-bottom: 0.7em; background-color: #ededed; } #meta span { float: left; display: inline; width: 200px; } #meta ul { float: right; display: inline; width: 630px; text-align: right; } #meta li { display: inline; padding-left: 1em; } #meta a, #meta a:visited, #links a, #links a:visited { color: #666; text-decoration: none; } #footer a:hover { color: #c00; } #links { float: left; display: inline; width: 873px; margin-left: 13px; } #links li { float: left; padding-right: 0.8em; margin-right: 0.8em; border-right: 1px solid #666; line-height: 1em; } #links li.last { border-right: 0; } ul#contacts, address { margin-left: 13px; color: #993; } address { clear: both; padding: 1.6em 0 0.2em; font-style: normal; } #contacts a, #contacts a:visited { color: #993; text-decoration: none; } #contacts li { float: left; margin-right: 1.4em; } #footer p { clear: left; float: left; display: inline; width: 600px; margin: 1em 0 0 13px; padding: 0; color: #993; } ul#contacts { float: left; display: inline; } /* Special cases ================================================================*/ /*introductory text used instead of heading on some pages*/ p.intro { color: #660; font-size: 1.4em; line-height: 1.2em; } /*lists without bullets*/ #content ul.subtle li, #content .event li, #content ul.pagination li, #content ul.grid li { margin-left: 0; padding-left: 0; background: none; } /*on wide pages, used around text that should be standard content column width*/ .standard { width: 421px; } #content h2.major { padding-bottom: 1.5em; } /*rss icons*/ h2.feed, h1.feed { position: relative; } h2.feed a, h1.feed a { position: absolute; right: 20px; top: 2px; } h1.feed a { right: 0; } /*paging*/ #content ul.pagination { padding-top: 1em; } #content ul.pagination li { float: left; text-transform: uppercase; margin-right: 0.6em; } #content ul.pagination a, #content ul.pagination a:visited { text-decoration: none; color: #333; } ul.pagination li.current { font-weight: bold; } #content ul.pagination a:hover { color: #c00; } /*home page differences*/ #pageHome #nav { margin-bottom: 0; } #pageHome #banner { width: 900px; height: 232px; margin-left: 0; margin-bottom: 9px; background: none; } #pageHome #breadcrumb { margin-bottom: 0; } #pageHome #content { margin: 2.7em 9px 0 14px; width: 582px; } #mission { margin-left: 6px; padding-bottom: 0.9em; width: 485px; color: #666; line-height: 1.55em; } #mission a, #mission a:visited { color: #666; text-decoration: none; } #content .highlights { float: left; display: inline; width: 286px; margin-right: 10px; font-family: arial, helvetica, sans-serif; line-height: 1.5em; } #pageHome #content div.last { margin-right: 0; } .highlights div { position: relative; height: 190px; margin-bottom: 10px; border: 5px solid #ededed; } #pageHome h2 a, #pageHome h2 a:visited { color: #c00; text-decoration: none; } #pageHome #content .highlights h2 { margin: 7px 10px 3px; } .highlights h3 { clear: left; margin: 0 10px; color: #333; text-transform: none; } #pageHome h3 a, #pageHome h3 a:visited, #pageHome .highlights p a, #pageHome .highlights p a:visited { color: #333; text-decoration: none; } .highlights img { display: block; margin-bottom: 6px; } #content .highlights p { margin: 0 10px 7px; } .highlights div.mini { height: 170px; } .highlights div.medium { height: 200px; } .highlights div.long { height: 357px; } .highlights div.long img { margin-left: 10px; margin-bottom: 11px; } /*150909 bulletin board box replacing featured member*/ #box-bb img { float: right; margin: 0 0 6px 0; } #box-bb p { clear: both; } .highlights div#subscribe { border: 0; height: 180px; background-color: #c00; color: #fff; } #pageHome #content .highlights #subscribe h2 { float: left; display: inline; width: 258px; margin: 13px 14px 14px; color: #fff; } .highlights div.subscribe form { margin-left: 10px; } #pageHome #content .highlights #subscribe p.actions { padding-top: 24px; } a.action, a.action:visited { clear: left; display: block; padding-left: 10px; color: #c00; text-decoration: none; font-weight: bold; background:url(../images/template/arrow-red-solid.gif) 0 5px no-repeat; } .highlights a.action { margin-left: 10px; position: absolute; bottom: 10px; } .highlights div.long a.action { position: static; bottom: auto; } #pageHome #features { width: 283px; margin-top: -15px; } #pageHome #features ul, #pageHome #features li, #pageMember #features ul, #pageMember #features li { background: none; float: left; } #panel { padding: 8px 12px 10px; margin-bottom: 5px; min-height: 632px; height: auto; background-color: #f3f3f3; } * html #panel { height: 632px; } #panel dt { text-transform: none; } #panel dd { padding-bottom: 6px; } #panel dl { float: left; display: inline; width: 239px; margin-bottom: 1.2em; margin-right: 20px; } #panel a.action { margin-bottom: 3px; } #panel h2.feed { margin-top: 0.4em; } #funders { height: 93px; border: 1px solid #d6d6d6; } #funders ul { margin: 12px 6px; padding: 0; } #funders li { padding: 0; margin-top: 0; margin-right: 18px; margin-bottom: 8px; margin-left: 6px; height: 69px; } #funders li img, #social li img { display: block; } #pageHome #footer { position: relative; padding-top: 10px; } #pageHome #links { display: none; } #pageHome #footer address { padding-top: 0.5em; } #pageHome #meta { margin-bottom: 0.2em; } #misc { position: absolute; top: 55px; right: 11px; clear: both; width: 283px; height: 75px; } #social { height: 54px; width: 281px; border: 1px solid #d6d6d6; margin-bottom: 5px; } #social ul { float: left; display: inline; width: 281px; padding: 5px 0; } #social li { float: left; height: 44px; margin: 0; padding: 0; } /*putting margin on li upsets ie6*/ #social li img { margin-left: 12px; } #social li.centre img { margin-top: 8px; } #credit { float: right; margin-right: 5px; } a#credit, a#credit:visited { color: #aaa; text-decoration: none; text-transform: lowercase; } /*events calendar widget*/ #calendar { float:left; display:inline; width: 248px; margin: 0.1em 0 15px 11px; /*text-align:center;*/ padding:0px; border: 0;} #pageHome #panel h2 { float: left; display: inline; width: 100%; } #calendar ul.months, #calendar ul.months li { list-style-type:none; margin:0; padding:0; border: 0; background: none; } #calendar ul.months { width: 239px; margin:0 0 4px; padding:0px; height:20px; } #calendar ul.months li { float:left; display: inline; margin:0; padding:0; color:#999; height:20px; font-weight: bold; } /*next and previous and filter links hidden for non javascript users*/ #calendar .previous a, #calendar .next a, #formFilter #category { display: none; } #calendar ul.months li.previous { width:35px; margin-left: 2px; text-align:left; cursor:pointer; } #calendar ul.months li.current { width:165px; text-align:center; font-size: 1em; } #calendar ul.months li.next { width:35px; margin-right: 2px; text-align:right;cursor:pointer } #calendar ul.months li a, #calendar ul.months li a:visited { color:#999; } #calendar table { clear:both; width: 239px; border-collapse: collapse; margin: 0 0 1em; } #calendar td, #calendar th { padding: 4px 5px; text-align:center; line-height:16px; color:#666; border: 1px solid #f3f3f3; } #calendar th { width: 42px; background-color:#e9e9e9; color:#666; font-weight: normal; } #calendar td { background-color:#fff; color: #333; } #calendar td a, #calendar td a:visited { display:block; color: #fff; } #calendar td.inactive a, #calendar td.inactive a:visited { color: #666; } #formFilter { display: none; float: left; padding: 0 0 1em; } #calendar #category { width: 170px; } #calendar td.current { background-color:#ccc; } #calendar td.training { background-color: #996; } #calendar td.special { background-color: #79a1b8; } #calendar td.classes { background-color: #666; } #calendar td.performances { background-color: #c03; } #calendar td.residencies { background-color: #cc9; } /*unless float ul, gaps between li in ie*/ #features ul#legend { clear: left; background: none; margin: 1em 0 0; padding: 0; float: left; } #features ul#legend li { background: none; border-left: 9px solid #996; margin: 0 10px 0.7em 0; padding: 0; font-size: .9em; float: left;display: inline; padding-left: 5px; width: 120px; height: 9px; line-height: 0.9em; } #features ul#legend li#special { border-color: #79a1b8; width: 85px; margin-right: 0; } #features ul#legend li#classes { border-color: #666; } #features ul#legend li#performances { border-color: #c03; width: 90px; margin-right: 0; } #features ul#legend li#residencies { border-color: #cc9; } /*events section calendar differences*/ .sectionEvents #calendar { margin: 15px 0 15px 20px; width: 263px; } .sectionEvents #calendar form { display: block; } /*150909 events section brochure downloads*/ #features .brochure a, #features .brochure a:visited { color: #993; } .brochure { clear: both; float: left; display: inline; width: 201px; padding: 8px 0; margin: 22px 0 1em 9px; background-color: #fff; } .brochure img { float: left; margin: 0 14px 0 9px; } .brochure h4 { clear: none; margin: 4px 0 12px; } /*people page*/ div.staff, #pagePeople div.standard { clear: both; } div.staff div { width: 421px; margin-right: 72px; padding-bottom: 1em; } div.staff img { float: right; display: inline; width: 183px; border: 1px solid #aaa; margin: 3px 0 1.5em; } #pagePeople #content ul.subtle { margin-bottom: 2.4em; } /*funders page*/ #content ul.logos li { display: inline; background: none; padding: 0; margin: 0; } ul.logos img { margin: 1em 2em 2em 0; } ul.logos .last img { margin-right: 0; } /*360 tours list page*/ th.studio { width: 130px; } th.area { width: 60px; } th.dimensions { width: 130px; } th.capacity { width: 190px; } th.action { width: 52px; } th.action, td.action { text-align: center; } #page360 #content p { width: 622px; } #page360 #content img { float: right; } /*360 tour pop-ups*/ #instructions, #movie { padding-top: 13px; float: left; display: inline; } #instructions { margin: 0 22px 0 9px; width: 111px; text-align: right; } #instructions #logo-popup { margin-bottom: 69px; } #instructions p { margin-bottom: 1.5em; line-height: 1.35em; } #movie { margin-top: 18px; width: 602px; text-align: left; } #movie div { border: 1px solid #c00; } object { display: block; } /*events list page*/ .sectionEvents #main { margin-bottom: 2em;float: left; display: inline; width: 879px; background: url(../images/template/bg-sidebar.gif) 596px 0 repeat-y; } .sectionEvents #content { width: 533px; margin-left: 20px; margin-right: 43px; } .sectionEvents #features { width: 283px; background-color: #f3f3f3; } .event { position: relative; padding: 1.7em 0 1em; border-top: 1px solid #ccc; line-height: 1.2em; } #content .event ul { margin-bottom: 0; } .event a.action { position: absolute; bottom: 8px; right: 0; } .sectionEvents .events { border-bottom: 1px solid #ccc; } .event a { text-decoration: none; } #content .event h2, #content .event h3, #membernews h3 { font-size: 1.1em; } #content .event h2, #membernews h3, .event h2 a, .event h2 a:visited, #content .event h3, .event h3 a, .event h3 a:visited { color: #333; } .sectionEvents #content h2.major { font-size: 1.2em; color: #660; padding: 1em 0 0.3em; } /*events detail*/ dl.info { margin-bottom: 1.5em; } dl.info dt { clear: left; margin: 0 10px 0 0; float: left; text-transform: none; } /*news*/ .newslist #content h2 { color: #333; text-transform: none; } .newslist #content h2 a, .newslist #content h2 a:visited, .newslist #content p a, .newslist #content p a:visited { color: #333; text-decoration: none; } .newslist #content h2 a:hover, .newslist #content p a:hover { color: #c00; } .story { margin-bottom: 1.5em; border-bottom: 1px solid #ccc; } #pageNews .last { border-bottom: 0; } #pageStory .actions { padding-top: 2em; } #pageStory .actions a { text-decoration: none; } .social { float: right; } .newslist #content h2.major { padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px solid #ccc; color: #660; text-transform: uppercase; font-size: 1.2em; } .photoNews { margin: -0.5em 0 1em; } /*news archive*/ #pageArchive h1 { margin-bottom: 0.7em; } ul#years { padding: 0.7em 0; margin-bottom: 1.5em; border: 1px solid #ccc; border-width: 1px 0; } #content ul#years li { display: inline; margin: 0; padding: 0 0.7em; background: none; border-right: 1px solid #333; line-height: 0.9em; font-size: 1.1em; } #content ul#years li.last { border-right: 0; } ul#years li a, ul#years li a:visited { color: #333; text-decoration: none; } ul#years li a:hover, ul#years li.current a, ul#years li.current a:visited { color: #c00; } /*library downloads*/ ul.downloads a, ul.downloads a:visited { text-decoration: none; color: #333; } ul.downloads a:hover { color: #c00; } /*160909 new style newsletter thumbnail grid*/ #pageDIN #content { width: 468px; margin-right: 29px; } ul.grid { float: left; display: inline; width: 468px; margin-bottom: 1.5em; } #content ul.grid li { float: left; display: inline; width: 85px; margin: 1em 32px 1.6em 0; text-align: center; } ul.grid li img { margin-bottom: 0.4em; } #content ul.grid li a, #content ul.grid li a:visited { color: #666; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px; } /*270510 fix to get new row of lis to always behave*/ ul.grid li.first { clear: both; } /*membership fees*/ ol.fees { clear: left; float: left; width: 393px; } #content ol.fees li { margin-bottom: 0; } ol.fees li { clear: left; width: 393px; display:list-item; vertical-align: middle; line-height: 2em; } /* ol.fees span { float: left; display: inline; width: 357px; } ol.fees strong { float: right; display: inline; width: 35px; text-align: right; } */ /*member directory*/ .alphabet { padding: 1em 0; color: #660; font-size: 1.1em; } .alphabet a, .alphabet a:visited { color: #660; text-decoration: none; } .alphabet a.current { font-weight: bold; } .alphabet a { padding: 0 0.1em; } /*member list*/ div.member { clear: left; float: left; display: inline; margin-bottom: 2px; width: 601px; min-height: 140px; height: auto; background: url(../images/template/member-border-bottom.gif) bottom left no-repeat; color: #666; } * html div.member { height: 140px; } div.member div.inner { float: left; display: inline; width: 601px; background: url(../images/template/member-border-top.gif) top left no-repeat; } div.member a.photo, div.member div.listing { display: inline; margin-top: 11px; } div.member a.photo { float: left; } div.member div.listing { float: right; margin-right: 2px; width: 383px; } div.member a.photo { margin-left: 12px; width: 204px; } div.member img { margin-bottom: 11px; } /*div.member div.nophoto { margin-left: 216px; }*/ div.member h2 { text-transform: none; font-size: 1.1em; } #content div.member ul, #content div.member ul li { background: none; margin: 0; padding: 0; } #content div.member ul { clear: none; float: left; /*display: inline;*/ width: 230px; } #content div.member ul.numbers { width: 143px; margin-right: 10px; } #content div.member ul.nophone { margin-left: 173px; } #content div.member a { text-decoration: none; } /*member detail*/ #pageMember #content { margin-right: 22px; width: 470px; } #pageMember h1 { margin-bottom: 0.5em; } /* #pageMember #gallery img { margin-bottom: 1em; } #content #gallery ul li, #content #gallery ul { margin: 0; padding: 0; background: none; } */ #pageMember #gallery { width: 470px; min-height: 205px; height: auto; } * html #pageMember #gallery { height: 205px; } #pageMember #gallery .caption { display: block; float: left; padding: 3px 0 1em; font-style: italic; } #pageMember #profile { clear: left; } #membernav { float: left; padding-bottom: 3em; color: #660; } #membernav a, #membernav a:visited { text-decoration: none; } #membernav h3 { margin-bottom: 1.3em; color: #660; font-size: 1.3em; font-weight: normal; font-family: futura, arial, helvetica, sans-serif; } #content #membernav li { float: left; padding: 0 1em 0 0; margin: 0 1em 0 0; background: none; } .actions li { text-transform: lowercase; border-right: 1px solid #660; line-height: 0.9em } .actions li.last { border-right: 0; } #content #membernav ul.actions { float: left; margin: 1.9em 0 2.7em; } #membernav ul.members { float: left; display: inline; width: 470px; } #membernav ul.members li { line-height: 1.55em; } #content #membernav ul.members li { float: none; display: inline; padding-right: 0.6em; } #pageMember #features { margin-top: 11px; width: 193px; color: #333; line-height: 1.35em; } #pageMember #features a, #pageMember #features a:visited { color: #c00; } #pageMember #features h2 { padding-top: 1.3em; margin-bottom: 0; color: #c00; } #pageMember #features ul { padding: 0; margin-bottom: 1em; } #pageMember #features li { padding: 0; margin: 0; white-space: nowrap; } #pageMember #features li a, #pageMember #features li a:visited { color: #333; } #pageMember #features li a:hover { color: #c00; } #pageMember #features ul.contacts { padding: 1.4em 0 0.3em; } #features blockquote { clear: both; float: left; display: inline; width: 193px; margin-top: 2.1em; padding-bottom: 0.5em; font-size: 1.1em; color: #666; } #content blockquote { font-style: italic; padding-bottom: 1em; } cite { font-style: normal; } #features cite { font-size: .9em; font-weight: bold; } /*may 2011 new member directory*/ .directory #banner { display: none; } .directory #subnav { margin-bottom: 0.5em; margin-left: 0; } .directory .standard { padding-bottom: 6px; } .directory #content #membernav ul.actions { margin-top: 0.5em; } #content .member a.more { text-decoration: underline; } /*may 2011 member news*/ #profile, #membernews { margin-right: 20px; } #membernews { clear: both; padding-top: 2em; } #membernews h2 { margin-bottom: 0.6em; } #membernews h3 { font-size: 1em; } #membernews h3.date { text-transform: none; font-weight: normal; color: #660; } #membernews h4 { margin-bottom: 0.5em; font-weight: normal; text-transform: uppercase; } #membernews .item { padding-top: 0.3em; } #membernews a.more, #membernews a.more:visited { text-decoration: none; color: #c00; } #membernews a.more:hover { text-decoration: underline; } .memberarticle { width: 450px; } .memberarticle h3.date { padding: 1em 0; font-weight: normal; text-transform: none; } /*may 2011 member videos*/ #pageMember #features .videos ul { padding-top: 1em; } .videos li { height: 40px; overflow: hidden; } #pageMember #features .videos li.first { margin-right: 10px; } /*location*/ #pageLocation iframe { margin: 1em 0; } /*local initiatives*/ /*danceabout*/ h1 em.da { text-transform: lowercase; } /*sitemap*/ .column { float: left; display: inline; width: 190px; margin-right: 45px; } #pageSitemap #content .last { margin-right: 0; } #pageSitemap #content li { background: none; padding: 0; margin: 0; } #pageSitemap #content a, #pageSitemap #content a:visited { text-decoration: none; color: #333; } #pageSitemap #content a.primary, #pageSitemap #content a.primary:visited { color: #660; font-weight: bold; text-transform: uppercase; } #pageSitemap #content a:hover, #pageSitemap #content a.primary:hover { color: #c00; } #pageSitemap #content ul ul { margin: 0.5em 0 0; } #pageSitemap a.primary { display: block; padding-top: 1em; }