/* Reset styles */
html, body, #title, #main, #sidebar, #content, #content2 { margin:0; padding:0; background:#fff; border:0; color:#000; }
body { width:auto; }

/* Base font size */
body { font-size:11pt; }

/* Hide stuff */
#identity, #mainnav, #switch-lang, #trigger, #footer, #kiddie, #slideshow { display:none; }

/* Avoid page breaks */
h1, h2, h3, blockquote, .intro, .figure { page-break-inside:avoid; }
h1, h2, h3 { page-break-after:avoid; }

/* Title tweaks */
#title { float:none; width:auto; }
#title:after { content:' (www.idoe.be)'; }

/* Main layout tweaks */
#sidebar { width:25%; }
#content { width:70%; }
body.three-cols #content { margin-left:5%; padding:0; width:33%; }
body.three-cols #content2 { margin-left:4%; padding:0; width:33%; }
body.message #main, body.message #content { border:0; }

/* Image tweaks */
img { max-width:100%; }

/* Header tweaks */
#main h1, #main h2, #main h3 { color:#000; }
#main h2 span { color:#333; }

/* Link tweaks */
#main a, #main a:visited { border-color:#333; color:#000; }

/* List tweaks */
#main ul { list-style:circle; }
#main ul li.active { list-style:square; }

/* Intro paragraph tweaks */
#main p.intro { background:none; border:0; color:#333; }
#main p.intro:first-letter { padding:0; background:none; color:#333; }

/* Blockquote tweaks */
#main blockquote { margin:0 0 20px; padding:0 0 0 30px; background:#fff; border-left:1px solid #ccc; color:#000; }
#main blockquote strong { font-weight:bold; color:#000; }
#main blockquote .author { color:#333; }

/* Figure tweaks */
#main .figure small { padding-left:0; background:none; border-top:1px solid #333; color:#000; }
#main .figure small strong { color:#000; }