/* ########################################################################### company: Dutch Celt Design date: May 2007 author: C. Egor Kloos ########################################################################### */ /* --------------------------------------------------------------------------- COLOURS: lots of black! --------------------------------------------------------------------------- */ /* HTML Selectors ------------------------------------------------------------ */ body { margin: 0; padding: 0 0 40px 0; font: normal normal 100%/1.5 Helvetica, Arial, sans-serif; color: black; background: #e0e0e0 url(http://rant.dutchcelt.nl/images/back.gif) repeat-y -5px 0; } h1 { margin: 0; padding: 0; text-align: left; font-weight: normal; font-size: 1.5em; color: #000; } h2 { margin: 0; padding: 0; font-weight: bold; font-size: 1.5em; color: #000; } h4 { margin: 0 0 0.5em 0; border-bottom: 1px solid black; padding: 0; font-weight: normal; color: #000; } h5 { margin: 0.3em 0 0 0; padding: 0; font-size: 0.9em; line-height: 1.2; } h6 { margin: 0.8em 0 0 0; padding: 0; font-size: 0.9em; line-height: 1; } ol, ul { margin: 0; padding: 0; vertical-align: baseline; font-size: 1em; } li { margin: 0 2px 0 20px; padding: 0 0 0 0; } img { border: 0; } table { vertical-align: baseline; border-collapse: separate; border-spacing: 0; font-size: 1em; } caption, th, td { vertical-align: baseline; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* LINKS --------------------------------------------------------------------- */ a { text-decoration: underline; color: black; } a:hover { color: #FFA31A; } li a { text-decoration: none; font-weight: bold; color: black; } :focus { outline: 0; } /* LAYOUT -------------------------------------------------------------------- */ #site { width: 915px; overflow: hidden; background: transparent url(http://rant.dutchcelt.nl/images/bottle.jpg) no-repeat -10px 20px; } #header { position: absolute; top: 390px; left: 28px; width: 200px; z-index: 100; } #navigation { border-bottom: 2px solid #efefef; height: 1em; list-style: none; } #content { float: right; padding: 0 0 50px 0; width: 650px; overflow: hidden; } #sidebar { float: left; margin: 0 0 0 0; padding: 380px 15px 1em 30px; width: 200px; font-size: 0.8em; overflow: hidden; } /* NAVIGATION ---------------------------------------------------------------- */ #navigation li { float: left; display: block; margin: 0 2px 0 0; padding: 0 0 0 5px; height: 12px; } #navigation li a { float: left; display: block; padding: 2px 6px 1px 0; height: 9px; text-transform: uppercase; letter-spacing: 1px; font-size: 8px; line-height: 1.5; color: #000; } #navigation li a:hover { color: #FFA31A; } #navigation li.active { color: #000; background: #fff; } #navigation li.active a { color: #000; background: #fff; } /* CONTENT ------------------------------------------------------------------- */ #content .date-header { clear: both;margin-top: -3px; border-top: 1px dotted #e0e0e0; padding-top: 0.5em; font-size: 0.75em; } #content .post { position: relative; padding: 1em 0; font-size: 0.95em; width: 650px; } .post-title { margin-left: -2px; width: 100%; overflow: visible; } .post-body { margin: 0; padding: 0 260px 0 0; width: 390px; min-height: 120px; overflow: hidden; } .post-footer { width: 390px; overflow: hidden; } #content .post h2 { margin: 0; padding: 0; line-height: 1.4; } #content .post-body p { width: 390px; } #content .post-body div.media, #content .post-body embed, #content .post-body object { position: absolute; top: 0; right: 0; margin: 0 0 0 0; } #content .post-body img { position: relative; top: 0; right: -248px; float: right; margin: 0 0 1em -208px; } #content #comments { clear: both; float: none; margin: 0; padding: 0 0 1em 0; width: 55%; font-size: 0.8em; overflow: hidden; } #content #comments p { margin: 0; padding: 0 0 1em 0; } #content #comments p img { float: none; margin: 0; } /* SIDEBARS ------------------------------------------------------------------ */ #sidebar h2 { clear: both;margin-top: 1em; border-top: 1px solid black; font-weight: normal; font-size: 1.25em; } #sidebar ul { list-style: url(http://dutchcelt.nl/images/site/bullit-arrow-link-ie.gif); } #sidebar li { line-height: 1; } #sidebar li a { display: block; line-height: 1.5; } #sidebar form { padding: 0.5em 0 1em 0; font-size: 0.9em; } /* OTHER --------------------------------------------------------------------- */ /* FOOTER -------------------------------------------------------------------- */ /* FORMS [WARNING! low specificity!]------------------------------------------ */ form { clear: both; margin: 0; border-top: 1px solid black; padding: 1em 0 0 0; width: 100%; } form fieldset { margin: 0; border: 0; padding: 0 0 1em 0; width: 100%; } label { float: left; display: block; width: 30%; } checkbox { float: left; width: auto; } select { width: 60%; } textarea { width: 60%; } button { margin: 2px 0 0 0; border: 0; padding: 0 0 8px 0; width: 82px; height: 20px; text-align: center; text-transform: uppercase; font-size: 9px; line-height: 1.7; color: #fff; background: transparent url(http://dutchcelt.nl/images/site/form-button-full.gif) no-repeat 0 0; cursor: pointer; } #searchsubmit { float: right; } .keywords { float: left; margin-bottom: 1.5em; } .formbutton { margin: 0 0 0 30%; } .required { } .text { width: 60%; font-size: 0.95em; } .password { width: 60%; } .street { width: 45%; } .housenumber { width: 15%; } .zipcode { width: 20%; } .city { width: 40%; } .day { width: 18%; } .month { width: 18%; } .year { width: 24%; } .description { } .message { } .submessage { } .errormessage { } .showError { } /* sIFR ----------------------------------------------------------------------- */ /* #content .article .sIFR-replaced { margin: 0; padding: 0; line-height: 0; } #content .article h2.sIFR-replaced { margin-bottom: 0; } .sIFR-flash {visibility: visible !important;margin: 0;padding: 0;} .sIFR-replaced, .sIFR-ignore {visibility: visible !important;} .sIFR-alternate {width: 0;height: 0;display: block;overflow: hidden;} .sIFR-active h1 {margin-top:8px;font-size: 14px;line-height: 1.6; display: block;} .sIFR-active div#sectiontitle {margin-top:8px;font-size: 14px;line-height: 1.6; display: block;} .sIFR-active h2 {margin: 0; padding: 0; font-size: 18px; letter-spacing: -0.2; display: block;} .sIFR-active h3 {margin: 0 0 0 0; padding: 0; display: block;} #homepage .title { padding: 1em 0 0.5em 0;} .title { padding: 0 0 0.5em 0; margin-left: -3px;} div#sectiontitle { margin-top:8px;font-size: 14px;line-height: 1.6; display: block; text-align: right; } div.sectiontitle { margin-top:8px;font-size: 14px; line-height: 1.6; display: block; text-align: right; padding: 0.2em 0 0.5em 0; font-weight: normal; font-size: 1.5em; color: #000; } #homepage div.sectiontitle { padding: 0.1em 0 0.6em 0; } */