/* Defaults ================================================================*/ * { margin:0px; padding:0px; } body, h1, h2, h3, h4, #links ul, #links li { margin:0px; padding:0px; } /* Dreamweaver Display Help */ p { margin:0 0 15px; } img { border:0px; } table { border-collapse:collapse; } td { vertical-align:top; border:0px; } th { text-align:left } textarea, input, option, select { font: 12px Verdana, Arial, Helvetica, sans-serif; padding:1px 0; } acronym, abbr { border:0px; background: url("../images/internal_template/dot_line_downloads.gif") 0 16px no-repeat;} acronym:hover, abbr:hover, acronym, abbr { cursor: help; } small { font-size:10px; } /* General ================================================================*/ body, td, th { color:#333; font-size:12px; font-family:"Trebuchet MS"; } h1 { font-size:14px; color:#3399CC; margin:0 0 10px; } h2 { font-size:14px; color:#3399CC; margin:0 0 10px; } h3 { font-size:12px; color:#3399CC; margin:10px 0 5px; } h4 { font-size:12px; color:#333; margin:10px 0 0; } h4 a { color:#333; text-decoration:underline; } h1#sitename { margin:0px; background: #fff url("../images/internal_template/uep_logo.gif") top left no-repeat; } h1#sitename a { display:block; width:703px; height:63px; } h1#sitename span { position:absolute; text-indent:-9999px; font-size:10px; z-index:-101; display:none } /* revisit this */ #sidebar #flags { margin:0 0 10px 0; } #sidebar h3 { height:18px; width:158px; } #sidebar h3.newsletter { background:#fff url("../images/homepage/newsletter.gif") top left no-repeat; margin:5px 0; } #sidebar h3.project_news { background:#fff url("../images/homepage/project_news.gif") top left no-repeat; margin:0 0 10px; } #sidebar h3.partners { background:#fff url("../images/homepage/partners.gif") top left no-repeat; margin:5px 0;} #sidebar h3 span { position:absolute; text-indent:-9999px; font-size:10px; z-index:-101; left: 117px; top: 1254px; } #sidebar h4 { font-size:14px; color:#3399CC } #sidebar strong { color:#39c; } a { text-decoration:none; color:#669900 } a:hover { text-decoration:underline } p, li, td { line-height:17px; } .hr { height:1px; line-height:1px; color:#f00; margin-bottom:10px; background: url("../images/homepage/dot_line_news.gif") top left no-repeat;} .hr hr { display:none } /* Layout ================================================================*/ body { text-align:center; background-color:#EFEFEF; } #wrapper { margin:0 auto; text-align:left; width:754px; background:#fff url("../images/internal_template/content_bg.gif") top left repeat-y; } #header { padding-top:42px; background: url("../images/internal_template/banner.gif") top center no-repeat; } #header, #content, #footer { margin:0 5px; } #content { margin-top:21px; width:744px; } #links { width:152px; float:left; position:relative; height:500px; } #main { width:348px; margin:0 18px; float:left; } #sidebar { width:192px; margin:0 0 0 15px; float:left} #links ul, #links li { list-style-type:none; } #links li { display:inline; } #links li a { display:block; padding-left:20px; color:#333; line-height:22px; text-decoration:none } #links li a:hover, #links li a.highlight, #links li.open a { background: url("../images/homepage/rollover.gif") center left no-repeat; } #links li.open li a { background:none; } #links li a.highlight { cursor:default } #links li li a { padding-left:30px; color:#666 } #links li a strong { color:#669900; font-weight:normal } #sidebar ul.photos, #sidebar ul.photos li { margin:0px; padding:0px; list-style-type:none; text-align:right } #sidebar ul.photos li { margin:0 0 15px; } #sidebar ul.photos img { border-bottom: 8px solid #ccc; } #footer { width:566px; clear:both; position:relative; left:170px; padding:7px 0 4px; font-size:11px; color:#666; background:#fff url("../images/homepage/dot_line_footer.gif") top left repeat-x; } #footer a { text-decoration:underline; } #footer a:hover { text-decoration:none } #footer p { margin:0px; line-height:20px; width:350px; } #footer p.links { color:#690; padding:0px; word-spacing:4px;} #footer .logos { width:165px; position:absolute; right:0px; top:1px; float:right; } #footer .logos li { display:inline; float:left } #designer { font-size:11px; position:absolute; top:30px; left:470px; width:100px; text-align:right} #designer a { color:#999; text-decoration:none } #designer a:hover { text-decoration:underline } /* Themes ================================================================*/ /* Air Quality */ #airQuality #header{ background: url("../images/themes/banner_airquallity.gif") top center no-repeat; } #airQuality ul.photos img { border-bottom-color:#FFCC33;} #airQuality h2, #airQuality h3 { color:#FFCC33; } /* Urban Transport */ #urbanTransport #header{background: url("../images/themes/banner_transport.gif") top center no-repeat; } #urbanTransport ul.photos img { border-bottom-color:#cc0000;} #urbanTransport h2, #urbanTransport h3 { color:#cc0000; } /* Biodiversity */ #biodiversity #header{ background: url("../images/themes/banner_biodiversity.gif") top center no-repeat; } #biodiversity ul.photos img { border-bottom-color:#009999;} #biodiversity h2, #biodiversity h3 { color:#009999; } /* Climate Control*/ #climateControl #header{ background: url("../images/themes/banner_climate.gif") top center no-repeat;} #climateControl ul.photos img { border-bottom-color:#0066CC;} #climateControl h2, #climateControl h3 { color:#0066CC; } /* Green City */ #greenCity #header{ background: url("../images/themes/banner_greencity.gif") top center no-repeat; } #greenCity ul.photos img { border-bottom-color:#669900;} #greenCity h2, #greenCity h3 { color:#669900; } /* Urban Sprawl */ #urbanSprawl #header{background: url("../images/themes/banner_sprawl.gif") top center no-repeat; } #urbanSprawl ul.photos img { border-bottom-color:#FF6600;} #urbanSprawl h2, #urbanSprawl h3 { color:#FF6600; } /* Specific Pages ================================================================*/ #homepage #wrapper { background:#fff url("../images/homepage/content_bg.gif") top left repeat-y; } #homepage #header { padding-top:72px; border-bottom:7px solid #C9E598; background: url("../images/homepage/banner_01.gif") top center no-repeat; } #homepage #footer { width:345px; } #homepage #links ul { margin-bottom:15px; } #homepage #links .logos { margin-bottom:15px;} #homepage #links .logos li { display:block } #homepage #links .logos a, #homepage #links .logos a:hover { margin:0px; padding:0px; background:none; text-indent:0px; } #homepage #links h3 { height:18px; width:120px;} #homepage #links h3 span { display:none; } #homepage #links h3.partners { margin:25px 0 10px 20px; background:#fff url("../images/homepage/partners.gif") top left no-repeat;} #outputs ul.photos img { border-bottom-color:#cee69d;} /* Custom Pages ================================================================*/ .columns_2 #wrapper { background:#fff url("../images/internal_template/content_bg.gif") top left repeat-y; } .columns_3 #wrapper { background:#fff url("../images/homepage/content_bg.gif") top left repeat-y; } .columns_2 #main { width:571px; margin:0 0 0 18px; } .columns_2 #main p, .columns_2 #main li { width:80%; } .columns_2 #sidebar { display:none; } /* Custom Elements ================================================================*/ /* Lists */ #main ul.sitemap li, #main ul.sitemap { list-style-type:none; margin:0px; padding:0px; } #main ul.sitemap ul li, #main ul.sitemap ul { list-style-type:none; } #main ul.sitemap ul li { padding-left:14px; } #main ul.sitemap ul { margin-left:10px; } #main ul.sitemap li.column { width:250px; float:left; background:none; } #main ul.applications { margin-bottom:30px; } #main ul.plain, #main ul.plain li { margin:0px; padding:0px; list-style-type:none; background:none; } #main ul.plain { margin:0 0 15px; } #main li, #main ul { list-style-type:none } #main li { padding-left:15px; margin-left:10px; background: url("../images/internal_template/bullet.gif") 0px 6px no-repeat; } #main ul { margin:0 0 15px; } ul.logos, ul.logos li, #main ul.logos, #main ul.logos li, ul.logos li a{ margin:0px; padding:0px; list-style-type:none } .logos li { margin:0px; padding:0px; line-height:0px; } ul#themes, ul#themes li { margin:0px; padding:0px; list-style-type:none } ul#themes { margin:15px 10px 20px; } ul#themes li { border-left:14px solid #ccc; background:none; line-height:14px; margin:0 0 8px 0; padding:0 0 0 10px; } ul#themes li a { color:#333; } ul#themes li.airQuality { border-color:#FFCC33; } ul#themes li.urbanTransport { border-color:#cc0000; } ul#themes li.biodiversity { border-color:#009999; } ul#themes li.climateControl { border-color:#0066CC; } ul#themes li.greenCity { border-color:#669900; } ul#themes li.urbanSprawl { border-color:#FF6600; } /* Tables */ table.whos_involved { width:540px; } table.whos_involved td { padding: 0 20px 20px 0; } table.whos_involved td h4 { margin-top:0px; } table#downloads { margin: 20px 0 60px; clear:both; } table#downloads th { text-transform:uppercase; background-color:#999; color:#fff; border-right:1px solid #fff; border-bottom:10px solid #fff; padding:3px 10px; } table#downloads td { padding:6px 10px; } table#downloads tr { background: url("../images/internal_template/dot_line_downloads.gif") bottom left repeat-x; } table#downloads th a { color:#fff; } table#downloads td a { text-decoration:none } table#downloads th a.highlight { color:#666; cursor:default; } table#downloads td a:hover { text-decoration:underline } /* Forms */ form#login { width:190px; background-color:#E6F2CC; padding:0px 23px 2px 13px; float:right; height:105px; margin-right:10px;} form#login input { margin-bottom:6px; width:170px; } form#login h3 { background: url("../images/internal_template/members_login.gif") bottom left no-repeat; width:113px; height:21px; margin:0 0 4px; padding:6px 0 0; } form#login h3 span { display:none } form#login .submit { display:block; margin-left:114px; border:0px; text-indent:-9999px; background: url("../images/internal_template/submit.gif") bottom left no-repeat; width:59px; height:18px; } form#login label { display:none } form#register { margin:0 0 10px; } form#register p { margin:0 0 5px; } form#register .submit { display:block; border:0px; text-indent:-9999px; background: url("../images/internal_template/submit.gif") bottom left no-repeat; width:59px; height:18px; } form#register input { margin:0 0 4px; } form#register label { display:none } .admin { margin-bottom:20px; } .admin td { padding:8px 10px 8px; } .admin tr { background: url("../images/internal_template/dot_line_downloads.gif") bottom left repeat-x; } .admin th { text-transform:uppercase; background-color:#999; color:#fff; border-right:1px solid #fff; border-bottom:10px solid #fff; padding:3px 10px; } .admin th a { color:#fff; } .admin th a.highlight { color:#ccc; } .admin .action a { background-color:#eee; padding:1px 5px; border:1px solid #ccc; margin:1px; } .admin tr.private td { background: #FFFFCC url("../images/internal_template/dot_line_downloads.gif") bottom left repeat-x; } .admin select { width:180px; } .pageStats { font-size:12px; margin:0 0 5px; } .pagination { text-align:center; word-spacing:5px; font-weight:bold; margin:0 0 10px; padding:2px 0; background-color:#eee; border:1px solid #ccc; font-size:13px; } /* General (placed at end to overwrite any previous styles) */ .intro { color:#036; font-size:12px; } .copyright { color:#999; } .date { color:#39c; } .noborder, tr.noborder td, tr.noborder { border:0px; background:none; } #sidebar p { margin:0 0 10px; } /* Hacks ================================================================*/ #content:after { content: "."; display: block; height: 0; clear: both; visibility:hidden } #main, #links, #sidebar { display:inline } /* IE margin problem */ .clear { clear:both; height: 0;} /* Dreamweaver visual display help */ #navigation ul, #footer ul, .formActions ul{ margin:0px; padding:0px; list-style-type:none }