/* global configuration */ * { padding: 0; margin: 0; } /* layout */ .center { position: absolute; overflow: auto; top: 20px; right: 15em; left: 15em; bottom: 20px; } .left { top: 0em; width: 15em; left: 0; bottom: 0; } .right { top: 0em; width: 15em; right: 0; bottom: 0; } .header { position: absolute; height: 20px; left: 15em; right: 15em; top: 0; } .footer { position: absolute; height: 20px; left: 15em; right: 15em; bottom: 0; } .sideBar { position: absolute; overflow: auto; } /* spacing */ .title { padding: 5px 20px; } .title p { margin: 0; } .body { padding: 25px 30px; } .body ul, .body ol { list-style-position: inside; margin: 1em 0; } .body ul ul, .body ul ol, .body ol ul, .body ol ol { margin: 0; } .body li { margin: 3px 5px; } .body li li { margin-left: 20px; } .body dl { margin: 1em 2em; } .body dt { font-weight: bold; } .body dd { margin-left: 3em; margin-top: 0.1em; } .body dd + dt { margin-top: 0.9em; } .sideBar h1 { margin-bottom: 5px; padding: 0px 5px; } .sideBar .content { padding: 20px; } .sideBar li { padding: 3px; } .sideBar ul, .sideBar ol { list-style-type: none; margin-top: 0.4em; } .sideBar li + li { margin-top: 0.2em; } .sideBar ul + h1 { margin-top: 1.2em; } /* color and text */ * { font-family: sans-serif; } body { background-color: white; color: black; line-height: 1.3; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } .title { background-color: #fafafa; border-color: #cccccc; border-width: 0 0 3px 0; border-style: double; font-size: 1.2em; } .body h1 { font-size: 180%; background-color: #fafafa; border-color: #dddddd; border-width: 2px; border-style: solid; padding: 0 10px; } .body h2 { font-size: 150%; } .body h3 { font-size: 130%; } .body h4 { font-size: 110%; } .body h5 { font-size: 90%; } .body h2, .body h3, .body h4, .body h5 { background-color: #fafafa; border-color: #dddddd; border-width: 0 0 1px 0; border-style: solid; padding: 0 10px; } .header, .footer, .sideBar { background-color: #eeeeee; } .sideBar h1 { font-size: 120%; font-weight: bold; background-color: #fafafa; border-color: #dddddd white white #dddddd; border-width: 1px; border-style: solid; } .sideBar a { color: #4e8eff; } .sideBar a:visited { color: #3f73d0; } .sideBar .date { font-size: 70%; white-space: nowrap; } .sideBar .trackbacks p { font-size: 90%; } .sideBar .outline li { list-style-type: circle; margin-left: 1em; padding: 0; background-color: black; } .sideBar .outline li li { list-style-type: disc; } .sideBar .outline li li li { list-style-type: square; } p { margin: 0.8em 0; } /* float */ h1, h2, h3, h4, h5, h6 { clear: both; } /* image */ img { border-width: 0; } .inlineImage { margin-top: 5px; margin-bottom: 5px; } .leftFloat { float: left; margin-right: 25px; } .rightFloat { float: right; margin-left: 25px; } .imageFrame { background-color: #eeeeee; padding: 5px; border-color: #cccccc; border-width: 1px; border-style: solid; margin-top: 5px; margin-bottom: 5px; } .imageFrame p { margin: 0; } .imageData { text-align: center; } .imageCaption { margin-top: 3px; }