Ubuntu Website - OBSOLETE

Merge lp:~daker/ubuntu-website/light-django.650657 into lp:~ubuntu-website-community/ubuntu-website/light-django-theme

  1. light-django.650657
  2. Merge into light-django-theme
Proposed by Adnane Belmadiaf
Status: Merged
Approved by: Michael Hall
Approved revision: 29
Merged at revision: 29
Proposed branch: lp:~daker/ubuntu-website/light-django.650657
Merge into: lp:~ubuntu-website-community/ubuntu-website/light-django-theme
Diff against target: 3878 lines (+2815/-935)
4 files modified
media/css/default.css (+890/-280)
media/css/django_extras.css (+88/-41)
media/css/ie.css (+908/-305)
media/css/ie6.css (+929/-309)
To merge this branch: bzr merge lp:~daker/ubuntu-website/light-django.650657
Reviewer Review Type Date Requested Status
Chris Johnston Pending
Review via email: mp+37155@code.launchpad.net
To post a comment you must log in.

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1=== modified file 'media/css/default.css'
2--- media/css/default.css 2010-09-28 21:33:05 +0000
3+++ media/css/default.css 2010-09-30 16:29:42 +0000
4@@ -1,15 +1,16 @@
5 /*- LICENSE
6 -------------------------------------------------------------------------------------------------------- */
7 /*
8- Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com
9+ Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com
10
11-// Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/
12-// - Free for use in both personal and commercial projects
13-// - Attribution requires leaving author name, author link, and the license info intact.
14+// Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/
15+// - Free for use in both personal and commercial projects
16+// - Attribution requires leaving author name, author link, and the license info intact.
17 */
18
19 /*- reset
20 -------------------------------------------------------------------------------------------------------- */
21+
22 /*
23 Reset derived and adapted from
24 html5doctor.com Reset Stylesheet
25@@ -17,316 +18,925 @@
26 2010-03-01
27 Author: Richard Clark - http://richclarkdesign.com
28 */
29-html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
30-abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub,
31-sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
32-tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header,
33-hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; }
34-:focus /* remember to define focus styles! */ { outline: 0; }
35-body { line-height:1; }
36-article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; }
37-ol, ul { list-style-position: inside; }
38-nav ul { list-style:none; }
39-blockquote, q { quotes:none; }
40-blockquote:before, blockquote:after, q:before, q:after { content:''; }
41-a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; color: #DD4814; vertical-align:baseline; background:transparent; text-decoration:none; }
42-ins { background-color:#ff9; color:#000; text-decoration:none; }
43-mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
44-del { text-decoration: line-through; }
45-abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
46-table { border-collapse:collapse; border-spacing:0; }
47-hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
48-input, select { vertical-align:middle; }
49-textarea { overflow:auto;}
50+
51+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
52+ background: transparent;
53+ border: 0;
54+ font-family: inherit;
55+ font-weight: inherit;
56+ font-style: inherit;
57+ font-size: 100%;
58+ margin: 0;
59+ outline: 0;
60+ padding: 0;
61+ vertical-align: baseline;
62+}
63+
64+blockquote:before, blockquote:after, q:before, q:after {
65+ content: ''
66+}
67+
68+nav ul {
69+ list-style: none
70+}
71+
72+td li, li li {
73+ font-size: 12px;
74+ line-height: 16px;
75+}
76+
77+:focus /* remember to define focus styles! */ {
78+ outline: 0
79+}
80+
81+body {
82+ line-height: 1
83+}
84+
85+article, aside, details, dialog, figure, footer, header, hgroup, nav, section {
86+ display: block
87+}
88+
89+ol, ul {
90+ list-style-position: inside
91+}
92+
93+blockquote, q {
94+ quotes: none
95+}
96+
97+a {
98+ cursor: pointer;
99+ margin: 0;
100+ padding: 0;
101+ border: 0;
102+ font-size: 100%;
103+ color: #DD4814;
104+ vertical-align: baseline;
105+ background: transparent;
106+ text-decoration: none;
107+}
108+
109+ins {
110+ background-color: #ff9;
111+ color: #000;
112+ text-decoration: none;
113+}
114+
115+mark {
116+ background-color: #ff9;
117+ color: #000;
118+ font-style: italic;
119+ font-weight: bold;
120+}
121+
122+del {
123+ text-decoration: line-through
124+}
125+
126+abbr[title], dfn[title] {
127+ border-bottom: 1px dotted #000;
128+ cursor: help;
129+}
130+
131+table {
132+ border-collapse: collapse;
133+ border-spacing: 0;
134+}
135+
136+hr {
137+ display: block;
138+ height: 1px;
139+ border: 0;
140+ border-top: 1px solid #cccccc;
141+ margin: 1em 0;
142+ padding: 0;
143+}
144+
145+input, select {
146+ vertical-align: middle
147+}
148+
149+textarea {
150+ overflow: auto
151+}
152+
153 /* ----------------------------------------------------------------------------------------------------- */
154
155-
156 /*- Typography
157 -------------------------------------------------------------------------------------------------------- */
158
159-body { font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif; font-size:100%; line-height:1.5em;}
160+body {
161+ font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif;
162+ font-size: 100%;
163+ line-height: 1.5em;
164+}
165+
166 h1, h2, h3 {
167- color: #333333;
168+ color: #333333;
169 font-weight: normal;
170- margin: 0px;
171+ margin: 0px;
172 }
173
174 h1 {
175- font-size: 36px;
176- line-height: 40px;
177- margin-top: 0px;
178+ font-size: 36px;
179+ line-height: 40px;
180+ margin-top: 0px;
181 margin-bottom: 0px;
182 }
183
184 h2 {
185- font-size: 24px;
186- line-height: 28px;
187- font-weight: normal;
188- margin-top: 16px;
189+ font-size: 24px;
190+ line-height: 28px;
191+ font-weight: normal;
192+ margin-top: 16px;
193 margin-bottom: 8px;
194 }
195
196 h3 {
197- font-size: 16px;
198- line-height: 20px;
199- font-weight: normal;
200- margin-top: 16px;
201+ font-size: 16px;
202+ line-height: 20px;
203+ font-weight: normal;
204+ margin-top: 16px;
205 margin-bottom: 8px;
206 }
207
208 p {
209- font-size: 12px;
210- line-height: 16px;
211-}
212-
213-dt { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ }
214-li { font-size: 12px; line-height: 16px; }
215-td li, li li { font-size: 12px; line-height: 16px; }
216-strong { font-weight:bold;}
217-em { font-style:italic; }
218-#top-logo { font-size:0.875em; /* 16x0.75 =12 */}
219-#main-nav { font-size:0.875em; /* 16x0.875=14 */}
220-#sub-nav { font-size:0.75em; /* 16x0.75 =12 */}
221-.showcase-text { font-size:0.875em; /* 16x0.875=14 */ }
222-.footer-item { font-size:0.75em; /* 16x0.625=12 */ }
223+ font-size: 12px;
224+ line-height: 16px;
225+}
226+
227+dt {
228+ font-size: 0.75em;
229+ font-weight: bold;
230+ /* 16x0.75 =12 */
231+}
232+
233+li {
234+ font-size: 12px;
235+ line-height: 16px;
236+}
237+
238+strong {
239+ font-weight: bold
240+}
241+
242+em {
243+ font-style: italic
244+}
245+
246+#top-logo {
247+ font-size: 0.875em;
248+ /* 16x0.75 =12 */
249+}
250+
251+#main-nav {
252+ font-size: 0.875em;
253+ /* 16x0.875=14 */
254+}
255+
256+#sub-nav {
257+ font-size: 0.75em;
258+ /* 16x0.75 =12 */
259+}
260+
261+.showcase-text {
262+ font-size: 0.875em;
263+ /* 16x0.875=14 */
264+}
265+
266+.footer-item {
267+ font-size: 0.75em;
268+ /* 16x0.625=12 */
269+}
270
271 /*- Layout
272 -------------------------------------------------------------------------------------------------------- */
273
274-.container { clear:both; margin:0 auto; padding:0; position:relative; width:980px; }
275-
276-#main-nav { float:left; width:770px; }
277-.main-nav-item { margin:5px 10px; padding:10px; }
278-
279-#top-logo { float:right; margin:5px 10px 5px 0px; padding:10px 10px 0px 0px; width:180px; }
280-#the-logo { float:right; }
281-
282-#page-related { background-image:none; margin:0 auto; padding:0 10px 10px; position:relative; width:960px; }
283-
284-#sub-nav-container { height:40px; margin:0 10px; width:940px; }
285-#sub-nav { float:left; padding:0px 10px;}
286-.sub-nav-item { margin:5px 10px; padding-right:10px;}
287-#pop-up-container { float:left; padding:10px; }
288-#pop-up-text { float:left; }
289-#login-container { float:left; width:620px;}
290-
291-
292-#searchbox-container { float:right; margin: 0px 10px 5px 0px; padding:0 0 0 10px; width:auto;}
293-.showcase-item { float:left; margin:5px 10px; padding:10px; width:280px;}
294-.showcase-heading { margin:5px 0px 10px; width:280px;}
295-.showcase-subheading { margin:5px 0px 10px; width:280px;}
296-.showcase-text { margin:5px 0px 10px; width:280px;}
297-.showcase-figure { float:left; margin:5px 10px; padding:10px; position:relative; width:600px;}
298-.showcase-img { display:block; margin:0px; padding:0px; position:relative; width:600px;}
299-.showcase-caption { position:absolute; bottom:0px; left:0px; margin:0px 10px 10px; padding:10px; width:580px;}
300-#showcase-nav { clear:both; margin:5px 10px; padding:0px 10px; width:920px; }
301-.showcase-nav-item { padding-right:10px;}
302-.main-content { clear:both; float:left; margin:5px 10px; padding:10px; width:920px; }
303-.minor-content { float:left; margin:5px 10px; padding:10px; width:440px; }
304-.side-content { float:left; margin:5px 10px; padding:10px; width:280px; }
305-.sub-content { float:left; margin:5px 10px; padding:10px; width:120px; }
306-p { padding: 5px 0px 10px; }
307-
308-.divide { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 0px; }
309-.divide-showcase { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 25px; }
310-
311-
312-
313-#blog-posts { float:left; margin:5px 10px; padding:10px; width:600px; }
314-.blog-post { clear:both; margin-bottom:10px; padding-bottom:10px;}
315-.post-figure { float:right; margin:10px 0px 10px 10px; padding:0px; position:relative; width:260px;}
316-.post-img { display:block; margin:0px; padding:0px; position:relative; width:260px;}
317-.post-img-caption { position:absolute; bottom:0px; left:0px; padding:10px; width:240px;}
318-.comments-count { clear:both; display:block; font-style:italic; color:#999; text-align:right; }
319-
320-
321-#blog-aside { float:left; margin:5px 10px; padding:0px; width:300px; }
322-.widgets-aside { float:left; margin:5px 0px 15px; padding:10px; width:280px; }
323-
324-.pagination { clear:both; text-align:center; }
325-
326-.footer-content { float:left; margin:5px 10px; padding:10px; width:120px; }
327-.foot-note { clear:both; margin:15px 10px 0px; padding:10px; width:920px; }
328-
329-
330-.plugin { margin: 0 -10px; padding:0px; width:980px; }
331+.container {
332+ clear: both;
333+ margin: 0 auto;
334+ padding: 0;
335+ position: relative;
336+ width: 980px;
337+}
338+
339+#main-nav {
340+ float: left;
341+ width: 770px;
342+}
343+
344+.main-nav-item {
345+ margin: 5px 10px;
346+ padding: 10px;
347+}
348+
349+.main-nav-item, .main-nav-item:visited {
350+ border-right: 1px solid #EF7149;
351+ border-bottom: 0;
352+ border-top: 0;
353+ color: #fff;
354+ display: block;
355+ float: left;
356+ height: 70px;
357+ line-height: 70px;
358+ margin: 0px;
359+ padding: 0 15px;
360+ text-shadow: 1px 1px 1px #333;
361+}
362+
363+.main-nav-item.current, .main-nav-item:hover, .main-nav-item:active, .main-nav-item:focus {
364+ background: url(../images/mainnav.png) 0 0 repeat
365+}
366+
367+#top-logo {
368+ float: right;
369+ margin: 5px 10px 5px 0px;
370+ padding: 10px 10px 0px 0px;
371+ width: 180px;
372+}
373+
374+#the-logo {
375+ float: right
376+}
377+
378+#page-related {
379+ background-image: none;
380+ margin: 0 auto;
381+ padding: 0 10px 10px;
382+ position: relative;
383+ width: 960px;
384+}
385+
386+#sub-nav-container {
387+ height: 40px;
388+ margin: 0 10px;
389+ width: 940px;
390+}
391+
392+ #sub-nav-container /* progressive */ {
393+ -webkit-border-bottom-left-radius: 8px;
394+ -webkit-border-bottom-right-radius: 8px;
395+ -moz-border-radius-bottomleft: 8px;
396+ -moz-border-radius-bottomright: 8px;
397+ -webkit-box-shadow: 0px 1px 1px #ccc;
398+ -moz-box-shadow: 0 1px 1px #DFDFDF;
399+ }
400+
401+#sub-nav {
402+ float: left;
403+ padding: 0px 10px;
404+}
405+
406+.sub-nav-item {
407+ margin: 5px 10px;
408+ padding-right: 10px;
409+}
410+
411+.sub-nav-item, .sub-nav-item:visited {
412+ color: #333;
413+ display: block;
414+ float: left;
415+ line-height: 40px;
416+ margin: 0px;
417+ padding: 0 15px;
418+}
419+
420+.sub-nav-item.current, .sub-nav-item:hover, .sub-nav-item:active, .sub-nav-item:focus {
421+ background-color: #efefef;
422+ color: #DD4814;
423+}
424+
425+#pop-up-container {
426+ float: left;
427+ padding: 10px;
428+}
429+
430+#pop-up-text {
431+ float: left
432+}
433+
434+#login-container {
435+ float: left;
436+ width: 620px;
437+}
438+
439+#searchbox-container {
440+ float: right;
441+ margin: 0px 10px 5px 0px;
442+ padding: 0 0 0 10px;
443+ width: auto;
444+}
445+
446+.showcase-item {
447+ float: left;
448+ margin: 5px 10px;
449+ padding: 10px;
450+ width: 280px;
451+}
452+
453+.showcase-heading {
454+ margin: 5px 0px 10px;
455+ width: 280px;
456+}
457+
458+.showcase-subheading {
459+ margin: 5px 0px 10px;
460+ width: 280px;
461+}
462+
463+.showcase-text {
464+ margin: 5px 0px 10px;
465+ width: 280px;
466+}
467+
468+.showcase-figure {
469+ float: left;
470+ margin: 5px 10px;
471+ padding: 10px;
472+ position: relative;
473+ width: 600px;
474+}
475+
476+.showcase-img {
477+ display: block;
478+ margin: 0px;
479+ padding: 0px;
480+ position: relative;
481+ width: 600px;
482+}
483+
484+.showcase-caption {
485+ position: absolute;
486+ bottom: 0px;
487+ left: 0px;
488+ margin: 0px 10px 10px;
489+ padding: 10px;
490+ width: 580px;
491+}
492+
493+#showcase-nav {
494+ clear: both;
495+ margin: 5px 10px;
496+ padding: 0px 10px;
497+ width: 920px;
498+}
499+
500+ #showcase-nav /* progressive */ {
501+ -webkit-border-radius: 8px;
502+ -moz-border-radius: 8px;
503+ -moz-box-shadow: 0px 1px 1px #dfdfdf;
504+ -webkit-box-shadow: 0px 1px 1px #ccc;
505+ }
506+
507+.showcase-nav-item {
508+ padding-right: 10px
509+}
510+
511+.showcase-nav-item, .showcase-nav-item:visited {
512+ color: #333;
513+ display: block;
514+ float: left;
515+ line-height: 40px;
516+ margin: 0 1px;
517+ padding: 0 15px;
518+}
519+
520+.showcase-nav-item:hover, .showcase-nav-item:active, .showcase-nav-item:focus {
521+ border: 1px solid #ddd;
522+ border-top: 0px solid;
523+ border-bottom: 0px solid;
524+ background-color: #efefef;
525+ color: #DD4814;
526+ margin: 0;
527+}
528+
529+.main-content {
530+ clear: both;
531+ float: left;
532+ margin: 5px 10px;
533+ padding: 10px;
534+ width: 920px;
535+}
536+
537+.minor-content {
538+ float: left;
539+ margin: 5px 10px;
540+ padding: 10px;
541+ width: 440px;
542+}
543+
544+.side-content {
545+ float: left;
546+ margin: 5px 10px;
547+ padding: 10px;
548+ width: 280px;
549+}
550+
551+.sub-content {
552+ float: left;
553+ margin: 5px 10px;
554+ padding: 10px;
555+ width: 120px;
556+}
557+
558+p {
559+ padding: 5px 0px 10px
560+}
561+
562+.divide {
563+ border: 0px solid;
564+ clear: both;
565+ font-size: 0px;
566+ height: 1px;
567+ margin: -1px 0px 0px;
568+}
569+
570+.divide-showcase {
571+ border: 0px solid;
572+ clear: both;
573+ font-size: 0px;
574+ height: 1px;
575+ margin: -1px 0px 25px;
576+}
577+
578+#blog-posts {
579+ float: left;
580+ margin: 5px 10px;
581+ padding: 10px;
582+ width: 600px;
583+}
584+
585+.blog-post {
586+ clear: both;
587+ margin-bottom: 10px;
588+ padding-bottom: 10px;
589+}
590+
591+.post-figure {
592+ float: right;
593+ margin: 10px 0px 10px 10px;
594+ padding: 0px;
595+ position: relative;
596+ width: 260px;
597+}
598+
599+.post-img {
600+ display: block;
601+ margin: 0px;
602+ padding: 0px;
603+ position: relative;
604+ width: 260px;
605+}
606+
607+.post-img-caption {
608+ position: absolute;
609+ bottom: 0px;
610+ left: 0px;
611+ padding: 10px;
612+ width: 240px;
613+}
614+
615+.comments-count {
616+ clear: both;
617+ display: block;
618+ font-style: italic;
619+ color: #999;
620+ text-align: right;
621+}
622+
623+#blog-aside {
624+ float: left;
625+ margin: 5px 10px;
626+ padding: 0px;
627+ width: 300px;
628+}
629+
630+.widgets-aside {
631+ float: left;
632+ margin: 5px 0px 15px;
633+ padding: 10px;
634+ width: 280px;
635+}
636+
637+ .widgets-aside /* progressive */ {
638+ -webkit-border-radius: 8px;
639+ -moz-border-radius: 8px;
640+ -moz-box-shadow: 0px 1px 1px #dfdfdf;
641+ -webkit-box-shadow: 0px 1px 1px #ccc;
642+ }
643+
644+.pagination {
645+ clear: both;
646+ text-align: center;
647+}
648+
649+.footer-content {
650+ float: left;
651+ margin: 5px 10px;
652+ padding: 10px;
653+ width: 120px;
654+}
655+
656+ .footer-content dd {
657+ margin-bottom: 15px
658+ }
659+
660+.foot-note {
661+ clear: both;
662+ margin: 15px 10px 0px;
663+ padding: 10px;
664+ width: 920px;
665+}
666+
667+.plugin {
668+ margin: 0 -10px;
669+ padding: 0px;
670+ width: 980px;
671+}
672
673 /*- Decoration
674 -------------------------------------------------------------------------------------------------------- */
675
676-body { background:url("../images/dotted.png") repeat scroll 0 0 #FFFFFF; color:#333333; }
677-#page-header { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; height:70px; }
678-#page-header .container { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; }
679-#top-logo { color:#fff; line-height:1.5em; text-align:right; }
680-#the-logo { padding-left:4px; }
681-#loco { clear:both; display:block; float:right; color:#fff}
682-
683-
684-#main-nav { border-left: 1px solid #EF7149; z-index:10;}
685-.main-nav-item,
686-.main-nav-item:visited { border-right: 1px solid #EF7149; border-bottom: 0; border-top: 0; color: #fff; display: block; float: left; height: 70px; line-height: 70px; margin:0px; padding: 0 15px; text-shadow: 1px 1px 1px #333; }
687-.main-nav-item.current,
688-.main-nav-item:hover,
689-.main-nav-item:active,
690-.main-nav-item:focus { background: url(../images/mainnav.png) 0 0 repeat; }
691-
692-#page-related { background-color:#FFFFFF;}
693-#sub-nav-container { background-color:#F7F7F7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
694-#sub-nav-container /* progressive */ { -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-box-shadow: 0px 1px 1px #ccc; -moz-box-shadow:0 1px 1px #DFDFDF;}
695-
696-.sub-nav-item,
697-.sub-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0px; padding: 0 15px; }
698-.sub-nav-item.current,
699-.sub-nav-item:hover,
700-.sub-nav-item:active,
701-.sub-nav-item:focus { background-color:#efefef; color:#DD4814; }
702-
703-#pop-up-text { font-weight:bold; line-height:20px; padding:0px 5px; }
704-.login-label { height:16px; margin:7px 0px 7px 9px; padding:3px; }
705-#username,
706-#password { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:110px; }
707-#login { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 7px ; padding:2px;}
708-#login:hover { background-color:#f7f7f7; border: 1px solid #DD4814;}
709-#join,
710-#join:visited { color:#333; }
711-#join:hover,
712-#join:active,
713-#join:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; }
714-
715-FORM.search_form INPUT, #searchbox { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:180px; }
716-FORM.search_form INPUT, #searchbox:focus { background-color:#f7f7f7; border: 1px solid #DD4814; }
717-#go-search { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 0px ; padding:2px;}
718-#go-search:hover { background-color:#f7f7f7; border: 1px solid #DD4814;}
719-#more-search,
720-#more-search:visited { background-color:#f0f0f0; border: 1px solid #CCCCCC; color:#333; height:16px; margin:7px 7px 7px 0px; padding:1px 3px; }
721-#more-search:hover,
722-#more-search:active,
723-#more-search:focus { background-color:#f7f7f7; border: 1px solid #DD4814; color:#DD4814; text-shadow: 1px 1px 2px #999; }
724-
725-
726-.showcase-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff;}
727-#showcase-nav { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #dfdfdf; height:40px; }
728-#showcase-nav /* progressive */ { -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc;}
729-.showcase-nav-item,
730-.showcase-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0 1px; padding: 0 15px; }
731-.showcase-nav-item:hover,
732-.showcase-nav-item:active,
733-.showcase-nav-item:focus { border:1px solid #ddd; border-top:0px solid; border-bottom:0px solid; background-color:#efefef; color:#DD4814; margin:0; }
734-
735-
736-
737-
738-
739-#main-section .container { background-color:#fff; background-image:none; padding:0px 10px 10px; position:relative; width:960px;}
740-
741-
742-.alone,
743-.leading,
744-.aggregator { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #dfdfdf; float:left;}
745-.alone,
746-.leading,
747-.aggregator /* progressive */ { -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc; }
748-
749-.aggregator { margin:5px 10px;}
750-.aggregator .first { margin-left:0px;}
751-.aggregator .last { margin-right:0px;}
752-
753-
754-.post-header { border-bottom:1px dotted #333333; margin-bottom:10px; padding-bottom:5px; }
755-.post-meta { color:#999; font-size:0.85em; font-style:italic; }
756-.post-title-link,
757-.post-title-link:visited { color:#333; }
758-.post-title-link:hover,
759-.post-title-link:active,
760-.post-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; }
761-
762-.post-img-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff;}
763-.pagination { border-top:1px solid #333; color: #fff; margin-top:15px; padding-top:15px; }
764-.pagination-item { border-bottom:1px solid #333; color:#333; margin-right:5px; padding:2px 6px; }
765-.pagination-item:hover { border-bottom:1px solid #DD4814; background-color:#f7f7f7; color:#DD4814;}
766-.pagination-item.current { background-color:#f7f7f7; border-bottom:1px solid #333; color:#333; font-weight:bold; }
767-
768-.widgets-aside { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #dfdfdf; }
769-.widgets-aside /* progressive */ { -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0px 1px 1px #dfdfdf; -webkit-box-shadow: 0px 1px 1px #ccc; }
770-.widget-links { list-style:none; }
771-.a-item { display:block; margin-top:3px; }
772-.side-link,
773-.side-link:visited { color: #333333; display:block; padding-right:3px; }
774-.side-link:hover,
775-.side-link:active,
776-.side-link:focus { background-color: #fff; border-right:3px solid #DD4814; color:#DD4814; text-decoration:none; }
777-
778-
779-#login-widget { text-align:center;}
780-
781-
782-#page-footer { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; }
783-#page-footer .container { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; padding:0px 10px; width:960px; }
784-#page-footer .container div.copyright {
785- font-size: 10px;
786- line-height: 14px;
787- color: #aea79f;
788-}
789-.footer-content dd { margin-bottom:15px;}
790-.footer-links { list-style:none; }
791-.footer-item { border-bottom:1px dotted #333; display:block; margin-top:3px; }
792-.foot-note { color:#999; font-style:italic;}
793-
794-.footer-link,
795-.footer-link:visited { color: #333333;}
796-.footer-link:hover,
797-.footer-link:active,
798-.footer-link:focus { color:#DD4814; text-decoration:underline; }
799-
800-.footer-link-main,
801-.footer-link-main:visited { }
802-.footer-link-main:hover,
803-.footer-link-main:active,
804-.footer-link-main:focus { color:#DD4814; text-decoration:underline; }
805-
806-
807-
808-
809-
810-
811+body {
812+ background: url("../images/dotted.png") repeat scroll 0 0 #FFFFFF;
813+ color: #333333;
814+}
815+
816+#page-header {
817+ background: url("../images/header.png") repeat-x scroll 0 0 #DD4814;
818+ height: 70px;
819+}
820+
821+ #page-header .container {
822+ background: url("../images/header.png") repeat-x scroll 0 0 #DD4814
823+ }
824+
825+#top-logo {
826+ color: #fff;
827+ line-height: 1.5em;
828+ text-align: right;
829+}
830+
831+#the-logo {
832+ padding-left: 4px
833+}
834+
835+#loco {
836+ clear: both;
837+ display: block;
838+ float: right;
839+ color: #fff;
840+}
841+
842+#main-nav {
843+ border-left: 1px solid #EF7149;
844+ z-index: 10;
845+}
846+
847+#page-related {
848+ background-color: #FFFFFF
849+}
850+
851+#sub-nav-container {
852+ background-color: #F7F7F7;
853+ border-bottom-left-radius: 8px;
854+ border-bottom-right-radius: 8px;
855+}
856+
857+#pop-up-text {
858+ font-weight: bold;
859+ line-height: 20px;
860+ padding: 0px 5px;
861+}
862+
863+.login-label {
864+ height: 16px;
865+ margin: 7px 0px 7px 9px;
866+ padding: 3px;
867+}
868+
869+#username, #password {
870+ background-color: #f0f0f0;
871+ border: 1px solid #CCCCCC;
872+ height: 16px;
873+ margin: 7px 0px 7px 9px;
874+ padding: 3px;
875+ width: 110px;
876+}
877+
878+#login {
879+ background-color: #f0f0f0;
880+ border: 1px solid #CCCCCC;
881+ height: 24px;
882+ margin: 7px 9px 7px 7px;
883+ padding: 2px;
884+}
885+
886+#login:hover {
887+ background-color: #f7f7f7;
888+ border: 1px solid #DD4814;
889+}
890+
891+#join:hover, #join:active, #join:focus {
892+ color: #DD4814;
893+ text-shadow: 1px 1px 2px #999;
894+}
895+
896+#join, #join:visited {
897+ color: #333
898+}
899+
900+FORM.search_form INPUT, #searchbox {
901+ background-color: #f0f0f0;
902+ border: 1px solid #CCCCCC;
903+ height: 16px;
904+ margin: 7px 0px 7px 9px;
905+ padding: 3px;
906+ width: 180px;
907+}
908+
909+FORM.search_form INPUT, #searchbox:focus {
910+ background-color: #f7f7f7;
911+ border: 1px solid #DD4814;
912+}
913+
914+#go-search {
915+ background-color: #f0f0f0;
916+ border: 1px solid #CCCCCC;
917+ height: 24px;
918+ margin: 7px 9px 7px 0px;
919+ padding: 2px;
920+}
921+
922+#go-search:hover {
923+ background-color: #f7f7f7;
924+ border: 1px solid #DD4814;
925+}
926+
927+#more-search:hover, #more-search:active, #more-search:focus {
928+ background-color: #f7f7f7;
929+ border: 1px solid #DD4814;
930+ color: #DD4814;
931+ text-shadow: 1px 1px 2px #999;
932+}
933+
934+#more-search, #more-search:visited {
935+ background-color: #f0f0f0;
936+ border: 1px solid #CCCCCC;
937+ color: #333;
938+ height: 16px;
939+ margin: 7px 7px 7px 0px;
940+ padding: 1px 3px;
941+}
942+
943+.showcase-caption {
944+ background-color: #000;
945+ background-color: rgba(0,0,0,0.4);
946+ color: #fff;
947+}
948+
949+#showcase-nav {
950+ background-color: #f7f7f7;
951+ border-radius: 8px;
952+ box-shadow: 0px 1px 1px #dfdfdf;
953+ height: 40px;
954+}
955+
956+#main-section .container {
957+ background-color: #fff;
958+ background-image: none;
959+ padding: 0px 10px 10px;
960+ position: relative;
961+ width: 960px;
962+}
963+
964+.alone, .leading, .aggregator {
965+ background-color: #f7f7f7;
966+ border-radius: 8px;
967+ box-shadow: 0px 1px 1px #dfdfdf;
968+ float: left;
969+}
970+
971+ .alone, .leading, .aggregator /* progressive */ {
972+ -webkit-border-radius: 8px;
973+ -moz-border-radius: 8px;
974+ -moz-box-shadow: 0px 1px 1px #dfdfdf;
975+ -webkit-box-shadow: 0px 1px 1px #ccc;
976+ }
977+
978+ .aggregator .first {
979+ margin-left: 0px
980+ }
981+
982+ .aggregator .last {
983+ margin-right: 0px
984+ }
985+
986+.aggregator {
987+ margin: 5px 10px
988+}
989+
990+.post-header {
991+ border-bottom: 1px dotted #333333;
992+ margin-bottom: 10px;
993+ padding-bottom: 5px;
994+}
995+
996+.post-meta {
997+ color: #999;
998+ font-size: 0.85em;
999+ font-style: italic;
1000+}
1001+
1002+.post-title-link:hover, .post-title-link:active, .post-title-link:focus {
1003+ color: #DD4814;
1004+ text-shadow: 1px 1px 2px #999;
1005+}
1006+
1007+.post-title-link, .post-title-link:visited {
1008+ color: #333
1009+}
1010+
1011+.post-img-caption {
1012+ background-color: #000;
1013+ background-color: rgba(0,0,0,0.4);
1014+ color: #fff;
1015+}
1016+
1017+.pagination {
1018+ border-top: 1px solid #333;
1019+ color: #fff;
1020+ margin-top: 15px;
1021+ padding-top: 15px;
1022+}
1023+
1024+.pagination-item {
1025+ border-bottom: 1px solid #333;
1026+ color: #333;
1027+ margin-right: 5px;
1028+ padding: 2px 6px;
1029+}
1030+
1031+.pagination-item:hover {
1032+ border-bottom: 1px solid #DD4814;
1033+ background-color: #f7f7f7;
1034+ color: #DD4814;
1035+}
1036+
1037+.pagination-item.current {
1038+ background-color: #f7f7f7;
1039+ border-bottom: 1px solid #333;
1040+ color: #333;
1041+ font-weight: bold;
1042+}
1043+
1044+.widgets-aside {
1045+ background-color: #f7f7f7;
1046+ border-radius: 8px;
1047+ box-shadow: 0px 1px 1px #dfdfdf;
1048+}
1049+
1050+.widget-links {
1051+ list-style: none
1052+}
1053+
1054+.a-item {
1055+ display: block;
1056+ margin-top: 3px;
1057+}
1058+
1059+.side-link:hover, .side-link:active, .side-link:focus {
1060+ background-color: #fff;
1061+ border-right: 3px solid #DD4814;
1062+ color: #DD4814;
1063+ text-decoration: none;
1064+}
1065+
1066+.side-link, .side-link:visited {
1067+ color: #333333;
1068+ display: block;
1069+ padding-right: 3px;
1070+}
1071+
1072+#login-widget {
1073+ text-align: center
1074+}
1075+
1076+#page-footer {
1077+ background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA
1078+}
1079+
1080+ #page-footer .container {
1081+ background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA;
1082+ padding: 0px 10px;
1083+ width: 960px;
1084+ }
1085+
1086+ #page-footer .container div.copyright {
1087+ font-size: 10px;
1088+ line-height: 14px;
1089+ color: #aea79f;
1090+ }
1091+
1092+.footer-links {
1093+ list-style: none
1094+}
1095+
1096+.footer-item {
1097+ border-bottom: 1px dotted #333;
1098+ display: block;
1099+ margin-top: 3px;
1100+}
1101+
1102+.foot-note {
1103+ color: #999;
1104+ font-style: italic;
1105+}
1106+
1107+.footer-link:hover, .footer-link:active, .footer-link:focus {
1108+ color: #DD4814;
1109+ text-decoration: underline;
1110+}
1111+
1112+.footer-link, .footer-link:visited {
1113+ color: #333333
1114+}
1115+
1116+.footer-link-main:hover, .footer-link-main:active, .footer-link-main:focus {
1117+ color: #DD4814;
1118+ text-decoration: underline;
1119+}
1120+
1121+.footer-link-main, .footer-link-main:visited {
1122+
1123+}
1124
1125 /*- Forum Decoration [Demo]
1126 -------------------------------------------------------------------------------------------------------- */
1127
1128-.forum-title { background-color:#efefef; margin:10px 0px; padding:20px;}
1129-
1130-.forum-item { border-top:1px dotted #999; }
1131-.cat-title,
1132-.sub-sections { font-size:0.75em; /* 16x0.75 =12 */ }
1133-
1134-.latest,
1135-.post-count { font-size:0.75em; /* 16x0.75 =12 */ line-height:1.2em; }
1136-
1137-
1138-.cat-title,
1139-.post-count,
1140-.latest { padding:10px; vertical-align:middle; }
1141-
1142-
1143-.forum-title-link,
1144-.forum-title-link:visited { color:#333; }
1145-.forum-title-link:hover,
1146-.forum-title-link:active,
1147-.forum-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; }
1148-
1149-.status { background-color:#efefef; padding:10px 5px; vertical-align:middle; width:30px; }
1150-.latest { width:180px; }
1151-.post-count { width:120px; }
1152-.sub-sections { background-color:#efefef; padding:5px 10px 10px; }
1153-.post-count { background-color:#efefef; }
1154-
1155-.count { display:block; font-style:italic; }
1156-
1157-
1158-
1159-
1160-
1161-
1162+.forum-title {
1163+ background-color: #efefef;
1164+ margin: 10px 0px;
1165+ padding: 20px;
1166+}
1167+
1168+.forum-item {
1169+ border-top: 1px dotted #999
1170+}
1171+
1172+.cat-title, .sub-sections {
1173+ font-size: 0.75em;
1174+ /* 16x0.75 =12 */
1175+}
1176+
1177+.latest, .post-count {
1178+ font-size: 0.75em;
1179+ /* 16x0.75 =12 */ line-height: 1.2em;
1180+}
1181+
1182+.cat-title, .post-count, .latest {
1183+ padding: 10px;
1184+ vertical-align: middle;
1185+}
1186+
1187+.forum-title-link:hover, .forum-title-link:active, .forum-title-link:focus {
1188+ color: #DD4814;
1189+ text-shadow: 1px 1px 2px #999;
1190+}
1191+
1192+.forum-title-link, .forum-title-link:visited {
1193+ color: #333
1194+}
1195+
1196+.status {
1197+ background-color: #efefef;
1198+ padding: 10px 5px;
1199+ vertical-align: middle;
1200+ width: 30px;
1201+}
1202+
1203+.latest {
1204+ width: 180px
1205+}
1206+
1207+.post-count {
1208+ width: 120px
1209+}
1210+
1211+.sub-sections {
1212+ background-color: #efefef;
1213+ padding: 5px 10px 10px;
1214+}
1215+
1216+.post-count {
1217+ background-color: #efefef
1218+}
1219+
1220+.count {
1221+ display: block;
1222+ font-style: italic;
1223+}
1224
1225 /* KuZeKo web@kuzeko.com
1226 -------------------------------------------------------------------------------------------------------- */
1227
1228=== modified file 'media/css/django_extras.css'
1229--- media/css/django_extras.css 2010-09-10 14:43:00 +0000
1230+++ media/css/django_extras.css 2010-09-30 16:29:42 +0000
1231@@ -1,29 +1,75 @@
1232-/*- Form Decoration [Django]
1233--------------------------------------------------------------------------------------------------------- */
1234-
1235-FORM TH, .form-item-label { font-size:0.75em; font-weight: bold; text-align: left; padding-right: 10px;}
1236-FORM TD, .form-item-value { font-size:0.75em; font-weight: normal; text-align: left}
1237-FORM INPUT[type=text], .form-item-field { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:180px; }
1238-FORM INPUT[type=text]:focus, .form-item-field:focus { background-color:#f7f7f7; border: 1px solid #DD4814; }
1239-
1240-
1241-/*- Data Table Decoration [Django]
1242--------------------------------------------------------------------------------------------------------- */
1243-
1244-.odd, tr.odd { background-color: #F3F3F3; }
1245-.even, tr.even { background-color: #FAFAFA; }
1246-
1247-TABLE.data_table { }
1248-TABLE.data_table TH { font-size: 0.75em; font-weight: bold; padding: 5px; text-align: center;}
1249-TABLE.data_table TR { }
1250-TABLE.data_table TD { font-size: 0.75em; padding: 5px; vertical-align: top; }
1251+/* - Form Decoration [Django]
1252+--------------------------------------------------------------------------------------------------------
1253+*/
1254+
1255+FORM TH, .form-item-label {
1256+ font-size: 0.75em;
1257+ font-weight: bold;
1258+ text-align: left;
1259+ padding-right: 10px;
1260+}
1261+
1262+FORM TD, .form-item-value {
1263+ font-size: 0.75em;
1264+ font-weight: normal;
1265+ text-align: left;
1266+}
1267+
1268+FORM INPUT[type=text], .form-item-field {
1269+ background-color: #f0f0f0;
1270+ border: 1px solid #CCCCCC;
1271+ height: 16px;
1272+ margin: 7px 0px 7px 9px;
1273+ padding: 3px;
1274+ width: 180px;
1275+}
1276+
1277+FORM INPUT[type=text]:focus, .form-item-field:focus {
1278+ background-color: #f7f7f7;
1279+ border: 1px solid #DD4814;
1280+}
1281+
1282+/* - Data Table Decoration [Django]
1283+--------------------------------------------------------------------------------------------------------
1284+ */
1285+
1286+.odd, tr.odd {
1287+ background-color: #F3F3F3
1288+}
1289+
1290+.even, tr.even {
1291+ background-color: #FAFAFA
1292+}
1293+
1294+TABLE.data_table {
1295+
1296+}
1297+
1298+ TABLE.data_table TH {
1299+ font-size: 0.75em;
1300+ font-weight: bold;
1301+ padding: 5px;
1302+ text-align: center;
1303+ }
1304+
1305+ TABLE.data_table TR {
1306+
1307+ }
1308+
1309+ TABLE.data_table TD {
1310+ font-size: 0.75em;
1311+ padding: 5px;
1312+ vertical-align: top;
1313+ }
1314
1315 a {
1316- color: #DD4814;
1317+ color: #DD4814
1318 }
1319+
1320 a:visited {
1321- color: #b12a10;
1322+ color: #b12a10
1323 }
1324+
1325 .resource {
1326 width: 32px;
1327 height: 32px;
1328@@ -32,30 +78,31 @@
1329 margin-bottom: 3px;
1330 float: left;
1331 border: 1px white solid;
1332- }
1333+}
1334+
1335 #main-content .resource:hover {
1336- border: 1px #eee solid;
1337- }
1338+ border: 1px #eee solid
1339+}
1340
1341 #page-footer .container div.copyright {
1342- font-size:0.75em;
1343- line-height:1.5em;
1344- }
1345+ font-size: 0.75em;
1346+ line-height: 1.5em;
1347+}
1348
1349 #page-footer .container div.loggedin {
1350- font-size:0.75em;
1351- line-height:1.5em;
1352- float:left;width :45%;
1353- margin-bottom:10px;
1354- margin-top:5px;
1355- }
1356+ font-size: 0.75em;
1357+ line-height: 1.5em;
1358+ float: left;
1359+ width : 45%;
1360+ margin-bottom: 10px;
1361+ margin-top: 5px;
1362+}
1363
1364 #page-footer .container div.lang_switcher {
1365- font-size:0.75em;
1366- line-height:1.5em;
1367- float:right;
1368- width :55%;
1369- margin-bottom:10px;
1370- margin-top:5px;
1371- }
1372-
1373+ font-size: 0.75em;
1374+ line-height: 1.5em;
1375+ float: right;
1376+ width : 55%;
1377+ margin-bottom: 10px;
1378+ margin-top: 5px;
1379+}
1380
1381=== modified file 'media/css/ie.css'
1382--- media/css/ie.css 2010-09-28 21:33:05 +0000
1383+++ media/css/ie.css 2010-09-30 16:29:42 +0000
1384@@ -1,325 +1,928 @@
1385-/*- LICENSE
1386--------------------------------------------------------------------------------------------------------- */
1387-/*
1388- Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com
1389-
1390-// Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/
1391-// - Free for use in both personal and commercial projects
1392-// - Attribution requires leaving author name, author link, and the license info intact.
1393-*/
1394-
1395-
1396-/*- reset
1397--------------------------------------------------------------------------------------------------------- */
1398-/*
1399-Reset derived and adapted from
1400-html5doctor.com Reset Stylesheet
1401-v1.4.1
1402-2010-03-01
1403-Author: Richard Clark - http://richclarkdesign.com
1404-*/
1405-html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
1406-abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub,
1407-sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
1408-tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header,
1409-hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; }
1410-:focus /* remember to define focus styles! */ { outline: 0; }
1411-body { line-height:1; }
1412-article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; }
1413-ol, ul { list-style-position: inside; }
1414-nav ul { list-style:none; }
1415-blockquote, q { quotes:none; }
1416-blockquote:before, blockquote:after, q:before, q:after { content:''; }
1417-a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; color: #DD4814; vertical-align:baseline; background:transparent; text-decoration:none; }
1418-ins { background-color:#ff9; color:#000; text-decoration:none; }
1419-mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
1420-del { text-decoration: line-through; }
1421-abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
1422-table { border-collapse:collapse; border-spacing:0; }
1423-hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
1424-input, select { vertical-align:middle; }
1425-textarea { overflow:auto;}
1426-/* ----------------------------------------------------------------------------------------------------- */
1427-
1428-
1429-/*- Typography
1430--------------------------------------------------------------------------------------------------------- */
1431-
1432-body { font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif; font-size:100%; line-height:1.5em;}
1433+/* - LICENSE
1434+--------------------------------------------------------------------------------------------------------
1435+*/
1436+
1437+/**
1438+ * Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com
1439+ *
1440+ * Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/
1441+ * - Free for use in both personal and commercial projects
1442+ * - Attribution requires leaving author name, author link, and the license info intact.
1443+ */
1444+
1445+/* - reset
1446+--------------------------------------------------------------------------------------------------------*/
1447+
1448+/**
1449+ * Reset derived and adapted from
1450+ * html5doctor.com Reset Stylesheet
1451+ * v1.4.1
1452+ * 2010-03-01
1453+ * Author: Richard Clark - http://richclarkdesign.com
1454+ */
1455+
1456+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
1457+ background: transparent;
1458+ border: 0;
1459+ font-family: inherit;
1460+ font-weight: inherit;
1461+ font-style: inherit;
1462+ font-size: 100%;
1463+ margin: 0;
1464+ outline: 0;
1465+ padding: 0;
1466+ vertical-align: baseline;
1467+}
1468+
1469+blockquote:before, blockquote:after, q:before, q:after {
1470+ content: ''
1471+}
1472+
1473+nav ul {
1474+ list-style: none
1475+}
1476+
1477+:focus /* remember to define focus styles! */ {
1478+ outline: 0
1479+}
1480+
1481+body {
1482+ line-height: 1
1483+}
1484+
1485+article, aside, details, dialog, figure, footer, header, hgroup, nav, section {
1486+ display: block
1487+}
1488+
1489+ol, ul {
1490+ list-style-position: inside
1491+}
1492+
1493+blockquote, q {
1494+ quotes: none
1495+}
1496+
1497+a {
1498+ cursor: pointer;
1499+ margin: 0;
1500+ padding: 0;
1501+ border: 0;
1502+ font-size: 100%;
1503+ color: #DD4814;
1504+ vertical-align: baseline;
1505+ background: transparent;
1506+ text-decoration: none;
1507+}
1508+
1509+ins {
1510+ background-color: #ff9;
1511+ color: #000;
1512+ text-decoration: none;
1513+}
1514+
1515+mark {
1516+ background-color: #ff9;
1517+ color: #000;
1518+ font-style: italic;
1519+ font-weight: bold;
1520+}
1521+
1522+del {
1523+ text-decoration: line-through
1524+}
1525+
1526+abbr[title], dfn[title] {
1527+ border-bottom: 1px dotted #000;
1528+ cursor: help;
1529+}
1530+
1531+table {
1532+ border-collapse: collapse;
1533+ border-spacing: 0;
1534+}
1535+
1536+hr {
1537+ display: block;
1538+ height: 1px;
1539+ border: 0;
1540+ border-top: 1px solid #cccccc;
1541+ margin: 1em 0;
1542+ padding: 0;
1543+}
1544+
1545+input, select {
1546+ vertical-align: middle
1547+}
1548+
1549+textarea {
1550+ overflow: auto
1551+}
1552+
1553+/* -----------------------------------------------------------------------------------------------------
1554+ ================================================== */
1555+
1556+/* - Typography
1557+--------------------------------------------------------------------------------------------------------
1558+ ================================================== */
1559+
1560+body {
1561+ font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif;
1562+ font-size: 100%;
1563+ line-height: 1.5em;
1564+}
1565+
1566 h1, h2, h3 {
1567- color: #333333;
1568+ color: #333333;
1569 font-weight: normal;
1570- margin: 0px;
1571+ margin: 0px;
1572 }
1573
1574 h1 {
1575- font-size: 36px;
1576- line-height: 40px;
1577-
1578- margin-top: 0px;
1579+ font-size: 36px;
1580+ line-height: 40px;
1581+ margin-top: 0px;
1582 margin-bottom: 0px;
1583-
1584 }
1585
1586 h2 {
1587- font-size: 24px;
1588- line-height: 28px;
1589- font-weight: normal;
1590- margin-top: 16px;
1591+ font-size: 24px;
1592+ line-height: 28px;
1593+ font-weight: normal;
1594+ margin-top: 16px;
1595 margin-bottom: 8px;
1596 }
1597
1598 h3 {
1599- font-size: 16px;
1600- line-height: 20px;
1601- font-weight: normal;
1602- margin-top: 16px;
1603+ font-size: 16px;
1604+ line-height: 20px;
1605+ font-weight: normal;
1606+ margin-top: 16px;
1607 margin-bottom: 8px;
1608 }
1609
1610 p {
1611- font-size: 12px;
1612- line-height: 16px;
1613-}
1614-
1615-dt { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ }
1616-li { font-size: 12px; line-height: 16px; }
1617-strong { font-weight:bold;}
1618-em { font-style:italic; }
1619-#top-logo { font-size:0.875em; /* 16x0.75 =12 */}
1620-#main-nav { font-size:0.875em; /* 16x0.875=14 */}
1621-#sub-nav { font-size:0.75em; /* 16x0.75 =12 */}
1622-.showcase-text { font-size:0.875em; /* 16x0.875=14 */ }
1623-/*footer { font-size:0.625em; /* 16x0.625=10 */ /* } */
1624-
1625-/*- Layout
1626--------------------------------------------------------------------------------------------------------- */
1627-
1628-.container { clear:both; margin:0 auto; padding:0; position:relative; width:980px; }
1629-
1630-#main-nav { float:left; width:620px; }
1631-.main-nav-item { margin:5px 10px; padding:10px; }
1632-
1633-#top-logo { float:right; margin:5px 10px 5px 0px; padding:10px 10px 0px 0px;; width:280px; }
1634-#the-logo { float:right; }
1635-
1636-
1637-
1638-
1639-#page-related { background-image:none; margin:0 auto; padding:0 10px 10px; position:relative; width:960px; }
1640-
1641-#sub-nav-container { height:40px; margin:0 10px; width:940px; }
1642-#sub-nav { float:left; padding:0px 10px;}
1643-
1644-.sub-nav-item { margin:5px 10px; padding-right:10px;}
1645-#pop-up-container { float:left; padding:10px; }
1646-#pop-up-text { float:left; }
1647-#login-container { float:left; width:620px;}
1648-
1649-
1650-#searchbox-container { float:right; margin: 0px 10px 5px 0px; padding:0 0 0 10px; width:300px;}
1651-.showcase-item { float:left; margin:5px 10px; padding:10px; width:280px;}
1652-.showcase-heading { margin:5px 0px 10px; width:280px;}
1653-.showcase-subheading { margin:5px 0px 10px; width:280px;}
1654-.showcase-text { margin:5px 0px 10px; width:280px;}
1655-.showcase-figure { float:left; margin:5px 10px; padding:10px; position:relative; width:600px;}
1656-.showcase-img { display:block; margin:0px; padding:0px; position:relative; width:600px;}
1657-.showcase-caption { position:absolute; bottom:0px; left:0px; margin:0px 10px 10px; padding:10px; width:580px;}
1658-
1659-
1660-#showcase-nav { clear:both; margin:5px 10px; padding:0px 10px; width:920px; }
1661-.showcase-nav-item { padding-right:10px;}
1662-.main-content { clear:both; float:left; margin:5px 10px; padding:10px; width:920px; }
1663-.minor-content { float:left; margin:5px 10px; padding:10px; width:440px; }
1664-.side-content { float:left; margin:5px 10px; padding:10px; width:280px; }
1665-.sub-content { float:left; margin:5px 10px; padding:10px; width:120px; }
1666-p { padding: 5px 0px 10px; }
1667-
1668-.divide { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 0px; visibility:hidden; }
1669-.divide-showcase { border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 25px; visibility:hidden;}
1670-
1671-#blog-posts { float:left; margin:5px 10px; padding:10px; width:600px; }
1672-.blog-post { clear:both; margin-bottom:10px; padding-bottom:10px;}
1673-.post-figure { float:right; margin:10px 0px 10px 10px; padding:0px; position:relative; width:260px;}
1674-.post-img { display:block; margin:0px; padding:0px; position:relative; width:260px;}
1675-.post-img-caption { position:absolute; bottom:0px; left:0px; padding:10px; width:240px;}
1676-.comments-count { clear:both; display:block; font-style:italic; color:#999; text-align:right; }
1677-
1678-
1679-#blog-aside { float:left; margin:5px 10px; padding:0px; width:300px; }
1680-.widgets-aside { float:left; margin:5px 0px 15px; padding:10px; width:280px; }
1681-
1682-.pagination { clear:both; text-align:center; }
1683-
1684-
1685-.footer-content { float:left; margin:5px 10px; padding:10px; width:120px; }
1686-.foot-note { clear:both; margin:15px 10px 0px; padding:10px; width:920px; }
1687-
1688-.plugin { margin: 0 -10px; padding:0px; position:relative; width:980px; }
1689-/*- Decoration
1690--------------------------------------------------------------------------------------------------------- */
1691-
1692-body { background:url("../images/dotted.png") repeat scroll 0 0 #FFFFFF; color:#333333; }
1693-#page-header { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; height:70px; }
1694-#page-header .container { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; }
1695-#top-logo { color:#fff; line-height:1.5em; text-align:right; }
1696-#the-logo { padding-left:4px; }
1697-#loco { clear:both; display:block; float:right;}
1698-
1699-
1700-
1701-
1702-#main-nav { border-left: 1px solid #EF7149; z-index:10;}
1703-.main-nav-item,
1704-.main-nav-item:visited { border-right: 1px solid #EF7149; border-bottom: 0; border-top: 0; color: #fff; display: block; float: left; height: 70px; line-height: 70px; margin:0px; padding: 0 15px; text-shadow: 1px 1px 1px #333; }
1705-.main-nav-item.current,
1706-.main-nav-item:hover,
1707-.main-nav-item:active,
1708-.main-nav-item:focus { background: url(../images/mainnav.png) 0 0 repeat; }
1709-
1710-
1711-#page-related { background-color:#FFFFFF;}
1712-#sub-nav-container { background-color:#F7F7F7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
1713-.sub-nav-item,
1714-.sub-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0px; padding: 0 15px; }
1715-.sub-nav-item.current,
1716-.sub-nav-item:hover,
1717-.sub-nav-item:active,
1718-.sub-nav-item:focus { background-color:#efefef; color:#DD4814; }
1719-
1720-.login-label { height:16px; margin:7px 0px 7px 9px; padding:3px; }
1721-#username,
1722-#password { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:110px; }
1723-#login { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 0px ; padding:2px;}
1724-#login:hover { background-color:#f7f7f7; border: 1px solid #DD4814;}
1725-#join,
1726-#join:visited { color:#333; }
1727-#join:hover,
1728-#join:active,
1729-#join:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; }
1730-
1731-#pop-up-text { font-weight:bold; line-height:20px; padding:0px 5px; }
1732-#searchbox { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 3px 7px 9px; padding:3px; width:180px;}
1733-#searchbox:focus { background-color:#fff; border: 1px solid #DD4814; }
1734-#go-search { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 0 7px 0px ; padding:2px;}
1735-#go-search:hover { background-color:#f7f7f7; border: 1px solid #DD4814;}
1736-#more-search,
1737-#more-search:visited { background-color:#f0f0f0; border: 1px solid #CCCCCC; color:#333; height:16px; margin:7px 7px 7px 0px; padding:2px 3px; }
1738-#more-search:hover,
1739-#more-search:active,
1740-#more-search:focus { background-color:#f7f7f7; border: 1px solid #DD4814; color:#DD4814; text-shadow: 1px 1px 2px #999; }
1741-
1742-
1743-.showcase-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff;
1744- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */
1745- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ }
1746-
1747-#showcase-nav { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; height:40px; }
1748-.showcase-nav-item,
1749-.showcase-nav-item:visited { color:#333; display: block; float: left; line-height:40px; margin:0 1px; padding: 0 15px; }
1750-.showcase-nav-item:hover,
1751-.showcase-nav-item:active,
1752-.showcase-nav-item:focus { border:1px solid #ddd; border-top:0px solid; border-bottom:0px solid; background-color:#efefef; color:#DD4814; margin:0; }
1753-
1754-
1755-
1756-
1757-#main-section .container { background-color:#fff; background-image:none; padding:0px 10px 10px; position:relative; width:960px;}
1758-
1759-.alone,
1760-.leading,
1761-.aggregator { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; float:left; }
1762-
1763-.aggregator { margin:5px 10px;}
1764-.aggregator .first { margin-left:0px;}
1765-.aggregator .last { margin-right:0px;}
1766-
1767-
1768-.post-header { border-bottom:1px dotted #333333; margin-bottom:10px; padding-bottom:5px; }
1769-.post-meta { color:#999; font-size:0.85em; font-style:italic; }
1770-.post-title-link,
1771-.post-title-link:visited { color:#333; }
1772-.post-title-link:hover,
1773-.post-title-link:active,
1774-.post-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; }
1775-
1776-.post-img-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff;
1777- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */
1778- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ }
1779-.pagination { border-top:1px solid #333; color: #fff; margin-top:15px; padding-top:15px; }
1780-.pagination-item { border-bottom:1px solid #333; color:#333; margin-right:5px; padding:2px 6px; }
1781-.pagination-item:hover { border-bottom:1px solid #DD4814; background-color:#f7f7f7; color:#DD4814;}
1782-.pagination-item.current { background-color:#f7f7f7; border-bottom:1px solid #333; color:#333; font-weight:bold; }
1783-
1784-.widgets-aside { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; }
1785-.widget-links { list-style:none; list-style-position:outside; }
1786-.a-item { display:block; margin-top:3px; }
1787-.side-link,
1788-.side-link:visited { color: #333333; display:block; padding-right:3px; }
1789-.side-link:hover,
1790-.side-link:active,
1791-.side-link:focus { background-color: #fff; border-right:3px solid #DD4814; color:#DD4814; text-decoration:none; }
1792-
1793-#login-widget { text-align:center;}
1794-
1795-#page-footer { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; }
1796-#page-footer .container { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; padding:0px 10px; width:960px; }
1797-#page-footer .container div.copyright {
1798- font-size: 10px;
1799- line-height: 14px;
1800- color: #aea79f;
1801-}
1802-.footer-content dd { margin-bottom:15px;}
1803-.footer-links { list-style:none; text-indent:0px; list-style-position:outside; }
1804-.footer-item { border-bottom:1px dotted #333; display:block; margin-top:3px; }
1805-.foot-note { color:#999; font-style:italic;}
1806-
1807-.footer-link,
1808-.footer-link:visited { color: #333333;}
1809-.footer-link:hover,
1810-.footer-link:active,
1811-.footer-link:focus { color:#DD4814; text-decoration:underline; }
1812-
1813-.footer-link-main,
1814-.footer-link-main:visited { }
1815-.footer-link-main:hover,
1816-.footer-link-main:active,
1817-.footer-link-main:focus { color:#DD4814; text-decoration:underline; }
1818-
1819-
1820-
1821-/*- Forum Decoration [Demo]
1822--------------------------------------------------------------------------------------------------------- */
1823-
1824-.forum-title { background-color:#efefef; margin:10px 0px; padding:20px;}
1825-
1826-.forum-item { border-top:1px dotted #999; }
1827-.cat-title,
1828-.sub-sections { font-size:0.75em; /* 16x0.75 =12 */ }
1829-
1830-.latest,
1831-.post-count { font-size:0.75em; /* 16x0.75 =12 */ line-height:1.2em; }
1832-
1833-
1834-.cat-title,
1835-.post-count,
1836-.latest { padding:10px; vertical-align:middle; }
1837-
1838-
1839-.forum-title-link,
1840-.forum-title-link:visited { color:#333; }
1841-.forum-title-link:hover,
1842-.forum-title-link:active,
1843-.forum-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; }
1844-
1845-.status { background-color:#efefef; padding:10px 5px; vertical-align:middle; width:30px; }
1846-.latest { width:180px; }
1847-.post-count { width:120px; }
1848-.sub-sections { background-color:#efefef; padding:5px 10px 10px; }
1849-.post-count { background-color:#efefef; }
1850-
1851-.count { display:block; font-style:italic; }
1852-
1853+ font-size: 12px;
1854+ line-height: 16px;
1855+}
1856+
1857+dt {
1858+ font-size: 0.75em;
1859+ font-weight: bold;
1860+ /* 16x0.75 =12 */
1861+}
1862+
1863+li {
1864+ font-size: 12px;
1865+ line-height: 16px;
1866+}
1867+
1868+strong {
1869+ font-weight: bold
1870+}
1871+
1872+em {
1873+ font-style: italic
1874+}
1875+
1876+#top-logo {
1877+ font-size: 0.875em;
1878+ /* 16x0.75 =12 */
1879+}
1880+
1881+#main-nav {
1882+ font-size: 0.875em;
1883+ /* 16x0.875=14 */
1884+}
1885+
1886+#sub-nav {
1887+ font-size: 0.75em;
1888+ /* 16x0.75 =12 */
1889+}
1890+
1891+.showcase-text {
1892+ font-size: 0.875em;
1893+ /* 16x0.875=14 */
1894+}
1895+
1896+/* footer { font-size:0.625em; /* 16x0.625=10 */
1897+
1898+/* }
1899+ ================================================== */
1900+
1901+/* - Layout
1902+--------------------------------------------------------------------------------------------------------
1903+ ================================================== */
1904+
1905+.container {
1906+ clear: both;
1907+ margin: 0 auto;
1908+ padding: 0;
1909+ position: relative;
1910+ width: 980px;
1911+}
1912+
1913+#main-nav {
1914+ float: left;
1915+ width: 620px;
1916+}
1917+
1918+.main-nav-item {
1919+ margin: 5px 10px;
1920+ padding: 10px;
1921+}
1922+
1923+.main-nav-item, .main-nav-item:visited {
1924+ border-right: 1px solid #EF7149;
1925+ border-bottom: 0;
1926+ border-top: 0;
1927+ color: #fff;
1928+ display: block;
1929+ float: left;
1930+ height: 70px;
1931+ line-height: 70px;
1932+ margin: 0px;
1933+ padding: 0 15px;
1934+ text-shadow: 1px 1px 1px #333;
1935+}
1936+
1937+.main-nav-item.current, .main-nav-item:hover, .main-nav-item:active, .main-nav-item:focus {
1938+ background: url(../images/mainnav.png) 0 0 repeat
1939+}
1940+
1941+#top-logo {
1942+ float: right;
1943+ margin: 5px 10px 5px 0px;
1944+ padding: 10px 10px 0px 0px;
1945+ : ;
1946+ width: 280px;
1947+}
1948+
1949+#the-logo {
1950+ float: right
1951+}
1952+
1953+#page-related {
1954+ background-image: none;
1955+ margin: 0 auto;
1956+ padding: 0 10px 10px;
1957+ position: relative;
1958+ width: 960px;
1959+}
1960+
1961+#sub-nav-container {
1962+ height: 40px;
1963+ margin: 0 10px;
1964+ width: 940px;
1965+}
1966+
1967+#sub-nav {
1968+ float: left;
1969+ padding: 0px 10px;
1970+}
1971+
1972+.sub-nav-item {
1973+ margin: 5px 10px;
1974+ padding-right: 10px;
1975+}
1976+
1977+.sub-nav-item, .sub-nav-item:visited {
1978+ color: #333;
1979+ display: block;
1980+ float: left;
1981+ line-height: 40px;
1982+ margin: 0px;
1983+ padding: 0 15px;
1984+}
1985+
1986+.sub-nav-item.current, .sub-nav-item:hover, .sub-nav-item:active, .sub-nav-item:focus {
1987+ background-color: #efefef;
1988+ color: #DD4814;
1989+}
1990+
1991+#pop-up-container {
1992+ float: left;
1993+ padding: 10px;
1994+}
1995+
1996+#pop-up-text {
1997+ float: left
1998+}
1999+
2000+#login-container {
2001+ float: left;
2002+ width: 620px;
2003+}
2004+
2005+#searchbox-container {
2006+ float: right;
2007+ margin: 0px 10px 5px 0px;
2008+ padding: 0 0 0 10px;
2009+ width: 300px;
2010+}
2011+
2012+.showcase-item {
2013+ float: left;
2014+ margin: 5px 10px;
2015+ padding: 10px;
2016+ width: 280px;
2017+}
2018+
2019+.showcase-heading {
2020+ margin: 5px 0px 10px;
2021+ width: 280px;
2022+}
2023+
2024+.showcase-subheading {
2025+ margin: 5px 0px 10px;
2026+ width: 280px;
2027+}
2028+
2029+.showcase-text {
2030+ margin: 5px 0px 10px;
2031+ width: 280px;
2032+}
2033+
2034+.showcase-figure {
2035+ float: left;
2036+ margin: 5px 10px;
2037+ padding: 10px;
2038+ position: relative;
2039+ width: 600px;
2040+}
2041+
2042+.showcase-img {
2043+ display: block;
2044+ margin: 0px;
2045+ padding: 0px;
2046+ position: relative;
2047+ width: 600px;
2048+}
2049+
2050+.showcase-caption {
2051+ position: absolute;
2052+ bottom: 0px;
2053+ left: 0px;
2054+ margin: 0px 10px 10px;
2055+ padding: 10px;
2056+ width: 580px;
2057+}
2058+
2059+#showcase-nav {
2060+ clear: both;
2061+ margin: 5px 10px;
2062+ padding: 0px 10px;
2063+ width: 920px;
2064+}
2065+
2066+.showcase-nav-item {
2067+ padding-right: 10px
2068+}
2069+
2070+.showcase-nav-item, .showcase-nav-item:visited {
2071+ color: #333;
2072+ display: block;
2073+ float: left;
2074+ line-height: 40px;
2075+ margin: 0 1px;
2076+ padding: 0 15px;
2077+}
2078+
2079+.showcase-nav-item:hover, .showcase-nav-item:active, .showcase-nav-item:focus {
2080+ border: 1px solid #ddd;
2081+ border-top: 0px solid;
2082+ border-bottom: 0px solid;
2083+ background-color: #efefef;
2084+ color: #DD4814;
2085+ margin: 0;
2086+}
2087+
2088+.main-content {
2089+ clear: both;
2090+ float: left;
2091+ margin: 5px 10px;
2092+ padding: 10px;
2093+ width: 920px;
2094+}
2095+
2096+.minor-content {
2097+ float: left;
2098+ margin: 5px 10px;
2099+ padding: 10px;
2100+ width: 440px;
2101+}
2102+
2103+.side-content {
2104+ float: left;
2105+ margin: 5px 10px;
2106+ padding: 10px;
2107+ width: 280px;
2108+}
2109+
2110+.sub-content {
2111+ float: left;
2112+ margin: 5px 10px;
2113+ padding: 10px;
2114+ width: 120px;
2115+}
2116+
2117+p {
2118+ padding: 5px 0px 10px
2119+}
2120+
2121+.divide {
2122+ border: 0px solid;
2123+ clear: both;
2124+ font-size: 0px;
2125+ height: 1px;
2126+ margin: -1px 0px 0px;
2127+ visibility: hidden;
2128+}
2129+
2130+.divide-showcase {
2131+ border: 0px solid;
2132+ clear: both;
2133+ font-size: 0px;
2134+ height: 1px;
2135+ margin: -1px 0px 25px;
2136+ visibility: hidden;
2137+}
2138+
2139+#blog-posts {
2140+ float: left;
2141+ margin: 5px 10px;
2142+ padding: 10px;
2143+ width: 600px;
2144+}
2145+
2146+.blog-post {
2147+ clear: both;
2148+ margin-bottom: 10px;
2149+ padding-bottom: 10px;
2150+}
2151+
2152+.post-figure {
2153+ float: right;
2154+ margin: 10px 0px 10px 10px;
2155+ padding: 0px;
2156+ position: relative;
2157+ width: 260px;
2158+}
2159+
2160+.post-img {
2161+ display: block;
2162+ margin: 0px;
2163+ padding: 0px;
2164+ position: relative;
2165+ width: 260px;
2166+}
2167+
2168+.post-img-caption {
2169+ position: absolute;
2170+ bottom: 0px;
2171+ left: 0px;
2172+ padding: 10px;
2173+ width: 240px;
2174+}
2175+
2176+.comments-count {
2177+ clear: both;
2178+ display: block;
2179+ font-style: italic;
2180+ color: #999;
2181+ text-align: right;
2182+}
2183+
2184+#blog-aside {
2185+ float: left;
2186+ margin: 5px 10px;
2187+ padding: 0px;
2188+ width: 300px;
2189+}
2190+
2191+.widgets-aside {
2192+ float: left;
2193+ margin: 5px 0px 15px;
2194+ padding: 10px;
2195+ width: 280px;
2196+}
2197+
2198+.pagination {
2199+ clear: both;
2200+ text-align: center;
2201+}
2202+
2203+.footer-content {
2204+ float: left;
2205+ margin: 5px 10px;
2206+ padding: 10px;
2207+ width: 120px;
2208+}
2209+
2210+ .footer-content dd {
2211+ margin-bottom: 15px
2212+ }
2213+
2214+.foot-note {
2215+ clear: both;
2216+ margin: 15px 10px 0px;
2217+ padding: 10px;
2218+ width: 920px;
2219+}
2220+
2221+.plugin {
2222+ margin: 0 -10px;
2223+ padding: 0px;
2224+ position: relative;
2225+ width: 980px;
2226+}
2227+
2228+/* - Decoration
2229+--------------------------------------------------------------------------------------------------------
2230+ ================================================== */
2231+
2232+body {
2233+ background: url("../images/dotted.png") repeat scroll 0 0 #FFFFFF;
2234+ color: #333333;
2235+}
2236+
2237+#page-header {
2238+ background: url("../images/header.png") repeat-x scroll 0 0 #DD4814;
2239+ height: 70px;
2240+}
2241+
2242+ #page-header .container {
2243+ background: url("../images/header.png") repeat-x scroll 0 0 #DD4814
2244+ }
2245+
2246+#top-logo {
2247+ color: #fff;
2248+ line-height: 1.5em;
2249+ text-align: right;
2250+}
2251+
2252+#the-logo {
2253+ padding-left: 4px
2254+}
2255+
2256+#loco {
2257+ clear: both;
2258+ display: block;
2259+ float: right;
2260+}
2261+
2262+#main-nav {
2263+ border-left: 1px solid #EF7149;
2264+ z-index: 10;
2265+}
2266+
2267+#page-related {
2268+ background-color: #FFFFFF
2269+}
2270+
2271+#sub-nav-container {
2272+ background-color: #F7F7F7;
2273+ border-bottom-left-radius: 8px;
2274+ border-bottom-right-radius: 8px;
2275+}
2276+
2277+.login-label {
2278+ height: 16px;
2279+ margin: 7px 0px 7px 9px;
2280+ padding: 3px;
2281+}
2282+
2283+#username, #password {
2284+ background-color: #f0f0f0;
2285+ border: 1px solid #CCCCCC;
2286+ height: 16px;
2287+ margin: 7px 0px 7px 9px;
2288+ padding: 3px;
2289+ width: 110px;
2290+}
2291+
2292+#login {
2293+ background-color: #f0f0f0;
2294+ border: 1px solid #CCCCCC;
2295+ height: 24px;
2296+ margin: 7px 9px 7px 0px;
2297+ padding: 2px;
2298+}
2299+
2300+#login:hover {
2301+ background-color: #f7f7f7;
2302+ border: 1px solid #DD4814;
2303+}
2304+
2305+#join:hover, #join:active, #join:focus {
2306+ color: #DD4814;
2307+ text-shadow: 1px 1px 2px #999;
2308+}
2309+
2310+#join, #join:visited {
2311+ color: #333
2312+}
2313+
2314+#pop-up-text {
2315+ font-weight: bold;
2316+ line-height: 20px;
2317+ padding: 0px 5px;
2318+}
2319+
2320+#searchbox {
2321+ background-color: #f0f0f0;
2322+ border: 1px solid #CCCCCC;
2323+ height: 16px;
2324+ margin: 7px 3px 7px 9px;
2325+ padding: 3px;
2326+ width: 180px;
2327+}
2328+
2329+#searchbox:focus {
2330+ background-color: #fff;
2331+ border: 1px solid #DD4814;
2332+}
2333+
2334+#go-search {
2335+ background-color: #f0f0f0;
2336+ border: 1px solid #CCCCCC;
2337+ height: 24px;
2338+ margin: 7px 0 7px 0px;
2339+ padding: 2px;
2340+}
2341+
2342+#go-search:hover {
2343+ background-color: #f7f7f7;
2344+ border: 1px solid #DD4814;
2345+}
2346+
2347+#more-search:hover, #more-search:active, #more-search:focus {
2348+ background-color: #f7f7f7;
2349+ border: 1px solid #DD4814;
2350+ color: #DD4814;
2351+ text-shadow: 1px 1px 2px #999;
2352+}
2353+
2354+#more-search, #more-search:visited {
2355+ background-color: #f0f0f0;
2356+ border: 1px solid #CCCCCC;
2357+ color: #333;
2358+ height: 16px;
2359+ margin: 7px 7px 7px 0px;
2360+ padding: 2px 3px;
2361+}
2362+
2363+.showcase-caption {
2364+ background-color: #000;
2365+ background-color: rgba(0,0,0,0.4);
2366+ color: #fff;
2367+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000');
2368+ /* IE6,IE7 */
2369+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')";
2370+ /* IE8 */
2371+}
2372+
2373+#showcase-nav {
2374+ background-color: #f7f7f7;
2375+ border-radius: 8px;
2376+ box-shadow: 0px 1px 1px #ccc;
2377+ height: 40px;
2378+}
2379+
2380+#main-section .container {
2381+ background-color: #fff;
2382+ background-image: none;
2383+ padding: 0px 10px 10px;
2384+ position: relative;
2385+ width: 960px;
2386+}
2387+
2388+.alone, .leading, .aggregator {
2389+ background-color: #f7f7f7;
2390+ border-radius: 8px;
2391+ box-shadow: 0px 1px 1px #ccc;
2392+ float: left;
2393+}
2394+
2395+ .aggregator .first {
2396+ margin-left: 0px
2397+ }
2398+
2399+ .aggregator .last {
2400+ margin-right: 0px
2401+ }
2402+
2403+.aggregator {
2404+ margin: 5px 10px
2405+}
2406+
2407+.post-header {
2408+ border-bottom: 1px dotted #333333;
2409+ margin-bottom: 10px;
2410+ padding-bottom: 5px;
2411+}
2412+
2413+.post-meta {
2414+ color: #999;
2415+ font-size: 0.85em;
2416+ font-style: italic;
2417+}
2418+
2419+.post-title-link:hover, .post-title-link:active, .post-title-link:focus {
2420+ color: #DD4814;
2421+ text-shadow: 1px 1px 2px #999;
2422+}
2423+
2424+.post-title-link, .post-title-link:visited {
2425+ color: #333
2426+}
2427+
2428+.post-img-caption {
2429+ background-color: #000;
2430+ background-color: rgba(0,0,0,0.4);
2431+ color: #fff;
2432+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000');
2433+ /* IE6,IE7 */
2434+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')";
2435+ /* IE8 */
2436+}
2437+
2438+.pagination {
2439+ border-top: 1px solid #333;
2440+ color: #fff;
2441+ margin-top: 15px;
2442+ padding-top: 15px;
2443+}
2444+
2445+.pagination-item {
2446+ border-bottom: 1px solid #333;
2447+ color: #333;
2448+ margin-right: 5px;
2449+ padding: 2px 6px;
2450+}
2451+
2452+.pagination-item:hover {
2453+ border-bottom: 1px solid #DD4814;
2454+ background-color: #f7f7f7;
2455+ color: #DD4814;
2456+}
2457+
2458+.pagination-item.current {
2459+ background-color: #f7f7f7;
2460+ border-bottom: 1px solid #333;
2461+ color: #333;
2462+ font-weight: bold;
2463+}
2464+
2465+.widgets-aside {
2466+ background-color: #f7f7f7;
2467+ border-radius: 8px;
2468+ box-shadow: 0px 1px 1px #ccc;
2469+}
2470+
2471+.widget-links {
2472+ list-style: none;
2473+ list-style-position: outside;
2474+}
2475+
2476+.a-item {
2477+ display: block;
2478+ margin-top: 3px;
2479+}
2480+
2481+.side-link:hover, .side-link:active, .side-link:focus {
2482+ background-color: #fff;
2483+ border-right: 3px solid #DD4814;
2484+ color: #DD4814;
2485+ text-decoration: none;
2486+}
2487+
2488+.side-link, .side-link:visited {
2489+ color: #333333;
2490+ display: block;
2491+ padding-right: 3px;
2492+}
2493+
2494+#login-widget {
2495+ text-align: center
2496+}
2497+
2498+#page-footer {
2499+ background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA
2500+}
2501+
2502+ #page-footer .container {
2503+ background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA;
2504+ padding: 0px 10px;
2505+ width: 960px;
2506+ }
2507+
2508+ #page-footer .container div.copyright {
2509+ font-size: 10px;
2510+ line-height: 14px;
2511+ color: #aea79f;
2512+ }
2513+
2514+.footer-links {
2515+ list-style: none;
2516+ text-indent: 0px;
2517+ list-style-position: outside;
2518+}
2519+
2520+.footer-item {
2521+ border-bottom: 1px dotted #333;
2522+ display: block;
2523+ margin-top: 3px;
2524+}
2525+
2526+.foot-note {
2527+ color: #999;
2528+ font-style: italic;
2529+}
2530+
2531+.footer-link:hover, .footer-link:active, .footer-link:focus {
2532+ color: #DD4814;
2533+ text-decoration: underline;
2534+}
2535+
2536+.footer-link, .footer-link:visited {
2537+ color: #333333
2538+}
2539+
2540+.footer-link-main:hover, .footer-link-main:active, .footer-link-main:focus {
2541+ color: #DD4814;
2542+ text-decoration: underline;
2543+}
2544+
2545+.footer-link-main, .footer-link-main:visited {
2546+
2547+}
2548+
2549+/* - Forum Decoration [Demo]
2550+--------------------------------------------------------------------------------------------------------
2551+ ================================================== */
2552+
2553+.forum-title {
2554+ background-color: #efefef;
2555+ margin: 10px 0px;
2556+ padding: 20px;
2557+}
2558+
2559+.forum-item {
2560+ border-top: 1px dotted #999
2561+}
2562+
2563+.cat-title, .sub-sections {
2564+ font-size: 0.75em;
2565+ /* 16x0.75 =12 */
2566+}
2567+
2568+.latest, .post-count {
2569+ font-size: 0.75em;
2570+ /* 16x0.75 =12 */ line-height: 1.2em;
2571+}
2572+
2573+.cat-title, .post-count, .latest {
2574+ padding: 10px;
2575+ vertical-align: middle;
2576+}
2577+
2578+.forum-title-link:hover, .forum-title-link:active, .forum-title-link:focus {
2579+ color: #DD4814;
2580+ text-shadow: 1px 1px 2px #999;
2581+}
2582+
2583+.forum-title-link, .forum-title-link:visited {
2584+ color: #333
2585+}
2586+
2587+.status {
2588+ background-color: #efefef;
2589+ padding: 10px 5px;
2590+ vertical-align: middle;
2591+ width: 30px;
2592+}
2593+
2594+.latest {
2595+ width: 180px
2596+}
2597+
2598+.post-count {
2599+ width: 120px
2600+}
2601+
2602+.sub-sections {
2603+ background-color: #efefef;
2604+ padding: 5px 10px 10px;
2605+}
2606+
2607+.post-count {
2608+ background-color: #efefef
2609+}
2610+
2611+.count {
2612+ display: block;
2613+ font-style: italic;
2614+}
2615
2616 /* KuZeKo web@kuzeko.com
2617 -------------------------------------------------------------------------------------------------------- */
2618
2619=== modified file 'media/css/ie6.css'
2620--- media/css/ie6.css 2010-09-28 21:33:05 +0000
2621+++ media/css/ie6.css 2010-09-30 16:29:42 +0000
2622@@ -1,327 +1,947 @@
2623-/*- LICENSE
2624--------------------------------------------------------------------------------------------------------- */
2625-/*
2626- Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com
2627-
2628-// Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/
2629-// - Free for use in both personal and commercial projects
2630-// - Attribution requires leaving author name, author link, and the license info intact.
2631-*/
2632-
2633-/*- reset
2634--------------------------------------------------------------------------------------------------------- */
2635-/*
2636-Reset derived and adapted from
2637-html5doctor.com Reset Stylesheet
2638-v1.4.1
2639-2010-03-01
2640-Author: Richard Clark - http://richclarkdesign.com
2641-*/
2642-html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
2643-abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub,
2644-sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
2645-tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header,
2646-hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; }
2647-:focus /* remember to define focus styles! */ { outline: 0; }
2648-body { line-height:1; }
2649-article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; }
2650-ol, ul { list-style-position: inside; }
2651-nav ul { list-style:none; }
2652-blockquote, q { quotes:none; }
2653-blockquote:before, blockquote:after, q:before, q:after { content:''; }
2654-a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; color: #DD4814; vertical-align:baseline; background:transparent; text-decoration:none; }
2655-ins { background-color:#ff9; color:#000; text-decoration:none; }
2656-mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
2657-del { text-decoration: line-through; }
2658-abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
2659-table { border-collapse:collapse; border-spacing:0; }
2660-hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
2661-input, select { vertical-align:middle; }
2662-textarea { overflow:auto;}
2663-/* ----------------------------------------------------------------------------------------------------- */
2664-
2665-
2666-/*- Typography
2667--------------------------------------------------------------------------------------------------------- */
2668-
2669-body { font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif; font-size:100%; line-height:1.5em;}
2670+/* - LICENSE
2671+--------------------------------------------------------------------------------------------------------
2672+*/
2673+
2674+/**
2675+ * Author: Matteo Lissandrini - kuzeko http://www.kuzeko.com
2676+ *
2677+ * Licensed under the Creative Commons Attribution-Share Alike 3.0 License - http://creativecommons.org/licenses/by-sa/3.0/
2678+ * - Free for use in both personal and commercial projects
2679+ * - Attribution requires leaving author name, author link, and the license info intact.
2680+ */
2681+
2682+/* - reset
2683+-------------------------------------------------------------------------------------------------------- */
2684+
2685+/**
2686+ * Reset derived and adapted from
2687+ * html5doctor.com Reset Stylesheet
2688+ * v1.4.1
2689+ * 2010-03-01
2690+ * Author: Richard Clark - http://richclarkdesign.com
2691+ */
2692+
2693+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
2694+ background: transparent;
2695+ border: 0;
2696+ font-family: inherit;
2697+ font-weight: inherit;
2698+ font-style: inherit;
2699+ font-size: 100%;
2700+ margin: 0;
2701+ outline: 0;
2702+ padding: 0;
2703+ vertical-align: baseline;
2704+}
2705+
2706+blockquote:before, blockquote:after, q:before, q:after {
2707+ content: ''
2708+}
2709+
2710+nav ul {
2711+ list-style: none
2712+}
2713+
2714+:focus /* remember to define focus styles! */ {
2715+ outline: 0
2716+}
2717+
2718+body {
2719+ line-height: 1
2720+}
2721+
2722+article, aside, details, dialog, figure, footer, header, hgroup, nav, section {
2723+ display: block
2724+}
2725+
2726+ol, ul {
2727+ list-style-position: inside
2728+}
2729+
2730+blockquote, q {
2731+ quotes: none
2732+}
2733+
2734+a {
2735+ cursor: pointer;
2736+ margin: 0;
2737+ padding: 0;
2738+ border: 0;
2739+ font-size: 100%;
2740+ color: #DD4814;
2741+ vertical-align: baseline;
2742+ background: transparent;
2743+ text-decoration: none;
2744+}
2745+
2746+ins {
2747+ background-color: #ff9;
2748+ color: #000;
2749+ text-decoration: none;
2750+}
2751+
2752+mark {
2753+ background-color: #ff9;
2754+ color: #000;
2755+ font-style: italic;
2756+ font-weight: bold;
2757+}
2758+
2759+del {
2760+ text-decoration: line-through
2761+}
2762+
2763+abbr[title], dfn[title] {
2764+ border-bottom: 1px dotted #000;
2765+ cursor: help;
2766+}
2767+
2768+table {
2769+ border-collapse: collapse;
2770+ border-spacing: 0;
2771+}
2772+
2773+hr {
2774+ display: block;
2775+ height: 1px;
2776+ border: 0;
2777+ border-top: 1px solid #cccccc;
2778+ margin: 1em 0;
2779+ padding: 0;
2780+}
2781+
2782+input, select {
2783+ vertical-align: middle
2784+}
2785+
2786+textarea {
2787+ overflow: auto
2788+}
2789+
2790+/* -----------------------------------------------------------------------------------------------------
2791+*/
2792+
2793+/* - Typography
2794+--------------------------------------------------------------------------------------------------------
2795+*/
2796+
2797+body {
2798+ font-family: 'Ubuntubeta','Ubuntu','Bitstream Vera Sans','DejaVu Sans', Tahoma, sans-serif;
2799+ font-size: 100%;
2800+ line-height: 1.5em;
2801+}
2802+
2803 h1, h2, h3 {
2804- color: #333333;
2805+ color: #333333;
2806 font-weight: normal;
2807- margin: 0px;
2808+ margin: 0px;
2809 }
2810
2811 h1 {
2812- font-size: 36px;
2813- line-height: 40px;
2814-
2815- margin-top: 0px;
2816+ font-size: 36px;
2817+ line-height: 40px;
2818+ margin-top: 0px;
2819 margin-bottom: 0px;
2820-
2821 }
2822
2823 h2 {
2824- font-size: 24px;
2825- line-height: 28px;
2826- font-weight: normal;
2827- margin-top: 16px;
2828+ font-size: 24px;
2829+ line-height: 28px;
2830+ font-weight: normal;
2831+ margin-top: 16px;
2832 margin-bottom: 8px;
2833 }
2834
2835 h3 {
2836- font-size: 16px;
2837- line-height: 20px;
2838- font-weight: normal;
2839- margin-top: 16px;
2840+ font-size: 16px;
2841+ line-height: 20px;
2842+ font-weight: normal;
2843+ margin-top: 16px;
2844 margin-bottom: 8px;
2845 }
2846
2847 p {
2848- font-size: 12px;
2849- line-height: 16px;
2850-}
2851-
2852-dt { font-size:0.75em; font-weight:bold; /* 16x0.75 =12 */ }
2853-li { font-size: 12px; line-height: 16px; }
2854-strong { font-weight:bold;}
2855-em { font-style:italic; }
2856-#top-logo { font-size:0.875em; /* 16x0.75 =12 */}
2857-#main-nav { font-size:0.875em; /* 16x0.875=14 */}
2858-#sub-nav { font-size:0.75em; /* 16x0.75 =12 */}
2859-.showcase-text { font-size:0.875em; /* 16x0.875=14 */ }
2860-
2861-
2862-/*- Layout
2863--------------------------------------------------------------------------------------------------------- */
2864-
2865-.container { clear:both; margin:0 auto; position:relative; width:980px; }
2866-
2867-#main-nav { display:inline; float:left; width:620px; }
2868-.main-nav-item { margin:5px 10px; padding:10px; }
2869-
2870-#top-logo { display:inline; float:right; margin:5px 10px 5px 0px; padding:10px 10px 0px 0px; width:280px; }
2871-#the-logo { display:inline; float:right; }
2872-
2873-
2874-#page-related { background-image:none; margin:0 auto; padding:0 10px 10px; position:relative; width:960px; }
2875-
2876-#sub-nav-container { margin:0 10px 0px; padding-bottom:0px; width:940px; }
2877-#sub-nav { display:inline float:left; margin-bottom:0px; padding:0px 10px 0px; padding-bottom:0px }
2878-
2879-.sub-nav-item { margin:5px 10px; margin-bottom:0 padding-right:10px;}
2880-#pop-up-container { display:inline float:left; padding:10px; }
2881-#pop-up-text { display:inline float:left; }
2882-#login-container { display:inline float:left; width:620px;}
2883-
2884-
2885-#searchbox-container { display:inline float:right; margin: 0px 10px 5px 0px; padding:0 0 0 10px; width:300px;}
2886-.showcase-item { display:inline; float:left; margin:5px 10px; padding:10px; width:280px;}
2887-.showcase-heading { margin:5px 0px 10px; width:280px;}
2888-.showcase-subheading { margin:5px 0px 10px; width:280px;}
2889-.showcase-text { margin:5px 0px 10px; width:280px;}
2890-.showcase-figure { display:inline; float:left; margin:5px 10px; padding:10px; position:relative; width:600px;}
2891-.showcase-img { display:block; margin:0px; padding:0px; position:relative; width:600px;}
2892-.showcase-caption { position:absolute; bottom:0px; left:0px; margin:0px 10px 10px; padding:10px; width:580px;}
2893-
2894-
2895-#showcase-nav { clear:both; margin:5px 10px; padding:0px 10px; width:920px; }
2896-.showcase-nav-item { padding-right:10px;}
2897-.main-content { display:inline; clear:both; float:left; margin:5px 10px; padding:10px; width:920px; }
2898-.minor-content { display:inline; float:left; margin:5px 10px; padding:10px; width:440px; }
2899-.side-content { display:inline; float:left; margin:5px 10px; padding:10px; width:280px; }
2900-.sub-content { display:inline; float:left; margin:5px 10px; padding:10px; width:120px; }
2901-p { padding: 5px 0px 10px; }
2902-
2903-.divide { display:inline; border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 0px; visibility:hidden; width:10px; }
2904-.divide-showcase { display:inline; border:0px solid; clear:both; font-size:0px; height:1px; margin:-1px 0px 25px; visibility:hidden; }
2905-
2906-#blog-posts { display:inline; float:left; margin:5px 10px; padding:10px; width:600px; }
2907-.blog-post { clear:both; margin-bottom:10px; padding-bottom:10px;}
2908-.post-figure { display:inline; float:right; margin:10px 0px 10px 10px; padding:0px; position:relative; width:260px;}
2909-.post-img { display:block; margin:0px; padding:0px; position:relative; width:260px;}
2910-.post-img-caption { position:absolute; bottom:0px; left:0px; padding:10px; width:240px;}
2911-.comments-count { clear:both; display:block; font-style:italic; color:#999; text-align:right; }
2912-
2913-
2914-#blog-aside { display:inline; float:left; margin:5px 10px; padding:0px; width:300px; }
2915-.widgets-aside { display:inline; float:left; margin:5px 0px 15px; padding:10px; width:280px; }
2916-
2917-.pagination { clear:both; text-align:center; }
2918-
2919-
2920-.footer-content { display:inline; float:left; margin:5px 10px; padding:10px; width:120px; }
2921-.foot-note { clear:both; margin:15px 10px 0px; padding:10px; width:920px; }
2922-
2923-.plugin { margin: 0 -10px; padding:0px; position:relative; width:980px; }
2924-/*- Decoration
2925--------------------------------------------------------------------------------------------------------- */
2926-
2927-body { background:url("../images/dotted.png") repeat scroll 0 0 #FFFFFF; color:#333333; }
2928-#page-header { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; height:70px; }
2929-#page-header .container { background:url("../images/header.png") repeat-x scroll 0 0 #DD4814; }
2930-#top-logo { color:#fff; line-height:1.5em; text-align:right; }
2931-#the-logo { padding-left:4px; }
2932-#loco { display:inline; clear:both; float:right;}
2933-
2934-
2935-
2936-#main-nav { border-left: 1px solid #EF7149; z-index:10;}
2937-.main-nav-item,
2938-.main-nav-item:visited { display:inline; border-right: 1px solid #EF7149; border-bottom: 0; border-top: 0; color: #fff; float: left; height: 70px; line-height: 70px; margin:0px; padding: 0 15px; text-shadow: 1px 1px 1px #333; }
2939-.main-nav-item.current,
2940-.main-nav-item:hover,
2941-.main-nav-item:active,
2942-.main-nav-item:focus { background: url(../images/mainnav.png) 0 0 repeat; }
2943-
2944-#page-related { background-color:#FFFFFF;}
2945-#sub-nav-container { background-color:#F7F7F7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-bottom:0px;}
2946-#sub-nav { margin-bottom:0px; padding-bottom:0px;}
2947-.sub-nav-item,
2948-.sub-nav-item:visited { display:inline; color:#333; float: left; line-height:40px; margin:0px; padding: 0 15px 0px; }
2949-.sub-nav-item.current,
2950-.sub-nav-item:hover,
2951-.sub-nav-item:active,
2952-.sub-nav-item:focus { background-color:#efefef; color:#DD4814; }
2953-
2954-
2955-.login-label { height:16px; margin:7px 0px 7px 9px; padding:3px; }
2956-#username,
2957-#password { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 0px 7px 9px; padding:3px; width:110px; }
2958-#login { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 9px 7px 0px ; padding:2px;}
2959-#login:hover { background-color:#f7f7f7; border: 1px solid #DD4814;}
2960-#join,
2961-#join:visited { color:#333; }
2962-#join:hover,
2963-#join:active,
2964-#join:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; }
2965-
2966-#pop-up-text { font-weight:bold; line-height:20px; padding:0px 5px; }
2967-#searchbox { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:16px; margin:7px 3px 7px 9px; padding:3px; width:180px;}
2968-#searchbox:focus { background-color:#fff; border: 1px solid #DD4814; }
2969-#go-search { background-color:#f0f0f0; border: 1px solid #CCCCCC; height:24px; margin:7px 0 7px 0px ; padding:2px;}
2970-#go-search:hover { background-color:#f7f7f7; border: 1px solid #DD4814;}
2971-#more-search,
2972-#more-search:visited { background-color:#f0f0f0; border: 1px solid #CCCCCC; color:#333; height:16px; margin:7px 7px 7px 0px; padding:2px 3px; }
2973-#more-search:hover,
2974-#more-search:active,
2975-#more-search:focus { background-color:#f7f7f7; border: 1px solid #DD4814; color:#DD4814; text-shadow: 1px 1px 2px #999; }
2976-
2977-
2978-
2979-
2980-.showcase-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff;
2981- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */
2982- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ }
2983-
2984-
2985-#showcase-nav { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; height:40px; }
2986-.showcase-nav-item,
2987-.showcase-nav-item:visited { display:inline; color:#333; float: left; line-height:40px; margin:0 1px; padding: 0 15px; }
2988-.showcase-nav-item:hover,
2989-.showcase-nav-item:active,
2990-.showcase-nav-item:focus { border:1px solid #ddd; border-top:0px solid; border-bottom:0px solid; background-color:#efefef; color:#DD4814; margin:0; }
2991-
2992-
2993-
2994-#main-section .container { background-color:#fff; background-image:none; padding:0px 10px 10px; position:relative; width:960px;}
2995-
2996-
2997-
2998-.alone,
2999-.leading,
3000-.aggregator { display:inline; background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; float:left; }
3001-
3002-.aggregator { margin:5px 10px;}
3003-.aggregator .first { margin-left:0px;}
3004-.aggregator .last { margin-right:0px;}
3005-
3006-.post-header { border-bottom:1px dotted #333333; margin-bottom:10px; padding-bottom:5px; }
3007-.post-meta { color:#999; font-size:0.85em; font-style:italic; }
3008-.post-title-link,
3009-.post-title-link:visited { color:#333; }
3010-.post-title-link:hover,
3011-.post-title-link:active,
3012-.post-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; }
3013-
3014-.post-img-caption { background-color:#000; background-color:rgba(0,0,0,0.4); color: #fff;
3015- filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */
3016- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ }
3017-.pagination { border-top:1px solid #333; color: #fff; margin-top:15px; padding-top:15px; }
3018-.pagination-item { border-bottom:1px solid #333; color:#333; margin-right:5px; padding:2px 6px; }
3019-.pagination-item:hover { border-bottom:1px solid #DD4814; background-color:#f7f7f7; color:#DD4814;}
3020-.pagination-item.current { background-color:#f7f7f7; border-bottom:1px solid #333; color:#333; font-weight:bold; }
3021-
3022-.widgets-aside { background-color:#f7f7f7; border-radius: 8px; box-shadow: 0px 1px 1px #ccc; }
3023-.widget-links { list-style:none; list-style-position:outside; }
3024-.a-item { display:block; margin-top:3px; }
3025-.side-link,
3026-.side-link:visited { color: #333333; display:block; padding-right:3px; }
3027-.side-link:hover,
3028-.side-link:active,
3029-.side-link:focus { background-color: #fff; border-right:3px solid #DD4814; color:#DD4814; text-decoration:none; }
3030-
3031-#login-widget { text-align:center;}
3032-
3033-
3034-
3035-
3036-#page-footer { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; }
3037-#page-footer .container { background:url("../images/footer.png") repeat-x scroll 0 0 #EEECEA; padding:0px 10px; width:960px; }
3038-#page-footer .container div.copyright {
3039- font-size: 10px;
3040- line-height: 14px;
3041- color: #aea79f;
3042-}
3043-.footer-content dd { margin-bottom:15px;}
3044-.footer-links { list-style:none; text-indent:0px; list-style-position:outside; }
3045-.footer-item { border-bottom:1px dotted #333; display:block; margin-top:3px; }
3046-.foot-note { color:#999; font-style:italic;}
3047-
3048-.footer-link,
3049-.footer-link:visited { color: #333333;}
3050-.footer-link:hover,
3051-.footer-link:active,
3052-.footer-link:focus { color:#DD4814; text-decoration:underline; }
3053-
3054-.footer-link-main,
3055-.footer-link-main:visited { }
3056-.footer-link-main:hover,
3057-.footer-link-main:active,
3058-.footer-link-main:focus { color:#DD4814; text-decoration:underline; }
3059-
3060-
3061-
3062-/*- Forum Decoration [Demo]
3063--------------------------------------------------------------------------------------------------------- */
3064-
3065-.forum-title { background-color:#efefef; margin:10px 0px; padding:20px;}
3066-
3067-.forum-item { border-top:1px dotted #999; }
3068-.cat-title,
3069-.sub-sections { font-size:0.75em; /* 16x0.75 =12 */ }
3070-
3071-.latest,
3072-.post-count { font-size:0.75em; /* 16x0.75 =12 */ line-height:1.2em; }
3073-
3074-
3075-.cat-title,
3076-.post-count,
3077-.latest { padding:10px; vertical-align:middle; }
3078-
3079-
3080-.forum-title-link,
3081-.forum-title-link:visited { color:#333; }
3082-.forum-title-link:hover,
3083-.forum-title-link:active,
3084-.forum-title-link:focus { color:#DD4814; text-shadow: 1px 1px 2px #999; }
3085-
3086-.status { background-color:#efefef; padding:10px 5px; vertical-align:middle; width:30px; }
3087-.latest { width:180px; }
3088-.post-count { width:120px; }
3089-.sub-sections { background-color:#efefef; padding:5px 10px 10px; }
3090-.post-count { background-color:#efefef; }
3091-
3092-.count { display:block; font-style:italic; }
3093-
3094-/* KuZeKo web@kuzeko.com
3095+ font-size: 12px;
3096+ line-height: 16px;
3097+}
3098+
3099+dt {
3100+ font-size: 0.75em;
3101+ font-weight: bold;
3102+ /* 16x0.75 =12 */
3103+}
3104+
3105+li {
3106+ font-size: 12px;
3107+ line-height: 16px;
3108+}
3109+
3110+strong {
3111+ font-weight: bold
3112+}
3113+
3114+em {
3115+ font-style: italic
3116+}
3117+
3118+#top-logo {
3119+ font-size: 0.875em;
3120+ /* 16x0.75 =12 */
3121+}
3122+
3123+#main-nav {
3124+ font-size: 0.875em;
3125+ /* 16x0.875=14 */
3126+}
3127+
3128+#sub-nav {
3129+ font-size: 0.75em;
3130+ /* 16x0.75 =12 */
3131+}
3132+
3133+.showcase-text {
3134+ font-size: 0.875em;
3135+ /* 16x0.875=14 */
3136+}
3137+
3138+/* - Layout
3139+--------------------------------------------------------------------------------------------------------
3140+*/
3141+
3142+.container {
3143+ clear: both;
3144+ margin: 0 auto;
3145+ position: relative;
3146+ width: 980px;
3147+}
3148+
3149+#main-nav {
3150+ display: inline;
3151+ float: left;
3152+ width: 620px;
3153+}
3154+
3155+.main-nav-item {
3156+ margin: 5px 10px;
3157+ padding: 10px;
3158+}
3159+
3160+.main-nav-item, .main-nav-item:visited {
3161+ display: inline;
3162+ border-right: 1px solid #EF7149;
3163+ border-bottom: 0;
3164+ border-top: 0;
3165+ color: #fff;
3166+ float: left;
3167+ height: 70px;
3168+ line-height: 70px;
3169+ margin: 0px;
3170+ padding: 0 15px;
3171+ text-shadow: 1px 1px 1px #333;
3172+}
3173+
3174+.main-nav-item.current, .main-nav-item:hover, .main-nav-item:active, .main-nav-item:focus {
3175+ background: url(../images/mainnav.png) 0 0 repeat
3176+}
3177+
3178+#top-logo {
3179+ display: inline;
3180+ float: right;
3181+ margin: 5px 10px 5px 0px;
3182+ padding: 10px 10px 0px 0px;
3183+ width: 280px;
3184+}
3185+
3186+#the-logo {
3187+ display: inline;
3188+ float: right;
3189+}
3190+
3191+#page-related {
3192+ background-image: none;
3193+ margin: 0 auto;
3194+ padding: 0 10px 10px;
3195+ position: relative;
3196+ width: 960px;
3197+}
3198+
3199+#sub-nav-container {
3200+ margin: 0 10px 0px;
3201+ padding-bottom: 0px;
3202+ width: 940px;
3203+}
3204+
3205+#sub-nav {
3206+ display: inline float:left;
3207+ margin-bottom: 0px;
3208+ padding: 0px 10px 0px;
3209+ padding-bottom: 0px;
3210+}
3211+
3212+.sub-nav-item {
3213+ margin: 5px 10px;
3214+ margin-bottom: 0 padding-right:10px;
3215+}
3216+
3217+.sub-nav-item, .sub-nav-item:visited {
3218+ display: inline;
3219+ color: #333;
3220+ float: left;
3221+ line-height: 40px;
3222+ margin: 0px;
3223+ padding: 0 15px 0px;
3224+}
3225+
3226+.sub-nav-item.current, .sub-nav-item:hover, .sub-nav-item:active, .sub-nav-item:focus {
3227+ background-color: #efefef;
3228+ color: #DD4814;
3229+}
3230+
3231+#pop-up-container {
3232+ display: inline float:left;
3233+ padding: 10px;
3234+}
3235+
3236+#pop-up-text {
3237+ display: inline float:left
3238+}
3239+
3240+#login-container {
3241+ display: inline float:left;
3242+ width: 620px;
3243+}
3244+
3245+#searchbox-container {
3246+ display: inline float:right;
3247+ margin: 0px 10px 5px 0px;
3248+ padding: 0 0 0 10px;
3249+ width: 300px;
3250+}
3251+
3252+.showcase-item {
3253+ display: inline;
3254+ float: left;
3255+ margin: 5px 10px;
3256+ padding: 10px;
3257+ width: 280px;
3258+}
3259+
3260+.showcase-heading {
3261+ margin: 5px 0px 10px;
3262+ width: 280px;
3263+}
3264+
3265+.showcase-subheading {
3266+ margin: 5px 0px 10px;
3267+ width: 280px;
3268+}
3269+
3270+.showcase-text {
3271+ margin: 5px 0px 10px;
3272+ width: 280px;
3273+}
3274+
3275+.showcase-figure {
3276+ display: inline;
3277+ float: left;
3278+ margin: 5px 10px;
3279+ padding: 10px;
3280+ position: relative;
3281+ width: 600px;
3282+}
3283+
3284+.showcase-img {
3285+ display: block;
3286+ margin: 0px;
3287+ padding: 0px;
3288+ position: relative;
3289+ width: 600px;
3290+}
3291+
3292+.showcase-caption {
3293+ position: absolute;
3294+ bottom: 0px;
3295+ left: 0px;
3296+ margin: 0px 10px 10px;
3297+ padding: 10px;
3298+ width: 580px;
3299+}
3300+
3301+#showcase-nav {
3302+ clear: both;
3303+ margin: 5px 10px;
3304+ padding: 0px 10px;
3305+ width: 920px;
3306+}
3307+
3308+.showcase-nav-item {
3309+ padding-right: 10px
3310+}
3311+
3312+.showcase-nav-item, .showcase-nav-item:visited {
3313+ display: inline;
3314+ color: #333;
3315+ float: left;
3316+ line-height: 40px;
3317+ margin: 0 1px;
3318+ padding: 0 15px;
3319+}
3320+
3321+.showcase-nav-item:hover, .showcase-nav-item:active, .showcase-nav-item:focus {
3322+ border: 1px solid #ddd;
3323+ border-top: 0px solid;
3324+ border-bottom: 0px solid;
3325+ background-color: #efefef;
3326+ color: #DD4814;
3327+ margin: 0;
3328+}
3329+
3330+.main-content {
3331+ display: inline;
3332+ clear: both;
3333+ float: left;
3334+ margin: 5px 10px;
3335+ padding: 10px;
3336+ width: 920px;
3337+}
3338+
3339+.minor-content {
3340+ display: inline;
3341+ float: left;
3342+ margin: 5px 10px;
3343+ padding: 10px;
3344+ width: 440px;
3345+}
3346+
3347+.side-content {
3348+ display: inline;
3349+ float: left;
3350+ margin: 5px 10px;
3351+ padding: 10px;
3352+ width: 280px;
3353+}
3354+
3355+.sub-content {
3356+ display: inline;
3357+ float: left;
3358+ margin: 5px 10px;
3359+ padding: 10px;
3360+ width: 120px;
3361+}
3362+
3363+p {
3364+ padding: 5px 0px 10px
3365+}
3366+
3367+.divide {
3368+ display: inline;
3369+ border: 0px solid;
3370+ clear: both;
3371+ font-size: 0px;
3372+ height: 1px;
3373+ margin: -1px 0px 0px;
3374+ visibility: hidden;
3375+ width: 10px;
3376+}
3377+
3378+.divide-showcase {
3379+ display: inline;
3380+ border: 0px solid;
3381+ clear: both;
3382+ font-size: 0px;
3383+ height: 1px;
3384+ margin: -1px 0px 25px;
3385+ visibility: hidden;
3386+}
3387+
3388+#blog-posts {
3389+ display: inline;
3390+ float: left;
3391+ margin: 5px 10px;
3392+ padding: 10px;
3393+ width: 600px;
3394+}
3395+
3396+.blog-post {
3397+ clear: both;
3398+ margin-bottom: 10px;
3399+ padding-bottom: 10px;
3400+}
3401+
3402+.post-figure {
3403+ display: inline;
3404+ float: right;
3405+ margin: 10px 0px 10px 10px;
3406+ padding: 0px;
3407+ position: relative;
3408+ width: 260px;
3409+}
3410+
3411+.post-img {
3412+ display: block;
3413+ margin: 0px;
3414+ padding: 0px;
3415+ position: relative;
3416+ width: 260px;
3417+}
3418+
3419+.post-img-caption {
3420+ position: absolute;
3421+ bottom: 0px;
3422+ left: 0px;
3423+ padding: 10px;
3424+ width: 240px;
3425+}
3426+
3427+.comments-count {
3428+ clear: both;
3429+ display: block;
3430+ font-style: italic;
3431+ color: #999;
3432+ text-align: right;
3433+}
3434+
3435+#blog-aside {
3436+ display: inline;
3437+ float: left;
3438+ margin: 5px 10px;
3439+ padding: 0px;
3440+ width: 300px;
3441+}
3442+
3443+.widgets-aside {
3444+ display: inline;
3445+ float: left;
3446+ margin: 5px 0px 15px;
3447+ padding: 10px;
3448+ width: 280px;
3449+}
3450+
3451+.pagination {
3452+ clear: both;
3453+ text-align: center;
3454+}
3455+
3456+.footer-content {
3457+ display: inline;
3458+ float: left;
3459+ margin: 5px 10px;
3460+ padding: 10px;
3461+ width: 120px;
3462+}
3463+
3464+ .footer-content dd {
3465+ margin-bottom: 15px
3466+ }
3467+
3468+.foot-note {
3469+ clear: both;
3470+ margin: 15px 10px 0px;
3471+ padding: 10px;
3472+ width: 920px;
3473+}
3474+
3475+.plugin {
3476+ margin: 0 -10px;
3477+ padding: 0px;
3478+ position: relative;
3479+ width: 980px;
3480+}
3481+
3482+/* - Decoration
3483+--------------------------------------------------------------------------------------------------------
3484+*/
3485+
3486+body {
3487+ background: url("../images/dotted.png") repeat scroll 0 0 #FFFFFF;
3488+ color: #333333;
3489+}
3490+
3491+#page-header {
3492+ background: url("../images/header.png") repeat-x scroll 0 0 #DD4814;
3493+ height: 70px;
3494+}
3495+
3496+ #page-header .container {
3497+ background: url("../images/header.png") repeat-x scroll 0 0 #DD4814
3498+ }
3499+
3500+#top-logo {
3501+ color: #fff;
3502+ line-height: 1.5em;
3503+ text-align: right;
3504+}
3505+
3506+#the-logo {
3507+ padding-left: 4px
3508+}
3509+
3510+#loco {
3511+ display: inline;
3512+ clear: both;
3513+ float: right;
3514+}
3515+
3516+#main-nav {
3517+ border-left: 1px solid #EF7149;
3518+ z-index: 10;
3519+}
3520+
3521+#page-related {
3522+ background-color: #FFFFFF
3523+}
3524+
3525+#sub-nav-container {
3526+ background-color: #F7F7F7;
3527+ border-bottom-left-radius: 8px;
3528+ border-bottom-right-radius: 8px;
3529+ padding-bottom: 0px;
3530+}
3531+
3532+#sub-nav {
3533+ margin-bottom: 0px;
3534+ padding-bottom: 0px;
3535+}
3536+
3537+.login-label {
3538+ height: 16px;
3539+ margin: 7px 0px 7px 9px;
3540+ padding: 3px;
3541+}
3542+
3543+#username, #password {
3544+ background-color: #f0f0f0;
3545+ border: 1px solid #CCCCCC;
3546+ height: 16px;
3547+ margin: 7px 0px 7px 9px;
3548+ padding: 3px;
3549+ width: 110px;
3550+}
3551+
3552+#login {
3553+ background-color: #f0f0f0;
3554+ border: 1px solid #CCCCCC;
3555+ height: 24px;
3556+ margin: 7px 9px 7px 0px;
3557+ padding: 2px;
3558+}
3559+
3560+#login:hover {
3561+ background-color: #f7f7f7;
3562+ border: 1px solid #DD4814;
3563+}
3564+
3565+#join:hover, #join:active, #join:focus {
3566+ color: #DD4814;
3567+ text-shadow: 1px 1px 2px #999;
3568+}
3569+
3570+#join, #join:visited {
3571+ color: #333
3572+}
3573+
3574+#pop-up-text {
3575+ font-weight: bold;
3576+ line-height: 20px;
3577+ padding: 0px 5px;
3578+}
3579+
3580+#searchbox {
3581+ background-color: #f0f0f0;
3582+ border: 1px solid #CCCCCC;
3583+ height: 16px;
3584+ margin: 7px 3px 7px 9px;
3585+ padding: 3px;
3586+ width: 180px;
3587+}
3588+
3589+#searchbox:focus {
3590+ background-color: #fff;
3591+ border: 1px solid #DD4814;
3592+}
3593+
3594+#go-search {
3595+ background-color: #f0f0f0;
3596+ border: 1px solid #CCCCCC;
3597+ height: 24px;
3598+ margin: 7px 0 7px 0px;
3599+ padding: 2px;
3600+}
3601+
3602+#go-search:hover {
3603+ background-color: #f7f7f7;
3604+ border: 1px solid #DD4814;
3605+}
3606+
3607+#more-search:hover, #more-search:active, #more-search:focus {
3608+ background-color: #f7f7f7;
3609+ border: 1px solid #DD4814;
3610+ color: #DD4814;
3611+ text-shadow: 1px 1px 2px #999;
3612+}
3613+
3614+#more-search, #more-search:visited {
3615+ background-color: #f0f0f0;
3616+ border: 1px solid #CCCCCC;
3617+ color: #333;
3618+ height: 16px;
3619+ margin: 7px 7px 7px 0px;
3620+ padding: 2px 3px;
3621+}
3622+
3623+.showcase-caption {
3624+ background-color: #000;
3625+ background-color: rgba(0,0,0,0.4);
3626+ color: #fff;
3627+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000');
3628+ /* IE6,IE7 */
3629+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')";
3630+ /* IE8 */
3631+}
3632+
3633+#showcase-nav {
3634+ background-color: #f7f7f7;
3635+ border-radius: 8px;
3636+ box-shadow: 0px 1px 1px #ccc;
3637+ height: 40px;
3638+}
3639+
3640+#main-section .container {
3641+ background-color: #fff;
3642+ background-image: none;
3643+ padding: 0px 10px 10px;
3644+ position: relative;
3645+ width: 960px;
3646+}
3647+
3648+.alone, .leading, .aggregator {
3649+ display: inline;
3650+ background-color: #f7f7f7;
3651+ border-radius: 8px;
3652+ box-shadow: 0px 1px 1px #ccc;
3653+ float: left;
3654+}
3655+
3656+ .aggregator .first {
3657+ margin-left: 0px
3658+ }
3659+
3660+ .aggregator .last {
3661+ margin-right: 0px
3662+ }
3663+
3664+.aggregator {
3665+ margin: 5px 10px
3666+}
3667+
3668+.post-header {
3669+ border-bottom: 1px dotted #333333;
3670+ margin-bottom: 10px;
3671+ padding-bottom: 5px;
3672+}
3673+
3674+.post-meta {
3675+ color: #999;
3676+ font-size: 0.85em;
3677+ font-style: italic;
3678+}
3679+
3680+.post-title-link:hover, .post-title-link:active, .post-title-link:focus {
3681+ color: #DD4814;
3682+ text-shadow: 1px 1px 2px #999;
3683+}
3684+
3685+.post-title-link, .post-title-link:visited {
3686+ color: #333
3687+}
3688+
3689+.post-img-caption {
3690+ background-color: #000;
3691+ background-color: rgba(0,0,0,0.4);
3692+ color: #fff;
3693+ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000');
3694+ /* IE6,IE7 */
3695+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')";
3696+ /* IE8 */
3697+}
3698+
3699+.pagination {
3700+ border-top: 1px solid #333;
3701+ color: #fff;
3702+ margin-top: 15px;
3703+ padding-top: 15px;
3704+}
3705+
3706+.pagination-item {
3707+ border-bottom: 1px solid #333;
3708+ color: #333;
3709+ margin-right: 5px;
3710+ padding: 2px 6px;
3711+}
3712+
3713+.pagination-item:hover {
3714+ border-bottom: 1px solid #DD4814;
3715+ background-color: #f7f7f7;
3716+ color: #DD4814;
3717+}
3718+
3719+.pagination-item.current {
3720+ background-color: #f7f7f7;
3721+ border-bottom: 1px solid #333;
3722+ color: #333;
3723+ font-weight: bold;
3724+}
3725+
3726+.widgets-aside {
3727+ background-color: #f7f7f7;
3728+ border-radius: 8px;
3729+ box-shadow: 0px 1px 1px #ccc;
3730+}
3731+
3732+.widget-links {
3733+ list-style: none;
3734+ list-style-position: outside;
3735+}
3736+
3737+.a-item {
3738+ display: block;
3739+ margin-top: 3px;
3740+}
3741+
3742+.side-link:hover, .side-link:active, .side-link:focus {
3743+ background-color: #fff;
3744+ border-right: 3px solid #DD4814;
3745+ color: #DD4814;
3746+ text-decoration: none;
3747+}
3748+
3749+.side-link, .side-link:visited {
3750+ color: #333333;
3751+ display: block;
3752+ padding-right: 3px;
3753+}
3754+
3755+#login-widget {
3756+ text-align: center
3757+}
3758+
3759+#page-footer {
3760+ background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA
3761+}
3762+
3763+ #page-footer .container {
3764+ background: url("../images/footer.png") repeat-x scroll 0 0 #EEECEA;
3765+ padding: 0px 10px;
3766+ width: 960px;
3767+ }
3768+
3769+ #page-footer .container div.copyright {
3770+ font-size: 10px;
3771+ line-height: 14px;
3772+ color: #aea79f;
3773+ }
3774+
3775+.footer-links {
3776+ list-style: none;
3777+ text-indent: 0px;
3778+ list-style-position: outside;
3779+}
3780+
3781+.footer-item {
3782+ border-bottom: 1px dotted #333;
3783+ display: block;
3784+ margin-top: 3px;
3785+}
3786+
3787+.foot-note {
3788+ color: #999;
3789+ font-style: italic;
3790+}
3791+
3792+.footer-link:hover, .footer-link:active, .footer-link:focus {
3793+ color: #DD4814;
3794+ text-decoration: underline;
3795+}
3796+
3797+.footer-link, .footer-link:visited {
3798+ color: #333333
3799+}
3800+
3801+.footer-link-main:hover, .footer-link-main:active, .footer-link-main:focus {
3802+ color: #DD4814;
3803+ text-decoration: underline;
3804+}
3805+
3806+.footer-link-main, .footer-link-main:visited {
3807+
3808+}
3809+
3810+/* - Forum Decoration [Demo]
3811+--------------------------------------------------------------------------------------------------------
3812+ */
3813+
3814+.forum-title {
3815+ background-color: #efefef;
3816+ margin: 10px 0px;
3817+ padding: 20px;
3818+}
3819+
3820+.forum-item {
3821+ border-top: 1px dotted #999
3822+}
3823+
3824+.cat-title, .sub-sections {
3825+ font-size: 0.75em;
3826+ /* 16x0.75 =12 */
3827+}
3828+
3829+.latest, .post-count {
3830+ font-size: 0.75em;
3831+ /* 16x0.75 =12 */ line-height: 1.2em;
3832+}
3833+
3834+.cat-title, .post-count, .latest {
3835+ padding: 10px;
3836+ vertical-align: middle;
3837+}
3838+
3839+.forum-title-link:hover, .forum-title-link:active, .forum-title-link:focus {
3840+ color: #DD4814;
3841+ text-shadow: 1px 1px 2px #999;
3842+}
3843+
3844+.forum-title-link, .forum-title-link:visited {
3845+ color: #333
3846+}
3847+
3848+.status {
3849+ background-color: #efefef;
3850+ padding: 10px 5px;
3851+ vertical-align: middle;
3852+ width: 30px;
3853+}
3854+
3855+.latest {
3856+ width: 180px
3857+}
3858+
3859+.post-count {
3860+ width: 120px
3861+}
3862+
3863+.sub-sections {
3864+ background-color: #efefef;
3865+ padding: 5px 10px 10px;
3866+}
3867+
3868+.post-count {
3869+ background-color: #efefef
3870+}
3871+
3872+.count {
3873+ display: block;
3874+ font-style: italic;
3875+}
3876+
3877+/** KuZeKo web@kuzeko.com
3878 -------------------------------------------------------------------------------------------------------- */

Subscribers

People subscribed via source and target branches