@charset "UTF-8"; @import "formats.css"; /* MID PENNINE ARTS 2010 Author: Howard Marsden at Source Creative http://www.sourcecreative.co.uk Colours: Event type Dark Light 20% Light 10% 60% contemporary heritage #25AB9A #D3EEEB #E9F7F5 #7CCDC2 creativelearning #D67768 #F7E4E1 #FBF1F0 #E6ADA4 creative regeneration #849EC3 #E6ECF3 #F3F5F9 #B5C5DB --------------------- site wide elements --------------------- */ * {margin: 0; padding: 0;} body {font-family: Calibri, Arial, sans-serif; font-size:13px;} a {text-decoration: none; color:#69ADDF;} a:active {color:#69ADDF;} a:hover {color:#4C81A6;} #wrapper {margin: 0 auto; width: 960px;} .clear {clear: both;} /* --------------------- banner and navigation --------------------- */ #banner {width:960px; height: 134px;} #banner h1#logo {text-indent:-3000px;width:176px;height:134px;float:left;} #banner h1#logo a {display: block;background:url("images/mpaBannerLogo.gif"); width:176px; height:134px; } #banner #navigation {position: relative;float: right; width: 784px;} #projectsmenu {float: left;} #banner #navigation ul.inlinemenu {height: 48px; } #banner #navigation ul#projectsmenu {background: url("images/projectsmenuBg.gif") no-repeat top left; border-left: 2px solid #25AB9A; width:464px; padding-left: 6px;} #banner #navigation ul#socialmenu {background: url("images/socialBg.gif") repeat-x top left; border-left: 2px solid #B3B3B3; width: 299px; float: right; padding-left: 6px;} #banner #navigation ul.inlinemenu li {display: inline;margin-right:4px;background:url("images/star.png") no-repeat left center; padding-left:8px;} #banner #navigation ul.inlinemenu li a {color:#B3B3B3;} #banner #navigation ul.inlinemenu li a:hover {color:#777777;} #banner #navigation ul.blockmenu {list-style:none; display:inline-block;float: left;} #banner #navigation ul.blockmenu li {display: block;text-indent: -4000px;width:158px;height:48px; float: left;} #banner #navigation ul.blockmenu li a {display:block;border-left:2px solid #B3B3B3;width:158px;height:48px; background: top left;} #banner #navigation ul.blockmenu li.contact {width:132px;} #banner #navigation ul.blockmenu li.contact a {width:142px;} #banner #navigation ul#mainmenu li.visualarts a {background:url("images/visualartsBtn.gif"); border-left-color:#25AB9A;} #banner #navigation ul#mainmenu li.publicrealm a {width:160px;background:url("images/publicrealmBtn.gif"); border-left-color:#849EC3;} #banner #navigation ul#mainmenu li.creativelearning a {background:url("images/creativelearningBtn.gif") top left; border-left-color:#D67768;} #wrapper #banner #navigation ul.blockmenu li a:hover {background-position:bottom left;} #banner #navigation ul#companymenu {float: right; width: 307px;} #banner #navigation ul#companymenu li {width: 141px;} #banner #navigation ul#companymenu li.about a {float: left; background:url("images/aboutusBtn.gif"); border-left-color:#B3B3B3; width: 141px;} #banner #navigation ul#companymenu li.contact a {float: left; background:url("images/contactBtn.gif"); border-left-color:#B3B3B3; width: 141px;} /*Breadcrumbs*/ #banner #breadcrumbs {color:#666666;float: left;font-size:12px; padding-left: 10px; border-left: 1px solid #69ADDF; height: 12px; margin-top: 16px;} #banner #breadcrumbs a {color:#69ADDF;} #banner #breadcrumbs a:hover {color:#4C81A6;} /* --------------------- content --------------------- */ #content {margin: 13px 0 16px 0;} #highlights {width: 640px;} #highlights h2 {width: 620px; height: 26px; background-color: #69ADDF; font-size: 18px; color: #FFFFFF; padding: 3px 10px;} #highlights .highlightbox {width: 640px; height: 368px; background: #DDD; position: relative;} #highlights .highlightbox img.image {z-index: 1;} /* --------------------- home page content --------------------- */ .caption {z-index: 5; line-height: 15px; color: #FFF; background: url("images/trans60.png"); padding: 9px; width: 618px; position: absolute; top: 312px; left: 0px;height: 38px; border-left: 4px solid #999;} .caption.visualarts {border-left-color:#25AB9A;} #categories li {font-size: 12px; line-height: 13px;font-weight:bold;display: block; float: left; width: 174px; height: 85px; border-left: 2px solid #555;} #categories li.about {width: 110px;} #categories li a {display: block; height: 79px; padding: 3px 5px; background-color: #CCCCCC; color: #FFFFFF;} #categories li a:hover {background-color: #BBBBBB;} #categories .title {font-size: 22px; line-height: 20px;display:block; height: 50px;} #categories li.visualarts1,#categories li.visualarts,.caption.visualarts {border-left-color: #25AB9A;} #categories li.visualarts1 a,#categories li.visualarts a .title,.visualarts .plus {color: #25AB9A;} #categories li.creativelearning1,#categories li.creativelearning,.caption.creativelearning {border-left-color: #D67768;} #categories li.creativelearning1 a,#categories li.creativelearning a .title,.creativelearning .plus {color: #D67768;} #categories li.publicrealm1,#categories li.publicrealm,.caption.publicrealm {border-left-color: #849EC3;} #categories li.publicrealm1 a,#categories li.publicrealm a .title,.publicrealm .plus {color: #849EC3;} #categories li.about {border-left-color: #69ADDF;} #categories li.about a {background-color: #C3DEF2;} #categories li.about a:hover {background-color: #abcae0;} #categories li.about a .title {height: 29px; color: #69ADDF;} #categories li.visualarts.active a, #categories li.visualarts a:hover {background-color: #25AB9A;} #categories li.visualarts.active a .title, #categories li.visualarts a:hover .title {color: #A8DDD7;} #creativelearning_highlights {display: none;} #publicrealm_highlights {display: none;} #about_highlights {display: none;} #main {float: left;} #main .clearfix {clear: both;} #main .story {padding-top: 16px; width: 464px; margin-left: 175px; margin-bottom: 32px; min-height: 220px;} #main .story h2 {font-size: 28px; font-weight: normal;} #main .story {font-size: 18px; color: #666666;} #main .story p, #main.standard .storystd p {margin-bottom: 8px; color: #666666;} #main .storylst {color: #666666;} /* standard page */ #main.standard {width: 640px; position: relative;} #main.standard .storystd {width: 464px;clear: none; float: right; padding-top: 0px;} #main.standard h2.projecttitle, #main.standard .storystd h2 {width: 454px; background-color:#69ADDF; color: #FFFFFF;font-size:18px;display: block;height:27px;font-weight:bold;padding:3px 5px;} .storystd li {color:#666;font-size:15px;margin-bottom:4px;} .storystd li .jobtitle {display:inline-block;width:250px;} /* /* listing page */ #main.listings {width: 640px; position: relative;} #main.listings .storylst {width: 464px;clear: none; float: right; padding-top: 0px;} .category_header {width: 785px; float: right; } .category_header h2 {float:left;width: 471px; background-color:#69ADDF; color: #FFFFFF;font-size:18px;display: block;height:27px;font-weight:bold;padding:3px 5px;} .category_header h2.full {width: 775px;} .listings.archive .storylst,.listings.op .storylst {margin-top: 16px;} .storylst li {cursor: pointer;} #panoramics a img {border: none;} { padding: 8px; border-bottom: 1px dotted #CCC;} .storylst li .image {float: left; width: 125px; height: 115px;} .panoramics .storylst li .image {float: left; width: 250px; height: 115px;} .storylst li span.clear {display: block; font-size: 0px; height: 0px; clear: both;} .more a {color: #25AB9A; font-style: italic;} #main.listings .storylst .title {color: #FFFFFF;font-weight:bold;font-size:18px;} #main.listings .storylst .date {font-weight:bold;} ul.pano .title {display: block; padding: 8px; color: #333;} ul.pano {} ul.pano li {display: block;border-bottom: 8px solid #FFF;} ul.pano li a .title {background-color: #CCD5E3;} ul.pano li a:hover .title {background-color: #849EC3;} ul.pano a img {border: none;} #wrapper #main .storylst li .title {color:#666666;} .storylst li.va a, #main.listings .storylst .va .title {color:#25AB9A;} .storylst li.cl a, #main.listings .storylst .cl .title {color:#D67768;} .storylst li.pr a, #main.listings .storylst .pr .title {color:#849EC3;} .va .storystd h3 {border-bottom:1px solid #25AB9A; color: #25AB9A; padding: 5px 0; margin: 15px 0;} .cl .storystd h3 {border-bottom:1px solid #D67768; color: #D67768; padding: 5px 0; margin: 15px 0;} .pr .storystd h3 {border-bottom:1px solid #849EC3; color: #849EC3; padding: 5px 0; margin: 15px 0;} .visualarts .category_header h2, .va .category_header h2, .va #main.standard .storystd h2 {background-color:#25AB9A;} .creativelearning .category_header h2, .cl .category_header h2, .cl #main.standard .storystd h2 {background-color:#D67768;} .publicrealm .category_header h2, .pr .category_header h2, .pr #main.standard .storystd h2 {background-color:#849EC3;} .va #sidebarRight .project .tabs li a,.va #gmapBox h4 {color:#25AB9A;} .cl #sidebarRight .project .tabs li a,.cl #gmapBox h4 {color:#D67768;} .pr #sidebarRight .project .tabs li a,.pr #gmapBox h4 {color:#849EC3;} .archive_link {float: right; padding:0 0 16px 0; border-bottom: 1px dotted #CCC;} .archive_link a {display: block;width: 294px; padding: 3px 5px; height: 26px;border-top: 24px solid #CCC;color:#FFF;font-size:18px;font-weight:bold;} .visualarts .archive_link a, .va .archive_link a {background-color:#7CCDC2;border-top-color:#25AB9A;} .creativelearning .archive_link a, .cl .archive_link a {background-color:#E6ADA4;border-top-color:#D67768;} .publicrealm .archive_link a, .pr .archive_link a {background-color:#B5C5DB;border-top-color:#849EC3;} /* --------------------- sidebar (left) --------------------- */ #sidebarLeft {float: left; width: 155px;padding-top:0px;} #sidebarLeft ul {border-top: 1px solid #E6E6E6; padding-bottom: 5px;} #sidebarLeft li {list-style: none; display: inline;} #sidebarLeft li a {display: block; width: 155px; padding: 14px 0;border-bottom: 1px solid #E6E6E6;} #sidebarLeft li.current a {color:#4C81A6; font-weight: bold; } .star {display: inline-block; font-size: 15px;vertical-align: middle;} /* --------------------- sidebar (right) --------------------- */ #sidebarRight {width: 304px; float: right;} .container {background:#E1EFF9; clear: left;margin-top:0;} #sidebarRight .tabs li {display: block; list-style: none;width:150px;height:32px; } #sidebarRight .tabs li a {font-weight:bold; display: block; width:140px;padding:3px 5px;height:26px; font-size:18px; background-color: #69ADDF; color: #FFFFFF;} /*mission*/ #mission {margin-bottom: 16px;} /*galleries*/ .vimeo {float:left;} .vimeo a {background:url("images/vimeoTab.gif") top left;} .flickr {float:right;} .flickr a {background:url("images/flickrTab.gif") bottom left;} #vimeo {height: 248px; } #vimeo.video {height: 168px;} #vimeo .video {height: 168px; background-color: #000000;} #vimeo .thumbs {height: 76px;} #flickr {min-height: 248px; display: none;} #gMap {width: 304px; height: 216px;} #gMap.mainimage {width: 464px; height: 336px; margin-bottom: 16px;} #gmapBox h4 {height:26px; padding: 3px 5px; background-color: #69ADDF; color: #FFFFFF;} #planyourvisit h4 {height:26px; padding: 3px 5px; } #sidebarLeft #gMap {width: 155px; height: 155px; margin-bottom: 16px;} #sidebarLeft #gMap.mainimage {width: 155px; height: 155px; margin-bottom: 16px;} #sidebarLeft #gmapBox h4 {height:26px; padding: 3px 5px; background-color: #69ADDF; color: #FFFFFF;} /* ----------- project page ----------- */ .project #content .story {padding-top: 0; font-size: 14px;} .project #content .story h2, .project #content h2.projecttitle {width: 774px;color: #FFFFFF;font-size: 18px; font-weight: bold; padding:3px 5px; height: 27px;} h2.projecttitle {margin-bottom: 8px;} .project #content .story #mainimage {} .standard #mainimage {margin-bottom: 16px;} #imagedescription {font-size:12px; padding:3px 8px;margin-bottom:16px;} .va #imagedescription {background-color: #D3EEEB;} .cl #imagedescription {background-color: #F7E4E1;} .pr #imagedescription {background-color: #E6ECF3;} /* for individual project pages the order is flipped */ #sidebarRight .project .tabs li a {font-size: 14px; border-top: 4px solid #25AB9A;} #sidebarRight .project .flickr {float: left;} #sidebarRight .project .vimeo {float:right;} #sidebarRight .project .flickr a {background: #C3DEF2;} #sidebarRight .project .vimeo a {background: #D9EAF7;} #sidebarRight .project #flickr {display: block; margin-top: 32px;} #sidebarRight .project #vimeo {display: none;} #sidebarRight #galleries {height: 300px;} #sidebarRight #gMap {margin-bottom: 16px; height: 200px;} #sidebarRight #quotes, #sidebarLeft #quotes {background-color: #CCC; padding: 3px 5px; margin-bottom: 16px;} #sidebarRight #quotes p, #sidebarLeft #quotes p {margin-bottom: 5px; color: #666;} .project .clear {font-size: 0px; height: 0px;} #gmapBox h4 {font-size:14px;} /* project specific colors */ #sidebarRight #categories li.visualarts1 a,#sidebarRight #categories li.visualarts a {background-color:#25AB9A;} #sidebarRight #categories li.creativelearning1 a,#sidebarRight #categories li.creativelearning a {background-color:#D67768;} #sidebarRight #categories li.publicrealm1 a,#sidebarRight #categories li.publicrealm a {background-color:#849EC3;} #sidebarRight #categories li.archive a {background-color:#B4D6EF;} #sidebarRight #categories li.visualarts1 a:hover,#sidebarRight #categories li.visualarts a:hover {color:#D3EEEB;} #sidebarRight #categories li.creativelearning1 a:hover,#sidebarRight #categories li.creativelearning a:hover {color:#F7E4E1;} #sidebarRight #categories li.publicrealm1 a:hover,#sidebarRight #categories li.publicrealm a:hover {color:#E6ECF3;} #sidebarRight #categories li.archive a:hover {color:#E9F4FC;} #sidebarLeft #projectInformation strong, #sidebarLeft #additionalInformation strong {color: #666; display:block;margin: 10px 0 5px 0;} #sidebarLeft #additionalInformation {margin-bottom: 16px;} .va #sidebarRight #gmapBox h4, .va #sidebarRight .project .flickr a, .va #sidebarRight .project .vimeo a, .va #sidebarLeft #projectInformation, .va #sidebarLeft #additionalInformation {background-color: #D3EEEB; border-top: 2px solid #25AB9A;} .va #sidebarLeft #projectInformation strong, .va #sidebarLeft #additionalInformation strong {border-top: 1px dotted #25AB9A;} .cl #sidebarRight #gmapBox h4, .cl #sidebarRight .project .flickr a, .cl #sidebarRight .project .vimeo a, .cl #sidebarLeft #projectInformation, .cl #sidebarLeft #additionalInformation {background-color: #F7E4E1; border-top: 2px solid #D67768;} .cl #sidebarLeft #projectInformation strong, .cl #sidebarLeft #additionalInformation strong {border-top: 1px dotted #D67768;} .pr #sidebarRight #gmapBox h4, .pr #sidebarRight .project .flickr a, .pr #sidebarRight .project .vimeo a, .pr #sidebarLeft #projectInformation, .pr #sidebarLeft #additionalInformation {background-color: #E6ECF3; border-top: 2px solid #849EC3;} .pr #sidebarLeft #projectInformation strong, .pr #sidebarLeft #additionalInformation strong {border-top: 1px dotted #849EC3;} #sidebarLeft #additionalInformation h4 {padding: 4px;} #sidebarLeft #additionalInformation ul {margin-top: 0;} #sidebarLeft #planyourvisit p {padding: 4px;} #sidebarLeft #planyourvisit #gmapBox { border-top: dotted #666 1px; margin-top: 8px;} .va #sidebarLeft #planyourvisit {background-color: #D3EEEB; border-top: 2px solid #25AB9A; color:#666;} .va #sidebarLeft #planyourvisit h4, .va #sidebarLeft #projectInformation h4, .va #sidebarLeft #additionalInformation h4 {color:#25AB9A;} .va #sidebarLeft #planyourvisit #gmapBox {border-top-color:#25AB9A;} .cl #sidebarLeft #planyourvisit {background-color: #F7E4E1; border-top: 2px solid #D67768; color:#666;} .cl #sidebarLeft #planyourvisit h4, .cl #sidebarLeft #projectInformation h4, .cl #sidebarLeft #additionalInformation h4{color:#D67768;} .cl #sidebarLeft #planyourvisit #gmapBox {border-top-color:#D67768;} .pr #sidebarLeft #planyourvisit {background-color: #E6ECF3; border-top: 2px solid #849EC3; color:#666;} .pr #sidebarLeft #planyourvisit h4, .pr #sidebarLeft #projectInformation h4, .pr #sidebarLeft #additionalInformation h4 {color:#849EC3;} .pr #sidebarLeft #planyourvisit #gmapBox {border-top-color:#849EC3;} #sidebarLeft #planyourvisit a, #sidebarLeft #additionalInformation a {color: #666 !important; text-decoration: underline !important;} .va #sidebarRight #quotes {background-color: #D3EEEB; border-left: 1px solid #25AB9A;} .va #sidebarLeft #quotes {background-color: #D3EEEB; border-left: 1px solid #25AB9A;} .cl #sidebarRight #quotes {background-color: #F7E4E1; border-left: 1px solid #D67768;} .cl #sidebarLeft #quotes {background-color: #F7E4E1; border-left: 1px solid #D67768;} .pr #sidebarRight #quotes {background-color: #E6ECF3; border-left: 1px solid #849EC3;} .pr #sidebarLeft #quotes {background-color: #E6ECF3; border-left: 1px solid #849EC3;} .storylst li:hover {background-color: #DBDBDB;} .va #sidebarRight .container,.storylst .va:hover {background-color: #D3EEEB;} .cl #sidebarRight .container,.storylst .cl:hover {background-color: #F7E4E1;} .pr #sidebarRight .container,.storylst .pr:hover {background-color: #E6ECF3;} .back {height:32px; width:155px;float:left;} .back a {height:26px;padding: 3px 5px; display:block;color:#999;background-color: #CCC; font-size: 14px;} #sidebarLeft #projectInformation, #sidebarLeft #additionalInformation {padding: 3px 5px 10px 5px; margin: 8px 0 16px 0;background-color: #CCC; border-top: 2px solid #999; color: #666;} #sidebarLeft.multi {border-bottom:1px solid #CCC;border-top:1px solid #CCC; padding: 16px 0;} /* content for project pages */ #projectbar h2.projecttitle {width: 752px; float: right; background-color:#849ec3;} #content.va #projectbar h2.projecttitle {background-color: #25AB9A;} #content.cl #projectbar h2.projecttitle {background-color: #D67768;} #content.pr #projectbar h2.projecttitle {background-color: #849EC3;} /* newsletterSignup */ #newsletterSignup {height: 88px;background:url("images/newsletterBg.gif") top right #E1EFF9;margin-top:16px;} #newsletterSignup h4 {color: #FFFFFF; padding:3px 5px;height:26px; font-size: 18px;} #newsletterSignup p {padding: 3px 5px 2px 5px;} #newsletterSignup form {margin-left: 5px; margin-top: 3px;} #newsletterSignup #emailaddress {background-color: #F7FBFD; border:none; height:18px; width: 192px;} #newsletterSignup .submit {color: #4066A4; background-color: #B0D4EE; border: none; height: 18px; font-size: 12px; text-transform: uppercase; padding: 1px 1px 2px 1px; cursor: pointer;font-family: Calibri, "Lucida Grande", Arial, sans-serif;} #newsletterSignup #name {display: none;} /*news feeds*/ #newsFeeds {margin-top: 16px;} .twitter {float: left; background-color:#c3def2;} .twitter a {background:url("images/twitterTab.gif") top left;} .blog {float: right;} .blog a {background:url("images/blogTab.gif") bottom left;} #twitter {} #blog {display:none;} .readall { } .rssHeader {display: none;} .readall p a {display:block;color:#69ADDF;background-color: #B4D6EF;font-weight: bold; font-style:italic; padding: 3px 5px;} .readall p a:hover {color: #4066A4;} #sidebarRight #twitter li {list-style: none;} /*#sidebarRight #twitter li a {color: #333333; padding: 3px 5px; display: block; font-size: 13px; border-bottom: 1px dotted #B3B3B3;}*/ #sidebarRight #twitter .tweet_list li a {color:#4066A4; } #sidebarRight #twitter .tweet_list li a:hover {background-color: #B4D6EF;} .tweet {padding: 5px 10px; border-bottom: 1px solid #B4D6EF} .tweet_avatar {float: left; margin: 5px; width: 32px; height: 32px; display: block;} .tweet .date {width: 100%; text-align: right;clear:both;display:block;} .tweet_time a {color: #69ADDF;} .tweet_text {display: block; padding: 5px; width: 242px; float: right;} #sidebarRight #twitter li a .date {color: #666666; font-size: 11px;} #sidebarRight #twitter .tweet_list li .clear {display: block; font-size: 0px;} #newsFeeds .feed li {border-bottom: 1px dotted #69ADDF; padding: 4px 0;} .readall {clear: both;} #sidebarRight #blog li {list-style: none; padding: 5px;} #sidebarRight #blog li a {color:#4066A4; } #sidebarRight #blog li a:hover {background-color: #B4D6EF;} #content .listings li,#content.panoramics li {list-style:none;} /* VIMEO VIDEOS #vimeoPlayer {width: 304px;z-index:99;} #thumbs {overflow:hidden;width:304px;height:76px;padding:0;margin-bottom:6px;background:#fff;float:left;position:relative;} #wrapper #vimeoPlayer #thumbs ul {list-style-type: none; margin: 0; padding: 0;width:2000px;} #thumbs #carousel {} */ #sidebar ul li.thumb {float:left;border-bottom:none;padding:0 4px 4px 0;margin:0;} .thumb img {border: 0; float: left; background: url("http://bitcast.vimeo.com/vimeo/thumbnails/defaults/default.76x76.jpg"); } .thumb a {color: #666666; text-decoration: none; } #embed {min-height:170px;height:auto !important; height:170px;width: 308px;background:url("images/vimeoloading.gif") #fff center center no-repeat;margin-bottom:6px;position:relative;z-index:99;} #embed object, #embed embed {position:relative;z-index:1;} .vimeoclear {clear: both;} /* #thumbs .nextBtn span, #thumbs .prevBtn span {display:none;} #thumbs .nextBtn, #thumbs .prevBtn {position:absolute;width:30px;height:65px;top:0;z-index:99;background:url("images/vimeo_controls.png.html");cursor:pointer;} #thumbs .nextBtn {right:0;background-position:-30px 0;} #thumbs .prevBtn {left:0;background-position:0 0;} */ #wrapper #vimeoPlayer #thumbs ul li {display: inline; list-style: none;} /* FLICKR IMAGES */ #flickr li {list-style: none; display: block; float: left; width: 76px; height: 76px;} #flickr li a img {border: none;} /* SIDEBAR EVENTS MENU */ #sidebarRight #categories {margin-top: 16px;} #sidebarRight #categories li, #sidebarRight #categories .archive {margin-left: 0; border: none;display: block; width: 272px; height: 32px; margin-bottom: 8px; } #sidebarRight #categories li a, #sidebarRight #categories .archive a { background: #CCC; font-size: 18px; color: #FFF; display: block; height: 26px; width: 272px; padding: 3px 16px;} /* --------------------- footer --------------------- */ #footer {font-size: 12px; line-height: 13px;float: right;color: #999999; height: 125px;} #footer a {color: #555555;} #footer .address {font-size:13px;line-height:15px;width: 458px; padding: 5px 10px; height: 54px;border-left: 2px solid #F00; float: left; border-left: 2px solid #B3B3B3;background-color: #EAEEEF;} #footer .partnership {color: #B3B3B3; width: 282px; padding: 5px 10px; height: 66px; border-left: 2px solid #F00; float: left; border-left: 2px solid #69ADDF;background-color: #EAEEEF;} .addresspartners .separator {display: block; border-bottom: 1px dotted #999999; margin: 0 0 10px 0;} #footer .addresspartners {height: 125px; font-size:13px;width: 458px; padding: 5px 10px; float: left; background-color: #EAEEEF; border-left: 2px solid #B3B3B3;} #footer .sponsors {height: 125px; float: right; width: 282px; padding: 5px 10px; background-color: #EAEEEF; border-left: 2px solid #69ADDF;} #footer .sponsors ul li {list-style: none; text-indent: -4000px;} #footer .sponsors #ace a {display: block; float: left; width: 280px; background: url("images/ace_footer.gif") no-repeat; height: 60px;} #footer .sponsors #lcc a {display: block; float: left; width: 140px; background: url("images/lcc_footer.gif") no-repeat; height: 60px;} /* --------- prog proj --------- */ #wrapper #content #main.listings .storylst h3 {font-size: 18px; padding: 5px 3px; border-bottom: 1px dotted #999; margin: 0 0 5px 0;} #wrapper #content #main.listings .storylst .programmes, #wrapper #content #main.listings .storylst .projects {margin-bottom: 15px;} #sidebarRight .eventListing li {list-style: none; margin-bottom: 4px; color: #555;} .eventListing li.va {background-color:#E9F7F5;} .eventListing li.cl {background-color:#FBF1F0;} .eventListing li.pr {background-color:#F3F5F9;} .eventListing li.va:hover {background-color:#D3EEEB;} .eventListing li.cl:hover {background-color:#F7E4E1;} .eventListing li.pr:hover {background-color:#E6ECF3;} #sidebarRight .eventListing li .title {font-weight: bold; font-size: 12px;} #sidebarRight .eventListing li .summary, #sidebarRight .eventListing li .more {font-size: 11px;} #sidebarRight .eventListing li .image {float: left; width:76px;} #sidebarRight .eventListing li .description {float: right; width: 210px; margin-right: 3px;} #sidebarRight .eventListing li .clear {clear: both;height: 0px;} #sidebarRight .eventListing h4 {padding: 8px 4px 12px 4px;} .va #sidebarRight .eventListing h4 {color:#25AB9A;border-top:2px solid #25AB9A;background-color:#D3EEEB;} .cl #sidebarRight .eventListing h4 {color:#D67768;border-top:2px solid #D67768;background-color:#F7E4E1;} .pr #sidebarRight .eventListing h4 {color:#849EC3;border-top:2px solid #849EC3;background-color:#E6ECF3;} #projectbar.programme h2.projecttitle {width: 774px; background-color:#69ADDF; color: #FFFFFF;font-size:18px;display: block;height:27px;font-weight:bold;padding:3px 5px;} .va #projectbar.programme h2.projecttitle {background-color:#25AB9A;} .cl #projectbar.programme h2.projecttitle {background-color:#D67768;} .pr #projectbar.programme h2.projecttitle {background-color:#849EC3;} .eventListing li {cursor: pointer;} .fb_like_box {margin-bottom: 20px; height: 20px;} #hotnews {float: left; width: 155px; background-color: #fae5ec; color: #666666; font-size: 13px;} #hotnews h3 {background: url("images/hotnews_bg.jpg") right bottom no-repeat #df799e; padding: 6px; height: 20px; line-height: 20px; font-size: 16px; color: #FFF;} #hotnews ul {list-style: none; padding-bottom: 12px;} #hotnews li {padding: 3px; margin: 3px;} #hotnews li + li { border-top: 1px dotted #df799e; } #hotnews li:before {content: "* "; color: #df799e;} #hotnews li a {color: #df799e;} /* Event type Dark Light 20% Light 10% 60% visual arts #25AB9A #D3EEEB #E9F7F5 #7CCDC2 creativelearning #D67768 #F7E4E1 #FBF1F0 #E6ADA4 creative regeneration #849EC3 #E6ECF3 #F3F5F9 #B5C5DB */