@import url("base.css"); @import url("nav.css"); body { background:#e8eff8 repeat-x url(bg-gradient-blue.gif) 0 0; background-attachment: fixed; text-align:center; } a { color:#000; text-decoration:underline; } a:visited { color:#666; } a:hover { color:#013186; } /* =Typography ------------------------------------------------------ */ h1 { color:#adb5c2; font-size:16px; font-family:arial, helvetica, sans-serif; margin-bottom:1.5em; font-weight:normal; } h2 { font-size:13px; margin-top:2em; } h3 { font-size:1em; margin-top:2em; } h2.section { /* only used on the front page at the moment */ color:#adb5c2; text-transform:uppercase; font-size:16px; font-weight:normal; font-family:arial, verdana, sans-serif; margin-bottom:0; } /* =Layout blocks ------------------------------------------------------ */ #page { width:850px; background:#fff; margin:0 auto 40px; text-align:left; } #header { /*background:#013186;*/ background:#fdb000; color:#ffefcc; margin:0; position:relative; height:50px; } #content { margin:40px 0 30px; background:repeat-y url(vline.gif) 270px 0; } #content:after {content:"."; clear:both; display:block; visibility:hidden; height:0;} #main { width:480px; float:right; display:inline; margin:11px 50px 0 0; } #subnav { width:250px; float:left; display:inline; margin:0 0 0 20px; } /* =bottom element - links to country sites ------------------------------------------------------ */ #bottom { clear:both; background:#eff1f8 no-repeat url(bottom-map.jpg) 50% 0; margin:20px 4px 0; padding:20px 22px 20px; min-height:120px; color:#335b8a; border-bottom:4px solid #fff; } #bottom h3 { margin:0 0 8px; padding:0; font-weight:normal; padding-right:10px; } #bottom a { color:#335b8a; } #bottom a:hover { text-decoration:underline; } #bottom ul.links { margin:0 5px 0 0; } #bottom ul.links li { line-height:1; padding-top:0.2em; padding-bottom:0.2em; } #bottom .row { /*border:1px solid #edf3fa;*/ padding:10px 10px 10px 25px; background:repeat url(fff40.png); /* 40% white, see ie.css */ } #bottom .col { margin:0; padding:0; float:left; width:16.6%; /* there are 6 columns... */ } /* Fine-tuning the column widths. columns are grouped so that the average col width still is 16.6%... adjust here when adding new countries to the list. ------------------------------------------------------ */ #bottom .col.c1 {width:14.8%;} #bottom .col.c3 {width:16.0%;} #bottom .col.c2 {width:21.7%;} #bottom .col.c6 {width:12.0%;} #bottom .col.c4 {width:20.0%;} #bottom .col.c5 {width:14.4%;} #bottom .size1of3 { margin:0; padding:0; float:left; /*width:33.3333%; *width:33.3%;*/ width:278px; } /*TODO: remove .new later on and merge these definitions */ #bottom .bottom-box {border:1px solid #eaf1f9; overflow:visible; min-height:100px; _height:100px; margin:0 3px; padding:4px 16px;} #bottom .bottom-box:after {content:"."; clear:both; display:block; height:0; visibility:hidden;} #bottom .bottom-box ul.links {width:50%; float:left; margin:0;} #bottom .bottom-inner { margin:-20px -22px 0; padding:4px 6px; min-height:120px; _height:120px; } #bottom .bottom-inner h2 {font-weight:normal; font-size:12px; margin:0 0 4px; padding:0;} #bottom .bottom-inner h3 {font-weight:normal; font-size:14px; margin-bottom:0;} #bottom .bottom-inner h3 a {text-decoration:none;} #bottom .bottom-inner h3 a:hover {text-decoration:underline;} #bottom .bottom-inner ul.links li { padding-top:0.2em; padding-bottom:0;} #bottom .bottom-inner .row {padding:0; margin:0 -3px 0; background:transparent; _height:1px;} /* =rows and columns /////////////////////////////////////////////////////////////// */ .row:after {content:"."; clear:both; display:block; visibility:hidden; height:0;} .col {float:left;} /* = Front page... reacts to /////////////////////////////////////////////////////////////// */ body.home #content { background:none; } body.home #main { width:440px; } body.home #secondary { width:280px; float:left; display:inline; margin:20px 0 0 50px; }