1/******************************************************************************/ 2/* GENERAL */ 3/******************************************************************************/ 4html { 5 height: 100%; 6 margin: 0; 7 padding: 0; 8} 9body { 10 margin: 6em 70px 1em 70px; 11 padding: 10px; 12} 13form { 14 margin: 0; 15 padding: 0; 16} 17/************************************ IMG *************************************/ 18img.illustration { 19 vertical-align: baseline; 20} 21/********************************* DEFINITION *********************************/ 22dl { 23 margin: 0; 24} 25dl dt { 26 margin: .5em 0 0 0; 27} 28dl dd { 29 margin: 0 0 0 1em; 30} 31dl dd.date { 32 float: left; 33 height: 2.5em; 34 line-height: 2.5em; 35 width: 6em; 36 margin-right: 1em; 37} 38/******************************************************************************/ 39/* HEADER */ 40/******************************************************************************/ 41#header { 42 height: 0; 43} 44#header #avoid { 45 position: absolute; 46 top: 0; 47 right: 5px; 48} 49#header #avoid ul { 50 margin: 0; 51 padding: 0; 52} 53#header #avoid ul li { 54 display: inline; 55} 56#header #banner { 57 position: absolute; 58 top: 0; 59 left: 0; 60 width: 150px; 61 height: 166px; 62} 63#header h1 { 64 position: absolute; 65 top: 0; 66 left: 150px; 67 margin: 0; 68} 69/******************************************************************************/ 70/* MENU */ 71/******************************************************************************/ 72#menu { 73 margin: 0; 74 height: 3em; 75 padding: 0 0 0 70px; 76} 77#menu ul { 78 margin: 0; 79 padding: 0; 80 height: 3em; 81} 82#menu ul li { 83 float: left; 84 line-height: 3em; 85} 86#menu ul li a { 87 padding: .8em 1.5em; 88} 89/******************************************************************************/ 90/* SUBMENU */ 91/******************************************************************************/ 92#submenu { 93 margin: 5px 0 0 0; 94 height: 2em; 95 padding: 0 0 0 70px; 96} 97#submenu ul { 98 margin: 0; 99 padding: 0; 100 height: 2em; 101} 102#submenu ul li { 103 float: left; 104 line-height: 2em; 105} 106#submenu ul li a { 107 padding: .3em 1.5em; 108 font-size: 1em; 109} 110#submenu ul.children { 111 display: none; 112 position: absolute; 113 margin: 0; 114} 115#submenu ul li:hover ul.children { 116 display: block; 117} 118#submenu #search { 119 float: right; 120 padding: 0 5px 0 30px; 121 height: 2em; 122 line-height: 2em; 123} 124#submenu #search p { 125 margin: 0; 126} 127#submenu #search input { 128 font-size: 1em; 129 padding: 0; 130} 131#submenu #search input[type=text] { 132 padding: 0 5px 0 5px; 133 width: 8em; 134} 135#submenu #search input[type=submit] { 136 display: none; 137} 138#submenu #qsearch_out { 139 display: none; 140 position: absolute; 141 z-index: 200; 142 right: 80px; 143 padding: .5em; 144} 145#submenu #qsearch_out ul { 146 padding: 0; 147 display: block; 148 height: auto; 149} 150#submenu #qsearch_out li { 151 padding: 0; 152 display: block; 153 float: none; 154 line-height: normal; 155} 156#submenu #qsearch_out li a { 157 padding: 0; 158} 159/******************************************************************************/ 160/* BODY */ 161/******************************************************************************/ 162#body { 163 margin: 0; 164 /*overflow: hidden;*/ 165} 166#body #content { 167 margin-right: 16em; 168 /*padding-bottom: 32767px; 169 margin-bottom: -32767px;*/ 170} 171#body.nosidebar #content { 172 margin-right: 0; 173} 174/*********************************** HEADER ***********************************/ 175#body h1, #body h2, #body h3, #body h4, #body h5 { 176 clear: left; 177} 178#body h1, #body h2, #body h3, #body h4, #body h5, #body h1 a, #body h2 a, #body h3 a, #body h4 a, #body h5 a { 179 padding: 0 !important; 180} 181#body h2 { 182 margin: 1em 0 0 0; 183} 184#body h3 { 185 margin: .5em 0 0 0; 186} 187#body h4 { 188 margin: .5em 0 0 0; 189} 190#body h5 { 191 margin: .5em 0 0 0; 192} 193/********************************** SUBTITLE **********************************/ 194#body .subtitle{ 195 margin: 0; 196 padding: .3em; 197} 198/********************************* PARAGRAPH **********************************/ 199#body p { 200 margin: .5em 0 0 0; 201} 202/********************************* BLOCKQUOTE *********************************/ 203#body blockquote { 204 margin: 0 .5em 1em .5em; 205 padding: .5em .5em .5em 25px; 206} 207/********************************* TRACKBACKS *********************************/ 208#body #trackbacks { 209 margin-top: 3em; 210} 211/********************************* COMMENTLIST ********************************/ 212#body #commentlist { 213 padding: 0; 214 margin: 0; 215} 216#body #commentlist li { 217 margin: 0 0 .5em 0; 218} 219#body table { 220 margin: .5em 0; 221 border-spacing: 0; 222 border-collapse: collapse; 223} 224/******************************************************************************/ 225/* SIDEBAR */ 226/******************************************************************************/ 227#sidebar { 228 float: right; 229 padding: 1em 0 0 20px; 230 width: 15em; 231 /*padding-bottom: 32767px; 232 margin-bottom: -32767px;*/ 233} 234#sidebar .panel { 235 margin-bottom: 1em; 236} 237#sidebar h2 { 238 margin: 0 !important; 239 padding: .2em .5em !important; 240} 241#sidebar ul { 242 margin: 0; 243 padding: 5px 0; 244} 245/******************************************************************************/ 246/* TOC */ 247/******************************************************************************/ 248div.toc { 249 clear: right; 250 float: right; 251 padding: 1em 0 0 20px; 252 width: 15em; 253 margin-right: -16em; 254} 255div.toc .tocheader { 256 margin: 0; 257 padding: .2em .5em; 258} 259div.toc #tocinside { 260 margin: 0; 261 padding: 5px 0; 262} 263div.toc #tocinside ul{ 264 margin: 0; 265 padding: 0; 266} 267div.toc #tocinside ul ul{ 268 margin-left: 1em; 269} 270/******************************************************************************/ 271/* FOOTER */ 272/******************************************************************************/ 273#footer { 274 clear: both; 275 margin: 1em 0 0 0; 276 padding: .5em 0 0 0; 277} 278#footer p img { 279 vertical-align: bottom; 280} 281#footer p { 282 margin: 0; 283}