style.css (4731B)
1 2 /* 3 Design by Free CSS Templates 4 http://www.freecsstemplates.org 5 Released for free under a Creative Commons Attribution 2.5 License 6 */ 7 8 body { 9 margin: 0; 10 padding: 0; 11 background: #F7F7F7 url(images/img01.jpg) repeat-x left top; 12 font-family: Arial, Helvetica, sans-serif; 13 font-size: 12px; 14 color: #787878; 15 } 16 17 h1, h2, h3 { 18 margin: 0; 19 padding: 0; 20 font-weight: normal; 21 color: #000000; 22 } 23 24 h1 { 25 font-size: 2em; 26 } 27 28 h2 { 29 font-size: 2.4em; 30 } 31 32 h3 { 33 font-size: 1.6em; 34 } 35 36 p, ul, ol { 37 margin-top: 0; 38 line-height: 180%; 39 } 40 41 ul, ol { 42 } 43 44 a { 45 text-decoration: none; 46 color: #BC1B32; 47 } 48 49 a:hover { 50 } 51 52 #wrapper { 53 width: 960px; 54 margin: 0 auto; 55 padding: 0; 56 } 57 58 /* Header */ 59 60 #header { 61 width: 940px; 62 height: 102px; 63 margin: 0 auto; 64 } 65 66 /* Logo */ 67 68 #logo { 69 float: left; 70 margin: 0; 71 padding-top: 30px; 72 color: #000000; 73 } 74 75 #logo h1, #logo p { 76 margin: 0; 77 padding: 0; 78 } 79 80 #logo h1 { 81 float: left; 82 letter-spacing: -1px; 83 text-transform: lowercase; 84 font-size: 3.8em; 85 } 86 87 #logo p { 88 float: left; 89 margin: 0; 90 padding: 26px 0 0 10px; 91 font: normal 14px Georgia, "Times New Roman", Times, serif; 92 font-style: italic; 93 } 94 95 #logo a { 96 border: none; 97 background: none; 98 text-decoration: none; 99 color: #000000; 100 } 101 102 /* Search */ 103 104 #search { 105 float: right; 106 width: 280px; 107 height: 60px; 108 padding: 20px 0px 0px 0px; 109 background: #E2E2E2; 110 border-bottom: 4px solid #FFFFFF; 111 } 112 113 #search form { 114 height: 41px; 115 margin: 0; 116 padding: 10px 0 0 20px; 117 } 118 119 #search fieldset { 120 margin: 0; 121 padding: 0; 122 border: none; 123 } 124 125 #search-text { 126 width: 170px; 127 padding: 6px 5px 2px 5px; 128 border: 1px solid #DEDEDE; 129 background: #FFFFFF; 130 text-transform: lowercase; 131 font: normal 11px Arial, Helvetica, sans-serif; 132 color: #5D781D; 133 } 134 135 #search-submit { 136 width: 50px; 137 height: 22px; 138 border: none; 139 background: #B9B9B9; 140 color: #000000; 141 } 142 143 /* Menu */ 144 145 #menu { 146 width: 940px; 147 height: 36px; 148 margin: 0 auto; 149 padding: 0; 150 background: #000000; 151 } 152 153 #menu ul { 154 margin: 0; 155 padding: 0; 156 list-style: none; 157 line-height: normal; 158 } 159 160 #menu li { 161 float: left; 162 } 163 164 #menu a { 165 display: block; 166 width: 156px; 167 height: 28px; 168 background: #000000; 169 padding-top: 8px; 170 border-right: 1px solid #FFFFFF; 171 text-decoration: none; 172 text-align: center; 173 font-family: Arial, Helvetica, sans-serif; 174 font-size: 13px; 175 font-weight: bold; 176 color: #FFFFFF; 177 border: none; 178 } 179 180 #menu a:hover, #menu .current_page_item a { 181 background: #BC1B32; 182 text-decoration: none; 183 } 184 185 #menu .current_page_item a { 186 background: #BC1B32; 187 padding-left: 0; 188 } 189 190 /* Page */ 191 192 #page { 193 width: 1000px; 194 margin: 0 auto; 195 padding: 0; 196 } 197 198 #page-bgtop { 199 padding: 20px px; 200 } 201 202 #page-bgbtm { 203 } 204 205 /* Content */ 206 207 #content { 208 float: left; 209 width: 700px; 210 padding: 0; 211 } 212 213 .post { 214 margin-bottom: 15px; 215 border-bottom: 1px solid #E2E2E2; 216 } 217 218 .post-bgtop { 219 } 220 221 .post-bgbtm { 222 } 223 224 .post .title { 225 height: 38px; 226 margin-bottom: 10px; 227 padding: 12px 0 0 0px; 228 letter-spacing: -.5px; 229 color: #000000; 230 } 231 232 .post .title a { 233 color: #000000; 234 border: none; 235 } 236 237 .post .meta { 238 width: 400px; 239 padding: 5px 20px 5px 10px; 240 background: #676767; 241 text-align: left; 242 font-family: Arial, Helvetica, sans-serif; 243 font-size: 11px; 244 font-style: italic; 245 color: #FFFFFF; 246 } 247 248 .post .meta a { 249 color: #FFFFFF; 250 } 251 252 .post .entry { 253 padding: 0px 0px 20px 0px; 254 padding-bottom: 20px; 255 text-align: justify; 256 } 257 258 .links { 259 padding-top: 20px; 260 font-size: 12px; 261 font-weight: bold; 262 } 263 264 /* Sidebar */ 265 266 #sidebar { 267 float: right; 268 width: 0px; 269 padding: 0px; 270 color: #787878; 271 background: #FFFFFF; 272 } 273 274 #sidebar ul { 275 margin: 0; 276 padding: 0; 277 list-style: none; 278 } 279 280 #sidebar li { 281 margin: 0; 282 padding: 0; 283 border-left: 1px solid #E2E2E2; 284 } 285 286 #sidebar li ul { 287 margin: 0px 0px; 288 padding-bottom: 30px; 289 } 290 291 #sidebar li li { 292 line-height: 35px; 293 border-bottom: 1px dashed #D1D1D1; 294 margin: 0px 30px; 295 border-left: none; 296 } 297 298 #sidebar li li span { 299 display: block; 300 margin-top: -20px; 301 padding: 0; 302 font-size: 11px; 303 font-style: italic; 304 } 305 306 #sidebar h2 { 307 height: 38px; 308 padding-left: 30px; 309 letter-spacing: -.5px; 310 font-size: 1.8em; 311 color: #000000; 312 } 313 314 #sidebar p { 315 margin: 0 0px; 316 padding: 0px 30px 20px 30px; 317 text-align: justify; 318 } 319 320 #sidebar a { 321 border: none; 322 color: #BC1B32; 323 } 324 325 #sidebar a:hover { 326 text-decoration: underline; 327 color: #8A8A8A; 328 } 329 330 /* Calendar */ 331 332 #calendar { 333 } 334 335 #calendar_wrap { 336 padding: 20px; 337 } 338 339 #calendar table { 340 width: 100%; 341 } 342 343 #calendar tbody td { 344 text-align: center; 345 } 346 347 #calendar #next { 348 text-align: right; 349 } 350 351 /* Footer */ 352 353 #footer { 354 height: 50px; 355 margin: 0 auto; 356 padding: 0px 0 15px 0; 357 background: #ECECEC; 358 border-top: 1px solid #DEDEDE; 359 font-family: Arial, Helvetica, sans-serif; 360 } 361 362 #footer p { 363 margin: 0; 364 padding-top: 20px; 365 line-height: normal; 366 font-size: 9px; 367 text-transform: uppercase; 368 text-align: center; 369 color: #A0A0A0; 370 } 371 372 #footer a { 373 color: #8A8A8A; 374 }