body { margin: 0px; padding: 0px; font-family: sans-serif; background-color: white; color: black; } /* GEZEGEN strip */ #gezegen-sites { list-style: none; background: #2E3436 url(img/sites-bg.png) 0 100% repeat-x; text-align: right; padding: 0 1ex; margin: 0; font-size: 75%; } #gezegen-sites ul { margin: 0; padding: 0; } #gezegen-sites li { display: inline; background: url(img/sites-sp.png) 0 0 no-repeat; padding-top: 10px; padding-bottom: 8px; margin-left: 0px; margin-top: 0px; } #gezegen-sites li a { font-weight: bold; color: #FFFFFF; margin: 0 2ex; text-decoration: none; line-height: 30px; } #gezegen-sites li a:hover { text-decoration: underline; } #gezegen-sites .home { float: left; background: url(img/sites-sp.png) 100% 0 no-repeat; padding-top: 0; padding-bottom: 0; } #gezegen-sites .home a { float: left; margin-left: 0; padding-left: 27px; } /* Site header and masthead */ #header { position: relative; width: 100%; background-color: #729FCF; } #masthead { display: table; /* req for ie */ border-top: 1px solid #729FCF; } #site-logo { vertical-align: middle; display: table-cell; float: left; border: 0; padding: 10px; /* req for ie */ margin-top: expression((this.parentElement.height - this.height)/2); } #site-title { vertical-align: middle; display: table-cell; /* req for ie */ margin-top: expression((this.parentElement.height - this.height)/2); } #site-name { margin: 0; } #site-name a { font-size: xx-large; font-weight: bold; text-decoration: none; color: black; } #site-slogan { font-size: 80%; font-style: italic; margin: 0; } #footer-link { position: absolute; right: 1em; bottom: 1em; margin: 0; font-size: 80%; color: black; text-decoration: none; background: url(img/help-about.png) left no-repeat; padding-left: 20px; } #footer-link:hover { text-decoration: underline; } div.breadcrumb { font-size: 75%; } /* Search form */ #search { position: relative; float: right; top: 1em; right: 1em; } #search input.form-text, #search input[name="q"] { border: 1px solid #888888; padding: 0.5ex; background-position: center !important; } #search input.form-submit, #search input[name="sa"] { background: white url(img/search-icon.gif) no-repeat; padding: 1px 1px 1px 15px; border: 1px solid #888888; display: none; } /* Tabs */ #site-tabs { position: absolute; right: 0px; bottom: 0px; width: 100%; background: transparent url(img/bar.png) 0 100% repeat-x; margin: 0; padding: 0; } #site-tabs ul { float: right; list-style: none; margin: 0; margin-right: 3ex; font-size: 75%; clear: none; } #site-tabs ul li { float: left; margin: 0; margin-left: 0.2ex; } #site-tabs ul li a:hover { color: #111111; } #site-tabs ul li a { float: left; text-decoration: none; color: #555555; background: #eeeeee; padding: 7px 7px 7px 7px; border-bottom: 2px solid #CCCCCC; } #site-tabs ul li a.active { color: #3566A5; background: white; border-top: 2px solid #5555ff; border-bottom: 2px solid white; } /* Content */ #content { margin: 0px auto 0px auto; padding: 0px 1em 0px 1em; max-width: 65em; } #content h1.title { margin: 0; } /* Feeds & Footer */ #feeds { background: #dcdcdc url(img/feeds-bg.png) repeat-x left top; padding: 0.5em 0px 0.5em 0px; } #feeds h3 { margin: 0px; padding: 0px 3% 0px 3%; font-size: 100%; } #feeds h3 a { background: transparent url(img/dt-closed.png) no-repeat left top; padding-left: 20px; margin-left: -20px; color: #000; text-decoration: none; } #feeds h3.open a { background: transparent url(img/dt-open.png) no-repeat left top; } #feedlist { display: none; margin: 0.5em 1em 0.5em 1em; background-color: #eee; -moz-border-radius: 1em; padding: 1em; column-count: 1; column-gap: 1em; -moz-column-count: 1; -moz-column-gap: 1em; -webkit-column-count: 1; -webkit-column-gap: 1em; } #feedlist ul { margin: 0px; padding: 0px; list-style-type: none; font-size: 90%; } #feedlist ul li * { vertical-align: middle; } #feedlist ul li input { margin: 0.2em; } #feedlist ul li a { color: #000; text-decoration: none; } #feedlist ul li a:hover { text-decoration: underline; } #feedlist ul li a.message { color: #999; } #feedlist ul li a img { margin: 0px 0.2em; border: 0px; } #footer { background: black url(img/footer-bg.png) repeat-x left top; padding: 1%; font-size: x-small; color: #ccc; overflow: hidden; line-height: 150%; } #footer a { color: #000000; font-weight: bold; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .column { float: left; width: 20%; margin-right: 3%; } #footer .section { margin-bottom: 1em; } #footer .section h3 { margin: 0; font-size: 140%; } #footer .section a img { border: 1px solid #cccccc; } #footer .section ul { list-style: none; margin-left: 0; padding-left: 0; } #fineprint { display: inline; float: right; text-align: right; width: 25%; } #ownership { margin-top: 2em; font-size: 90%; }