/* ------------------------ Layout and positioning ------------------------ */ body #styleswitcher a.design { text-decoration: none; color: #777 ; } body { background: #fff; color: #111; font: 15px/1.2 helvetica, sans-serif; } header { background: rgba(0,0,0,0.75); height: 90px; border-bottom: 0 none; z-index: 2; position: relative; /* next two rules are all pages except home. Undo these in @home section */ background-image: url(../_images/banner_non_home.jpg); height: 120px; background-position: right top; } #wrapper { max-width: 1500px; min-width: 1100px; box-shadow: 6px 0px 20px -7px #222, -6px 0px 20px -7px #222; } header #logo { position: absolute; top: 30px; left: 30px; } #logo a { display: block; background: url(../_images/apac-logo-white.png) no-repeat; width:300px; height:90px; } header nav.primary { position: absolute; right: 20px; bottom: 12px; background: none; } #home #wrapper { /* nothing? - delete? */ } #content { width: 940px; margin: 0 auto 0 auto; /* background: url(../_images/vertical_grid2.png); */ } footer { background: #D4D6B1; } footer a:link, footer a:visited { text-decoration: none; color: #545648; } footer a:hover { text-decoration: underline; } hr.clr { border: 0 none; } /* ------------------------ Typography ------------------------ */ h1 { font-family: "Clarendon-Light", "ClarendonBT-Roman", serif; /*clarendon */ font-weight: normal; font-style: normal; margin: 0; text-transform: uppercase; } .primary h2 { font-size: 20px; font-family: Helvetica, arial, sans-serif; color: #95A685; font-weight: bold; } p { color: #111; font-size: 15px; line-height: 1.2; } p.button { padding-top: 12px; } .breadcrumbs p { line-height: 40px; margin: 0; font-size: 12px; color: #7e7e7e; } .breadcrumbs p a { text-decoration: underline; } section.primary ul { margin-left: 0; padding-left: 15px; margin-bottom: 20px; } section.primary ul li { padding-left: 2px; margin-left: 0; margin-bottom: 10px; } /* ------------------------ Links & buttons & nav ------------------------ */ a:link { color: #5791A9; text-decoration: underline; } a:visited { text-decoration: none; color: #4D5F66; } a:hover { text-decoration: underline; color: #5791A9; } p.button a, input.button, .secondary#primary_driver p:last-child a { background: rgba(0,0,0,0.75); color: #fff; font-size: 15px; font-weight: bold; padding: 12.5px 12px; width: auto; border: 0 none; text-decoration: none; } p.button a:hover, #primary_driver p:last-child a:hover, .secondary input.button:hover { background: rgba(0,0,0,.85); } header nav li { display: inline-block; text-align: center; text-transform: uppercase; } header nav.primary li a:link, header nav.primary li a:visited { padding: 2px 10px 0 10px; display: block; line-height: 30px; color: #FF8170; text-decoration: none; } body.parent-pageid-2 li.page-item-2 a { background: none; color: #FF8170; } header nav.primary li.current_page_item, header nav.primary li.current_page_parent, header nav.primary li:hover, body.single-tf_events header nav.primary li.page-item-5 { background: #FF8170; } header nav.primary li:hover a:link, header nav.primary li:hover a:visited { color: #fff; } body.parent-pageid-2 header nav.primary li.page-item-2 { background: none; color: #FF8170; } body.parent-pageid-2 header nav.primary li.page-item-2 a { color: #FF8170; } header nav.primary li.current_page_item a:link, header nav.primary li.current_page_item a:visited, header nav.primary li.current_page_parent a, body.single-tf_events header nav.primary li.page-item-5 a { color: #000; font-weight: bold; } header .courtesy a { color: #B8C9B1; text-decoration: none; margin-right: 15px; font-size: 12px; text-transform: uppercase; } header .courtesy a:hover { color: #fff; } header .courtesy li.current_page_item a, header .courtesy li.current_page_parent a { color: #fff; } /* ------------------------ @Homepage ------------------------ */ #home header { background-image: none; height: 90px; } #home header #logo { top: 20px; } #carouselwrapper{ width:100%; margin-top:-90px; margin-bottom:10px; } #carousel { margin-top: -120px; height: 440px; z-index: 1; margin-bottom: 20px; position: relative; max-width:1050px; margin: 0 auto; } #carousel .caption { width: 100%; position: absolute; bottom:30px; left: 50%; width: 580px; margin-left: -300px; text-align: center; } #carousel .caption p { color: #fff; font-family: "Clarendon-Light", "ClarendonBT-Roman", serif; font-weight: normal; text-shadow: 1px 1px #000; font-size: 20px; text-align: center; letter-spacing: 0; /*reset but leave in case needed */ } #slideshow { /*background-image: url(_images/TFG_banner.jpg); background-position: center top; background-repeat: no-repeat; */ height: 440px; width: 100%; max-width:1200px; position: absolute; top:0; t left:0; z-index: -1; overflow: hidden; } #slideshow div { position: absolute; left:0; top:0; display: none; } #slideshow div.first { display: block } #home section.primary { width: 500px; } #carousel .pager { position: absolute; bottom:20px; left: 50%; margin-left: -50px; text-align: center; width: 100px; } #carousel .pager a { background: url(../_images/carousel_button.png) no-repeat; display: inline-block; width: 12px; height: 12px; margin: 0 5px; text-indent: -1000px; overflow: hidden; } #carousel .pager a.activeSlide { background-image: url(../_images/carousel_button_active.png); } #home section.primary h1 { font-size: 24px; /*line-height: 50px; */ margin: 0 0 10px 0; padding: 10px 0 0 0; line-height: 1.2; text-transform: none; } #home section.primary p { font-size: 15px; line-height: 1.3; } #home section.primary h1, #home section.primary p { margin-left: 10px; } #home .gallery { float: right; height: 285px; width: 420px; margin-right: 0; float: right; margin-bottom: 0; overflow: hidden; position: relative; background-color: #000; /*border-bottom: 1px solid #666;*/ background-repeat: no-repeat; background-position: center; /* background-image: url(../_images/gallery_sample/RBS%20Children%20running%20out%20of%20White%20Lodge%20c.1957.jpg); background-image: url(../_images/gallery_sample/NRCD%20JeuxDEnfantsByEileanPearcey.jpg); background-image: url(../_images/gallery_sample/MoL%2035_135_va.jpg); background-image: url(../_images/gallery_sample/ILHC%20Sadlers%20Wells%20on%2015%20Oct%201807.jpg); */ } #home .gallery .caption { background: rgba(0,0,0,.7); min-height: 50px; display: block; position: absolute; bottom: 0; left:0; width: 420px; text-align: left; } #home .gallery div.container div.slide {/* slide */ width: 420px; text-align: center; max-height: 285px; } #home .gallery div.container div.slide img {/* slide */ /* width: 420px; */ } #home .gallery .caption p { color: #fff; font-size: 12px; margin: 8px; } #home .gallery nav a { position: absolute; display: block; width: 30px; height: 30px; z-index: 100; text-indent: -100px; overflow: hidden; } #home .gallery nav .gallery_prev { top:50%; left:10px; background: url(../_images/gallery_left_nav.png) } #home nav .gallery_next { position: absolute; top:50%; right:10px; background: url(../_images/gallery_right_nav.png) } #home .secondary { background: #eee; min-height: 300px; float: left; margin-right: 20px; } #home .secondary { height: 370px; position: relative; } #home .secondary .button, #primary_driver p:last-child a { position: absolute; bottom: 15px; left: 10px; } /*#home #cg_searchdriver input.button { left: 10px; } */ #home #primary_driver { background: #B9808F url(../_images/sadlers_wells_watermark.png) bottom no-repeat; } #home #primary_driver h2 { background: #5F4149; } #home #primary_driver .bg_img_container { height: 100px; margin: 0 0 15px 0; background: url(../_images/homepage_carousel_temp/va_foyer_sample.jpg) center center; } #home #cg_searchdriver { background: #A7AD63 url(../_images/theatre_blueprint_watermark.png) bottom no-repeat; } #home #cg_searchdriver h2 { background: #555732; } form input#advanced_query { width: 280px; height: 40px; padding: 0 10px; border: 0 none; } #home #events_feed { background: #99BDCB; } #home #events_feed h2 { background: #4D5E66; } #home .secondary.last { margin-right: 0; overflow: visible; height: auto; /*override rule that set a fixed height on these boxes */ } #home .secondary p a { color: #000; text-decoration: underline; } #home .secondary p.button a { color: #fff; text-decoration: none; } #home .secondary > * { margin-left: 10px; margin-right: 10px; } #home .secondary h2 { margin: 0; padding: 0 10px; color: #fff; font: normal 20px/50px "Clarendon-Light", 'Clarendon-Light', serif; font-weight: normal; } #home h2 a { color: #fff; text-decoration: none; } #home h2 a:hover { text-decoration: underline; } p.cg_note { margin: 0; position: absolute; right:10px; bottom: 15px; width: 230px; text-align: right } #events_feed ul { margin: 0; padding: 0; } #events_feed li { list-style: none; border-bottom: 2px solid #4D5F66; min-height: 70px; } .cal { float: left; margin: 0 20px 10px 0; text-align: center; width: 40px; } .cal .month { background: #FF8170; line-height: 23px; display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; } .cal .day { background: #fff; line-height: 30px; display: block; font-size: 22px; font-family: "ClarendonBT-Roman"; /*clarendon*/ } p span { display: block; font-weight: normal; } /* ------------------------ @Events h1 - #5791A9 tab on/sidebar h2 - 4D5F66 light blue bg - #BCD3DD ------------------------ */ /*BLOG*/ .widget_search, .widget_recent_entries, .widget_categories, .widget_archive { margin-bottom: 20px; padding : 0px 0px 0px 0px !important; border:solid red 1px; } #sidebar h3 { font-family: "Clarendon-Light", "ClarendonBT-Roman", serif; /*clarendon */ background: #ebb95e none repeat font-weight: normal; font-size: 18px; color: #fff; line-height: 50px; margin: 0; } .widget_search, .widget_recent_entries, .widget_categories, .widget_archive { margin-bottom: 20px; padding : 0px 0px 0px 0px !important; border:solid #fff 1px; } body.top_parent_1581 #sidebar h2 { background: #4D5F66; } body.top_parent_1581 #sidebar nav { background: #99BDCB; } body.top_parent_1581 #sidebar nav li.current_page_item > a { background: #ccdae0; } body.top_parent_1581 #sidebar nav li a:hover { background: #ccdae0; } body.top_parent_1581 #sidebar nav .children li { background: #BCD3DD; } #events h1, #events h2, .single-tf_events h2 { color: #5791A9 } nav.content_tabs ul { margin: 0; padding: 0; } nav.content_tabs ul li { display: inline-block; line-height: 50px; border-bottom: 0 none; margin-left: 0; margin-bottom: 0; margin-right: 5px; padding: 0 15px; font-size: 18px; background: #BCD3DD; font-family: 'Clarendon-Light', 'ClarendonBT-Roman', serif; } nav.content_tabs ul li.current { background: #4D5F66; } nav.content_tabs ul li.current a { color: #fff; } #events .primary h2 { font: bold 15px helvetica, sans-serif; margin-bottom: 0; color: #111; } .event_entry { margin: 0 0 20px 0; border-bottom: 2px solid #808080; } .event_entry a { color: #111; } .event_info { margin-left: 60px; ; } .event_info h2 { margin: 0; } .tabbed_content_container { border-top: 6px solid #4D5F66; padding-top: 20px; min-height: 500px; } #events_wrapper .event_entry div.cal { width: 48px; margin-bottom: 20px; margin-right: 0; } /* Lazy fix: we would ideally hide this at the PHP end but short on time, so to hide calendar from Non-APAC/TIG events: */ #events_wrapper #nontig_events .event_entry div.cal {display: none;} #events_wrapper #nontig_events .event_entry .event_info {margin-left: 0;} #events_wrapper .event_entry .day { background: #ECE3DC; } p.date_time, p.venue { margin: 0; } /* #events_wrapper a:link, #events_wrapper a:visited { color: #5791A9 } */ section.event_entry a[href^="http://"] { background: url(../_images/external-link-icon.gif) right -3px no-repeat; padding-right: 20px; } #events #sidebar section { background-color: #BCD3DD; } #sidebar .submit_event { background-image: url(../_images/submit_event_bg.png); background-position: bottom center; } #events #sidebar section h2, .single-tf_events #sidebar section h2 { background: #4D5F66; } #sidebar #past_events ul { margin-left: 0; padding-left: 25px; } #sidebar #past_events li { margin-left: 0; padding-left: 3px; margin-bottom: 10px; } #sidebar .submit_event a { color: #111; } /* ------------------------ @resources page .parent-pageid-7 .top_parent_7 ------------------------ */ body.top_parent_7 h1 /*, body.top_parent_7 h2 */ { color: #5F4149; } body.top_parent_7 #sidebar h2 { background: #5F4149; } body.top_parent_7 #sidebar nav { background: #B9808F } body.top_parent_7 #sidebar nav li.current_page_item > a { background: #DECCD1 } body.top_parent_7 #sidebar nav li a:hover { background: #DECCD1; } #sidebar nav .children li a {/*removed specificity so it applies to About Us section too, even though that puts this rule in the wrong place */ padding-top: 4px; padding-bottom: 4px; } body.top_parent_7 #sidebar nav .children li { background: #DCBDC5; } body.parent-pageid-7 input#advanced_query { border: 1px solid #ccc; } iframe.fullheight { height: 2000px; } .loading { display: none; } /* ------------------------ @Gallery ------------------------ */ body#gallery h1 { color: #EBB95E; } body#gallery section.primary { width: 100%; } body#gallery section.primary p { width: 620px; } .thumbnail_gallery { width: 100%; overflow: hidden; display: table; } .thumbnail_gallery .outer_outer { float:left; margin: 0 15px 15px 0; } .thumbnail_gallery .outer_outer.no_right_margin {/*added using nth-child in jquery*/ margin-right:0; } .thumbnail_gallery div.table_cell { display:table-cell; width:175px; height:175px; vertical-align:middle; background:#666; text-align:center; margin-bottom:15px; background: url(../_images/gallery_frame.png) no-repeat; padding: 0; } .thumbnail_gallery div.inner_element { display: inline-block; } .fl {float:left;} .outer-element{ display:table-cell; width:400px; height:400px; vertical-align:middle; background:#666; text-align:center; margin-bottom:15px; } .thumbnail_gallery div img { max-height: 165px; max-width: 175px; vertical-align: middle; } div.img_placeholder { width: 500px; height: 300px; margin: 20px auto; background: #eee; } /* @about dark green - 4B5343 medium green - 95A685 */ body.parent-pageid-2 h1, body.parent-pageid-13 h1 { color: #95A685; } /* @members */ #members .content_tabs li { background: #DFE4DA; } #members .content_tabs li a { color: #111; } #members .content_tabs li.current { background: #4B5343; } .content_tabs li a { text-decoration: none; } #members .content_tabs li.current a { color: #fff; } #members .tabbed_content_container { border-color: #4B5343; } #members .tabbed_content_container address { font-size: 14px; color: #666; font-style: normal; } /* general */ h1.add_bg { height: 230px; background: url(../_images/homepage_carousel_temp/acorn_antiques.jpg); position: relative; } h1.add_bg span { position: absolute; left:0; bottom: 40px; min-width:300px; padding: 5px 30px 5px 10px; background: rgba(0,0,0,0.6); color: #fff; } h1.html_img_quasi_bg { overflow: hidden; position: relative; } /* ------------------------ Sidebar ------------------------ */ #sidebar { } #sidebar section { margin-bottom: 20px; padding-bottom: 10px; } #sidebar h2 { font-family: "Clarendon-Light", "ClarendonBT-Roman", serif; /*clarendon */ font-weight: normal; font-size: 18px; color: #fff; line-height: 50px; margin: 0; } #sidebar section p { margin: 10px; } .secondary section { background: url(../_images/wireframes/diag_stripes.png); } .secondary section div { margin: 10px; } .secondary section h2 { text-indent: 10px; line-height: 40px; } .secondary section p.caption { background: #828282; padding: 10px; font-size: 13px; color: #fff; } #sidebar .h1_image_credit { color: #777; font-size: 12px; margin-top: 20px; } .secondary_nav h2 { line-height: 50px; color: #fff; margin-bottom: 0; /*about us: */ background: #4B5343; } .secondary_nav nav { background: #95A685 } .secondary_nav nav a { color: #000; text-decoration: none; font-weight: bold; } .secondary_nav nav li li a { font-weight: normal; line-height: 22px; } .secondary_nav nav > ul > li a { padding: 0 10px; } .secondary_nav nav .current_page_item > a, .secondary_nav nav li a:hover { border-left: 5px solid #FF8170; padding-left: 5px; background: #DFE4DA; } .secondary_nav nav .current_page_item > a:hover { cursor: text; } .secondary_nav nav li a { display: block; line-height: 30px; } .secondary_nav nav li a:hover { text-decoration: none; } .secondary_nav ul.children { background: #B5C1AA; } #gallery_teaser div { } #gallery_teaser div { background: rgba(0,0,0,.7); } #gallery_teaser div p.teaser_caption { color: #fff; padding: 10px 0 10px 0; margin: 0 10px; font-size: 13px; } #gallery_teaser div a { display: block; background: #EBBA5E; padding: 10px; color: #000; text-decoration: underline; } abbr { border-bottom: 1px dotted #666; cursor: help; } /* extend FancyBox (1) limit width of caption (2) wrap it to 2 lines */ .fancybox-title { max-width: 400px; } .fancybox-title span.child { white-space: normal; } .widget_search{ background: #EBB95E none repeat scroll 0 0; font-weight:bold; } .widget_search form{ padding:10px !important; } #searchsubmit { } .widget_recent_entries{ background: #EBB95E none repeat scroll 0 0; } .widget_categories{ background: #EBB95E none repeat scroll 0 0; } .widget_archive{ background: #EBB95E none repeat scroll 0 0; } .sidebartext{ background: #95a685 none repeat scroll 0 0; } .sidebartext h3 ,.widget_archive h3 ,.widget_recent_entries h3,.widget_categories h3, .widget_search h3{ background: #D38900 none repeat scroll 0 0; color: #fff; font-family: "Clarendon-Light","ClarendonBT-Roman",serif; font-size: 18px; font-weight: normal; line-height: 50px; margin: 0; padding-left:20px; } .widget_archive ul ,.widget_recent_entries ul ,.widget_categories ul { list-style: outside none none; } .widget_archive ul li a,.widget_recent_entries ul li a,.widget_categories ul li a { color: #000; font-weight: bold; text-decoration: none; } eventsrightbox{ background: #fff; font-family: "Clarendon-Light","ClarendonBT-Roman",serif; } eventsrightbox h3{ display:none !important; font-family: "Clarendon-Light","ClarendonBT-Roman",serif; } eventsrightbox h2{ color:#fff !important; font-family: "Clarendon-Light","ClarendonBT-Roman",serif; background: #5791A9; } }