/***************************** HEADERS **************************** / Remember that headers are the first three lines of the source file. / They are placed inside the #header DIV when using --css-suggar. / So we can format it freely without messing other rules. / / Yes, it is that green strip at the top. Note that the white gems / image is referred as background. */ #header { background : #a4c3dc no-repeat right; color : #002303; margin-right : 5%; margin-left : 5%; padding: 3px; margin-bottom: 10px; text-align: center; font-family: sans-serif; } #header * { margin : 0; } #header h1 { font-size: 18pt; font-weight : bold; } #header h3 { font-weight : normal; } #header a { color : white; text-decoration : none; } #header a:hover { background : transparent; } /***************************** CONTENT **************************** / The page contents are placed inside the #body DIV when using / the --css-suggar option. Don't confuse it with the tag. / I know it would be better to call it #content, but... too late. / / Inside #body there are the sidebar and the page contents. The / sidebar has its own DIV, but the contents doesn't. I could have / made an extra DIV for it, but it is not strictly necessary. So / some special care is needed to format both using the same container. */ #body { font-size: small; color: black; font-weight: 400; background-color: #FFE; font-family: sans-serif; font-style: normal; font-variant: normal; } #body h1 { font-weight: bold; font-size: large; color: black; margin-left: 0%; } #body h2 { color : #9933cc; font-size : medium; font-weight : bold; } #body h3 { font-size : small; font-weight : bold; color: #cc3366; margin-left: 2%; } TD {font-size: small} TD b { font-weight: bold;} P {margin-left: 4%} A {font-weight: bold; color: #4400bb} DT {float:left;} blockquote {display: none;} a:hover ~ blockquote {display:inline-block;}