Wordpress kako u css da izmenim zaglavlje treba kao u primeru?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Zaglavlje koje je trenutno na satu [Link mogu videti samo ulogovani korisnici] i njen css kod

+ KOD

0. /*
1. Theme Name: Brunelleschi
2. Theme URI: http://kitmacallister.com/2011/brunelleschi/
3. Description: Brunelleschi is a modern theme with emphasis on readability and clean typography. Brunelleschi includes a fully flexible mobile layout and a full HTML5 implementation, that way it looks great on any screen and on any modern browser. Brunelleschi also has lots of customizable options including page-width, multiple sidebars, featured content slider and more! Available in Belarusian, Czech, Dutch, English, French, German, Italian, Polish, Russian and Spanish.
4. Author: Kit MacAllister
5. Author URI: http://kitmacallister.com/about/
6. Version: 1.6.5
7. License: GNU General Public License
8. License URI: license.txt
9. Tags: black, blue, white, light, one-column, two-columns, three-columns, right-sidebar, left-sidebar, flexible-width, custom-menu, custom-header, custom-background, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
10. */
11.  
12. /*
13.  * HTML5 Boilerplate
14.  *
15.  * What follows is the result of much research on cross-browser styling.
16.  * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
17.  * Kroc Camen, and the H5BP dev community and team.
18.  *
19.  * Detailed information about this CSS: h5bp.com/css
20.  *
21.  * ==|== normalize ==========================================================
22.  */
23.  
24.  
25. /* =============================================================================
26.    HTML5 display definitions
27.    ========================================================================== */
28.  
29. article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
30. audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
31. audio:not([controls]) { display: none; }
32. [hidden] { display: none; }
33.  
34.  
35. /* =============================================================================
36.    Base
37.    ========================================================================== */
38.  
39. /*
40.  * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
41.  * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
42.  */
43.  
44. html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
45.  
46. html, button, input, select, textarea { font-family: sans-serif; color: #222; }
47.  
48. body { margin: 0; font-size: 1em; line-height: 1.4; }
49.  
50. /*
51.  * Remove text-shadow in selection highlight: h5bp.com/i
52.  * These selection declarations have to be separate
53.  * Also: hot pink! (or customize the background color to match your design)
54.  */
55.  
56. ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
57. ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
58.  
59.  
60. /* =============================================================================
61.    Links
62.    ========================================================================== */
63.  
64. a { color: #00e; }
65. a:visited { color: #551a8b; }
66. a:hover { color: #06e; }
67. a:focus { outline: thin dotted; }
68.  
69. /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
70. a:hover, a:active { outline: 0; }
71.  
72.  
73. /* =============================================================================
74.    Typography
75.    ========================================================================== */
76.  
77. abbr[title] { border-bottom: 1px dotted; }
78.  
79. b, strong { font-weight: bold; }
80.  
81. blockquote { margin: 1em 40px; }
82.  
83. dfn { font-style: italic; }
84.  
85. hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
86.  
87. ins { background: #ff9; color: #000; text-decoration: none; }
88.  
89. mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
90.  
91. /* Redeclare monospace font family: h5bp.com/j */
92. pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
93.  
94. q { quotes: none; }
95. q:before, q:after { content: ""; content: none; }
96.  
97. small { font-size: 85%; }
98.  
99. /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
100. sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
101. sup { top: -0.5em; }
102. sub { bottom: -0.25em; }
103.  
104.  
105. /* =============================================================================
106.    Lists
107.    ========================================================================== */
108.  
109. ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
110. dd { margin: 0 0 0 40px; }
111. nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
112.  
113.  
114. /* =============================================================================
115.    Embedded content
116.    ========================================================================== */
117.  
118. /*
119.  * 1. Improve image quality when scaled in IE7: h5bp.com/d
120.  * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
121.  */
122.  
123. img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
124.  
125. /*
126.  * Correct overflow not hidden in IE9
127.  */
128.  
129. svg:not(:root) { overflow: hidden; }
130.  
131.  
132. /* =============================================================================
133.    Figures
134.    ========================================================================== */
135.  
136. figure { margin: 0; }
137.  
138.  
139. /* =============================================================================
140.    Forms
141.    ========================================================================== */
142.  
143. form { margin: 0; }
144. fieldset { border: 0; margin: 0; padding: 0; }
145.  
146. /* Indicate that 'label' will shift focus to the associated form element */
147. label { cursor: pointer; }
148.  
149. /*
150.  * 1. Correct color not inheriting in IE6/7/8/9
151.  * 2. Correct alignment displayed oddly in IE6/7
152.  */
153.  
154. legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
155.  
156. /*
157.  * 1. Correct font-size not inheriting in all browsers
158.  * 2. Remove margins in FF3/4 S5 Chrome
159.  * 3. Define consistent vertical alignment display in all browsers
160.  */
161.  
162. button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
163.  
164. /*
165.  * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
166.  */
167.  
168. button, input { line-height: normal; }
169.  
170. /*
171.  * 1. Display hand cursor for clickable form elements
172.  * 2. Allow styling of clickable form elements in iOS
173.  * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
174.  */
175.  
176. button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
177.  
178. /*
179.  * Re-set default cursor for disabled elements
180.  */
181.  
182. button[disabled], input[disabled] { cursor: default; }
183.  
184. /*
185.  * Consistent box sizing and appearance
186.  */
187.  
188. input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
189. input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
190. input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
191.  
192. /*
193.  * Remove inner padding and border in FF3/4: h5bp.com/l
194.  */
195.  
196. button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
197.  
198. /*
199.  * 1. Remove default vertical scrollbar in IE6/7/8/9
200.  * 2. Allow only vertical resizing
201.  */
202.  
203. textarea { overflow: auto; vertical-align: top; resize: vertical; }
204.  
205.  
206. /* =============================================================================
207.    Tables
208.    ========================================================================== */
209.  
210. table { border-collapse: collapse; border-spacing: 0; }
211. td { vertical-align: top; }
212.  
213.  
214. /* =============================================================================
215.    Chrome Frame Prompt
216.    ========================================================================== */
217.  
218. .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
219.  
220. /* ==|== primary styles =====================================================
221.    Author:
222.    ========================================================================== */
223.  
224.     /*----------------------------------------
225.     #
226.     # 1140 GRID
227.     #
228.     ----------------------------------------*/
229.    
230.     .container {
231.     padding-left: 20px;
232.     padding-right: 20px;
233.     }
234.    
235.     .row {
236.     width: 100%;
237.     max-width: 1140px;
238.     min-width: 755px;
239.     margin: 0 auto;
240.     }
241.    
242.     .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
243.     margin-right: 3.8%;
244.     float: left;
245.     min-height: 1px;
246.     }
247.    
248.     .row .onecol {
249.     width: 4.85%;
250.     }
251.    
252.     .row .twocol {
253.     width: 13.45%;
254.     }
255.    
256.     .row .threecol {
257.     width: 22.05%;
258.     }
259.    
260.     .row .fourcol {
261.     width: 30.75%;
262.     }
263.    
264.     .row .fivecol {
265.     width: 39.45%;
266.     }
267.    
268.     .row .sixcol {
269.     width: 48%;
270.     }
271.    
272.     .row .sevencol {
273.     width: 56.75%;
274.     }
275.    
276.     .row .eightcol {
277.     width: 65.4%;
278.     }
279.    
280.     .row .ninecol {
281.     width: 74.05%;
282.     }
283.    
284.     .row .tencol {
285.     width: 82.7%;
286.     }
287.    
288.     .row .elevencol {
289.     width: 91.35%;
290.     }
291.    
292.     .row .twelvecol {
293.     width: 100%;
294.     float: left;
295.     }
296.    
297.     .last {
298.     margin-right: 0px;
299.     }
300.    
301.     img, object, embed {
302.     max-width: 100%;
303.     }
304.    
305.     img {
306.         height: auto;
307.     }
308.    
309.     #headerimg {
310.         display: block;
311.     }
312.    
313.    
314.     /* Smaller screens */
315.    
316.     @media only screen and (max-width: 1023px) {
317.    
318.         body {
319.         font-size: 0.8em;
320.         line-height: 1.5em;
321.         }
322.        
323.         }
324.    
325.    
326.     /* Mobile */
327.    
328.     @media handheld, only screen and (max-width: 767px) {
329.    
330.         body {
331.         font-size: 16px;
332.         -webkit-text-size-adjust: none;
333.         }
334.        
335.         .row, body, .container {
336.         width: 100%;
337.         min-width: 0;
338.         margin-left: 0px;
339.         margin-right: 0px;
340.         padding-left: 0px;
341.         padding-right: 0px;
342.         }
343.        
344.         .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
345.         width: auto;
346.         float: none;
347.         margin-left: 0px;
348.         margin-right: 0px;
349.         padding-left: 20px;
350.         padding-right: 20px;
351.         }
352.        
353.         .comment .comment  {
354.             margin-left: -56px !important;
355.         }
356.         .comment .comment:before {
357.             content: '\27A5\00A0';
358.             color: #a0a0a0;
359.             float: left;
360.         }
361.         blockquote {
362.             padding-left: 0 !important;
363.             padding-right: 0 !important;
364.         }
365.        
366.         /* Comment Response Textarea */
367.         #respond {
368.             margin-left: -60px;
369.         }
370.        
371.         /* Prevent code blocks from becoming too long */
372.         #main code{ white-space: pre-wrap; display: inline-block; word-break: break-word;}
373.         #main pre { overflow: auto;}
374.         #main a { whitespace: pre-wrap; word-break: break-word; text-decoration: none;}
375.        
376.         /* Entry Author Display */
377.         #author-avatar {
378.             margin-right: 10px !important;
379.         }
380.         #author-description {
381.             margin-left: 0px !important;
382.             display: inline !important;
383.             float: none !important;
384.         }
385.         #author-description h2 {
386.             line-height: 20px !important;
387.             margin-top: 10px !important;
388.             margin-bottom: 13px !important;
389.             border-bottom: 1px solid #ddd;
390.         }
391.        
392.         /* Table Fix */
393.         table * { max-width: 100px }
394.        
395.         /* Code Fix */
396.         code { word-break:break-word }
397.        
398.         /* Left Sidebar Fix */
399.         #main { float: none !important}
400.     }
401.    
402.     @media handheld, only screen and (max-width: 400px) {
403.         /* prevent too-wide images from breaking layout */
404.         .wp-caption {
405.         width: auto !important;
406.         }
407.         input, textarea {
408.         max-width: 100% !important;
409.         }
410.         .gallery-caption {
411.             word-break: break-all;
412.             margin: 0 10px;
413.         }
414.         .gallery img {
415.             border: 3px solid #ddd !important;
416.             width: 90%
417.         }
418.     }
419.    
420.     /*----------------------------------------
421.     #
422.     # IE STYLES
423.     #
424.     ----------------------------------------*/
425.    
426.     .ie6 .onecol, .ie7 .onecol, .ie8 .onecol {
427.     width: 4.7%;
428.     }
429.    
430.     .ie6 .twocol, .ie7 .twocol, .ie8 .twocol {
431.     width: 13.2%;
432.     }
433.    
434.     .ie6 .threecol, .ie7 .threecol, .ie8 .threecol {
435.     width: 22.05%;
436.     }
437.    
438.     .ie6 .fourcol, .ie7 .fourcol, .ie8 .fourcol {
439.     width: 30.6%;
440.     }
441.    
442.     .ie6 .fivecol, .ie7 .fivecol, .ie8 .fivecol {
443.     width: 39%;
444.     }
445.    
446.     .ie6 .sixcol, .ie7 .sixcol, .ie8 .sixcol {
447.     width: 48%;
448.     }
449.    
450.     .ie6 .sevencol, .ie7 .sevencol, .ie8 .sevencol {
451.     width: 56.75%;
452.     }
453.    
454.     .ie6 .eightcol, .ie7 .eightcol, .ie8 .eightcol {
455.     width: 61.6%;
456.     }
457.    
458.     .ie6 .ninecol, .ie7 .ninecol, .ie8 .ninecol {
459.     width: 74.05%;
460.     }
461.    
462.     .ie6 .tencol, .ie7 .tencol, .ie8 .tencol {
463.     width: 82%;
464.     }
465.    
466.     .ie6 .elevencol, .ie7 .elevencol, .ie8 .elevencol {
467.     width: 91.35%;
468.     }
469.    
470.     /*----------------------------------------
471.     #
472.     # Links
473.     #
474.     ----------------------------------------*/
475.    
476.     /* Shiny Transition Effects for the links */
477.     a:link {
478.         -webkit-transition: all .2s ease-in-out;
479.         -moz-transition: all .2s ease-in-out;
480.         -o-transition: all .2s ease-in-out;
481.         transition:  all .2s ease-in-out
482.         -webkit-tap-highlight-color: #FF5E99;
483.         }
484.     a:hover, a:active {
485.         outline: none;
486.         -webkit-transition: all .2s ease-in-out;
487.         -moz-transition: all .2s ease-in-out;
488.         -o-transition: all .2s ease-in-out;
489.         transition:  all .2s ease-in-out
490.         }
491.     a, a:active, a:visited {
492.         -webkit-transition: all .2s ease-in-out;
493.         -moz-transition: all .2s ease-in-out;
494.         -o-transition: all .2s ease-in-out;
495.         transition:  all .2s ease-in-out
496.         color: #607890;
497.         }
498.     a:hover {
499.         -webkit-transition: all .2s ease-in-out;
500.         -moz-transition: all .2s ease-in-out;
501.         -o-transition: all .2s ease-in-out;
502.         transition:  all .2s ease-in-out
503.         color: #036;
504.         }
505.    
506.    
507.     /*----------------------------------------
508.     #
509.     # TYPOGRAPHY
510.     #
511.     ----------------------------------------*/
512.     body { font-size: 87.5%; line-height:1.6em; }
513.     body,
514.     h1, h2, h3, h4, h5, h6,
515.     input,
516.     textarea,
517.     .page-title span,
518.     .pingback a.url,
519.     #site-title,
520.     .entry-title {
521.         font-family: Georgia, Garamond, Baskerville , 'Times New Roman', Times, serif;
522.     }
523.     #site-title,
524.     .entry-title {
525.         word-wrap: break-word;
526.     }
527.     h3#comments-title,
528.     h3#reply-title,
529.     #access .menu,
530.     #access div.menu ul,
531.     #cancel-comment-reply-link,
532.     .form-allowed-tags,
533.     #site-info,
534.     #wp-calendar,
535.     .comment-meta,
536.     .comment-body tr th,
537.     .comment-body thead th,
538.     .entry-content label,
539.     .entry-content tr th,
540.     .entry-content thead th,
541.     .entry-meta,
542.     .entry-utility,
543.     #respond label,
544.     .navigation,
545.     .page-title,
546.     .pingback p,
547.     .reply,
548.     .widget-title,
549.     .wp-caption-text,
550.     .home .hentry.format-aside:before,
551.     .home .hentry.category-asides:before,
552.     #entry-author-info h2 {
553.         font-size: 100%;
554.         font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
555.         text-transform: uppercase;
556.         letter-spacing: .1em;
557.     }
558.     .meta-prep, .meta-sep, .entry-utility-prep {
559.         text-transform: lowercase;
560.         color: #a0a0a0;
561.         font-size: 90%;
562.         letter-spacing: normal;
563.     }
564.     input[type=submit] {
565.         font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
566.    
567.     }
568.     pre, code {
569.         background: #f0f0f0;
570.         font-size: 12px;
571.         white-space: pre;
572.         line-height: 1.5em;
573.         padding: .5em;
574.         font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
575.     }
576.    
577.     /*----------------------------------------
578.     #
579.     # LAYOUT
580.     #
581.     ----------------------------------------*/
582.    
583.     body { padding: 12px 0;}
584.    
585.     #wrapper {
586.         max-width: 960px;
587.         margin: 0 auto;
588.         background: #fff;
589.         overflow: hidden;
590.     }
591.    
592.     #footer-widget-area {
593.         overflow: hidden;
594.     }
595.    
596.     #footer-widget-area .widget-area {
597.         float: left;
598.         margin-right: 20px;
599.     }
600.     #footer-widget-area #fourth {
601.         margin-right: 0;
602.     }
603.     #site-info {
604.         float: left;
605.         font-size: 14px;
606.         font-weight: bold;
607.     }
608.     #site-generator {
609.         float: right;
610.     }
611.    
612.     /*----------------------------------------
613.     #
614.     # GLOBAL
615.     #
616.     ----------------------------------------*/
617.     body,
618.     input,
619.     textarea {
620.         color: #666;
621.         font-size: 12px;
622.         line-height: 18px;
623.     }
624.     hr {
625.         background-color: #e7e7e7;
626.         border: 0;
627.         clear: both;
628.         height: 1px;
629.         margin-bottom: 18px;
630.     }
631.    
632.     p {
633.         margin-bottom: 18px;
634.     }
635.     ul {
636.         list-style: square;
637.         margin: 0 0 18px 1.5em;
638.     }
639.     ol {
640.         list-style: decimal;
641.         margin: 0 0 18px 1.5em;
642.     }
643.     ol ol {
644.         list-style: upper-alpha;
645.     }
646.     ol ol ol {
647.         list-style: lower-roman;
648.     }
649.     ol ol ol ol {
650.         list-style: lower-alpha;
651.     }
652.     ul ul,
653.     ol ol,
654.     ul ol,
655.     ol ul {
656.         margin-bottom: 0;
657.     }
658.     dl {
659.         margin: 0 0 24px 0;
660.     }
661.     dt {
662.         font-weight: bold;
663.     }
664.     dd {
665.         margin-bottom: 18px;
666.     }
667.     strong {
668.         font-weight: bold;
669.     }
670.     cite,
671.     em,
672.     i {
673.         font-style: italic;
674.     }
675.     big {
676.         font-size: 131.25%;
677.     }
678.     ins {
679.         background: #ffc;
680.         text-decoration: none;
681.     }
682.     blockquote {
683.         font-style: italic;
684.         padding: 0 3em;
685.     }
686.     blockquote cite,
687.     blockquote em,
688.     blockquote i {
689.         font-style: normal;
690.     }
691.     abbr,
692.     acronym {
693.         border-bottom: 1px dotted #666;
694.         cursor: help;
695.     }
696.     sup,
697.     sub {
698.         height: 0;
699.         line-height: 1;
700.         position: relative;
701.         vertical-align: baseline;
702.     }
703.     sup {
704.         bottom: 1ex;
705.     }
706.     sub {
707.         top: .5ex;
708.     }
709.     input[type="text"],
710.     textarea {
711.         background: #f9f9f9;
712.         border: 1px solid #ccc;
713.         box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
714.         -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
715.         -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
716.         padding: 2px;
717.     }
718.     a:link {
719.         color: #0066cc;
720.     }
721.     a:visited {
722.         color: #743399;
723.     }
724.     a:active,
725.     a:hover {
726.         color: #ff4b33;
727.     }
728.    
729.     .screen-reader-text {
730.         position: absolute;
731.         left: -9000px;
732.     }
733.    
734.     /*----------------------------------------
735.     #
736.     # HEADER
737.     #
738.     ----------------------------------------*/
739.    
740.     #header {
741.         padding: 30px 0 0 0 !important;
742.     }
743.    
744.     #headerimg {
745.         margin: 0 auto;
746.         margin-bottom: 17px;
747.     }
748.    
749.     #header hgroup {
750.         text-align: center;
751.     }
752.    
753.     .site-title {
754.         display: block;
755.         margin: 0 auto;
756.         font-size: 30px;
757.         line-height: 36px;
758.         margin: 0 0 18px 0;
759.     }
760.     .site-title a {
761.         color: #000;
762.         font-weight: normal;
763.         text-decoration: none;
764.         text-transform: uppercase;
765.         letter-spacing: .1em;
766.     }
767.     .site-description {
768.         display: block;
769.         margin: 0 auto;
770.         letter-spacing: .1em;
771.         text-transform: uppercase;
772.         margin: .9em 0 2em;
773.         font-weight: normal;
774.         font-size: 130%;
775.     }
776.    
777.     /*----------------------------------------
778.     #
779.     # NAVIGATION
780.     #
781.     ----------------------------------------*/
782.    
783.     #access {
784.    
785.         padding: 0 0;
786.     }
787.     #access .menu-header,
788.     div.menu {
789.         font-size: 13px;
790.         margin-left: 12px;
791.     }
792.     #access .menu-header ul,
793.     div.menu ul {
794.         list-style: none;
795.         margin: 0;
796.         padding: 0;
797.     }
798.     #access .menu-header li,
799.     div.menu li {
800.         float: left;
801.         position: relative;
802.     }
803.     #access a {
804.         color: #aaa;
805.         display: block;
806.         line-height: 38px;
807.         padding: 0 10px;
808.         text-decoration: none;
809.     }
810.     #access ul ul {
811.         box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
812.         -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
813.         -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
814.         display: none;
815.         position: absolute;
816.         top: 38px;
817.         left: 0;
818.         float: left;
819.         z-index: 99999;
820.         background: #333;
821.     }
822.     #access ul ul li:hover {
823.         width: 100% !important;
824.     }
825.     #access ul ul ul {
826.         left: 100%;
827.         top: 0;
828.     }
829.     #access ul ul ul a:before{
830.         content: '\00BB';
831.         padding-right: 10px;
832.     }
833.     #access ul ul a {
834.         background: #333;
835.         line-height: 1em;
836.         padding: 10px;
837.         height: auto;
838.     }
839.     #access li:hover > a,
840.     #access ul ul :hover > a {
841.         background: #333;
842.         color: #fff;
843.     }
844.     #access ul li:hover > ul {
845.         display: block;
846.     }
847.     #access ul li.current_page_item > a,
848.     #access ul li.current-menu-ancestor > a,
849.     #access ul li.current-menu-item > a,
850.     #access ul li.current-menu-parent > a {
851.         color: #000;
852.     }
853.     #access ul li.current_page_item > a:hover,
854.     #access ul li.current-menu-ancestor > a:hover,
855.     #access ul li.current-menu-item > a:hover,
856.     #access ul li.current-menu-parent > a:hover {
857.         color: #fff;
858.     }
859.     * html #access ul li.current_page_item a,
860.     * html #access ul li.current-menu-ancestor a,
861.     * html #access ul li.current-menu-item a,
862.     * html #access ul li.current-menu-parent a,
863.     * html #access ul li a:hover {
864.         color: #fff;
865.     }
866.     #access ul li.page_item a:visited {
867.         color: #aaa;
868.     }
869.     #access ul li.page_item a:visited:hover {
870.         color: #fff;
871.     }
872.    
873.     /*----------------------------------------
874.     #
875.     # CONTENT
876.     #
877.     ----------------------------------------*/
878.    
879.     #main {
880.         margin-top: 24px;
881.         margin-bottom: 18px;
882.     }
883.     #main.right {
884.         float: right;
885.     }
886.     #main,
887.     #main input,
888.     #main textarea {
889.         color: #333;
890.         font-size: 16px;
891.         line-height: 24px;
892.     }
893.     #main p,
894.     #main ul,
895.     #main ol,
896.     #main dd,
897.     #main pre,
898.     #main hr {
899.         margin-bottom: 24px;
900.     }
901.     #main ul ul,
902.     #main ol ol,
903.     #main ul ol,
904.     #main ol ul {
905.         margin-bottom: 0;
906.     }
907.     #main kbd,
908.     #main tt,
909.     #main var {
910.         font-size: 15px;
911.         line-height: 21px;
912.     }
913.     #main dt,
914.     #main th {
915.         color: #000;
916.     }
917.    
918.     /* Header Styles */
919.    
920.     #main h1,
921.     #main h2,
922.     #main h3,
923.     #main h4,
924.     #main h5,
925.     #main h6 {
926.         color: #000;
927.         line-height: 1.5em;
928.         margin: 0 0 20px 0;
929.         font-weight: normal;
930.     }
931.     #main .entry-content h2 {
932.         border-bottom: 1px solid #ccc;
933.     }
934.     #main .entry-content h1 { letter-spacing: .1em }
935.     #main .entry-content h2 { letter-spacing: .1em; text-transform: lowercase; font-variant: small-caps }
936.     #main .entry-content h3 { font-variant: small-caps; text-transform: lowercase; letter-spacing: .1em  }
937.     #main .entry-content h4 { font-variant: small-caps; text-transform: lowercase; font-size: 100%; letter-spacing: .1em }
938.     #main .entry-content h5 { text-transform: lowercase; font-variant: small-caps; font-size: 100%; display: inline; letter-spacing: .15em}
939.     #main .entry-content h6 { font-weight:bold; font-variant: small-caps; text-transform: lowercase; display: inline; letter-spacing: .15em}
940.    
941.     #main table {
942.         border: 1px solid #e7e7e7;
943.         margin: 0 -1px 24px 0;
944.         text-align: left;
945.         width: 100%;
946.     }
947.     #main tr th,
948.     #main thead th {
949.         color: #888;
950.         font-size: 12px;
951.         font-weight: bold;
952.         line-height: 18px;
953.         padding: 9px 24px;
954.     }
955.     #main tr td {
956.         border-top: 1px solid #e7e7e7;
957.         padding: 6px 24px;
958.     }
959.     #main tr.odd td {
960.         background: #f2f7fc;
961.     }
962.     .hentry {
963.         border-top: 1px solid #ccc;
964.         padding: 18px 20px;
965.     }
966.     .home .sticky {
967.         background: #f2f7fc;
968.         border-top: 1px solid #999;
969.         padding: 18px 20px;
970.     }
971.     .single .hentry {
972.         margin: 0 0 36px 0;
973.     }
974.     .page-title {
975.         color: #000;
976.         font-size: 14px;
977.         font-weight: bold;
978.         margin: 0 0 36px 0;
979.     }
980.     .page-title span {
981.         color: #333;
982.         font-size: 16px;
983.         font-style: italic;
984.         font-weight: normal;
985.     }
986.     .page-title a:link,
987.     .page-title a:visited {
988.         color: #888;
989.         text-decoration: none;
990.     }
991.     .page-title a:active,
992.     .page-title a:hover {
993.         color: #ff4b33;
994.     }
995.     #main .entry-title {
996.         font-weight: normal;
997.         color: #000;
998.         font-size: 2em;
999.         line-height: 1.3em;
1000.         margin-bottom: 0;
1001.     }
1002.     .entry-title a:link,
1003.     .entry-title a:visited {
1004.         color: #000;
1005.         text-decoration: none;
1006.     }
1007.     .entry-title a:active,
1008.     .entry-title a:hover {
1009.         color: #ff4b33;
1010.     }
1011.     .entry-meta {
1012.         color: #888;
1013.         font-size: 12px;
1014.     }
1015.     .entry-meta abbr,
1016.     .entry-utility abbr {
1017.         border: none;
1018.     }
1019.     .entry-meta abbr:hover,
1020.     .entry-utility abbr:hover {
1021.         border-bottom: 1px dotted #666;
1022.     }
1023.     .entry-content,
1024.     .entry-summary {
1025.         clear: both;
1026.         padding: 12px 0 0 0;
1027.     }
1028.     #main .entry-summary p:last-child {
1029.         margin-bottom: 12px;
1030.     }
1031.     .entry-content fieldset {
1032.         border: 1px solid #e7e7e7;
1033.         margin: 0 0 24px 0;
1034.         max-width: 100%;
1035.         padding: 5%;
1036.     }
1037.     .entry-content fieldset legend {
1038.         background: #fff;
1039.         color: #000;
1040.         font-weight: bold;
1041.         padding: 0 24px;
1042.     }
1043.     .entry-content input {
1044.         margin: 0 0 24px 0;
1045.     }
1046.     .entry-content input.file,
1047.     .entry-content input.button {
1048.         margin-right: 24px;
1049.     }
1050.     .entry-content label {
1051.         color: #888;
1052.         font-size: 12px;
1053.     }
1054.     .entry-content select {
1055.         margin: 0 0 24px 0;
1056.     }
1057.     .entry-content sup,
1058.     .entry-content sub {
1059.         font-size: 10px;
1060.     }
1061.     .entry-content blockquote.left {
1062.         float: left;
1063.         margin-left: 0;
1064.         margin-right: 24px;
1065.         text-align: right;
1066.         width: 33%;
1067.     }
1068.     .entry-content blockquote.right {
1069.         float: right;
1070.         margin-left: 24px;
1071.         margin-right: 0;
1072.         text-align: left;
1073.         width: 33%;
1074.     }
1075.     .page-link {
1076.         clear: both;
1077.         color: #000;
1078.         font-weight: bold;
1079.         margin: 0 0 22px 0;
1080.         word-spacing: 0.5em;
1081.     }
1082.     .page-link a:link, .page-numbers,
1083.     .page-link a:visited, .page-numbers {
1084.         background: #f0f0f0;
1085.         color: #333;
1086.         font-weight: normal;
1087.         padding: 0.5em 0.75em;
1088.         text-decoration: none;
1089.     }
1090.     .home .sticky .page-link a {
1091.         background: #d9e8f7;
1092.     }
1093.     .page-link a:active,  a.page-numbers:active,
1094.     .page-link a:hover, a.page-numbers:hover {
1095.         color: #ff4b33;
1096.     }
1097.     .page-numbers {
1098.         display: block;
1099.         float: left;
1100.         margin-right: .75em;
1101.     }
1102.     a.next.page-numbers, a.prev.page-numbers {
1103.         padding-top: 4px;
1104.         background: none;
1105.         border: 1px solid #ddd;
1106.     }
1107.     body.page .edit-link {
1108.         clear: both;
1109.         display: block;
1110.     }
1111.     #entry-author-info {
1112.         background: #f2f7fc;
1113.         border-top: 4px solid #000;
1114.         clear: both;
1115.         font-size: 14px;
1116.         line-height: 20px;
1117.         margin: 24px 0;
1118.         overflow: hidden;
1119.         padding: 18px 20px;
1120.     }
1121.     #entry-author-info #author-avatar {
1122.         background: #fff;
1123.         border: 1px solid #e7e7e7;
1124.         float: left;
1125.         height: 60px;
1126.         margin: 0 -104px 0 0;
1127.         padding: 11px;
1128.     }
1129.     #entry-author-info #author-description {
1130.         float: left;
1131.         margin: 0 0 0 104px;
1132.     }
1133.     #entry-author-info h2 {
1134.         font-size: 100%;
1135.         margin-bottom: 0;
1136.         color: #444;
1137.         line-height: 2.5;
1138.         margin-top: -10px;
1139.     }
1140.     .entry-utility {
1141.         clear: both;
1142.         color: #888;
1143.         font-size: 12px;
1144.         line-height: 18px;
1145.     }
1146.     .entry-meta a,
1147.     .entry-utility a {
1148.         color: #888;
1149.     }
1150.     .entry-meta a:hover,
1151.     .entry-utility a:hover {
1152.         color: #ff4b33;
1153.     }
1154.     #main .video-player {
1155.         padding: 0;
1156.     }
1157.    
1158.    
1159.     /*----------------------------------------
1160.     #
1161.     # ASIDES
1162.     #
1163.     ----------------------------------------*/
1164.    
1165.     .home #main .format-aside p,
1166.     .home #main .category-asides p {
1167.         font-size: 14px;
1168.         line-height: 20px;
1169.         margin-top: 0;
1170.     }
1171.     .home .hentry.format-aside,
1172.     .home .hentry.category-asides {
1173.         padding: 20px;
1174.         background: #eee;
1175.     }
1176.    
1177.     .home .hentry.format-aside:before,
1178.     .home .hentry.category-asides:before {
1179.         content: 'aside';
1180.         letter-spacing: .2em;
1181.     }
1182.    
1183.     /*----------------------------------------
1184.     #
1185.     # GALLERY LISTING
1186.     #
1187.     ----------------------------------------*/
1188.    
1189.     .gallery-thumb img {
1190.         max-width: 150px;
1191.         max-height: 150px;
1192.         height: auto !important;
1193.         height: 150px;
1194.     }
1195.    
1196.     .gallery-thumb img.attachment-thumbnail {
1197.         -webkit-box-shadow: 0 .7em 1.5em -14px black;
1198.         -moz-box-shadow: 0 .7em 1.5em -14px black;
1199.         -o-box-shadow: 0 .7em 1.5em -14px black;
1200.         box-shadow: 0 .7em 1.5em -14px black;
1201.         margin-bottom: 10px !important;
1202.     }
1203.    
1204.     .format-gallery .size-thumbnail img,
1205.     .category-gallery .size-thumbnail img {
1206.         border: 10px solid #f0f0f0;
1207.         margin-bottom: 0;
1208.     }
1209.     .format-gallery .gallery-thumb,
1210.     .category-gallery .gallery-thumb {
1211.         float: left;
1212.         margin-right: 20px;
1213.         margin-top: -4px;
1214.     }
1215.     .home #main .format-gallery .entry-utility,
1216.     .home #main .category-gallery .entry-utility {
1217.         padding-top: 4px;
1218.     }
1219.    
1220.     .gallery img {
1221.         -webkit-box-shadow: 0 .7em 1.5em -14px black;
1222.         -moz-box-shadow: 0 .7em 1.5em -14px black;
1223.         -o-box-shadow: 0 .7em 1.5em -14px black;
1224.         box-shadow: 0 .7em 1.5em -14px black;
1225.         -webkit-transition: all .2s ease-in-out;
1226.         -moz-transition: all .2s ease-in-out;
1227.         -o-transition: all .2s ease-in-out;
1228.         transition:  all .2s ease-in-out
1229.     }
1230.     .gallery img:hover {
1231.         border: 10px solid #ccc;
1232.         -webkit-transition: all .2s ease-in-out;
1233.         -moz-transition: all .2s ease-in-out;
1234.         -o-transition: all .2s ease-in-out;
1235.         transition:  all .2s ease-in-out
1236.     }
1237.    
1238.     /*----------------------------------------
1239.     #
1240.     # ATTACHMENT PAGES
1241.     #
1242.     ----------------------------------------*/
1243.    
1244.     .attachment .entry-content .entry-caption {
1245.         font-size: 140%;
1246.         margin-top: 24px;
1247.     }
1248.     .attachment .entry-content .nav-previous a:before {
1249.         content: '\2190\00a0';
1250.     }
1251.     .attachment .entry-content .nav-next a:after {
1252.         content: '\00a0\2192';
1253.     }
1254.    
1255.    
1256.     /*----------------------------------------
1257.     #
1258.     # IMAGES
1259.     #
1260.     ----------------------------------------*/
1261.    
1262.     img.size-auto,
1263.     img.size-full,
1264.     img.size-large,
1265.     img.size-medium,
1266.     .attachment img {
1267.         max-width: 100%; /* When images are too wide for containing element, force them to fit. */
1268.         height: auto; /* Override height to match resized width for correct aspect ratio. */
1269.     }
1270.     .alignleft,
1271.     img.alignleft {
1272.         display: inline;
1273.         float: left;
1274.         margin-right: 24px;
1275.         margin-top: 4px;
1276.     }
1277.     .alignright,
1278.     img.alignright {
1279.         display: inline;
1280.         float: right;
1281.         margin-left: 24px;
1282.         margin-top: 4px;
1283.     }
1284.     .aligncenter,
1285.     img.aligncenter {
1286.         clear: both;
1287.         display: block;
1288.         margin-left: auto;
1289.         margin-right: auto;
1290.     }
1291.     img.alignleft,
1292.     img.alignright,
1293.     img.aligncenter {
1294.         margin-bottom: 12px;
1295.     }
1296.     .wp-caption {
1297.         background: #f0f0f0;
1298.         line-height: 18px;
1299.         margin-bottom: 20px;
1300.         padding: 4px;
1301.         text-align: center;
1302.         max-width: 100% !important;
1303.         -webkit-box-shadow: 0 .7em 1.5em -14px black;
1304.         -moz-box-shadow: 0 .7em 1.5em -14px black;
1305.         -o-box-shadow: 0 .7em 1.5em -14px black;
1306.         box-shadow: 0 .7em 1.5em -14px black;
1307.     }
1308.     .wp-caption, .wp-caption.aligncenter {
1309.         padding-right: 14px;
1310.     }
1311.     .wp-caption.alignleft{
1312.         padding-right: 14px;
1313.     }
1314.     .wp-caption.alignright{
1315.         padding-left: 14px;
1316.     }
1317.     .wp-caption img {
1318.         margin: 5px 5px 0;
1319.         max-width: 100% !important;
1320.         width: 100% !important;
1321.     }
1322.     .wp-caption.alignleft img {
1323.         margin-right: -4px;
1324.     }
1325.     .wp-caption.alignright img {
1326.         margin-left: -4px;
1327.     }
1328.     .wp-caption-text {
1329.         color: #888;
1330.         font-size: 12px;
1331.         margin: 17px 5px 14px;
1332.     }
1333.     .wp-smiley {
1334.         margin: 0;
1335.     }
1336.     .gallery {
1337.         margin: 0 auto 18px;
1338.     }
1339.     .gallery .gallery-item {
1340.         float: left;
1341.         margin-top: 16px;
1342.         text-align: center;
1343.         width: 33%;
1344.     }
1345.     .gallery-columns-2 .gallery-item {
1346.         width: 50%;
1347.     }
1348.     .gallery-columns-4 .gallery-item {
1349.         width: 25%;
1350.     }
1351.     .gallery img {
1352.         border: 2px solid #cfcfcf;
1353.     }
1354.     .gallery-columns-2 .attachment-medium {
1355.         width: 92%;
1356.         max-width: 92%;
1357.         height: auto;
1358.     }
1359.     .gallery-columns-4 .attachment-thumbnail {
1360.         width: 84%;
1361.         max-width: 84%;
1362.         height: auto;
1363.     }
1364.     .gallery .gallery-caption {
1365.         color: #888;
1366.         font-size: 12px;
1367.         margin: 6px 0 12px;
1368.     }
1369.     .gallery dl {
1370.         margin: 0;
1371.     }
1372.     .gallery img {
1373.         border: 10px solid #f0f0f0;
1374.     }
1375.     .gallery br+br {
1376.         display: none;
1377.     }
1378.     #main .attachment img {/* single attachment images should be centered */
1379.         display: block;
1380.         margin: 0 auto;
1381.     }
1382.    
1383.    
1384.     /*----------------------------------------
1385.     #
1386.     # NAVIGATION
1387.     #
1388.     ----------------------------------------*/
1389.    
1390.     .navigation {
1391.         color: #888;
1392.         font-size: 12px;
1393.         line-height: 18px;
1394.         overflow: hidden;
1395.     }
1396.     .navigation a:link,
1397.     .navigation a:visited {
1398.         color: #888;
1399.         text-decoration: none;
1400.     }
1401.     .navigation a:active,
1402.     .navigation a:hover {
1403.         color: #ff4b33;
1404.     }
1405.     .nav-previous {
1406.         float: left;
1407.         width: 50%;
1408.     }
1409.     .nav-next {
1410.         float: right;
1411.         text-align: right;
1412.         width: 50%;
1413.     }
1414.     #nav-above {
1415.         margin: 0 0 18px 0;
1416.     }
1417.     #nav-above {
1418.         display: none;
1419.     }
1420.     .paged #nav-above,
1421.     .single #nav-above {
1422.         display: block;
1423.     }
1424.     #nav-below {
1425.         padding-top: 18px;
1426.         padding-bottom: 18px;
1427.         border-top: 1px solid #ccc;
1428.     }
1429.     #nav-below .nav-previous a, #nav-below .nav-next a {
1430.         border: 1px solid #ddd;
1431.         padding: .75em;
1432.         display: inline-block;
1433.     }
1434.    
1435.    
1436.     /*----------------------------------------
1437.     #
1438.     # COMMENTS
1439.     #
1440.     ----------------------------------------*/
1441.     #comments {
1442.         clear: both;
1443.     }
1444.     #comments .navigation {
1445.         padding: 0 0 18px 0;
1446.     }
1447.     h3#comments-title,
1448.     h3#reply-title {
1449.         color: #000;
1450.         font-size: 20px;
1451.         font-weight: bold;
1452.         margin-bottom: 0;
1453.     }
1454.     h3#comments-title {
1455.         padding: 24px 0;
1456.     }
1457.     .commentlist {
1458.         list-style: none;
1459.         margin: 0;
1460.     }
1461.     .commentlist li.comment {
1462.         border-bottom: 1px solid #e7e7e7;
1463.         line-height: 24px;
1464.         margin: 0 0 24px 0;
1465.         padding: 0 0 0 56px;
1466.         position: relative;
1467.     }
1468.     .commentlist li:last-child {
1469.         border-bottom: none;
1470.         margin-bottom: 0;
1471.     }
1472.     #comments .comment-body ul,
1473.     #comments .comment-body ol {
1474.         margin-bottom: 18px;
1475.     }
1476.     #comments .comment-body p:last-child {
1477.         margin-bottom: 6px;
1478.     }
1479.     #comments .comment-body blockquote p:last-child {
1480.         margin-bottom: 24px;
1481.     }
1482.     .commentlist ol {
1483.         list-style: decimal;
1484.     }
1485.     .commentlist .avatar {
1486.         position: absolute;
1487.         top: 4px;
1488.         left: 0;
1489.     }
1490.     .comment-author {
1491.     }
1492.     .comment-author cite {
1493.         color: #000;
1494.         font-style: normal;
1495.         font-weight: bold;
1496.     }
1497.     .comment-author .says {
1498.         font-style: italic;
1499.     }
1500.     .comment-meta {
1501.         font-size: 12px;
1502.         margin: 0 0 18px 0;
1503.     }
1504.     .comment-meta a:link,
1505.     .comment-meta a:visited {
1506.         color: #888;
1507.         text-decoration: none;
1508.     }
1509.     .comment-meta a:active,
1510.     .comment-meta a:hover {
1511.         color: #ff4b33;
1512.     }
1513.     .commentlist .even {
1514.     }
1515.     .commentlist .bypostauthor {
1516.     }
1517.     .reply {
1518.         font-size: 12px;
1519.         padding: 0 0 24px 0;
1520.     }
1521.     .reply a,
1522.     a.comment-edit-link {
1523.         color: #888;
1524.     }
1525.     .reply a:hover,
1526.     a.comment-edit-link:hover {
1527.         color: #ff4b33;
1528.     }
1529.     .commentlist .children {
1530.         list-style: none;
1531.         margin: 0;
1532.     }
1533.     .commentlist .children li {
1534.         border: none;
1535.         margin: 0;
1536.     }
1537.     .nopassword{
1538.         display: none;
1539.     }
1540.     .nocomments {
1541.         text-transform: uppercase;
1542.         letter-spacing: .1em;
1543.         color: #ccc;
1544.         background: #fff;
1545.         border-bottom: 1px solid #ccc;
1546.     }
1547.     .page .nocomments {
1548.         display: none;
1549.     }
1550.     #comments .pingback {
1551.         border-bottom: 1px solid #e7e7e7;
1552.         margin-bottom: 18px;
1553.         padding-bottom: 18px;
1554.     }
1555.     .commentlist li.comment+li.pingback {
1556.         margin-top: -6px;
1557.     }
1558.     #comments .pingback p {
1559.         color: #888;
1560.         display: block;
1561.         font-size: 12px;
1562.         line-height: 18px;
1563.         margin: 0;
1564.     }
1565.     #comments .pingback .url {
1566.         font-size: 13px;
1567.         font-style: italic;
1568.     }
1569.    
1570.     #comments li.comment ul ul, #comments li.comment ol ol,
1571.     #comments li.comment ul ol, #comments li.comment ol ul {
1572.         margin-bottom: 0;
1573.     }
1574.    
1575.     /* Comments form */
1576.     input[type=submit] {
1577.         color: #333;
1578.     }
1579.     #respond {
1580.         border-top: 1px solid #e7e7e7;
1581.         margin: 24px 0;
1582.         overflow: hidden;
1583.         position: relative;
1584.     }
1585.     #respond p {
1586.         margin: 0;
1587.     }
1588.     #respond .comment-notes {
1589.         margin-bottom: 1em;
1590.     }
1591.     .form-allowed-tags {
1592.         line-height: 1em;
1593.         margin-top: 6px;
1594.     }
1595.     .form-allowed-tags code {
1596.         max-width: 98%;
1597.         display: block;
1598.         font-size: 10px !important;
1599.         white-space: normal;
1600.         margin-top: 5px;
1601.     }
1602.     .children #respond {
1603.         margin: 0 48px 0 0;
1604.     }
1605.     h3#reply-title {
1606.         margin: 18px 0;
1607.     }
1608.     #comments-list #respond {
1609.         margin: 0 0 18px 0;
1610.     }
1611.     #comments-list ul #respond {
1612.         margin: 0;
1613.     }
1614.     #cancel-comment-reply-link {
1615.         font-size: 12px;
1616.         font-weight: normal;
1617.         line-height: 18px;
1618.     }
1619.     #respond .required {
1620.         color: #ff4b33;
1621.         font-weight: bold;
1622.     }
1623.     #respond label {
1624.         color: #888;
1625.         font-size: 12px;
1626.     }
1627.     #respond input {
1628.         margin: 0 0 9px;
1629.         width: 98%;
1630.     }
1631.     #respond textarea {
1632.         width: 98%;
1633.     }
1634.     #respond .form-allowed-tags {
1635.         color: #888;
1636.         font-size: 12px;
1637.         line-height: 18px;
1638.     }
1639.     #respond .form-allowed-tags code {
1640.         font-size: 11px;
1641.     }
1642.     #respond .form-submit {
1643.         margin: 12px 0;
1644.     }
1645.     #respond .form-submit input {
1646.         font-size: 14px;
1647.         width: auto;
1648.     }
1649.    
1650.    
1651.     /*----------------------------------------
1652.     #
1653.     # WIDGET AREAS
1654.     #
1655.     ----------------------------------------*/
1656.    
1657.     .widget-area ul {
1658.         list-style: none;
1659.         margin-left: 0;
1660.         padding: 0;
1661.     }
1662.     .widget-area li {
1663.         letter-spacing: .1em;
1664.     }
1665.     .widget-area li li {
1666.         font-size: 13px;
1667.     }
1668.     .widget-area ul ul {
1669.         list-style: square;
1670.         margin-left: 1.3em;
1671.     }
1672.     .widget-area select {
1673.         max-width: 100%;
1674.     }
1675.     .widget_search #s {/* This keeps the search inputs in line */
1676.         width: 60%;
1677.     }
1678.     .widget_search label {
1679.         display: none;
1680.     }
1681.     .widget-container {
1682.         margin: 0 0 18px 0;
1683.         word-wrap: break-word;
1684.         list-style: none;
1685.     }
1686.     .widget-title {
1687.         color: #a0a0a0;
1688.         font-weight: bold;
1689.     }
1690.     .widget-area a:link,
1691.     .widget-area a:visited {
1692.         text-decoration: none;
1693.     }
1694.     .widget-area a:active,
1695.     .widget-area a:hover {
1696.         text-decoration: underline;
1697.     }
1698.     .widget-area .entry-meta {
1699.         font-size: 11px;
1700.     }
1701.     #wp_tag_cloud div {
1702.         line-height: 1.6em;
1703.     }
1704.     #wp-calendar {
1705.         width: 100%;
1706.     }
1707.     #wp-calendar caption {
1708.         color: #222;
1709.         font-size: 14px;
1710.         font-weight: bold;
1711.         padding-bottom: 4px;
1712.         text-align: left;
1713.     }
1714.     #wp-calendar thead {
1715.         font-size: 11px;
1716.     }
1717.     #wp-calendar thead th {
1718.     }
1719.     #wp-calendar tbody {
1720.         color: #aaa;
1721.     }
1722.     #wp-calendar tbody td {
1723.         background: #f5f5f5;
1724.         border: 1px solid #fff;
1725.         padding: 3px 0 2px;
1726.         text-align: center;
1727.     }
1728.     #wp-calendar tbody .pad {
1729.         background: none;
1730.     }
1731.     #wp-calendar tfoot #next {
1732.         text-align: right;
1733.     }
1734.     .widget_rss a.rsswidget {
1735.         color: #000;
1736.     }
1737.     .widget_rss a.rsswidget:hover {
1738.         color: #ff4b33;
1739.     }
1740.     .widget_rss .widget-title img {
1741.         width: 11px;
1742.         height: 11px;
1743.     }
1744.    
1745.     /* Main sidebars */
1746.     #main .widget-area ul {
1747.         margin-left: 0;
1748.         padding: 0 20px 0 0;
1749.     }
1750.     #main .widget-area ul ul {
1751.         border: none;
1752.         margin-left: 1.3em;
1753.         padding: 0;
1754.     }
1755.     #sidebar {
1756.         margin-top: 24px;
1757.     }
1758.     #sidebar h3:first-child {
1759.         margin-top: 0px;
1760.     }
1761.     #sidebar-two {
1762.         margin-top: 12px;
1763.     }
1764.     #sidebar-two.right{
1765.         float: right;
1766.     }
1767.    
1768.     #footer-widget-area {
1769.         border-top: 1px solid #666;
1770.         padding: 10px 20px;
1771.     }
1772.     /* Footer widget areas */
1773.     /* Taken from 1140 gs */
1774.     #footer .widget-area {
1775.         margin-right: 3.8%;
1776.         float: left;
1777.         min-height: 1px;
1778.         width: 22.05%;
1779.     }
1780.     #footer .widget-area ul, #footer .widget-area li, #footer .widget-area a{
1781.         width: auto;
1782.     }
1783.    
1784.     #footer .widget-area:last {
1785.         margin-right: 0px;
1786.     }
1787.    
1788.     /* Media Queries for Footer Widgets */
1789.     @media handheld, only screen and (max-width: 767px) {
1790.    
1791.         #footer .widget-area {
1792.             width: auto;
1793.             float: none;
1794.             margin-left: 0px;
1795.             margin-right: 0px;
1796.             padding-left: 20px;
1797.             padding-right: 20px;
1798.         }
1799.        
1800.     }
1801.    
1802.     /*----------------------------------------
1803.     #
1804.     # FOOTER
1805.     #
1806.     ----------------------------------------*/
1807.    
1808.     #footer {
1809.         margin-bottom: 20px;
1810.     }
1811.     #colophon {
1812.         border-top: 1px solid #666;
1813.         margin-top: -1px;
1814.         overflow: hidden;
1815.         padding: 18px 0;
1816.     }
1817.     #footerbar {
1818.         margin-top: -1px;
1819.         overflow: hidden;
1820.     }
1821.     #site-info {
1822.         font-weight: bold;
1823.     }
1824.     #site-info a {
1825.         color: #000;
1826.         text-decoration: none;
1827.     }
1828.     #site-generator {
1829.         font-style: italic;
1830.         position: relative;
1831.         text-align: right;
1832.     }
1833.     #site-generator a {
1834.         background: url(images/wordpress.png) center left no-repeat;
1835.         color: #666;
1836.         display: inline-block;
1837.         line-height: 16px;
1838.         padding: 0 20px;
1839.         text-decoration: none;
1840.     }
1841.     #site-generator a:hover {
1842.         text-decoration: underline;
1843.     }
1844.     img#wpstats {
1845.         display: block;
1846.         margin: 0 auto 10px;
1847.     }
1848.    
1849.     /*----------------------------------------
1850.     #
1851.     # NEW PRINT STYLE
1852.     #
1853.     ----------------------------------------*/
1854.    
1855.     @media print {
1856.         html, body, #wrapper {
1857.             background: none !important;
1858.             width: 100% !important;
1859.         }
1860.         #wrapper {
1861.             clear: both !important;
1862.             display: block !important;
1863.             float: none !important;
1864.             position: relative !important;
1865.         }
1866.         #headerimg { display: none }
1867.         article { overflow: hidden }
1868.         #site-title,
1869.         #site-description {
1870.             float: none;
1871.             line-height: 1.4em;
1872.             margin: 0;
1873.             padding: 0;
1874.         }
1875.         #site-title {
1876.             font-size: 13pt !important; /* Keep important, it overwrites size-adjust bug */
1877.         }
1878.         #site-description {
1879.             padding-bottom: 18px;
1880.             border-bottom: 1px solid #888;
1881.         }
1882.         .entry-content {
1883.             font-size: 12pt;
1884.             line-height: 1.5em;
1885.         }
1886.         .entry-title {
1887.             font-size: 14pt;
1888.         }
1889.         #access,
1890.         #branding img,
1891.         #respond,
1892.         .comment-edit-link,
1893.         .edit-link,
1894.         .navigation,
1895.         .page-link,
1896.         .widget-area {
1897.             display: none !important;
1898.         }
1899.    
1900.         #access,
1901.         .entry-meta,
1902.         .entry-utility,
1903.         .navigation,
1904.         .widget-area {
1905.             display: none !important;
1906.         }
1907.         #site-description {
1908.             display: none !important;
1909.    
1910.         }
1911.         #main,
1912.         .one-column #main {
1913.             margin: 24pt 0 0;
1914.             width: 90%;
1915.         }
1916.         .wp-caption figcaption {
1917.             font-size: 11pt;
1918.         }
1919.         #site-info,
1920.         #site-generator {
1921.             display: none !important;
1922.    
1923.         }
1924.         #colophon {
1925.             display: none !important;
1926.         }
1927.         img#wpstats {
1928.             display: none;
1929.         }
1930.         #site-generator a {
1931.             display: none !important;
1932.    
1933.         }
1934.         #entry-author-info {
1935.             display: none !important;
1936.         }
1937.         #main {
1938.             display: inline;
1939.         }
1940.         .home .sticky {
1941.             border: none;
1942.         }
1943.     }
1944.  
1945.  
1946. /* ==|== non-semantic helper classes ========================================
1947.    Please define your styles before this section.
1948.    ========================================================================== */
1949.  
1950. /* For image replacement */
1951. .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
1952. .ir br { display: none; }
1953.  
1954. /* Hide from both screenreaders and browsers: h5bp.com/u */
1955. .hidden { display: none !important; visibility: hidden; }
1956.  
1957. /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
1958. .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
1959.  
1960. /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
1961. .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
1962.  
1963. /* Hide visually and from screenreaders, but maintain layout */
1964. .invisible { visibility: hidden; }
1965.  
1966. /* Contain floats: h5bp.com/q */
1967. .clearfix:before, .clearfix:after { content: ""; display: table; }
1968. .clearfix:after { clear: both; }
1969. .clearfix { *zoom: 1; }
1970.  
1971.  
1972.  
1973. /* ==|== print styles =======================================================
1974.    Print styles.
1975.    Inlined to avoid required HTTP connection: h5bp.com/r
1976.    ========================================================================== */
1977.  
1978. @media print {
1979.   * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
1980.   a, a:visited { text-decoration: underline; }
1981.   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
1982.   thead { display: table-header-group; } /* h5bp.com/t */
1983.   tr, img { page-break-inside: avoid; }
1984.   img { max-width: 100% !important; }
1985.   @page { margin: 0.5cm; }
1986.   p, h2, h3 { orphans: 3; widows: 3; }
1987.   h2, h3 { page-break-after: avoid; }
1988. }
1989.  
1990. Code: