/*----------------------------------------------------------------------------- Print Style Sheet version: 1.0 author: Eva-Lotta Lamm email: evalotta.lamm@kahnplus.com website: http://www.kahnplus.com This Sylesheet uses Tripoli, a generic CSS standard for HTML rendering. Copyright (C) 2007 David Hellsing -----------------------------------------------------------------------------*/ /* =Hiding -----------------------------------------------------------------------------*/ #accessibility, #page_description, #global_nav, .nav_tools, #local_nav, .complete_list, hr { display:none; } /* =Global Reset -----------------------------------------------------------------------------*/ /* Remove padding and margin */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0} /* Remove borders */ table {border-collapse:collapse; border-spacing:0} fieldset, img {border:0} abbr, acronym {border:0} /* Remove border around linked images */ img {border: 0;} /* Reset font-size and -weight */ address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal} h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal} /* Remove styling from all list items */ ol, ul {list-style:none} /* Aligning captions left */ caption, th {text-align:left} /* Remove quotemarks */ q:before, q:after {content:''} /* ----------------------------- GENERIC ----------------------------- */ /* MAIN TYPOGRAPHY */ html { font-size: 80%; font-family: arial, "helvetica neue", helvetica, "microsoft sans serif", sans-serif; } strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; } cite, em, dfn { font-style: italic; } code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; } del { text-decoration: line-through; color: #666; } ins, dfn { border-bottom: 1px solid #ccc; } small, sup, sub { font-size: 85%; } abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; } a abbr, a acronym { border: none; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; } sup { vertical-align: super; } sub { vertical-align: sub; } /* ----------------------------- CONTENT ONLY ----------------------------- */ /* BASE SIZES */ #content { font-size: 1.2em; line-height: 1.6em; } #content h1 { font-size: 1.6em; } #content h2 { font-size: 1.5em; } #content h3 { font-size: 1.4em; } #content h4 { font-size: 1.3em; } #content h5 { font-size: 1.2em; } #content h6 { font-size: 1em; } /* HR */ #content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; } /* LISTS */ #content ul li { text-indent: -.85em; margin-left: .85em; } #content ul li:before { content: "\2022\00a0\00a0"; } #content ol { list-style-position: outside; list-style-type: decimal; } #content dt { font-weight: bold; } /* TABLES */ #content table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; } #content th, #content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; } /* MARGINS & PADDINGS */ #content blockquote *:first-child { margin: .8em 0; } #content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content blockquote, #content address, #content table, #content form { margin-bottom: 1.6em; } #content p+p { margin-top: -.8em; } /* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */ #content h1 { margin: 1em 0 .5em; } #content h2 { margin: 1.07em 0 .535em; } #content h3 { margin: 1.14em 0 .57em; } #content h4 { margin: 1.23em 0 .615em; } #content h5 { margin: 1.33em 0 .67em; } #content h6 { margin: 1.6em 0 .8em; } #content th, #content td { padding: .8em; } #content caption { padding-bottom: .8em; } /* padding instead of margin for IE */ #content blockquote { padding: 0 1em; margin: 1.6em 0; } #content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */ #content legend { padding-left: .8em; padding-right: .8em; } #content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */ #content textarea, #content input { padding: .3em .4em .15em .4em; } #content select { padding: .1em .2em 0 .2em; } #content option { padding: 0 .4em; } #content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */ #content dt { margin-top: .8em; margin-bottom: .4em; } #content ul { margin-left: 1.5em; } #content ol { margin-left: 2.35em; } #content ol ol, #content ul ol { margin-left: 2.5em; } #content form div { margin-bottom: .8em; } /* COLORS */ #content a:link { text-decoration: underline; color: #36c; } #content a:visited { text-decoration: underline; color: #99c; } #content a:hover { text-decoration: underline; color: #c33; } #content a:active, #content a:focus { text-decoration: underline; color: #000; } #content code, #content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */ /* ----------------------------- Branding ----------------------------- */ #logo { font-size: 2em; margin: 1.07em 0 .4em;} #tagline { font-size: 1.3em; margin: 0 0 .57em;} #logo a, #tagline a { color:#fff; text-decoration:none; } #page_description {display:block; font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.6em; padding-bottom: 1.6em; border-bottom: 1px solid #000; } /* ----------------------------- Secondary Content ----------------------------- */ #secondary_content {padding-top: 1.6em; border-top: 1px solid #000; } #secondary_content .studybox ul {list-style:none !important; margin-left:0;} #secondary_content .studybox li {margin-left:0;padding-left:0;} #secondary_content .studybox h3 {margin-left:10px;} #secondary_content .studybox .download {display:none;} /* ----------------------------- Footer ----------------------------- */ #footer {font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.6em; padding-top: 1.6em; border-top: 1px solid #000; }