/* ------------------------------------------ Client: Dulwich Picture Gallery Stylesheet: Master Styles Author: Reading Room (Nicolas Gallagher) Updated: 19 November 2008 ------------------------------------------ */ /* ------------------------------------------------------------------------------------ -- CSS RESET ------------------------------------------------------------------------------------ */ html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, em, img, q, s, samp, small, strike, strong, sub, sup, tt, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-size:100%; background:transparent; vertical-align:baseline; } ul {list-style:none;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} em {font-style:italic;} strong {font-weight:bold;} /* ------------------------------------------------------------------------------------ -- GLOBAL STYLES ------------------------------------------------------------------------------------ */ body {font-family:Arial, sans-serif; font-size:62.5%; color:#333; background:#fff; line-height:1;} html>body {font-size:10px;} /*modern browsers only*/ a:link, a:visited {color:#333; text-decoration:underline;} a:hover, a:active, a:focus {color:#000; text-decoration:none;} /* Headings, paragraphs, */ h1, h1 a, h2, h2 a {text-transform:lowercase;} h1, h1 a, h2, h2 a, h3, h3 a, h4, h5 {font-weight:normal; /*text-transform:lowercase;*/ color:#20898b;} h2, h3, h4, h5, p {padding:0 40px;} h1 a {text-transform:uppercase;} h2 {padding-top:25px; margin:0 0 0.15em; font-size:3.6em; line-height:0.9em;} h2.upper {text-transform:uppercase;} h3 {margin:1em 0 0.75em 0; font-size:1.6em; font-weight:bold;} h3.artist, h3.artist a:link, h3.artist a:visited {margin:0; font-weight:normal; text-transform:capitalize; text-decoration:none;} h3.artist a:hover, h3.artist a:active, h3.artist a:focus {text-decoration:underline;} h4 {margin-bottom:1em; font-size:1.3em; font-weight:bold;} h5 {margin-bottom:1em; font-size:1.2em;} p, dl, li {margin:1em 0; font-size:1.2em; line-height:1.6em;} ol, ul {margin:1em 40px 1em 60px;} ul {list-style:disc;} ul ul {margin:0.5em 30px 1em;} li {margin:0.5em 0;} li li {font-size:1em;} li p {font-size:1em;} img {display:block;} address {margin:1em 40px; font-size:1.2em; line-height:1.4em; font-style:normal;} #wrapper .artistName {text-transform:capitalize;} noscript div {display:none;} /* ------------------------------------------------------------------------------------ -- GLOBAL LAYOUT ------------------------------------------------------------------------------------ */ #navSkip, .access {position:absolute; left:-9000px; height:0; font-size:0;} /* Logo ------------------------------------------ */ #logo {width:960px; padding:10px 0 25px;} #logo a {position:relative; float:left; height:44px; width:199px; margin-left:184px; text-decoration:none; overflow:hidden; color:#000;} #logo a span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../../../images/design/dpg-logo.gif) 0 0 no-repeat; cursor:pointer;} #logo a:hover span, #logo a:active span, #logo a:focus span {background-position:0 -44px;} /* Main divisions ------------------------------------------ */ #wrapper {position:relative; background-color:#e7e5e5; background-repeat:no-repeat; background-position:960px 0px;} #container {clear:both; position:relative; width:960px; height:475px; margin-right:0px; margin-top:3em;} #wrapCont {position:relative; float:left; width:660px; min-height:475px; border:1px solid #ccc; border-width:0 1px 1px; background:#f7f6f6;} body#home #wrapCont {width:775px; border:0; border-right:1px solid #000; margin-left:184px;} body#exhibitions #wrapCont {margin-left:137px;} body#exhibitions #wrapCont {margin-left:137px;} body#collection #wrapCont {margin-left:160px;} body#gallery #wrapCont {margin-left:183px;} body#events #wrapCont {margin-left:206px;} body#education #wrapCont {margin-left:229px;} body#support #wrapCont {margin-left:252px;} body#shop #wrapCont {margin-left:275px;} body#contact #wrapCont, body#search #wrapCont {margin-left:298px;} #priCont {clear:both; position:relative; padding-bottom:4.5em;} /* spotWraps ------------------------------------------ */ #spotWrap {position:relative; min-height:475px; color:#fff; background:#5d5b5b;} #spotWrap.small {min-height:256px;} #spotWrap #flash {float:left;} #spotWrap img {float:left; width:auto; height:auto; position: relative; z-index: 100} #spotWrap .colPaint {float:left; width:420px; background:#7b797a url(../../../../images/design/bg-enlarge.png) no-repeat right bottom;} #spotWrap .colPaint img.spotFocus {float:none; margin:20px auto;} #spotWrap .image {position:relative; float:left; width:420px;} body#exhibitions.detail #spotWrap .image {height:475px; z-index:100; background:#5d5b5b;} body#exhibitions.detail #spotWrap .image img {position:relative; z-index:100;} #spotWrap h2 {padding:0 16px; margin:10px 0 0; line-height:1.2em; color:#fff;} #spotWrap h2 a {color:#fff;} #hSpot, #spot, .miniSearch {clear:right; float:right; width:240px; background:#5d5b5b;} #spot {padding-bottom:10px;} #hSpot {min-height:475px;} #spotWrap.small #spot {min-height:256px; padding-bottom:0;} #spot .details, #hSpot .details {padding:0.3em 16px; background:#5d5b5b;} #spot .details {margin-top:10px;} body#events #spot .details {margin-top: 0} #spot .details a, #spot .details a:hover, #spot .details a:active, #spot .details a:focus { color:#fff; } #spot .details h3, #hSpot .details h3 {padding:0; margin:0; font-size:1.8em; font-weight:normal; line-height:1.1em;} #spot .details h3 a, #hSpot .details h3 a {color:#8bc8d7;} #spot .details p.date, #hSpot .details p.date {margin:0; font-size:1.6em; line-height:1.1em; text-transform:lowercase;} #spot .item p {margin-top:0;} #spot p, #hSpot p {padding:0; margin:1em 0; color:#fff; line-height:1.4em;} body#home #spotWrap {margin-bottom:0;} body#home #hSpot {background:#7b7979;} body#home #hSpot h2 {padding:0 16px; margin:0; background:#5d5b5b;} body#home #spotNews {width:240px; background:#7b7979;} body#home #spotNews img {float:none;} body#home #spotNews h2 {padding:0;} body#home #spotNews h3 {padding:0 16px; margin:0.2em 0 0.5em; font-size:1.2em; color:#fff;} body#home #spotNews h3 a:link, body#home #spotNews h3 a:visited {font-weight:bold; text-decoration:none; color:#fff;} body#home #spotNews h3 a:hover, body#home #spotNews h3 a:active, body#home #spotNews h3 a:focus {text-decoration:underline;} body#home #spotNews p {margin:0 0 8px 0; padding:0 16px; color:#fff; line-height:1.4em;} /* Exhibition detail image captions ------------------------------------------ */ #spotWrap .caption {position:absolute; left:0; bottom:0; width:420px; padding:10px 0; background:transparent url(../../../../images/design/bg-caption.png) repeat; z-index:5;} #spotWrap .image:hover .caption {z-index:105;} #spotWrap .caption h3, #spotWrap .caption h4 {margin:0 0 0.5em; font-weight:bold; color:#fff;} #spotWrap .caption p {margin:0 0 0.4em; line-height:1.4em;} /* Spot banners ------------------------------------------ */ .banner img, img.banner, img.widebanner {display:block; width:605px; height:160px; border:5px solid #e8e8e8; margin:2.4em auto 0;} img.widebanner {width:719px; height:189px;} img.small {display:block; width:230px; height:120px; border:5px solid #5d5b5b; border-top:0; margin:0 auto;} /* #comingsoon img.small {height:90px; border-color:#5e5c5d;} */ /* ------------------------------------------ -- CONTENT ------------------------------------------ */ /* Listings ---------------------------------------- */ ul.listing {clear:both; list-style:none; padding:0; margin:0; overflow:hidden} ul.listing li {padding:0; border-bottom:1px solid #fff;margin: 0 0 1em; background:#edebec;} ul.listing li .details {float:right; width:70%; padding:5px 0 1em;} ul.listing li .details h4 {padding:0; margin:0 0 0.5em; font-size:1.083333em;} ul.listing li .details p {padding:0 6px 0 0; margin:0;} ul.listing li .details .title {font-weight:bold;} ul.listing li .date {font-weight:bold; color:#555;} ul.listing li img {float:left; clear:none;} ul.listing li p {margin:0; padding:0; line-height:1.4em;} ul.listing li .listThumb {float:left; width:169px; height:96px; border:10px solid #a9a7a8; background:#a9a7a8;} ul.listing li .listThumb img {float:none; margin:0 auto;} ul.textonly li .details {float:none; width:auto; margin:0 40px;} ul.textonly li .details h5 {padding:0; margin:0; font-size:1em; font-weight:normal;} /* Other work by artist ------------------------------------------ */ .otherWork {border:1px solid #eee; border-width:1px 0; background:#fff;} .otherWork img {float:left; margin-right:20px;} .otherWork p {margin:0.5em 0 0; line-height:1.3em;} .otherWork .artist {margin-top:0; padding-top:0.25em; font-size:2em; color:#006b7f;} .otherWork .title {font-weight:bold;} .otherWork .title span {color:#006b7f;} /* Gallery ------------------------------------------ */ #galleryPlanWrap {width:595px; height:505px; border:5px solid #e8e8e8; margin:2.4em auto 0;} #videoBlogWrap {margin:1.8em 40px 1em;} #videoBlogWrap #videoBlog {float:left; margin:0 15px 0 0; } #videoBlogWrap p {padding:0; margin-top:0;} /* Friends Forum ------------------------------------------ */ /* main topic listing */ #friendsForum {width:100%;} #friendsForum td {padding:1em 40px;} #friendsForum div {clear:both;} #friendsForum td p {margin:0; padding:0;} #friendsForum td.postCell {padding:1em 0;} /*thead contents */ #friendsForum .postHeader td {background:#edebeb;} #friendsForum .open td {background:#7a7979;} #friendsForum .open p {color:#fff;} #friendsForum .openClose {text-align:right; vertical-align:middle; width:125px; padding-right:10px;} #friendsForum .openClose a {display:block; float:right;} /*threads, posts, and replies*/ #friendsForum .thread {padding:0 40px; border-bottom:1px solid #ccc; margin-bottom:2em;} #friendsForum .reply {margin-top:2em;} #friendsForum .post h4 {clear:both; padding:0; margin:1em 0 0.5em;} #friendsForum .words, #friendsForum td p.extract {clear:both;} #friendsForum .words p {margin-bottom:1em;} #friendsForum p.author, #friendsForum p.date {float:left; margin-right:1.5em; font-weight:bold;} #friendsForum p.author span {color:#007578;} #friendsForum .reply p.author {padding-left:20px; background:url(/images/design/forum-arrow-blue.gif) no-repeat left center;} #friendsForum .reply p.date {font-weight:normal;} /*post tools*/ #friendsForum .postTools {margin:1em 0;} #friendsForum .postTools p {float:left; margin-right:20px;} /*forum pagination*/ #friendsForum .pagination {clear:both; float:right; width:auto; padding:0 40px; margin:0 0 1em;} #friendsForum .pagination strong {color:#007578;} /*add a reply or thread*/ #friendsForum .addThread h3, #priCont #friendsForum .addThread #genForm, #friendsForum .addReply h3, #priCont #friendsForum .addReply #genForm {padding-left:0; padding-right:0; margin-left:0; margin-right:0;} /* Print tool ------------------------------------------ */ #footer a.print {display: block; float:left; padding: 0.8333em 0 0.8333em 45px; font-size:1.2em; text-transform:lowercase; text-decoration:none; color:#777; background: url(../../../../images/design/print.gif) 20px 0.8em no-repeat } #footer a.print img {display: none} /* ------------------------------------------------------------------------------------ -- GLOBAL NAVIGATION ------------------------------------------------------------------------------------ */ #navMain ul {list-style:none; float:left; height:2em; padding:0; margin:-2.5em 0 0 176px;} #navMain li {float:left; padding:0 0 0 3px; margin:0 0 0 0.6em; font-size:1.3em; line-height:1.2em; text-transform:lowercase;} #navMain li:first-child {padding:0; margin:0; background:none;} #navMain li a {display:block; padding:0 0 0 0.6em; text-decoration:none; color:#555;} #navMain li a:hover, #navMain li a:active, #navMain li a:focus {text-decoration:underline;} #navMain li span {position:absolute; top:0em; display:block; width:23px; height:475px; font-size:0; background-repeat:no-repeat; cursor:pointer; z-index:100;} #navMain li.current, #navMain li.current a {font-weight:bold; color:#000;} #navMain li.current span {cursor:default;} #navMain li.current a span {cursor:pointer;} #navMain li#navExhibitions span {background-position:0 0;} #navMain li#navCollection span {background-position:-23px 0;} #navMain li#navGallery span {background-position:-46px 0;} #navMain li#navEvents span {background-position:-69px 0;} #navMain li#navEducation span {background-position:-92px 0;} #navMain li#navSupport span {background-position:-115px 0;} #navMain li#navShop span {background-position:-138px 0;} #navMain li#navContact span {background-position:-161px 0;} #navMain li#navExhibitions a:hover span, #navMain li#navExhibitions a:active span, #navMain li#navExhibitions a:focus span, #navMain li#navExhibitions.current span {background-position:-184px 0;} #navMain li#navCollection a:hover span, #navMain li#navCollection a:active span, #navMain li#navCollection a:focus span, #navMain li#navCollection.current span {background-position:-207px 0;} #navMain li#navGallery a:hover span, #navMain li#navGallery a:active span, #navMain li#navGallery a:focus span, #navMain li#navGallery.current span {background-position:-230px 0;} #navMain li#navEvents a:hover span, #navMain li#navEvents a:active span, #navMain li#navEvents a:focus span, #navMain li#navEvents.current span {background-position:-253px 0;} #navMain li#navEducation a:hover span, #navMain li#navEducation a:active span, #navMain li#navEducation a:focus span, #navMain li#navEducation.current span {background-position:-276px 0;} #navMain li#navSupport a:hover span, #navMain li#navSupport a:active span, #navMain li#navSupport a:focus span, #navMain li#navSupport.current span {background-position:-299px 0;} #navMain li#navShop a:hover span, #navMain li#navShop a:active span, #navMain li#navShop a:focus span #navMain li#navShop.current span {background-position:-322px 0;} #navMain li#navContact a:hover span, #navMain li#navContact a:active span, #navMain li#navContact a:focus span #navMain li#navContact.current span {background-position:-345px 0;} /* #navSec {position:absolute; top:0; left:-115px; width:114px; min-height:475px; overflow:hidden; border-top:1px solid #e7e5e5; background:#fff url(../../../../images/design/bg-navSec.png) repeat-x bottom left;} #navSec ul {list-style:none; padding:0; margin:25px 0 0 0;} #navSec li {padding:0 10px; margin:0 0 0.77em 0; font-size:1.3em; line-height:1.1em; text-transform:lowercase; } */ #navSec {position:absolute; top:0; left:-115px; width:114px; min-height:450px; padding-top:25px; overflow:hidden; border-top:1px solid #e7e5e5; background:#fff url(../../../../images/design/bg-navSec.png) repeat-x bottom left;} #navSec ul {list-style:none; padding:0; margin:0;} #navSec li {padding:0 10px; margin:0 0 0.7em 0; font-size:1.3em; line-height:1.2em; text-transform:lowercase;} #navSec li a {text-decoration:none; color:#555;} #navSec li a:hover, #navMain li a:active, #navMain li a:focus {text-decoration:underline;} #navSec li.current {font-weight:bold; color:#333;} #navSec li.upper a {text-transform:uppercase;} #navSec li.upper ul li a { text-transform:none; } #navSec ul ul {margin-top:0.75em;} #navSec ul ul li {font-size:1em; font-weight:normal; background:url(../../../../images/design/navSec-arrow.gif) no-repeat 2px 0.4em;} #navTer {list-style:none; padding:0; margin:0 40px 0.5em 40px;} #navTer li {float:left; border-left:1px solid #333; padding:0 0.43em; margin:0.154em 0; font-size:1.3em; line-height:1.2em; text-transform:lowercase;} #navTer li:first-child {border-left:0; padding-left:0;} #navTer li a {display:block; text-decoration:none; color:#555; white-space:nowrap;} #navTer li a:hover, #navMain li a:active, #navMain li a:focus {text-decoration:underline;} #navTer li.current {font-weight:bold;} .navInternal {margin:0.8em 0 2em;} #breadcrumbs {float:right; list-style:none; padding:0 40px 0 0; margin:0;} #breadcrumbs li {float:left; padding:0 5px 0 12px; margin:0; font-size:1.1em; line-height:1.1em; text-transform:lowercase; background:url(../../../../images/design/breadcrumbs-separator.gif) left center no-repeat;} #breadcrumbs li:first-child {background:none;} #breadcrumbs li a {display:block; color:#555; text-decoration:none;} #breadcrumbs li a:hover, #breadcrumbs li a:active, #breadcrumbs li a:focus {color:#555; text-decoration:underline;} .return {float:left; padding:0pt 5px 0pt 12px; margin:0 0 0 40px; font-size:1.1em; line-height:1.1em; text-transform:lowercase; background:url(../../../../images/design/breadcrumbs-separator-left.gif) left center no-repeat;} .return a:link, .return a:visited {text-decoration:none;} .return a:hover, .return a:active, .return a:focus {text-decoration:underline;} .pagination {list-style:none; float:left; width:40%; padding:0 0 0 15px; margin:0;} .pagination li {float:left; padding:0 0 0 6px; margin:0; font-size:1.2em; line-height:1.1em;} .pagination li a:link, .pagination li a:visited {text-decoration:none;} .pagination li a:hover, .pagination li a:active, .pagination li a:focus {text-decoration:underline;} .pagination li#pgNext, .pagination li.pgNext {background:url(../../../../images/design/breadcrumbs-separator.gif) 100% 60% no-repeat; padding-right:10px;} .pagination li#pgPrev, .pagination li.pgPrev {background:url(../../../../images/design/breadcrumbs-separator-left.gif) 0% 60% no-repeat; padding-left:10px; margin-left:10px;} body#education .pagination strong {color:#006b81;} body#events .pagination strong {color:#b63600;} .paginationBottom {padding-top: 30px; position: relative; clear: both; top: -60px;} #footer {clear:both; position:static; bottom:0; right:0; width:100%; padding:0 0 5px 0;height: 60px;} #footer ul {float:right; list-style:none; padding:1em 25px 1em 0; margin:0;} #footer li {float:left; padding:0 0 0 3px; margin:0 0 0 0.6em; font-size:1.2em; line-height:1em; text-transform:lowercase; /*background:url(../../../../images/design/navMain-separator.gif) left center no-repeat;*/} #footer li:first-child {padding:0; margin:0; background:none;} #footer li a {display:block; padding:0 0 0 0.6em; text-decoration:none; color:#999;} #footer li a:hover, #footer li a:active, #footer li a:focus {text-decoration:underline;} #footer p {clear:both; margin:0;} body#home #footer {/*clear:none;*/ position:static; bottom:auto; right:auto; height:60px} #footer .charity {float:left; margin:5px 0 0 -15px; font-size:1.1em; color:#999;} .readingroom {float:right; width:300px; padding:0; margin:5px -15px 0 0; font-size:1.1em; text-align:right; color:#999;} .readingroom a:link, .readingroom a:visited {color:#999;} /* ------------------------------------------ -- ALL SECTIONS ------------------------------------------ */ body#home #spotWrap h2, body#exhibitions #spotWrap h2, body#collection #spotWrap h2, body#gallery #spotWrap h2, body#events #spotWrap h2, body#education #spotWrap h2, body#support #spotWrap h2, body#shop #spotWrap h2, body#contact #spotWrap h2, body#search #spotWrap h2 {color:#fff;} /* ------------------------------------------ -- HOMEPAGE, CONTACT US, FRIENDS ------------------------------------------ */ body#home #navMain li#navExhibitions span, body#contact #navMain li#navExhibitions span, body#search #navMain li#navExhibitions span {left:0;} body#home #navMain li#navCollection span, body#contact #navMain li#navCollection span, body#search #navMain li#navCollection span {left:23px;} body#home #navMain li#navGallery span, body#contact #navMain li#navGallery span, body#search #navMain li#navGallery span {left:46px;} body#home #navMain li#navEvents span, body#contact #navMain li#navEvents span, body#search #navMain li#navEvents span {left:69px;} body#home #navMain li#navEducation span, body#contact #navMain li#navEducation span, body#search #navMain li#navEducation span {left:92px;} body#home #navMain li#navSupport span, body#contact #navMain li#navSupport span, body#search #navMain li#navSupport span {left:115px;} body#home #navMain li#navShop span, body#contact #navMain li#navShop span, body#search #navMain li#navShop span {left:138px;} body#home #navMain li#navContact span, body#contact #navMain li#navContact span, body#search #navMain li#navContact span {left:161px;} body#home #navMain li span {background-image:url(../../../../images/design/navMain-collection.png); background-color:#55afc4;} body#contact #spot .details h3, body#contact #spot .details h3 a {color:#fff; /*color:#ef584d;*/} body#contact #navMain li#navContact, body#contact #navMain li#navContact a, body#contact h2, body#contact h3, body#contact h4, body#contact h5, body#contact #breadcrumbs li, body#contact #priCont p a {color:#b21721;} body#contact #navMain li span {background-image:url(../../../../images/design/navMain-contact.png); background-color:#ef584d;} body#search #spot .details h3, body#search #spot .details h3 a {color:#fff; /*color:#74d7cf;*/} body#search h2, body#search h3, body#search h4, body#search h5, body#search #breadcrumbs li, body#search #priCont p a {color:#007a75;} body#search #navMain li span {background-image:url(../../../../images/design/navMain-collection.png); background-color:#74d7cf;} /* ------------------------------------------ -- EXHIBITIONS ------------------------------------------ */ body#exhibitions #spot .details h3, body#exhibitions #spot .details h3 a {color:#fff; /*color:#42ccd2;*/} body#exhibitions #navMain li#navExhibitions, body#exhibitions #navMain li#navExhibitions a, body#exhibitions h2, body#exhibitions h3, body#exhibitions h4, body#exhibitions h5, body#exhibitions #breadcrumbs li, body#exhibitions #priCont p a {color:#00747a;} body#exhibitions h3 a, body#exhibitions h4 a, body#exhibitions h5 a {color:#00747a; text-decoration:none;} body#exhibitions h3 a:hover, body#exhibitions h4 a:hover, body#exhibitions h5 a:hover {text-decoration:underline;} body#exhibitions #navMain li span {background-image:url(../../../../images/design/navMain-exhibitions.png); background-color:#42ccd2;} body#exhibitions #navMain li#navExhibitions span {left:0px;} body#exhibitions #navMain li#navCollection span {right:138px;} body#exhibitions #navMain li#navGallery span {right:115px;} body#exhibitions #navMain li#navEvents span {right:92px;} body#exhibitions #navMain li#navEducation span {right:69px;} body#exhibitions #navMain li#navSupport span {right:46px;} body#exhibitions #navMain li#navShop span {right:23px;} body#exhibitions #navMain li#navContact span {right:0;} body#exhibitions #navMain li span {background-image:url(../../../../images/design/navMain-exhibitions.png); background-color:#42ccd2;} /* ------------------------------------------ -- 2 COLUMN PAGES ------------------------------------------ */ #priCont_2 {width:400px; float:left;} #relatedLinks {border-left:1px solid #CCC; width:250px; float:right; margin:18px 0 0 0;} #relatedLinks h3 {padding:0; margin-left: 15px} #relatedLinks h4 {padding:0 0 0 15px;} #relatedLinks h5 {font-weight:bold; color:#333; padding:0 0 0 15px;} #relatedLinks p {margin:0 0 0 15px; padding:0 16px 10px 0; width:195px; } #relatedLinks img.ImmControlAlign_Left {clea\r: none} /*body#exhibitions #relatedLinks a {color: #00747A;} body#exhibitions #relatedLinks a:hover, body#exhibitions #relatedLinks a:visited {color:#000;} ------- styles may not be needed*/ #relatedLinks div {margin:0 0 10px 0;} #relatedLinks .video p {background:url(../../../../images/design/video.gif) top left no-repeat;} #relatedLinks .audio p {background:url(../../../../images/design/listen.gif) top left no-repeat;} #relatedLinks .competition p {background:url(../../../../images/design/prize.gif) top left no-repeat;} #relatedLinks .review p {background:url(../../../../images/design/review.gif) top left no-repeat;} #relatedLinks .donate p {background:url(../../../../images/design/donate.gif) top left no-repeat ;} #relatedLinks .review p span{display:block; text-indent:-50000px; overflow:hidden;} #relatedLinks .review p .three_star {background:url(../../../../images/design/3_star.gif) no-repeat; } #relatedLinks .review p .four_star {background:url(../../../../images/design/4_star.gif) top left no-repeat;} #relatedLinks .review p .five_star {display:block; background:url(../../../../images/design/5_star.gif) top left no-repeat;} #relatedLinks .review p a {position:relative; top:-24px; left:55px;} #relatedLinks p .external { background:url(../../../../images/design/external-icon.gif) top right no-repeat; padding:0 22px 0 0; width:auto;} /* ------------------------------------------ -- THE COLLECTION ------------------------------------------ */ body#collection #spot .details h3, body#collection #spot .details h3 a {color:#fff; /*color:#55afc4;*/} body#collection #navMain li#navCollection, body#collection #navMain li#navCollection a, body#collection h2, body#collection h3, body#collection h4, body#collection h5, body#collection #breadcrumbs li, body#collection #priCont p a {color:#006b7f;} body#collection h3 a, body#collection h4 a, body#collection h5 a {color:#006b7f; text-decoration:none;} body#collection h3 a:hover, body#collection h4 a:hover, body#collection h5 a:hover {text-decoration:underline;} body#collection #navMain li span {background-image:url(../../../../images/design/navMain-collection.png); background-color:#55afc4;} body#collection #navMain li#navExhibitions span {left:0px;} body#collection #navMain li#navCollection span {left:23px;} body#collection #navMain li#navGallery span {right:115px;} body#collection #navMain li#navEvents span {right:92px;} body#collection #navMain li#navEducation span {right:69px;} body#collection #navMain li#navSupport span {right:46px;} body#collection #navMain li#navShop span {right:23px;} body#collection #navMain li#navContact span {right:0;} /* ------------------------------------------ -- THE GALLERY ------------------------------------------ */ body#gallery #spot .details h3 a, body#gallery #spot .details h3 a {color:#fff; /*color:#d73a2e;*/} body#gallery #navMain li#navGallery, body#gallery #navMain li#navGallery a, body#gallery h2, body#gallery h3, body#gallery h4, body#gallery h5, body#gallery #breadcrumbs li, body#gallery #priCont p a {color:#ba191a;} body#gallery h3 a, body#gallery h4 a, body#gallery h5 a {color:#b63600;text-decoration:none;} body#gallery h3 a:hover, body#gallery h4 a:hover, body#gallery h5 a:hover {text-decoration:underline;} body#gallery #navMain li span {background-image:url(../../../../images/design/navMain-gallery.png); background-color:#d73a2e;} body#gallery #navMain li#navExhibitions span {left:0px;} body#gallery #navMain li#navCollection span {left:23px;} body#gallery #navMain li#navGallery span {left:46px;} body#gallery #navMain li#navEvents span {right:92px;} body#gallery #navMain li#navEducation span {right:69px;} body#gallery #navMain li#navSupport span {right:46px;} body#gallery #navMain li#navShop span {right:23px;} body#gallery #navMain li#navContact span {right:0;} body#gallery #navTer li.current, body#gallery #navTer li.current a, body#gallery #navTer li.current a:link, body#gallery #navTer li.current a:visited{color:#ba191a;} /* ------------------------------------------ -- WHAT'S ON ------------------------------------------ */ body#events #spot .details h3 a, body#events #spot .details h3 {color:#fff; /*color:#fa7136;*/} body#events #navMain li#navEvents, body#events #navMain li#navEvents a, body#events h2, body#events h3, body#events h4, body#events h5, body#events #breadcrumbs li, body#events #priCont p a {color:#b63600;} body#events h3 a, body#events h4 a, body#events h5 a {color:#b63600; text-decoration:none;} body#events h3 a:hover, body#events h4 a:hover, body#events h5 a:hover {text-decoration:underline;} body#events #navMain li span {background-image:url(../../../../images/design/navMain-events.png); background-color:#fa7136;} body#events #navMain li#navExhibitions span {left:0px;} body#events #navMain li#navCollection span {left:23px;} body#events #navMain li#navGallery span {left:46px;} body#events #navMain li#navEvents span {left:69px;} body#events #navMain li#navEducation span {right:69px;} body#events #navMain li#navSupport span {right:46px;} body#events #navMain li#navShop span {right:23px;} body#events #navMain li#navContact span {right:0;} /* ------------------------------------------ -- EDUCATION ------------------------------------------ */ body#education #spot .details h3, body#education #spot .details h3 a {color:#fff; /*color:#67cde5;*/} body#education #navMain li#navEducation, body#education #navMain li#navEducation a, body#education h2, body#education h3, body#education h4, body#education h5, body#education #breadcrumbs li, body#education #priCont p a {color:#006b81;} body#education h3 a, body#education h4 a, body#education h5 a {color:#006b81;text-decoration:none;} body#education h3 a:hover, body#education h4 a:hover, body#education h5 a:hover {text-decoration:underline;} body#education #navMain li span {background-image:url(../../../../images/design/navMain-education.png); background-color:#67cde5;} body#education #navMain li#navExhibitions span {left:0px;} body#education #navMain li#navCollection span {left:23px;} body#education #navMain li#navGallery span {left:46px;} body#education #navMain li#navEvents span {left:69px;} body#education #navMain li#navEducation span {left:92px;} body#education #navMain li#navSupport span {right:46px;} body#education #navMain li#navShop span {right:23px;} body#education #navMain li#navContact span {right:0;} /* ------------------------------------------ -- SUPPORT ------------------------------------------ */ body#support #spot .details h3, body#support #spot .details h3 a {color:#fff; /*color:#30ac87;*/} body#support #navMain li#navSupport, body#support #navMain li#navSupport a, body#support h2, body#support h3, body#support h4, body#support h5, body#support #breadcrumbs li, body#support #priCont p a {color:#007578;} body#support h3 a, body#support h4 a, body#support h5 a {color:#007578; text-decoration:none;} body#support h3 a:hover, body#support h4 a:hover, body#support h5 a:hover {text-decoration:underline;} body#support #navMain li span {background-image:url(../../../../images/design/navMain-support.png); background-color:#30ac87;} body#support #navMain li#navExhibitions span {left:0px;} body#support #navMain li#navCollection span {left:23px;} body#support #navMain li#navGallery span {left:46px;} body#support #navMain li#navEvents span {left:69px;} body#support #navMain li#navEducation span {left:92px;} body#support #navMain li#navSupport span {left:115px;} body#support #navMain li#navShop span {right:23px;} body#support #navMain li#navContact span {right:0;} body#support #navTer li.current, body#support #navTer li.current a, body#support #navTer li.current a:link, body#support #navTer li.current a:visited {color:#008865;} /* ------------------------------------------ -- SHOP ------------------------------------------ */ body#shop #spot .details h3, body#shop #spot .details h3 a {color:#fff; /*color:#289b9e;*/} body#shop #navMain li#navShop, body#shop #navMain li#navShop a, body#shop h2, body#shop h3, body#shop h4, body#shop h5, body#shop #breadcrumbs li, body#support #priCont p a {color:#007578;} body#shop h3 a, body#shop h4 a, body#shop h5 a {color:#008865;text-decoration:none;} body#shop h3 a:hover, body#shop h4 a:hover, body#shop h5 a:hover {text-decoration:underline;} body#shop #navMain li span {background-image:url(../../../../images/design/navMain-shop.png); background-color:#289b9e;} body#shop #navMain li#navExhibitions span {left:0px;} body#shop #navMain li#navCollection span {left:23px;} body#shop #navMain li#navGallery span {left:46px;} body#shop #navMain li#navEvents span {left:69px;} body#shop #navMain li#navEducation span {left:92px;} body#shop #navMain li#navSupport span {left:115px;} body#shop #navMain li#navShop span {left:138px;} body#shop #navMain li#navContact span {right:0;} /* ------------------------------------------------------------------------------------ -- FORMS ------------------------------------------------------------------------------------ */ #priCont #genForm {position:relative; margin:1.5em 40px 1em; font-size:1.2em;} #genForm fieldset {float:left; width:360px; padding:10px; background:#edebec;} #priCont #genForm legend {padding:0 0 1em 0; font-weight:bold;} #priCont #genForm div {padding:1em 0 0.5em;} #priCont #genForm .info {float:right; width:180px; padding:0 10px 0 0; margin:0;} #priCont #genForm .info p {padding:0.5em 0 0.5em 0; margin:0; font-size:1em;} #priCont #genForm .info ul {list-style:none; padding:0; margin:0;} #priCont #genForm .info ul li {font-size:1em; font-weight:bold; color:#c00;} #priCont #genForm h3 {margin:0; padding:0; font-size:1.333em;} #priCont #genForm label {float:left; width:120px; margin:0.4em 0; font-weight:bold;} #priCont #genForm input, #genForm textarea, #genForm select {float:right; width:225px; padding:0.3em 2px; border:1px solid #ccc; margin:0.1em 0; font-size:1em;} #genForm select {width:230px;} #priCont #genForm .file input {padding:0 2px;} #priCont #genForm .check input {float:left; display: bock; width:auto; border:0; } #priCont #genForm .check label {float:left; display: bock; width: 80%; margin:0 10px 0 10px; font-size:1.1em; font-weight:normal; color:#333;} #priCont #genForm .submit {} #priCont #genForm .submit input {width:auto; border:0;} #genForm option.groupTitle {font-weight:bold; color:#fff; background-color:#ba191a;} span.required {font-size:1.2em; line-height:0.8em; font-weight:bold;} body#exhibitions span.required {color:#42ccd2;} body#collection span.required {color:#55afc4;} body#gallery span.required {color:#d73a2e;} body#events span.required {color:#fa7136;} body#education span.required {color:#006B81;} body#support span.required {color:#008865;} body#shop span.required {color:#289b9e;} body#contact span.required {color:#ef584d;} body#friends span.required {color:#74d7cf;} /* ------------------------------------------ -- MAIN SEARCH ------------------------------------------ */ #priCont #genForm.mainSearch fieldset {padding:0 10px;} #priCont #genForm.mainSearch .submit {padding:0.5em 0;} /* ------------------------------------------ -- COLLECTION & WHAT'S ON SEARCH ------------------------------------------ */ .miniSearch {min-height:175px; background:#7b797a; position: absolute; bottom: 0; right: 0} /*.small .miniSearch {min-height:1px;}*/ .miniSearch fieldset {padding:5px 10px;} .miniSearch fieldset div {margin:0.75em 10px 0;} .miniSearch div label, .miniSearch span.label {display:block; margin-bottom:0.2em; font-size:1.3em; line-height:1.2em;} .miniSearch div input, .miniSearch select {width:195px;} .miniSearch select {width:199px;} .miniSearch strong {display:block; font-size:1.2em; margin:1em 10px 0;} .miniSearch strong.prompt {margin-top:0.5em;} .miniSearch .submit {display: none} .miniSearch .submit input, #spot .submit input {width:auto; text-align:right; color:#fff;} /* ------------------------------------------ -- SHOP FORM ------------------------------------------ */ ul.listing fieldset.shopItem {float:left; margin-top:0.5em;} ul.listing fieldset.shopItem input {float:left; margin:0 5px 0 0;} ul.listing fieldset.shopItem select {float:left; margin:0 1em 0 0;} ul.listing li .details .price {float:left; margin:0.5em 0 0; font-size:1.08333em; font-weight:bold; line-height:1.6em; color:#007578;} body#shop #spot .details .subtotal {font-size:1.4em;} /* ------------------------------------------ -- SEND TO A FRIEND ------------------------------------------ */ #priCont #genForm fieldset.selectCard {width:380px; padding:0; margin-bottom:5px;} .selectCard ul {list-style:none; padding:10px 15px; margin:0; background:#666;} .selectCard li {float:left; width:80px; padding:0; margin:0 0 0 10px;} .selectCard li.first {margin:0;} #priCont #genForm .selectCard label, #priCont #genForm .selectCard input {display:block; float:none; width:auto; padding:0; border:0; margin:0 auto;} #priCont #genForm .selectCard label {cursor:pointer; margin-bottom:3px;} #priCont #genForm .selectCard img {border:1px solid #666;} /* #priCont #genForm .selectCard label:hover img {border-color:#fff;} */ .sendFriend .steps {position:absolute; right:0; width:156px; padding:2px 0 5px 24px; margin:1.4em 0 0; font-size:1em; line-height:1.2em; text-transform:lowercase; color:#00747a;} .sendFriend #one {margin:0; background:url(../../../../images/design/step1.gif) no-repeat 0 0;} .sendFriend #two {background:url(../../../../images/design/step2.gif) no-repeat 0 0;} .sendFriend #three {background:url(../../../../images/design/step3.gif) no-repeat 0 0;} .sendFriend #four {background:url(../../../../images/design/step4.gif) no-repeat 0 0;} #searchBox {position:absolute; right:-15px; top:-80px; width:245px; padding:5px 10px 10px; z-index:1000;} #searchBox label, #searchBox input {float:left;} #searchBox .sTerms {width:166px; height:16px; border:1px solid #777;} #searchBox .sSubmit {margin-left:10px;} /* ------------------------------------------ -- CALENDAR ------------------------------------------ */ .calendar table {table-layout: fixed; margin:0 0 10px 0; width: 100%; color: #333; border-collapse: collapse; font-size: 1.1em} .calendar table th {padding: 5px 3px; text-align: center; font-weight: bold; background: url(../../../../images/design/dayDivider.gif) bottom right no-repeat} .calendar table th.last {background: none} .calendar table td {padding: 5px 3px; text-align: center; background: #D9D9D9; border: 1px solid #BABABA} .calendar table td.even {background: #E4E4E4} .calendar table td.selected {background: #edbda9} .calendar table td a {text-decoration: none} .calendar table td a:hover {text-decoration: underline} .calendar table tr.header td.prev a {display: block; width: 5px; height: 5px; background: url(../../../../images/design/leftArrow.gif) center center no-repeat; text-indent: -5000px; margin: 5px} .calendar table tr.header td.next a {display: block; width: 5px; height: 5px; background: url(../../../../images/design/rightArrow.gif) center center no-repeat; text-indent: -5000px; margin: 5px 0 5px 10px} .calendar table thead {background: #ABE0E4 url(../../../../images/design/blueGradient.gif) top left repeat-x} .calendar table thead tr {border: 1px solid #BABABA; border-width: 0 1px} .calendar table tr.header td {border-width: 1px 0 0 0; background: transparent} .calendar table tr.header td h3 {font-size: 1.2em; text-transform: uppercase; padding: 0; margin: 0} body#events .calendar table tr.header td h3 a {color: #333; font-weight: bold; } .itemSelected .selected {background: #edbda9} .eventsListing {position: absolute; top: 0; left: 0; width: 380px; height: 456px; background: url(../../../../images/design/transBlack.png) top left repeat; z-index: 100; padding: 10px 20px} .eventsListing .close {float: right; display: block; background: url(../../../../images/design/closeBtn.gif) top right no-repeat; padding: 0 12px 0 0; color: #fff !important } .eventsListing .close:hover {color: #fff} .eventsListing h3 {margin-left: 0; padding: 0; color: #fff !important} .eventsListing ul {margin: 0; color: #fff !important} .eventsListing ul li {list-style-type: none; margin-bottom: 2em; overflow: hidden } .eventsListing ul li img {float: left; margin-right: 10px} .eventsListing ul li h4 {margin-bottom: .1em; color: #fff !important; font-size: 1.2em; padding: 0; line-height: 1.1em} .eventsListing ul li p {margin: .1em 0} .eventsListing ul li a {color: #fff !important} /* ------------------------------------------------------------------------------------ -- JAVASCRIPT ONLY ELEMENTS ------------------------------------------------------------------------------------ */ #spot ul.thumbs {list-style:none; padding:0; margin:0 16px;} #spot ul.thumbs li {float:left; padding:0; margin:0 0 0 13px;} #spot ul.thumbs li:first-child {margin-left:0;} #spot ul.thumbs li a {display:block; border:1px solid #777;} #spot ul.thumbs li a img {float:none; width:40px; height:40px;} #spot ul.thumbs li a:hover, #spot ul.thumbs li a:active, #spot ul.thumbs li a:focus {border:1px solid #fff;} #spot ul.thumbs li a.current {border:1px solid #ccc;} #spotWrap .jsshow {z-index:105;} a.ext {background: transparent url(../../../../images/design/ext.gif) top right no-repeat; padding-right:10px; } #footer a.ext {background: transparent none; padding-right:0; } /* ------------------------------------------------------------------------------------ -- CLEARING ------------------------------------------------------------------------------------ */ #logo:after, #navMain:after, #navTer:after, #spotWrap:after, #priCont:after, #footer:after, #footer p:after, #genForm:after, #genForm div:after, #videoBlogWrap:after, .listing li:after, .meta:after, .miniSearch fieldset div:after, .navInternal:after, .otherWork:after, .postTools:after, .selectCard ul:after, ul.thumbs:after { clear:both; display:block; content:"."; height:0; font-size:0; line-height:0; visibility:hidden; }