body {font-family: Arial, sans-serif; color: #333} h1 {font-size: 1.8em;} h2 {font-size: 1.5em;} h3 {font-size: 1.3em;} h4 {font-size: 1.2em;} h1, h2, h3, h4,legend, strong, th {font-weight: bold; } p, ul, ol, dl, form, div.tel {font-size: 1.2em; padding: 0; margin: 0;} li {list-style: none;} td {} tr {} em {font-style: italic;} h1.img {padding: 0; margin: 0;} dt {font-weight: bold; margin-top: 5px;} dd {margin-bottom: 5px;} a:link { font-family: Arial, Helvetica, sans-serif; color: #2280E1; text-decoration: none} a:visited { font-family: Arial, Helvetica, sans-serif; color: #2280E1; text-decoration: none} a:hover { font-family: Arial, Helvetica, sans-serif; color: #2280E1; text-decoration: underline} a.red:link { font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: none} a.red:visited { font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: none} a.red:hover { font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: underline} a.grey:link { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: none} a.grey:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: none} a.grey:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; text-decoration: underline} a.small:link { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #2280E1; text-decoration: none} a.small:visited { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #2280E1; text-decoration: none} a.small:hover { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #2280E1; text-decoration: underline} /*--------------------------------- side bar general ----------------------------------*/ .sidebar p {padding: 0px 20px 10px; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666666;} .sidebar ul.gallery {padding: 0px 20px 10px;} .sidebar ul.gallery li {float: left; padding: 1px 3px;} .sidebar ul.gallery img {height: 50; } /*--------------------------------- feature general ----------------------------------*/ .feature h1 {font-size: 1.8em;} .feature h2 {font-size: 1.5em;} .feature h3 {font-size: 1.3em; padding: 0; margin: 0;} .feature h4 {font-size: 1.1em; padding: 0; margin: 0; color: red; font-variant: small-caps; line-height: 1em; } .feature p {font-size: 1.0em; padding: 8px 0;} .feature h4 + p {padding: 0 0 10px; margin: 0;} .feature h3 + h4 {padding: 10px 0 0 0; margin: 0;} /*--------------------------------- winners at a glance ----------------------------------*/ #winnersataglance {font-size: 80%; padding: 10px 25px;} #winnersataglance h3 {font-size: 1.2em; padding: 10px 0; margin: 0; border-width: 2px 0 0 0; border-style: dotted; border-color: #ccc;} #winnersataglance h4 {font-size: 1.1em; padding: 0; margin: 0; color: red; font-variant: small-caps; line-height: 1em; } #winnersataglance p {font-size: 1.0em; line-height: 1.4em;} #winnersataglance h4 + p {padding: 0 0 10px; margin: 0;} /*--------------------------------- bodytext ----------------------------------*/ .bodytext {font-size: 80%; padding: 10px 15px; width: 500px; margin-left: 20px;} .bodytext h3 {padding: 0; margin: 0;} .bodytext h4 {font-size: 1.1em; padding: 0; margin: 0; color: red; font-variant: small-caps; line-height: 1em; } .bodytext p, .bodytext dl {font-size: 1.0em; line-height: 1.6em;padding: 8px 0;} .bodytext h1+p, p.intro {font-size: 1.3em; font-style: italic; border-width: 1px 0; border-style: solid; border-color: #999; padding: 10px 0; line-height: 1.8em;} p.intro .tel {font-weight: bold;color: #0c5cad;} .bodytext h4+p {padding: 0 0 10px; margin: 0;} .bodytext h3+h4 {padding: 10px 0 0 0; margin: 0;} .org {font-weight: bold;color: #0c5cad;} .award {font-style: italic; font-weight: bold;} .award img {vertical-align: middle;} .award .sponsor { font-weight: normal; } .award li {line-height: 2em;} .notes {font-style: italic;} span.download {display: block;} .download img {border-width: 0; vertical-align: middle;margin-right: 2px;} /*winners page*/ .winners .bodytext h3 {padding: 10px 0 5px; margin-top: 10px;} h3 { font-weight: normal; font-size: 1.2em; border-width: 2px 0 0 0; border-style: dotted; border-color: #ccc;} h3 .cy {display: block; font-weight: bold; font-style: italic;} .cy {} /*shortlist rollover*/ p#shortlistlink {position: relative; left: -10px; padding: 30px 0;} p#shortlistlink a {display: block; width: 518px; height: 60px;} p#shortlistlink img {border-width: 0;} p#shortlistlink a:hover {background-image: url(../Lluniau/shortlist_ro.gif); background-position: left center; background-repeat: no-repeat; } p#shortlistlink a:hover:after {content: 'download pdf of the Shortlisted Entries for the 2010 Awards'} p#shortlistlink a:hover img {display: none;} /*--------------------------------- awardspressrelease ----------------------------------*/ #awardspressrelease {font-size: 80%; padding: 10px 15px; width: 500px; margin-left: 0;} #awardspressrelease h1+p+p+p {font-size: 1.2em; font-style: italic; padding: 10px 0; line-height: 1.8em;} /*--------------------------------- categories ----------------------------------*/ #categories {} h2 .sponsor {display: block; font-weight: normal; } h2 .sponsor img {vertical-align: middle;} /*--------------------------------- side bar ----------------------------------*/ .text {} .text p {font-size: 0.8em; line-height: 1.6em;padding: 8px 12px;} .text p.download {padding-bottom:20px;} /*--------------------------------- formmail ----------------------------------*/ #nominations fieldset {margin: 20px 0; padding: 10px 0; border-width: 1px 0; border-style: dashed; border-color: #ccc;} #nominations label {display: block;} #nominations label span {display: block; font-size: 1.0em;} #nominations .nomination input {width: 400px;} #message ul li {list-style: circle;} #message p.back {margin: 20px 0;} /*--------------------------------- lightbox ----------------------------------*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }