/* *************************************** SCREEN, PROJECTION, TV CSS declarations below creates structure and formatting of everything inside #content-wrapper. All other styles are in style sheet "global-structure.css" *************************************** */ @media screen, projection, tv { /* *************************************** TEMPLATE: COMMON ELEMENTS *************************************** */ /* ~~~~~~~~~~~~ Content ~~~~~~~~~~~~ */ #content { float: right; } /* ~~~~~~~~~~~~ Secondary Navigation ~~~~~~~~~~~~ */ #nav-sub { width: 136px; margin: 0 800px 0 0; padding: 97px 12px 0; } #nav-sub ol { margin: 0 0 2em; font-size: 1.1em; color: #666; } #nav-sub a { color: #666; } #nav-sub a:hover, #nav-sub .selected a { color: #01a6e4; } /* ~~~~~~~~~~~~ Headings ~~~~~~~~~~~~ */ #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } #content h2 { margin: 0 0 25px; font-size: 1.2em; } #content h3, #content h4, #content h5, #content h6 { font-size: 1.1em; } #content h4, #content h5, #content h6 { color: #666; } /* Content Headings */ #content h2 em, #content h3 em, #content h4 em, #content h5 em, #content h6 em { font-size: 1em; } /* ~~~~~~~~~~~~ Paragraphs, Addresses, Blockquotes ~~~~~~~~~~~~ */ #content p, #content address, #content blockquote { font-size: 1.1em; color: #444; margin: 0 0 15px; } #content address { font-style: normal; } #content p.credit { color: #777; font-style: italic; } /* ~~~~~~~~~~~~ Lists ~~~~~~~~~~~~ */ #content ul, #content ol { font-size: 1.1em; color: #444; } #content ul { margin: 0 0 20px 2px; } #content ul li { padding: 0 0 0 12px; margin: 15px 0 0; background: url(../images/ui/bullet-dot.gif) no-repeat 0 7px scroll; word-wrap: break-word;} #content ul.nospace li { margin-top: 0; } #content ol { margin: 0 0 20px 20px; } #content ol li { padding: 0 0 0 12px; margin: 15px 0 0; list-style-type: decimal; } #content ol.nospace li { margin-top: 0; } /* ~~~~~~~~~~~~ Links ~~~~~~~~~~~~ */ #content a { color: #999; } #content a:hover { color: #01a6e4; } /* Read More Links */ #content blockquote+.links-more { margin-top: -15px; } /* ~~~~~~~~~~~~~~~ Forms ~~~~~~~~~~~~~~~ */ /* Form Layout */ #content legend { margin: 0 0 15px; font: bold 1.1em "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } #content form ol { margin: 0; } /* Makes a row for each label, element and error message */ #content .field-container { margin: 0.3em 0; padding: 0; list-style-type: none; } /* Labels & label Headings (used for radio buttons & check boxes) */ #content label, #content p.label { display: block; float: left; width: 10em; } #content p.label { margin: 0; } #content label { cursor: pointer; font-size: 1.1em; } /* Descriptions */ #content .descrip { font-size: 1em; color: #666; } /* Radio button and checkbox lists have a different layout */ #content .radio-check li { margin: 0; padding: 0; list-style-type: none; } #content .radio-check label { display: inline; float: right; width: 375px; font-size: 1em; } /* Form controls */ #content input[type="text"], #content input[type="password"], #content textarea { width: 200px; padding: 2px; font-size: 1em; border: solid 1px #ccc; } #content textarea { height: 150px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } #content select { padding: 2px; font-size: 1em; border: solid 1px #ccc; } /* ~~~~~~~~~~~~ Scrapbook ~~~~~~~~~~~~ */ /* scrapbook in left sidebar */ #nav-sub h2 { margin: 0 0 20px; font: 1.2em "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } #nav-sub h3 { font: 1.1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } #nav-sub .utilities { border-top: solid 1px #afaeae; border-bottom: solid 1px #afaeae; float: left; margin: 5px 0 0; width: 100%; } #nav-sub .utilities li { float: left; width: 15px; padding: 3px 6px 3px 0; } #nav-sub .utilities li a { padding: 0; width: 15px; height: 15px; float: left; overflow: hidden; } #nav-sub .utilities li a em { position: absolute; left: -9000em; } #nav-sub #author { clear: left; padding-top: 10px; } #nav-sub #notes { margin-top: 10px; } #nav-sub ol strong { color: #000; font-weight: normal; } #nav-sub ol #notes strong { display: block; } #nav-sub ol a span { position: absolute; left: -9000em; } #nav-sub select, #nav-sub textarea, #nav-sub input[type="text"] { width: 130px; padding: 2px; color: #999; font-size: 1em; border: solid 1px #ccc; margin: 5px 0; } #nav-sub select { width: 136px; } #nav-sub textarea { height: 150px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } /* scrapbook in search results */ #content .listings.rows .scrapbook-area { clear: left; } #content .listings.rows .scrapbook-area h5 { position: static; left: 0; } #content .listings.rows .scrapbook-area h6 { font-size: 1em; margin: 0; font-weight: normal; } #content .listings.rows .scrapbook-area label { font-weight: normal; font-size: 1.1em; } #content .listings.rows .scrapbook-area li { padding: 0; margin: 0 0 5px 0; width: 100%; } #content .listings.rows .scrapbook-area li:hover { background: none; } #content .listings.rows .scrapbook-area input[type="text"], #content .listings.rows .scrapbook-area input[type="password"] { width: 115px; font-size: 1em; } #content .listings.rows .scrapbook-area select, #content .listings.rows .scrapbook-area input[type="button"] { width: 120px; font-size: 1em; } /* scrapbook in right sidebar */ #content #content-related .scrapbook-area ol { margin: 0; } /* ~~~~~~~~~~~~ Icons ~~~~~~~~~~~~ */ li.search a { background: url(../images/ui/icon-search.gif) no-repeat 0 -21px; } li.search a:hover { background: url(../images/ui/icon-search.gif) no-repeat 0 0; } li.scrapbook a { background: url(../images/ui/icon-scrapbook.gif) no-repeat 0 -21px; } li.scrapbook a:hover { background: url(../images/ui/icon-scrapbook.gif) no-repeat 0 0; } li.metadata a { background: url(../images/ui/icon-metadata.gif) no-repeat 0 -21px; } li.metadata a:hover { background: url(../images/ui/icon-metadata.gif) no-repeat 0 0; } li.metadata-view a { background: url(../images/ui/icon-metadata-view.gif) no-repeat 0 -20px; } li.metadata-view a:hover { background: url(../images/ui/icon-metadata-view.gif) no-repeat 0 0; } li.metadata-save a { background: url(../images/ui/icon-metadata-save.gif) no-repeat 0 -20px; } li.metadata-save a:hover { background: url(../images/ui/icon-metadata-save.gif) no-repeat 0 0; } li.print a { background: url(../images/ui/icon-print.gif) no-repeat 0 -21px; } li.print a:hover { background: url(../images/ui/icon-print.gif) no-repeat 0 0; } li.delete a { background: url(../images/ui/icon-del.gif) no-repeat 0 -22px; } li.delete a:hover { background: url(../images/ui/icon-del.gif) no-repeat 0 0; } li a.removefromlightboxlink { background: url(../images/ui/icon-del.gif) no-repeat 0 -22px; } li a.removefromlightboxlink:hover { background: url(../images/ui/icon-del.gif) no-repeat 0 0; } li.view a { background: url(../images/ui/icon-view.gif) no-repeat 0 -21px; } li.view a:hover { background: url(../images/ui/icon-view.gif) no-repeat 0 0; } li.edit a { background: url(../images/ui/icon-edit.gif) no-repeat 0 -20px; } li.edit a:hover { background: url(../images/ui/icon-edit.gif) no-repeat 0 0; } li.email a { background: url(../images/ui/icon-email.gif) no-repeat 0 -22px; } li.email a:hover { background: url(../images/ui/icon-email.gif) no-repeat 0 1px; } li.save a { background: url(../images/ui/icon-save.gif) no-repeat 0 -20px; } li.save a:hover { background: url(../images/ui/icon-save.gif) no-repeat 0 0; } li.pdf a { background: url(../images/ui/icon-pdf.gif) no-repeat 0 -0px; } li.pdf a:hover { background: url(../images/ui/icon-pdf.gif) no-repeat 0 0; } li.media a { background: url(../images/ui/icon-image-view.gif) no-repeat 0 -21px; } li.media a:hover { background: url(../images/ui/icon-image-view.gif) no-repeat 0 0; } li.stills-video a { background: url(../images/ui/icon-video-stills.gif) no-repeat 0 -20px; } li.stills-video a:hover { background: url(../images/ui/icon-video-stills.gif) no-repeat 0 0; } li.image-original a { background: url(../images/ui/icon-image-view.gif) no-repeat 0 -20px; } li.image-original a:hover { background: url(../images/ui/icon-image-view.gif) no-repeat 0 0; } /* *************************************** TEMPLATE: FULL WIDTH WIDTH, NO SIDEBARS *************************************** */ /* ~~~~~~~~~~~~ Home Page ~~~~~~~~~~~~ */ /* No Flash Content */ #flash-home p { background: #01a6e4; color: #000; padding: 2px 4px; font-size: 1.1em; } #flash-home p a { color: #fff; } #flash-home p a:hover { color: #000; } #flash-home ul li { float: left; border-top: 1px solid #fff; } #flash-home ul:first-child { border: none; } #flash-home ul a { float: left; } #flash-home img { float: left; margin-bottom: -1px; } /* Sponsors logos */ #sponsors { background: #fff; float: left; width: 950px; padding-top: 10px; padding-right: 0px; padding-bottom: 0; padding-left: 20px; } #sponsors li { float: left; margin: 0 30px 0 0; } #sponsors li a { display: block; float: left; height: 46px; } #sponsors li:first-child a { padding-left: 0; } #sponsors li a span { position: absolute; left: -9000em; } #sponsors #coventry a { background: url(../images/logos/coventry-university.gif) no-repeat left bottom; width: 102px; } #sponsors #coventry a:hover { background-position: left top; } #sponsors #cemap a { background: url(../images/logos/cemap.gif) no-repeat left bottom; width: 172px; } #sponsors #cemap a:hover { background-position: left top; } #sponsors #ahrc a { background: url(../images/logos/arts-humanities-research-council.gif) no-repeat left bottom; width: 124px; } #sponsors #ahrc a:hover { background-position: left top; } #sponsors #sdd a { background: url(../images/logos/siobhan-davies.gif) no-repeat left bottom; width: 55px; } #sponsors #sdd a:hover { background-position: left top; } #sponsors #artscouncil a { background: url(../images/logos/supported-by-arts-council-england.gif) no-repeat left bottom; width: 183px; } #sponsors #artscouncil a:hover { background-position: left top; } /* *************************************** TEMPLATE: 1 CONTENT COLUMN, LEFT SIDEBAR *************************************** */ /* ~~~~~~~~~~~~ Column 1 ~~~~~~~~~~~~ */ #content.cols-1 { padding: 54px 12px 34px; width: 776px; } /* ~~~~~~~~~~~~ Paragraphs ~~~~~~~~~~~~ */ #content.cols-1 p { width: 580px; } /* ~~~~~~~~~~~~ Pagination ~~~~~~~~~~~~ */ #content .pagination { float: left; width: 100%; } #content .pagination.top { margin: 0 0 18px; } #content .pagination.bottom { margin: 18px 0 0; } #content .pagination p { width: 100%; margin: 0; } #content .pagination ol { margin: 0; } #content .pagination li { float: left; list-style-type: none; margin: 0 2px; padding: 0; } #content .pagination li:first-child { padding-left: 0; } #content .pagination li a { float: left; display: block; } /* ~~~~~~~~~~~~ Listings ~~~~~~~~~~~~ */ #content .listings { margin: 0 0 0 -12px; float: left; width: 800px; } #content .listings li { margin: 0; padding: 10px; list-style-type: none; width: 138px; float: left; } #content .listings ol { margin: 0; float: none; width: 100%; } #content .listings li li { padding: 0; color: #666; font-size: 0.9em; } /* Common - Even row styling */ #content .listings.even { background: #e1e1e1; } #content .listings.even li, #content .listings.rows li.even { background: #e1e1e1; border: solid 1px #e1e1e1; } #content .listings.even li li { border: none; } #content .listings.even li:hover { border: solid 1px #f6f6f6; background: #f6f6f6; } #content .listings.even li:hover li { border: none; background: none; } /* Common - Odd row styling */ #content .listings.odd { background: #ebebeb; } #content .listings.odd li, #content .listings.rows li.odd { background: #ebebeb; border: solid 1px #ebebeb; } #content .listings.odd li li { border: none; } #content .listings.odd li:hover { border: solid 1px #f6f6f6; background: #f6f6f6; } #content .listings.odd li:hover li { border: none; background: none; } /* Common - Headings */ #content .listings h2, #content .listings h3, #content .listings h4, #content .listings h5 { font-weight: normal; } /* Common - hidden elements */ .listings h3, .listings h4, .listings strong, .listings a span { position: absolute; left: -9000em; } /* Common - Utilities */ #content .listings .utilities { border-top: solid 1px #afaeae; border-bottom: solid 1px #afaeae; float: left; margin: 0; } #content .listings .utilities li { float: left; width: 15px; padding: 3px 6px 3px 0; } .utilities li a { padding: 0; width: 15px; height: 15px; float: left; overflow: hidden; } .utilities li a em { position: absolute; left: -9000em; } /* Common - Read more links */ #content .listings .link-more a { background: url(../images/ui/plus-black.gif) no-repeat 0 5px; padding: 0 0 0 10px; color: #000; } #content .listings .link-more a:hover { color: #01a6e4; } /* Listing Rows/Search Results */ #content .listings.rows li { margin: 0; padding: 10px; list-style-type: none; position: static; width: 778px; } #content .listings.rows li:hover { border: solid 1px #f6f6f6; background: #f6f6f6; } #content .listings.rows li li:hover { border: none; } .listings.rows h5 { position: absolute; left: -9000em; } .listings.rows div.thumb-utilities { float: left; width: 120px; margin: 0 10px 0 0; } #content .listings.rows div.thumb-utilities p { margin: 0; width: 120px; } #content .listings.rows div.thumb-utilities .utilities { margin-top: 5px; } #content .listings.rows div.thumb-utilities .utilities li { float: left; width: 15px; padding: 3px 6px 3px 0; clear: none; } .listings.rows div.metadata { margin: 0 0 0 130px; } #content .listings.rows div.metadata li { width: 613px; padding: 0; } .listings.rows strong { position: static; left: 0; font-weight: normal; color: #333; } .listings.rows .summary { margin: 18px 0 0; } .listings.rows .summary strong { display: block; } /* Advanced Search */ #search-advanced { } #search-advanced th, #search-advanced td { vertical-align: top;text-align: left; padding: 5px 0; font-weight: normal; font-size: 1.1em; } #search-advanced td td { font-size: 1em; } /* Movie Stills */ #content #utilities-stills { float: left; margin: 0 0 1.5em; padding: 0; } #content #utilities-stills li { float: left; list-style-type: none; margin: 0 15px 0 0; padding: 0; } #content #utilities-stills li a { padding-left: 20px; } #content .pagination #stillnumbersform .field-container { margin: 0 20px 0 0; } #stillnumbersform label { width: auto; margin: 0 5px 0 0; } .still-wrapper { margin: 0 0 0 -12px; float: left; width: 800px; clear: left; } .still_container { padding: 10px; float: left; width: 138px; min-height: 13.5em; background: #e1e1e1; border: solid 1px #e1e1e1; } .still_container:hover { background: #f6f6f6; border: solid 1px #f6f6f6; } .still_container.series { background: #f6f6f6; border: solid 1px #f6f6f6; } .still_container h3 { position: absolute; left: -9000em; } #content.cols-1 .still_container p { width: 100%; margin: 0; } .still_container .thumbnail { width: 140px; height: 98px; overflow: hidden; margin: 0 0 5px; } .still_container .thumbnail img { width: 140px; } /* Scrapbook */ #content .listings ul li.title { color: #000; } /* Guest Scrapbooks */ #biog { float: right; background: #cecece; width: 210px; padding: 10px; } #biog img { margin: 10px 0 15px; } #content.cols-1 #biog p { width: 210px; } #content.cols-1 #biog h4 { color: #666; font-style: italic; margin: 1.5em 0 0; font-weight: normal; } /* guest scrapbooks home */ #biog.overview { float: left; width: 228px; margin: 0 10px 10px 0; min-height: 390px; } #content.cols-1 #biog.overview p { width: 228px; } #content .listings.rows.scrapbooks { width: 500px; margin: 0; } #content .listings.rows.scrapbooks li { width: 500px; margin-bottom: 10px; padding: 0 10px 10px 32px; background: #ebebeb; border: solid 1px #ebebeb; } #content .listings.rows.scrapbooks .thumb-utilities, #content .listings.rows.scrapbooks .metadata { padding: 10px; margin: 0; } #content .listings.rows.scrapbooks li li { margin-bottom: 0; border: none; background: #e1e1e1; } #content .listings.rows.scrapbooks div.metadata li { width: 340px; } #content .listings.rows.scrapbooks li.title { color: #000; font-size: 1.1em; } .scrapbooks-wrapper { background: #e1e1e1; float: left; } #content .listings.rows.scrapbooks .scrapbook-area li { width: auto; padding-left: 0; background: none; } #content .listings.rows.scrapbooks .item1 { background: #ebebeb url(../images/ui/1.gif) no-repeat left top; } #content .listings.rows.scrapbooks .item2 { background: #ebebeb url(../images/ui/2.gif) no-repeat left top; } #content .listings.rows.scrapbooks .item3 { background: #ebebeb url(../images/ui/3.gif) no-repeat left top; } #content .listings.rows.scrapbooks .item4 { background: #ebebeb url(../images/ui/4.gif) no-repeat left top; } #content .listings.rows.scrapbooks .item5 { background: #ebebeb url(../images/ui/5.gif) no-repeat left top; } #content .listings.rows.scrapbooks .item6 { background: #ebebeb url(../images/ui/6.gif) no-repeat left top; } #content .listings.rows.scrapbooks .item7 { background: #ebebeb url(../images/ui/7.gif) no-repeat left top; } #content .listings.rows.scrapbooks .item8 { background: #ebebeb url(../images/ui/8.gif) no-repeat left top; } #content .listings.rows.scrapbooks .item9 { background: #ebebeb url(../images/ui/9.gif) no-repeat left top; } /* Guest Scrapbooks Plug */ #guest-scrapbooks-advert { background: #fff; border: solid 1px #ccc; padding: 10px; margin-bottom: 1.5em; } #guest-scrapbooks-advert p { font-size: 1em; } #guest-scrapbooks-advert a { color: #01a6e4; } /* *************************************** TEMPLATE: 2 CONTENT COLUMNS, LEFT SIDEBAR *************************************** */ /* THERE ARE 2 OPTIONS FOR THIS TEMPLATE: 1. LEFT SIDEBAR, WIDE CENTRE COLUMN, NARROWER RIGHT COLUMN - Default style - Add class of "cols-2" to "#content" 2. LEFT SIDEBAR, NARROWER CENTRE COLUMN, WIDE RIGHT COLUMN - Same styles as option 1 - Add classes of "cols-2 wide" to "#content" */ /* ~~~~~~~~~~~~ Content Areas ~~~~~~~~~~~~ */ #content.cols-2 { width: 800px; padding-bottom: 34px; } /* Option 1 */ #content.cols-2 { background: url(../images/ui/related-info-background.gif) repeat-y right top scroll; min-height: 500px; } #content.cols-2 #copy { width: 456px; padding: 54px 12px 0; float: left; } #content.cols-2 #content-related { margin: 0 0 0 480px; } /* Option 2 */ #content.cols-2.wide { background: url(../images/ui/related-info-wide-background.gif) repeat-y right top scroll; min-height: 1030px; } #content.cols-2.wide #copy { width: 302px; } #content.cols-2.wide #content-related { margin: 0 0 0 326px; } /* ~~~~~~~~~~~~ Copy ~~~~~~~~~~~~ */ /* Common - Headings */ /* option 2 */ #content.cols-2.wide #copy h3 { margin: 0; color: #7b7b7b; } /* Common - Paragraphs */ /* option 1 */ #content.cols-2 #copy p { width: 400px; } /*option 2 */ #content.cols-2.wide #copy p { width: 299px; color: #000; } /* Common - Lists */ /* option 1 */ #content.cols-2 #copy ul, #content.cols-2 #copy ol { width: 400px; } /*option 2 */ #content.cols-2.wide #copy ul, #content.cols-2.wide #copy ol { width: 299px; } #content.cols-2.wide #copy ul p, #content.cols-2.wide #copy ol p { width: 100%; } #content.cols-2.wide #copy ul { margin: 0 0 20px; } #content.cols-2.wide #copy ul li { background: none; padding: 0; margin: 0; color: #666; } #content.cols-2.wide #copy ul li a { color: #666; } #content.cols-2.wide #copy ul li a:hover { color: #01a6e4; } #content.cols-2.wide #copy ul li strong { font-weight: normal; color: #000; } #content.cols-2.wide #copy ul li strong a { color: #000; } #content.cols-2.wide #copy ul li strong a:hover { color: #01a6e4; } /* Common - 3 Column layout in content area */ .cols3-col1, .cols3-col2, .cols3-col3 { float: left; width: 125px; margin: 0 40px 0 0; } .cols3-col3 { margin: 0; } /* ~~~~~~~~~~~~ Related Content ~~~~~~~~~~~~ */ /* Commom - Content Related Headings */ #content-related h2, #content-related h3, #content-related h4, #content-related h5, #content-related h6 { font-weight: normal; } #content-related h2, #content-related h2 a { color: #333; } #content-related h3 { color: #222; margin: 0 9px } /* Common - Assorted Text Elements */ #content-related ul, #content-related div div div { margin: 0 9px 15px; } #content-related ul li { margin: 0; background: none; padding: 0; } #content-related strong { color: #666; font-weight: normal; } /* Images */ #content-related .photo p { margin: 12px; color: #777; } /* Thumbnails */ #content-related .thumbnail { margin: 0; } /* thumbnails in listings */ #content .listings .thumbnail { width: 140px; height: 98px; overflow: hidden; margin: 0 0 5px; background: #000; text-align: center; } #content .listings .thumbnail img { width: auto; height: 98px; } /* thumbnails in search results */ #content .listings.rows .thumbnail { width: 120px; height: 84px; overflow: hidden; background: #000; text-align: center; } #content .listings.rows .thumbnail img { height: 84px; width: auto; } /* Common - Media lists */ /* common */ #content-related .media { float: left; } #content-related .media h2 { margin: 25px 9px 5px; color: #333; font-size: 1.1em; } #content-related .media h3 { margin: 0; clear: left; color: #666; } #content-related .media div div div { margin: 0; } #content-related .media ul { float: left; margin: 0; padding: 0; font-size: 0.9em; color: #333; line-height: 1; } #content-related .media li { width: 73px; list-style-type: none; float: left; margin: 0 0 2px 2px; padding: 0; } #content-related .media a { overflow: hidden; display: block; } #content-related .media li:first-child { margin-left: 0; } #content-related .media h4 { position: absolute; left: -9000em; } #content #content-related .media .media-year, #content #content-related .media .media-descrip { margin: 0; } #content-related .media .media-year { color: #333; } #content-related .media .media-descrip { color: #999; } /* option 1 */ #content-related .media ul { width: 300px; } #content-related .media li { width: 73px; } #content-related .media a { width: 73px; height: 56px; } #content-related .media img { width: 73px; min-height: 56px; } /* option 2 */ #content.cols-2.wide #content-related .media h2 { margin-top: 6px; } #content.cols-2.wide #content-related .media ul { width: 455px; } #content.cols-2.wide #content-related .media li { width: 89px; } #content.cols-2.wide #content-related .media a { width: 89px; height: 68px; background: #000; text-align: center; } #content.cols-2.wide #content-related .media img { width: auto; height: 68px; } /* Commom - Visual Media */ /*#content-related .media-visual { background: #000; width: 100%; min-height: 200px; margin: 0 0 12px; }*/ #content-related .media-visual { background: #ebebeb; min-height: 200px; margin: 9px 9px 12px; } #content #content-related .media-visual ul li a { color: #666; } #content #content-related .media-visual ul li a:hover { color: #01a6e4; } /* ~~~~~~~~~~~~ About Page ~~~~~~~~~~~~ */ #content-related h2.credit { color: #01a6e4; margin: 54px 9px 25px; } /* ~~~~~~~~~~~~ Dancers Page ~~~~~~~~~~~~ */ /* Dancer Names Lists (In content area) */ #content .dancers { margin: 0 0 36px 0; } #content .dancers li { padding: 0; margin: 0; list-style-type: none; } #content .dancers.siobhandavies a { color: #005a96; } #content .dancers.siobhandavies a:hover { color: #01a6e4; } /* Dancer Profile (In right sidebar) */ #dancer-profile h2 { color: #000; font-size: 1.2em; margin: 20px 60px 0 9px; position: relative; } #dancer-profile h3 { clear: right; } /* utilities list */ #dancer-profile .utilities { margin: -20px 9px 14px; float: right; border-top: solid 1px #cacaca; border-bottom: solid 1px #cacaca; width: 302px; } #dancer-profile .utilities li { list-style-type: none; margin: 2px 0 2px 9px; padding: 0; float: right; } #dancer-profile .utilities li a { padding: 0; width: 15px; height: 15px; float: left; overflow: hidden; } #dancer-profile .utilities li a em { position: absolute; left: -9000em; } #dancer-profile .utilities li.search a { background: url(../images/ui/icon-search.gif) no-repeat 0 bottom; } #dancer-profile .utilities li.search a:hover { background: url(../images/ui/icon-search.gif) no-repeat 0 0; } /* projects list */ #dancer-profile .projects { margin: 0 9px 18px; } #dancer-profile .projects li { list-style-type: none; margin: 0; padding: 0; } #dancer-profile p { color: #666; margin: 0 9px 18px; } #dancer-profile a { color: #666; } #dancer-profile a:hover { color: #01a6e4; } #dancer-profile .link-more a { background: url(../images/ui/plus-black.gif) no-repeat 0 5px; padding: 0 0 0 10px; color: #000; } #dancer-profile .link-more a span { position: absolute; left: -9000em; } #dancer-profile .link-more a:hover { color: #01a6e4; } /* ~~~~~~~~~~~~ Record Pages ~~~~~~~~~~~~ */ /* Headings */ #nav-sub h2.ajax-media, #nav-sub h3.ajax-media { display: none; } /* made visible again in javascript stylesheet */ /* Menu in Right Sidebar */ #content-related #record-menu li { margin-bottom: 5px; } #record-menu li a { padding: 0 0 0 18px; } /* end of styles for screen, projection & tv media types */ } @media print { /* *************************************** PRINT *************************************** */ /* end of styles for print media type */ }