/* ----------------------------------------------------- Default CSS file for www.leuka.org.uk Media: screen, projection ----------------------------------------------------- */ .flr { float:right;} .fll { float:left;} .replace { position:relative; margin:0px; padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } .replace span { display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ } .surround { *zoom: 1; } .surround:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } /* Global styling -------------------------------------------------------------- */ /*ALL TYPOGRAPHY IN 'blueprint/screen.css'*/ body {} #wrapper {background: url('/staticfiles/img/head-strip.gif') repeat-x; padding-top: 30px; border-left: 1px solid #999; border-right: 1px solid #999;} .container-full {margin: 0 auto; height: auto; width: 940px; padding-right: 40px; padding-left: 40px;} #logo {height: 108px;} #text-size {float: right; margin-top: 30px;} /*#header {}*/ ul#navigation {position: absolute; margin: 0;} ul#navigation li.level-1 {display: block; float: left; list-style: none; height: 38px; margin-right: 2px; padding-top: 10px; color: white; text-align: center;} ul#navigation li.last {margin-right: 0px;} ul#navigation li.level-1 a {margin: 15px auto auto auto;} /* added this here */ ul#navigation li ul { position: absolute; left: -999em; } ul#navigation li.sfhover ul, ul#navigation li:hover ul { left: auto; } /* end addition */ ul#navigation li.dropdown ul {position: absolute; width: 175px;} ul#navigation li.dropdown:hover ul, ul#navigation li.dropdown:sfhover ul {} li.dropdown ul {margin: 12px 0 0 6px; padding: 8px 0 20px 0; filter:alpha(opacity=60); opacity:0.6; text-align: left;} li.dropdown ul li {list-style: none; padding: 2px 15px; height: 25px;} li.what ul li.sfhover, li.what ul li:hover {filter:alpha(opacity=100); opacity:1; background: url('/staticfiles/img/blank-red.gif') repeat; cursor: pointer;} li.what ul {width: 175px; background: #DB0000;} li.research ul {width: 173px; background: #FB6705;} li.research ul li.sfhover, li.research ul li:hover {filter:alpha(opacity=100); opacity:1; background: url('/staticfiles/img/blank-orange.gif') repeat; cursor: pointer;} ul#navigation li.what {width: 186px; background: url('/staticfiles/img/nav-button-1.png') no-repeat top left;} ul#navigation li.research {width: 183px; background: url('/staticfiles/img/nav-button-2.png') no-repeat top left;} ul#navigation li.events {width: 185px; background: url('/staticfiles/img/nav-button-3.png') no-repeat top left;} ul#navigation li.donate {width: 185px; background: url('/staticfiles/img/nav-button-4.png') no-repeat top left;} ul#navigation li.contact {width: 186px; background: url('/staticfiles/img/nav-button-5.png') no-repeat top left;} #page-header-image {width: 1020px; height: 200px; padding-top: 45px;} #plugRightBlock9_content .info-blox, #plugRightBlock6_content .info-blox {float: right;} .info-blox .info-content .info {margin-left: 2px; width: 204px; padding: 10px 5px 10px 10px;} .info-blox .info-head h3 {padding: 17px 0 0 68px; color: #FFF; font-size: 13px; font-weight: bold;} #nav-surround { position: relative; height: 303px; } #imgshow { list-style: none; padding: 0; margin: 0; position: absolute; left:2px; top:43px; z-index: -1;} /*breadcrumbs*/ ul.breadcrumbs {display: none;} ul.breadcrumbs li, ul.breadcrumbs li a {color: #404040; display: inline; font-size: 12px; font-weight: bold ;} ul.breadcrumbs li.last {color: #CA0000; margin-left: 2px;} /*#Left-column {border: 1px solid blue;}*/ #timeline {} #timeline .info-head {background: url('/staticfiles/img/LHS-timeline-head.jpg') no-repeat; width:164px; height:52px;} #timeline .info-content {background: url('/staticfiles/img/LHS-timeline.gif') no-repeat; width: 164px; height: 125px;} #timeline .info-content a {padding: 92px 0 0 16px; display: block; /*typography*/ font-size: 13px; text-decoration: underline; line-height: 17px;} /*#right-column {border: 1px solid green;}*/ #get-involved-plugin {} #get-involved-plugin .info-head {background: url('/staticfiles/img/RHS-get-involved.jpg') no-repeat; width: 225px; height: 54px;} #get-involved-plugin .info-content {background: url('/staticfiles/img/RHS-slice-y.jpg') repeat-y; width: 225px; height: auto;} #get-involved-plugin .info-content .odd {background: #DEF0FF;} #get-involved-plugin .info-content .even {background: #C7E4FF;} #get-involved-plugin .info-content a img {margin-top: -3px;} #get-involved-plugin .info-stump {background: url('/staticfiles/img/RHS-get-involved-stump.jpg') no-repeat; width: 225px; height: 76px; margin: 0 auto 5px -1px;} #news-events {} #news-events .info-head {background: url('/staticfiles/img/RHS-news-events.jpg') no-repeat; width: 225px; height: 56px;} #news-events .info-content {background: url('/staticfiles/img/RHS-slice-y.jpg') repeat-y; width: 225px; height: auto;} #news-events .info-content .odd {background: #DCF9E0;} #news-events .info-content .even {background: #C2F6CA;} #news-events .info-stump {background: url('/staticfiles/img/RHS-news-events-stump.jpg') right no-repeat; width: 225px; height: 69px; margin-bottom: 20px;} #main-content.span-6 {padding-left: 15px; width: 490px; margin-bottom: 40px;} /*default container*/ #main-content.span-8 {padding-left: 0px; width: 677px; margin-bottom: 40px;} /*noLeft container*/ #main-content.span-6 p {width: 492px;} #main-content.span-8 p {width: 660px;} #main-content p, #main-content li span {color: #666;} #main-content img.banner{margin-bottom: 20px;} #footer {background: #000; padding-top: 15px; padding-bottom: 15px;} #footer-links {float:left;} #footer-links ul {margin: 0;} #footer-links ul li {display: block; float: left; list-style: none; color: #FFF; height: 19px;} #footer-links ul a {margin-right: 4px;} #footer-links ul a.text {line-height: 26px;} #footer-info {float:right; text-align: right;} #footer-info p, #footer-info h6 {color: #FFF; margin: 0;} /* PAGE SPECIFIC STYLING: PLEASE NAME THE PAGES/ELEMENTS AS CODE IS ADDED */ /* Pages Admin -------------------------------------------------------------- */ #container .stdtable a { color: #000; } /* HOME -------------------------------------------------------------- */ body#home #main-content img.banner {margin-bottom: 20px;} /* WHAT WE DO -------------------------------------------------------------- */ #what-we-do .one img, #what-we-do .three img {margin-right: 18px;} #what-we-do .one img, #what-we-do .two img {margin-bottom: 18px;} /*h2#founded-banner,h2#founded-banner span {background: url('/staticfiles/img/whatwedo-vertical-banner.jpg') no-repeat; width: 170px; height: 350px; margin-top: 10px;}*/ /*ROLL-OVERS*/ /*sizing/setup*/ #what-we-do-info { margin-top: 30px;} #what-we-do-info .fll { height: 200px; overflow: hidden; } #what-we-do-info .odd { width: 319px; margin: 0 35px 20px 0;} #what-we-do-info .even { width: 323px; margin: 0 0px 30px 0;} /*styling/typography*/ #what-we-do-info .fll .header { background: #F2BDBD; height: 28px; padding-top: 8px; border-bottom: 2px solid #CA0000; /*rounded corners - not supported in ie*/ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px 5px 0px 0px;} #what-we-do-info .fll .header a { padding-left:15px; color: #CA0000;} #what-we-do-info .fll .content { height: 160px; background: #CA0000; color: #FFF; /*rounded corners - not supported in ie*/ -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius: 0px 0px 5px 5px;} #what-we-do-info p { padding: 10px 15px;} #main-content.span-8 #what-we-do-info p, #main-content.span-8 #what-we-do-info a { width: 285px; color: #FFF;} /*css roll-over functionality*/ #what-we-do-info .sfhover .header, #what-we-do-info .fll:hover .header {background: #CA0000; border-bottom: 2px solid #FFF;} #what-we-do-info .sfhover .header a, #what-we-do-info .fll:hover .header a {color: #FFF;} #what-we-do-info .fll .content img {left: auto; position: absolute;} #what-we-do-info .sfhover .content img, #what-we-do-info .fll:hover .content img{left: -999em;} /* MODERNISING FACILITIES -------------------------------------------------------------- */ p.pre-ul { margin-bottom: 10px; } /* TIMELINE -------------------------------------------------------------- */ body#time-line #side-image {background: url('/staticfiles/img/whatwedo-vertical-banner.jpg') no-repeat; width: 170px; height: 350px; margin-top: 10px;} body#time-line #main-content ul {border-left: 4px solid #7D6398; margin: 0 1.5em 0 5px; list-style: none; padding-bottom: 20px;} body#time-line #main-content ul li {background: url('/staticfiles/img/ataGlanceDisc.gif') no-repeat; padding: 0 0 0 30px; margin: 0 0 20px -12px; /*typography*/ color: #404040;} body#time-line #main-content ul li span {color: #7D6398;} body#time-line #main-content ul.dotted {border-left: 4px dotted #7D6398; height: 50px;} /*RESEARCH -------------------------------------------------------------- */ /*EVENTS -------------------------------------------------------------- */ #plugNewsBlock13pp .news-events-block {width: 660px; border-bottom: 2px solid #d6ebd4; margin-bottom: 20px; padding-bottom: 10px;} #plugNewsBlock13pp .news-img {margin-right: 20px; float: left;} #plugNewsBlock13pp h4 {margin-bottom: 5px; font-family: 'Trebuchet MS', sans-serif;} #plugNewsBlock13pp .news-intro {width: 485px;} #plugNewsBlock13pp p.copy-inner a {font-size: 14px;} /*DONATE -------------------------------------------------------------- */ body#donate #main-content p em {font-size: 14px; margin-top: 2px;} /*CONTACT -------------------------------------------------------------- */ /*SITEMAP -------------------------------------------------------------- */ #sitemap-list a { color:#7D6398;} ul.dash li {list-style: none;}