|
1 /* -------------------------------------------------------------- |
|
2 |
|
3 Default theme styles for Thematic |
|
4 |
|
5 -------------------------------------------------------------- */ |
|
6 |
|
7 |
|
8 /* Un-comment the line below to set a grid with 18px line-height */ |
|
9 /*body { background:url(library/grids/960_grid_12_col.gif) repeat-y top center; }*/ |
|
10 |
|
11 |
|
12 /* =Global Elements |
|
13 -------------------------------------------------------------- */ |
|
14 |
|
15 body { |
|
16 font-family:Georgia, serif; |
|
17 } |
|
18 #wrapper { |
|
19 border-top:9px solid black; |
|
20 } |
|
21 a:link, a:visited { |
|
22 color:#2772B3; |
|
23 text-decoration:none; |
|
24 } |
|
25 a:hover { |
|
26 text-decoration:underline; |
|
27 } |
|
28 blockquote { |
|
29 font-style:italic; |
|
30 font-size:13px; |
|
31 } |
|
32 blockquote em, blockquote cite, blockquote i { |
|
33 font-style:normal; |
|
34 } |
|
35 input, textarea { |
|
36 font-family:Georgia, serif; |
|
37 } |
|
38 .caps { |
|
39 font-size:10px; |
|
40 text-transform:uppercase; |
|
41 letter-spacing:1px; |
|
42 } |
|
43 .important { |
|
44 font-weight:bold; |
|
45 } |
|
46 |
|
47 /* =Header |
|
48 -------------------------------------------------------------- */ |
|
49 |
|
50 #header { |
|
51 background:#181E24; |
|
52 } |
|
53 #blog-title { |
|
54 font-size:36px; |
|
55 line-height:54px; |
|
56 font-weight:bold; |
|
57 letter-spacing:-1px; |
|
58 padding:99px 0 0 0; |
|
59 border-bottom:1px solid #242A30; |
|
60 } |
|
61 #blog-title a { |
|
62 color:#fff; |
|
63 text-decoration:none; |
|
64 } |
|
65 #blog-description { |
|
66 font-style:italic; |
|
67 padding:8px 0 63px 0; |
|
68 color:#fff; |
|
69 } |
|
70 |
|
71 /* =Menu |
|
72 -------------------------------------------------------------- */ |
|
73 |
|
74 #access { |
|
75 font-size:11px; |
|
76 background:#B5D1EA; |
|
77 border-top:1px solid #CADEF0; |
|
78 margin-top:-1px; |
|
79 } |
|
80 .skip-link { |
|
81 display:none; |
|
82 } |
|
83 .menu { |
|
84 padding:7px 0 8px 0; |
|
85 overflow:hidden; /* clears the inner float */ |
|
86 } |
|
87 .menu ul, |
|
88 .menu ul { |
|
89 margin:0; |
|
90 list-style:none; |
|
91 clear:both; |
|
92 } |
|
93 .menu ul ul { |
|
94 display:none; |
|
95 } |
|
96 .menu li { |
|
97 display:inline; |
|
98 } |
|
99 .menu a { |
|
100 display:block; |
|
101 float:left; |
|
102 margin:0 10px 0 0; |
|
103 padding:1px 6px; |
|
104 background:#87B5DD; |
|
105 color:#fff; |
|
106 border-top:1px solid #6DA5D6; |
|
107 text-decoration:none; |
|
108 } |
|
109 .menu a:hover { |
|
110 background:#5C9BD1; |
|
111 color:#fff; |
|
112 border-color:#3B86C7; |
|
113 } |
|
114 .menu .current_page_item a { |
|
115 background:#5C9BD1; |
|
116 color:#fff; |
|
117 border-color:#3B86C7; |
|
118 } |
|
119 .menu a:focus { |
|
120 background:#4887BD; |
|
121 color:#fff; |
|
122 border-color:#2772B3; |
|
123 } |
|
124 |
|
125 /* =Content |
|
126 -------------------------------------------------------------- */ |
|
127 |
|
128 #main { |
|
129 padding:54px 0; |
|
130 } |
|
131 #content { |
|
132 } |
|
133 .hentry { |
|
134 margin:9px 0 0 0; |
|
135 padding:44px 1px 36px 1px; |
|
136 border-top:1px solid #e0e0e0; |
|
137 } |
|
138 .p1 { |
|
139 margin:0; |
|
140 padding:0 0 36px 0; |
|
141 border:none; |
|
142 } |
|
143 .page-title { |
|
144 font-size:14px; |
|
145 font-weight:bold; |
|
146 padding:18px 0; |
|
147 } |
|
148 .page-title span { |
|
149 font-size:12px; |
|
150 font-weight:normal; |
|
151 font-style:italic; |
|
152 } |
|
153 .entry-title { |
|
154 font-size:24px; |
|
155 line-height:26px; |
|
156 padding:8px 0 2px 0; |
|
157 font-weight:bold; |
|
158 color:#000; |
|
159 } |
|
160 .entry-title a { |
|
161 text-decoration:none; |
|
162 color:#000; |
|
163 } |
|
164 .entry-meta { |
|
165 font-size:11px; |
|
166 color:#787878; |
|
167 } |
|
168 .entry-meta a { |
|
169 color:#787878; |
|
170 font-style:italic; |
|
171 } |
|
172 .entry-meta a:hover { |
|
173 } |
|
174 .entry-meta .author { |
|
175 } |
|
176 .entry-meta .meta-sep { |
|
177 } |
|
178 .entry-meta abbr { |
|
179 } |
|
180 .entry-content { |
|
181 margin:18px 0 0 0; |
|
182 overflow:hidden; |
|
183 } |
|
184 .entry-content h1, .entry-content h2 { |
|
185 font-size:18px; |
|
186 font-weight:bold; |
|
187 margin:0 0 18px 0; |
|
188 padding:18px 0 0 0; |
|
189 } |
|
190 .entry-content h3 { |
|
191 font-weight:bold; |
|
192 text-transform:uppercase; |
|
193 letter-spacing:1px; |
|
194 margin:0 0 18px 0; |
|
195 padding:18px 0 0 0; |
|
196 } |
|
197 .entry-content h4 { |
|
198 font-weight:bold; |
|
199 font-size:11px; |
|
200 text-transform:uppercase; |
|
201 letter-spacing:1px; |
|
202 } |
|
203 .entry-content h5 { |
|
204 font-size:11px; |
|
205 text-transform:uppercase; |
|
206 letter-spacing:1px; |
|
207 } |
|
208 .entry-content h6 { |
|
209 font-size:10px; |
|
210 text-transform:uppercase; |
|
211 letter-spacing:1px; |
|
212 } |
|
213 .entry-content ul { |
|
214 list-style:square; |
|
215 margin:0 0 18px 1.5em; |
|
216 } |
|
217 .entry-content dt { |
|
218 font-weight:bold; |
|
219 } |
|
220 .entry-content dd { |
|
221 margin:0 0 18px 0; |
|
222 } |
|
223 .entry-content abbr, .entry-content acronym, .entry-content .help { |
|
224 border-bottom: 1px dotted #333; |
|
225 cursor: help; |
|
226 } |
|
227 .entry-content ul.xoxo { |
|
228 margin:0 0 18px 0; |
|
229 overflow:hidden; |
|
230 } |
|
231 .entry-content ul.xoxo ul { |
|
232 margin:0 0 0 1.5em; |
|
233 } |
|
234 li.content-column, .entry-content li.linkcat { |
|
235 float:left; |
|
236 list-style:none; |
|
237 margin:0 20px 0 0; |
|
238 } |
|
239 .entry-content li.linkcat ul.xoxo { |
|
240 overflow:visible; |
|
241 } |
|
242 .more-link { |
|
243 font-weight:bold; |
|
244 font-style:italic; |
|
245 display:block; |
|
246 } |
|
247 .page-link { |
|
248 margin:0 0 18px 0; |
|
249 } |
|
250 .page .edit-link { |
|
251 float:left; |
|
252 clear:both; |
|
253 } |
|
254 .entry-utility { |
|
255 font-size:11px; |
|
256 color:#787878; |
|
257 } |
|
258 .entry-utility a { |
|
259 font-style:italic; |
|
260 color:#787878; |
|
261 } |
|
262 .entry-utility a:hover { |
|
263 } |
|
264 .comments-link a { |
|
265 font-weight:bold; |
|
266 color:#2772B3; |
|
267 } |
|
268 |
|
269 /* =Comments |
|
270 -------------------------------------------------------------- */ |
|
271 |
|
272 #comments { |
|
273 background:#B5D1EA; |
|
274 color:#fff; |
|
275 margin:54px 0 0 0; |
|
276 padding:18px 0; |
|
277 overflow:hidden; |
|
278 } |
|
279 #comments .comment-navigation { |
|
280 background:#87B5DD; |
|
281 border-top:1px solid #6DA5D6; |
|
282 line-height:36px; |
|
283 margin:-18px 20px 18px 20px; |
|
284 padding:0 20px; |
|
285 overflow:hidden; |
|
286 } |
|
287 .comment-navigation a { |
|
288 color:#fff; |
|
289 } |
|
290 .paginated-comments-links { |
|
291 text-align:center; |
|
292 } |
|
293 #comments h3 { |
|
294 font-weight:bold; |
|
295 text-transform:uppercase; |
|
296 letter-spacing:1px; |
|
297 text-align:center; |
|
298 margin:0 0 18px 0; |
|
299 padding:0 20px 0 20px; |
|
300 } |
|
301 #comments .comments:first-child h3 { |
|
302 padding-top:18px; |
|
303 } |
|
304 #comments ol { |
|
305 margin:0 0 36px 0; |
|
306 list-style:none; |
|
307 } |
|
308 #comments ol ul { |
|
309 list-style:none; |
|
310 margin:0; |
|
311 padding:0 0 18px 0; |
|
312 } |
|
313 #comments li { |
|
314 background:#87B5DD; |
|
315 border-top:1px solid #6DA5D6; |
|
316 margin:0 20px 18px 20px; |
|
317 padding:17px 20px 0 20px; |
|
318 position:relative; |
|
319 } |
|
320 #comments li li { |
|
321 border:1px solid #6DA5D6; |
|
322 margin:0 0 18px 0; |
|
323 } |
|
324 #comments a { |
|
325 } |
|
326 #comments li.byuser { |
|
327 background:#5C9BD1; |
|
328 border-color:#3B86C7; |
|
329 } |
|
330 #comments li.byuser p a { |
|
331 } |
|
332 #comments li.bypostauthor { |
|
333 } |
|
334 #comments li.bypostauthor p a { |
|
335 } |
|
336 #comments .avatar { |
|
337 width:48px; |
|
338 height:48px; |
|
339 position:absolute; |
|
340 top:19px; |
|
341 left:20px !important; |
|
342 left:0px; |
|
343 } |
|
344 #comments .fn { |
|
345 font-weight:bold; |
|
346 font-size:14px; |
|
347 padding:18px 0 0 58px; |
|
348 display:block; |
|
349 } |
|
350 #comments .fn a { |
|
351 color:#fff; |
|
352 } |
|
353 #comments-list .comment-meta { |
|
354 font-size:10px; |
|
355 margin:0 0 18px 0; |
|
356 padding:0 0 0 58px |
|
357 } |
|
358 #comments-list .comment-meta a { |
|
359 font-style:italic; |
|
360 color:#fff; |
|
361 } |
|
362 #comments li p { |
|
363 margin:0; |
|
364 padding:0 0 18px 0; |
|
365 } |
|
366 .comment-reply-link { |
|
367 font-size:10px; |
|
368 font-style:italic; |
|
369 padding:0 0 18px 0; |
|
370 } |
|
371 .comment-reply-link a { |
|
372 color:#fff; |
|
373 } |
|
374 #cancel-comment-reply { |
|
375 padding:0 0 18px 0; |
|
376 } |
|
377 #trackbacks-list .comment-author { |
|
378 margin:0 0 18px 0; |
|
379 font-size:11px; |
|
380 } |
|
381 #trackbacks-list .comment-author a { |
|
382 font-size:14px; |
|
383 font-weight:bold; |
|
384 color:#fff; |
|
385 } |
|
386 #respond { |
|
387 background:#87B5DD; |
|
388 border-top:1px solid #6DA5D6; |
|
389 padding:17px 20px 0 20px; |
|
390 width:auto; |
|
391 _width:460px; /* IE6 Hack to display correctly the respond form */ |
|
392 max-width:460px; |
|
393 margin:0 auto; |
|
394 z-index:100; |
|
395 } |
|
396 #respond h3 { |
|
397 padding-top:18px; |
|
398 } |
|
399 #cancel-comment-reply a { |
|
400 color:#fff; |
|
401 font-style:italic; |
|
402 } |
|
403 #respond form { |
|
404 padding:0 0 36px 0; |
|
405 } |
|
406 #respond #form-section-author { |
|
407 width:230px; |
|
408 float:left; |
|
409 margin-right:10px; |
|
410 } |
|
411 #respond #form-section-author input { |
|
412 width:220px; |
|
413 } |
|
414 #respond #form-section-email { |
|
415 width:220px; |
|
416 float:left; |
|
417 } |
|
418 #respond #form-section-email input { |
|
419 width:100%; |
|
420 } |
|
421 #respond #form-section-url { |
|
422 clear:both; |
|
423 } |
|
424 #respond #form-section-url input { |
|
425 width:100%; |
|
426 } |
|
427 #respond .form-label { |
|
428 font-size:10px; |
|
429 } |
|
430 #respond .form-input input { |
|
431 margin:0 0 14px 0; |
|
432 } |
|
433 #respond textarea { |
|
434 width:100%; |
|
435 margin:0 0 16px 0; |
|
436 } |
|
437 #respond .form-submit { |
|
438 float:right; |
|
439 } |
|
440 p.subscribe-to-comments { |
|
441 width:260px; |
|
442 float:left; |
|
443 } |
|
444 p.subscribe-to-comments label { |
|
445 } |
|
446 p.comment_license { |
|
447 clear:both; |
|
448 margin:0; |
|
449 } |
|
450 p.solo-subscribe-to-comments { |
|
451 clear:both; |
|
452 margin:0; |
|
453 } |
|
454 p.solo-subscribe-to-comments:first-line { |
|
455 font-style:italic; |
|
456 } |
|
457 #respond .required { |
|
458 font-weight:bold; |
|
459 } |
|
460 |
|
461 /* =Author Info |
|
462 -------------------------------------------------------------- */ |
|
463 |
|
464 #author-info { |
|
465 margin:18px 0 36px 0; |
|
466 } |
|
467 #author-info p:first-line { |
|
468 font-weight:bold; |
|
469 } |
|
470 #author-info .avatar { |
|
471 float:left; |
|
472 width:72px; |
|
473 height:72px; |
|
474 margin:0 10px 0 0; |
|
475 padding:5px; |
|
476 background:#B5D1EA; |
|
477 position:relative; |
|
478 top:4px; |
|
479 } |
|
480 |
|
481 /* =Navigation |
|
482 -------------------------------------------------------------- */ |
|
483 |
|
484 .navigation { |
|
485 margin:0px 0 36px 0; |
|
486 overflow:hidden; |
|
487 } |
|
488 .nav-previous { |
|
489 float: left; |
|
490 width:50%; |
|
491 } |
|
492 .nav-next { |
|
493 float: right; |
|
494 width:50%; |
|
495 text-align:right; |
|
496 } |
|
497 #nav-above,#nav-below { |
|
498 width: 100%; |
|
499 } |
|
500 #nav-above { |
|
501 margin:18px 0 36px 0; |
|
502 } |
|
503 .home #nav-above, .single #nav-above { |
|
504 display:none; |
|
505 } |
|
506 .paged #nav-above { |
|
507 display:block; |
|
508 } |
|
509 |
|
510 /* =Asides (widgetized areas) |
|
511 -------------------------------------------------------------- */ |
|
512 |
|
513 .aside ul { |
|
514 margin:0; |
|
515 list-style:none; |
|
516 } |
|
517 .aside h3 { |
|
518 font-size:14px; |
|
519 font-weight:bold; |
|
520 } |
|
521 .aside ul ul { |
|
522 list-style:square; |
|
523 margin:0 0 18px 1.5em; |
|
524 } |
|
525 .aside ul ul ul { |
|
526 margin:0 0 0 1.5em; |
|
527 } |
|
528 /* Begin Calendar styles */ |
|
529 .aside table { |
|
530 border-top:1px solid #e0e0e0; |
|
531 margin:0 0 8px 0; |
|
532 } |
|
533 .aside th { |
|
534 border-left:1px solid #e0e0e0; |
|
535 } |
|
536 .aside tr { |
|
537 border-bottom:1px solid #e0e0e0; |
|
538 border-right:1px solid #e0e0e0; |
|
539 line-height:35px; |
|
540 } |
|
541 .aside td { |
|
542 border-left:1px solid #e0e0e0; |
|
543 padding:0 10px |
|
544 } |
|
545 .aside caption { /* Make the caption match h3 styles */ |
|
546 font-size:14px; |
|
547 font-weight:bold; |
|
548 text-align:left; |
|
549 margin:0 0 9px 0; |
|
550 } |
|
551 .aside tfoot tr { |
|
552 border:none; |
|
553 line-height:36px; |
|
554 } |
|
555 .aside tfoot td { |
|
556 border:none; |
|
557 padding:0; |
|
558 } |
|
559 .aside #next { |
|
560 text-align:right; |
|
561 } |
|
562 /* End Calendar styles */ |
|
563 /* Begin Search styles */ |
|
564 .aside form { |
|
565 margin:4px 0 10px 0; |
|
566 } |
|
567 /* End Search styles */ |
|
568 #content .widgetcontainer { |
|
569 border-top:1px solid #e0e0e0; |
|
570 padding:35px 1px 18px 1px; |
|
571 margin:18px 0 36px 0; |
|
572 } |
|
573 #index-top .widgetcontainer, |
|
574 #single-top .widgetcontainer, |
|
575 #page-top .widgetcontainer { |
|
576 border-top:none; |
|
577 border-bottom:1px solid #e0e0e0; |
|
578 padding:0 1px 53px 1px; |
|
579 margin:0 0 36px 0; |
|
580 } |
|
581 #content .aside:first-child .widgetcontainer:first-child { |
|
582 padding-top:18px; |
|
583 } |
|
584 .page #content .aside:first-child .widgetcontainer:first-child { |
|
585 padding-top:0; |
|
586 } |
|
587 #content .aside h3 { |
|
588 font-size:24px; |
|
589 line-height:26px; |
|
590 padding:8px 0 20px 0; |
|
591 font-weight:bold; |
|
592 } |
|
593 #single-bottom .widgetcontainer { |
|
594 border-top:none; |
|
595 } |
|
596 .main-aside h3 { |
|
597 padding:17px 0 1px 0; |
|
598 } |
|
599 #footer .widgetcontainer { |
|
600 padding:0 1px; |
|
601 margin:0 0 18px 0; |
|
602 } |
|
603 |
|
604 /* =Footer |
|
605 -------------------------------------------------------------- */ |
|
606 |
|
607 #footer { |
|
608 background:#181E24; |
|
609 color:#fff; |
|
610 padding:34px 0 90px 0; |
|
611 border-top:2px solid #000; |
|
612 } |
|
613 #footer a { |
|
614 color:#fff; |
|
615 } |
|
616 #subsidiary .aside { |
|
617 margin-bottom:18px; |
|
618 } |
|
619 #siteinfo { |
|
620 padding:18px 0; |
|
621 font-size:11px; |
|
622 } |
|
623 #siteinfo a { |
|
624 font-style:italic; |
|
625 } |
|
626 |
|
627 /* =PageNavi |
|
628 -------------------------------------------------------------- */ |
|
629 |
|
630 /* Use !important to override PageNavi CSS */ |
|
631 |
|
632 .wp-pagenavi { |
|
633 margin:0 0 0 0; |
|
634 line-height:36px; |
|
635 } |
|
636 .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { |
|
637 color:#2772B3 !important; |
|
638 background:transparent !important; |
|
639 border:1px solid #e0e0e0 !important; |
|
640 } |
|
641 .wp-pagenavi a:hover { |
|
642 color:#000 !important; |
|
643 } |
|
644 .wp-pagenavi span.pages { |
|
645 margin-left:0 !important; |
|
646 padding-left:0 !important; |
|
647 } |
|
648 .wp-pagenavi span.current { |
|
649 border:1px solid #e0e0e0 !important; |
|
650 } |
|
651 .wp-pagenavi span.extend { |
|
652 margin:0 !important; |
|
653 } |
|
654 |
|
655 |