1: /*
2: Theme Name: The Journalist v1.9
3: Theme URI: http://lucianmarin.com/
4: Description: Journalist is a smart, minimal theme designed for professional journalists.
5: Version: 1.9-wpcom
6: Author: <a href="http://lucianmarin.com/">Lucian E. Marin</a>
7: Tags: white, two-columns, fixed-width, light, rtl-language-support, right-sidebar, sticky-post
8: For the WordPress community (GPL), enjoy it guys.
9: by Lucian E. Marin - lucianmarin.com
10: */
11:
12: body {
13: background:#fff url("images/top.gif") repeat-x;
14: font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
15: font-size:13px;
16: color:#222;
17: padding:0;
18: margin:0;
19: }
20:
21: * {
22: padding:0;
23: margin:0;
24: }
25:
26: a {
27: color:#047;
28: text-decoration:underline;
29: }
30:
31: a:hover {
32: color:#c00;
33: }
34:
35: #container {
36: width:911px; /* this has nothing to do with the '911' event */
37: margin:0 auto;
38: position:relative;
39: }
40:
41: #container h1 {
42: font-size:30px;
43: font-weight:normal;
44: letter-spacing:-1px;
45: width:600px;
46: padding:32px 0 25px 0;
47: }
48:
49: #container h1 a {
50: color:#222;
51: text-decoration:none;
52: }
53:
54: #container h1 a:hover {
55: color:#c00;
56: }
57:
58: #bubble {
59: top:40px;
60: right:0;
61: position:absolute;
62: display:block;
63: height:28px;
64: background:url(images/bubble_right.gif) no-repeat right;
65: }
66:
67: #bubble p {
68: display:block;
69: font-size:11px;
70: color:#fff;
71: height:28px;
72: padding:4px 12px 0 10px;
73: background:url(images/bubble_left.gif) no-repeat top left;
74: }
75:
76: #content {
77: float:left;
78: width:700px;
79: }
80:
81: #content h2 {
82: font-size:20px;
83: margin:5px 0 7px 0;
84: }
85:
86: #content h2 a {
87: color:#222;
88: text-decoration:none;
89: }
90:
91: #content h2 a:hover {
92: color:#c00;
93: }
94:
95: #content h2.archive {
96: font-weight:normal;
97: font-size:22px;
98: color:#1c1c1c;
99: padding:0;
100: margin:5px 0 20px 0;
101: border:none;
102: text-align:left;
103: }
104:
105: .comments {
106: color:#333;
107: margin:0 0 15px 0;
108: border-bottom:#bbb 1px solid;
109: }
110:
111: .comments a {
112: background:#fff;
113: padding:0 7px 5px 0;
114: color:#333;
115: text-decoration:none;
116: }
117:
118: .comments a:hover {
119: color:#c00;
120: }
121:
122: .navigation {
123: background:#f9f9f9;
124: font-size:11px;
125: padding:5px 10px;
126: margin:0 0 20px 0;
127: border-top:#bbb 1px solid;
128: }
129:
130: .navigation a {
131: color:#555;
132: font-weight:bold;
133: text-decoration:none;
134: }
135:
136: .navigation a:hover {
137: color:#333;
138: text-decoration:none;
139: }
140:
141: .main h3 {
142: font-size:16px;
143: font-weight:normal;
144: margin:0 0 15px 0;
145: }
146:
147: .main img {
148: margin: 0 5px 0 5px;
149: padding:2px;
150: border:#ddd 2px solid;
151: }
152:
153: .main a img {
154: padding:2px;
155: border:#0085b5 2px solid;
156: }
157:
158: .main a:hover img {
159: padding:2px;
160: border:#ca0002 2px solid;
161: }
162:
163: .main p {
164: line-height:1.5;
165: margin:0 0 15px 0;
166: }
167:
168: .main ol {
169: line-height:18px;
170: margin:0 0 15px 40px;
171: }
172:
173: .main ul {
174: line-height:18px;
175: margin:0 0 15px 30px;
176: }
177:
178: .main li {
179: margin:0 0 5px 0;
180: }
181:
182: .main .gallery {
183: padding-bottom: 15px;
184: }
185:
186: .meta {
187: background:#f3f3f3;
188: font-size:11px;
189: line-height:15px;
190: color:#333;
191: padding:5px 10px;
192: margin:0 0 30px 0;
193: border-top:#bbb 1px solid;
194: clear:both;
195: }
196:
197: .signature {
198: float:left;
199: padding:0 15px 0 0;
200: border-right:#bbb 1px solid;
201: width:200px;
202: }
203:
204: .tags {
205: float:left;
206: padding:0 0 0 15px;
207: width:440px;
208: }
209:
210: #sidebar {
211: font-size:12px;
212: float:right;
213: width:180px;
214: border-left:#999 1px solid;
215: padding:0 0 20px 15px;
216: margin:0 0 20px 0;
217: }
218:
219: #sidebar h3 {
220: font-size:14px;
221: margin:20px 0 5px 0;
222: }
223:
224: #sidebar ul {
225: list-style:none;
226: }
227:
228: #sidebar ul ul {
229: margin:5px 0 0 10px;
230: }
231:
232: #sidebar ul ul ul {
233: margin:5px 0 0 10px;
234: }
235:
236: #sidebar ul li {
237: padding:0 0 5px 0;
238: }
239:
240: #sidebar a img {
241: border:0;
242: }
243:
244: #author h3 {
245: margin:5px 0 5px 0;
246: }
247:
248: #searchform {
249: margin:15px 0 0 0;
250: }
251:
252: #searchform input {
253: background:#222;
254: font-size:11px;
255: margin:2px 0;
256: padding:1px 4px 2px 4px;
257: border:#888 1px solid;
258: color:#eee;
259: }
260:
261: #searchform input:hover {
262: background:#333;
263: border:#999 1px solid;
264: color:#fff;
265: cursor:pointer;
266: }
267:
268: #searchform #s {
269: background:#f6f6f6;
270: font-size:11px;
271: margin:2px 0;
272: padding:2px 4px;
273: border:#aaa 1px solid;
274: color:#222;
275: }
276:
277: #searchform #s:hover {
278: border:#c00 1px solid;
279: cursor:text;
280: }
281:
282: input.searchfield {
283: background:#f6f6f6;
284: font-size:11px;
285: display:block;
286: margin:5px 0 8px 0;
287: padding:2px 4px;
288: border:#aaa 1px solid;
289: color:#222;
290: }
291:
292: input.searchfield:hover {
293: background:#eee;
294: color:#222;
295: }
296:
297: input.submit {
298: background:#222;
299: font-size:11px;
300: display:block;
301: margin:0 0 10px 0;
302: padding:1px 4px 2px 4px;
303: border:#888 1px solid;
304: color:#eee;
305: }
306:
307: input.submit:hover {
308: background:#333;
309: cursor:pointer;
310: border:#999 1px solid;
311: color:#fff;
312: }
313:
314: input.subcom {
315: background:#eee;
316: font-size:11px;
317: margin:0 0 10px 0;
318: padding:1px 4px 2px 4px;
319: border:#888 1px solid;
320: color:#222;
321: }
322:
323: input.subcom:hover {
324: background:#222;
325: cursor:pointer;
326: border:#888 1px solid;
327: color:#eee;
328: }
329:
330: input.comment {
331: background:#f6f6f6;
332: font-size:11px;
333: padding:2px 4px;
334: border:#aaa 1px solid;
335: color:#222;
336: }
337:
338: input.comment:hover {
339: border:#c00 1px solid;
340: }
341:
342: textarea {
343: background:#f6f6f6;
344: font-size:12px;
345: width:400px;
346: padding:2px 4px;
347: border:#aaa 1px solid;
348: color:#222;
349: }
350:
351: textarea:hover {
352: border:#c00 1px solid;
353: }
354:
355: .postinput small {
356: font-size:11px;
357: margin:0 0 0 5px;
358: }
359:
360: p.logged {
361: font-size:12px;
362: }
363:
364: h3.reply {
365: font-size:15px;
366: margin:0 0 10px 0;
367: }
368:
369: .nocomments {
370: margin:0 0 30px 0;
371: }
372:
373: ol.commentlist {
374: font-size:12px;
375: list-style:none;
376: margin:10px 0 30px 0;
377: border-bottom:#bbb 1px solid;
378: }
379:
380: .commentlist li {
381: border-top:#bbb 1px solid;
382: padding:0 0 10px 0;
383: list-style:none;
384: }
385:
386: .commentlist .children{
387: margin-left:2em;
388: }
389:
390: .commentlist li.bypostauthor {
391: border-top:#bbb 5px solid;
392: background-color:#f3f3f3;
393: }
394:
395: .commentlist .reply {
396: margin: 0 0 5px 10px;
397: }
398: .comment_mod {
399: margin:10px 0 0 10px;
400: }
401:
402: .comment_mod em {
403: background-color:#fff897;
404: padding:1px 3px;
405: }
406:
407: .comment_author {
408: margin:10px 0;
409: float:right;
410: width:190px;
411: }
412:
413: .comment_author img {
414: float:left;
415: margin:5px 12px 0 0;
416: }
417:
418: .comment_author p {
419: line-height:20px;
420: }
421:
422: .comment_author small {
423: font-size:11px;
424: }
425:
426: .comment_text {
427: float:left;
428: width:470px;
429: margin:0 0 0 10px;
430: }
431:
432: .comment_text p {
433: line-height:18px;
434: margin:7px 0;
435: }
436:
437: .comment_meta {
438: font-size:12px;
439: }
440:
441: #commentform p {
442: line-height:18px;
443: margin:0 0 15px 0;
444: }
445:
446: blockquote {
447: background:url(images/quote.gif) no-repeat top left;
448: padding:0 0 0 60px;
449: min-height:50px;
450: }
451:
452: #footer {
453: background:#eee;
454: font-size:11px;
455: color:#555;
456: margin:0 auto;
457: padding:10px 0;
458: text-align:center;
459: position:relative;
460: border-top:#bbb 1px solid;
461: border-bottom:#222 6px solid;
462: }
463:
464: #footer a {
465: color:#555;
466: font-weight:bold;
467: text-decoration:none;
468: }
469:
470: #footer a:hover {
471: color:#333;
472: text-decoration:none;
473: }
474:
475: .clear {
476: clear:both;
477: }
478:
479: .warning p {
480: background:url(images/warning.gif) no-repeat left;
481: height:160px;
482: padding:20px 0 0 90px;
483: font-size:20px;
484: margin:0 0 0 10px;
485: }
486:
487: #wp-calendar {
488: padding:10px 0 0 0;
489: font-size:12px;
490: }
491:
492: #wp-calendar caption {
493: text-align:left;
494: padding:0 0 5px 0;
495: }
496:
497: #wp-calendar tr th,
498: #wp-calendar tr td {
499: padding:0 6px 0 0 ;
500: text-align:right;
501: }
502:
503: #wp-calendar td a {
504: font-weight:bold;
505: }
506:
507: #wp-calendar td a:hover {
508: font-weight:bold;
509: }
510:
511: img.wp-smiley {
512: padding:0;
513: border:none;
514: }
515:
516: input:focus, textarea:focus{
517: background-color:#ffc;
518: }
519:
520: abbr {
521: border:none;
522: }
523:
524: .wp-caption {
525: border:1px solid #ddd;
526: text-align:center;
527: background-color:#f3f3f3;
528: padding-top:4px;
529: margin:10px;
530: -moz-border-radius:3px;
531: -khtml-border-radius:3px;
532: -webkit-border-radius:3px;
533: border-radius:3px;
534: }
535:
536: .wp-caption img {
537: margin:0;
538: padding:0;
539: border:0 none;
540: }
541:
542: .wp-caption a img {
543: border: none;
544: }
545:
546: .wp-caption a:hover img {
547: border: none;
548: }
549:
550: .wp-caption-dd {
551: font-size:11px;
552: line-height:17px;
553: padding:0 4px 5px;
554: margin:0;
555: }
556:
557: img.aligncenter, .aligncenter {
558: display: block;
559: margin-left: auto;
560: margin-right: auto;
561: }
562:
563: .alignleft {
564: float:left;
565: }
566:
567: .alignright {
568: float:right;
569: }
570:
571: /* Sticky */
572:
573: .sticky h2 { background: #ccc; padding: 10px; }
574:
575: /* self-clear floats */
576:
577: .group:after {
578: content: ".";
579: display: block;
580: height: 0;
581: clear: both;
582: visibility: hidden;
583: }
584:
585: /* IE Hacks */
586:
587: *html #bubble {
588: display:none;
589: }
590:
591: *html #bubble p {
592: display:none;
593: }
594:
595: * html .group,
596: * html #nav ul li a {
597: height: 1%;
598: }
599:
600: *:first-child+html .group {
601: min-height: 1px;
602: }
603:
604: * html #nav ul li a {
605: display: inline;
606: }