source: trunk/www.guidonia.net/wp/wp-content/themes/atahualpa/style.css@ 44

Last change on this file since 44 was 44, checked in by luciano, 14 years ago
File size: 52.0 KB
Line 
1/*
2Theme Name: Atahualpa
3Theme URI: http://wordpress.bytesforall.com/
4Description: Build your own unique, professional and browser-safe WordPress theme: Over 200 theme options, drop down menus for pages and categories, fluid or fixed width layout, 1, 2 or 3 columns, rotating header images, auto image resizing, integrated Feedburner form, 4 extra widgets and more. WP 2.2-2.7 and WPMU. English plus DE, HU, PT, CZ, SI, TR, FR, PL, NL, BG, IT, VN, JP, ES. Support at the <a href="http://forum.bytesforall.com/">BFA WP Forum</a>
5Version: 3.2
6Author: BFA WebDesign
7Author URI: http://www.bytesforall.com/
8Tags: white, one-column, two-columns, three-columns, fixed-width, flexible-width, custom-colors, custom-header, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post
9 */
10
11.aligncenter {
12 display: block;
13 margin-left: auto;
14 margin-right: auto;
15 }
16
17.alignleft {
18 float: left;
19 }
20
21.alignright {
22 float: right;
23 }
24
25/* v v v to create a static CSS paste the output of
26yoursite.com/.../style.css.php below this line: v v v */
27
28/* more ... means additional styles are in header.php */
29
30
31/* ------------------------------------------------------------------
32---------- BASE LAYOUT ----------------------------------------------
33------------------------------------------------------------------ */
34body {
35 text-align: center; /* centering the page container,
36 text-align will be reset to left
37 inside the container */
38 margin: 0;
39 padding: 0;
40 /* more ... */
41 }
42
43a:link, a:visited, a:active {
44 /* more ... */
45 }
46
47a:hover {
48 /* more ... */
49 }
50
51ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
52 margin-top: 10px;
53 margin-bottom: 10px;
54 padding-top: 0;
55 padding-bottom: 0;
56 }
57
58ul ul, ul ol, ol ul, ol ol {
59 /* remove margins on sub-lists */
60 margin-top: 0;
61 margin-bottom: 0;
62 }
63
64h1 {font-size: 2.15em; font-weight: bold;}
65h2 {font-size: 1.85em; font-weight: bold;}
66h3 {font-size: 1.6em; font-weight: bold; }
67h4 {font-size: 1.4em;}
68h5 {font-size: 1.2em;}
69h6 {font-size: 1em;}
70
71
72code, pre {
73 font-family: "Courier New", Courier, monospace;
74 font-size: 1em;
75 }
76
77pre {
78 overflow: auto;
79 word-wrap: normal;
80 padding-bottom: 1.5em;
81 overflow-y: hidden;
82 width: 99%;
83 }
84
85
86abbr[title], acronym[title] {
87 border-bottom: 1px dotted;
88 }
89
90hr {
91 display: block;
92 height: 2px;
93 border: none;
94 margin: 0.5em auto;
95 color: #cccccc;
96 background-color: #cccccc;
97 }
98
99table {
100 font-size: 1em; /* use the body's font size in tables, too */
101 }
102
103
104/* ------------------------------------------------------------------
105---------- BREAK LONG STRINGS ---------------------------------------
106------------------------------------------------------------------ */
107
108.post, ul.commentlist li, ol.commentlist li {
109 word-wrap: break-word; /* break long strings in IE6+ and Safari2+
110 in posts and comments */
111 }
112
113pre, .wp_syntax {
114 word-wrap: normal; /* reset "break-word" for pre & wp-syntax */
115 }
116
117
118/* ------------------------------------------------------------------
119---------- WRAPPER, CONTAINER & LAYOUT ------------------------------
120------------------------------------------------------------------ */
121
122/*-------------------- WRAPPER for MIN / MAX width --------*/
123
124div#wrapper {
125 text-align: center;
126 margin-left: auto;
127 margin-right: auto;
128 display: block;
129 /* more ... */
130 }
131
132/*-------------------- CONTAINER for VISUAL styles --------*/
133
134div#container {
135 /* more ... */
136 width: auto;
137 margin-left: auto;
138 margin-right: auto;
139 text-align: left; /* resetting the "text-align: center" of "wrapper" */
140 display: block;
141 }
142
143/*-------------------- LAYOUT to keep it all together -----*/
144
145table#layout {
146 font-size: 100%;
147 width: 100%;
148 max-width: 100%;
149 table-layout: fixed;
150 }
151
152.colone { /* more ... */}
153.coltwo {width: 100%; min-width:200px;}
154.colthree { /* more ... */}
155
156
157/* ------------------------------------------------------------------
158---------- HEADER ---------------------------------------------------
159------------------------------------------------------------------ */
160
161
162/*-------------------- HEADER CONTAINER -------------------*/
163
164td#header {
165 width: auto;
166 padding: 0;
167 }
168
169
170/*-------------------- LOGO AREA --------------------------*/
171
172table#logoarea,
173table#logoarea tr,
174table#logoarea td {
175 margin: 0;
176 padding: 0;
177 background: none;
178 border: 0;
179 }
180
181table#logoarea {
182 width: 100%;
183 max-width: 100%;
184 /* more ... */
185 }
186
187
188/*-------------------- LOGO -------------------------------*/
189
190.logo {
191 display: block;
192 /* more ... */
193 }
194
195td.logoarea-logo {
196 width: 1%;
197 }
198
199
200/*-------------------- BLOG TITLE -------------------------*/
201
202h1.blogtitle {
203 display: block;
204 /* more ... */
205 }
206
207h1.blogtitle a:link,
208h1.blogtitle a:visited,
209h1.blogtitle a:active {
210 text-decoration: none;
211 /* more ... */
212 }
213
214h1.blogtitle a:hover {
215 text-decoration: none;
216 /* more ... */
217 }
218
219
220/*-------------------- BLOG TAGLINE -----------------------*/
221
222p.tagline {
223 /* more ... */
224 }
225
226
227td.feed-icons {
228 white-space: no-wrap;
229 }
230
231div.rss-box {
232 height: 1%;
233 display: block;
234 padding: 10px 0 10px 10px;
235 margin: 0;
236 /* more ... */
237 }
238
239/*-------------------- COMMENTS FEED ICON -----------------*/
240
241.comments-icon {
242 background: transparent url(images/comment-feed-small.gif) no-repeat scroll 0;
243 height: 22px;
244 line-height: 22px;
245 margin: 0 10px 0 0;
246 padding-left: 27px;
247 /*display: inline-block;*/
248 display: block;
249 text-decoration: none;
250 float: right;
251 white-space: nowrap;
252 }
253
254
255/*-------------------- POSTS FEED ICON --------------------*/
256
257.posts-icon {
258 background: transparent url(images/post-feed-small.gif) no-repeat scroll 0;
259 height: 22px;
260 line-height: 22px;
261 margin: 0 10px 0 0;
262 padding-left: 25px;
263 /*display: inline-block;*/
264 display: block;
265 text-decoration: none;
266 float: right;
267 white-space: nowrap;
268 }
269
270
271/*-------------------- EMAIL SUBSCRIBE ICON ---------------*/
272
273.email-icon {
274 background: transparent url(images/email-feed-small.gif) no-repeat scroll 0;
275 height: 22px;
276 line-height: 22px;
277 margin: 0 10px 0 0;
278 padding-left: 28px;
279 /*display: inline-block;*/
280 display: block;
281 text-decoration: none;
282 float: right;
283 white-space: nowrap;
284 }
285
286
287/*-------------------- SEARCH BOX IN HEADER ---------------*/
288
289td.search-box {
290 height: 1%;
291 }
292
293.searchbox {
294 /* more ... */
295 }
296
297.searchbox-form {
298 margin: 5px 10px 5px 10px;
299 }
300
301
302
303/*-------------------- HORIZONTAL BARS --------------------*/
304
305.horbar1,
306.horbar2 {
307 font-size: 1px;
308 clear: both;
309 display: block;
310 position: relative;
311 padding: 0;
312 margin: 0;
313 width: 100%;
314 }
315
316.horbar1 {
317 /* more ... */
318 }
319
320.horbar2 {
321 /* more ... */
322 }
323
324
325
326.header-image-container {
327 position: relative;
328 margin: 0;
329 padding: 0;
330 /* more ... */
331 /* background: (= header image) will be added in bfa_header_config.php */
332 }
333
334
335.titleoverlay {
336 z-index: 4;
337 position: relative;
338 float: left;
339 width: auto;
340 /* more ... */
341 }
342
343
344/*-------------------- OPACITY LEFT -----------------------*/
345
346.opacityleft {
347 /* more ... */
348 position: absolute;
349 z-index: 2;
350 top: 0;
351 left: 0;
352 /* more ... */
353 }
354
355
356/*-------------------- OPACITY RIGHT ----------------------*/
357.opacityright {
358 /* more ... */
359 position: absolute;
360 z-index: 2;
361 top: 0;
362 right: 0;
363 /* more ... */
364 }
365
366
367/*-------------------- CLICKABLE HEADER IMAGE -------------*/
368div.clickable {
369 position:absolute;
370 top:0;
371 left:0;
372 z-index:3;
373 margin: 0;
374 padding: 0;
375 /* more ... */
376 width: 100%;
377 }
378
379a.divclick:link,
380a.divclick:visited,
381a.divclick:active,
382a.divclick:hover {
383 width: 100%;
384 height: 100%;
385 display: block;
386 text-decoration: none;
387 }
388
389
390/* ------------------------------------------------------------------
391---------- LEFT SIDEBAR ---------------------------------------------
392------------------------------------------------------------------ */
393
394td#left {
395 vertical-align: top;
396 /* more ... */
397 }
398
399
400/* ------------------------------------------------------------------
401---------- RIGHT SIDEBAR --------------------------------------------
402------------------------------------------------------------------ */
403
404td#right {
405 vertical-align: top;
406 /* more ... */
407 }
408
409
410/* ------------------------------------------------------------------
411---------- CENTER COLUMN --------------------------------------------
412------------------------------------------------------------------ */
413
414td#middle {
415 vertical-align: top;
416 width: 100%;
417 max-width: 100%;
418 overflow: auto;
419 /* more ... */
420 }
421
422
423
424/* ------------------------------------------------------------------
425---------- FOOTER ---------------------------------------------------
426------------------------------------------------------------------ */
427
428td#footer {
429 width: auto;
430 /* more ... */
431 }
432
433td#footer a:link, td#footer a:visited, td#footer a:active {
434 /* more ... */
435 }
436
437td#footer a:hover {
438 /* more ... */
439 }
440
441/* ------------------------------------------------------------------
442---------- WIDGETS --------------------------------------------------
443------------------------------------------------------------------ */
444
445div.widget {
446 display: block;
447 width: auto; /* without this IE will stretch too-wide select
448 menus but not the other widgets. With 100% IE
449 will remove sidebar borders if select menu is
450 too wide */
451 /* more ... */
452 }
453
454div.widget-title {
455 display: block;
456 width: auto;
457 /* more ... */
458 }
459
460div.widget-title h3 {
461 padding:0;
462 margin:0;
463 /* more ... */
464 }
465
466div.widget-content {
467 display: block;
468 width: auto;
469 /* more ... */
470 }
471
472
473/* ------------------------------------------------------------------
474---------- Select MENUS INSIDE OF WIDGETS -------------------------
475------------------------------------------------------------------ */
476
477/* if a select menu is too wide to fit into the sidebar (because one
478 or several of its option titles are too long) then it will be cut off
479 in IE 6 & 7 */
480
481div.widget select {
482 /* more ... */
483 width: 98%; /* auto won't work in Safari */
484 margin-top: 5px;
485}
486
487
488/* ------------------------------------------------------------------
489---------- LISTS INSIDE OF WIDGETS ----------------------------------
490------------------------------------------------------------------ */
491
492.widget ul {
493 list-style-type: none;
494 margin: 0;
495 padding: 0;
496 width: auto;
497 }
498
499/*------------- list items with 1 link per item -----------*/
500
501.widget ul li {
502 margin: 2px 0 2px 0;
503 display: block;
504 /* more ... */
505 }
506
507.widget ul li ul li {
508 /* more ... */
509 }
510
511.widget ul li ul li ul li {
512 /* more ... */
513 }
514
515.widget ul li a:link,
516.widget ul li a:visited,
517.widget ul li a:active {
518 text-decoration: none;
519 font-weight: normal;
520 /* more ... */
521 }
522
523.widget ul li ul li a:link,
524.widget ul li ul li a:visited,
525.widget ul li ul li a:active {
526 /* more ... */
527 }
528
529.widget ul li ul li ul li a:link,
530.widget ul li ul li ul li a:visited,
531.widget ul li ul li ul li a:active {
532 /* more ... */
533 }
534
535
536.widget ul li a:hover {
537 /* more ... */
538 }
539
540.widget ul li ul li a:hover {
541 /* more ... */
542 }
543
544.widget ul li ul li ul li a:hover {
545 /* more ... */
546 }
547
548.widget ul li a:link,
549.widget ul li a:visited,
550.widget ul li a:active,
551.widget ul li a:hover {
552 display: block; /* default=block. If set to "inline-block", the comments widget
553 cannot be overwritten to "inline" for IE */
554 }
555
556* html .widget ul li a:link,
557* html .widget ul li a:visited,
558* html .widget ul li a:active,
559* html .widget ul li a:hover {
560 height: 1%; /* IE6 needs this */
561 }
562
563/* the archive widgets get inline-blick so post counts won't wrap
564into the next line. In FF2 items that don't fit into a single line
565will overflow the sidebar but that is unlikely as the longest item
566would be "[month name] (post count)" */
567/*.widget_categories ul li a:link,
568.widget_categories ul li a:visited,
569.widget_categories ul li a:active,
570.widget_categories ul li a:hover, */
571.widget_archive ul li a:link,
572.widget_archive ul li a:visited,
573.widget_archive ul li a:active,
574.widget_archive ul li a:hover {
575 display: -moz-inline-box; /* Firefox 2 doesn't know default "inline-block" */
576 display: inline-block !important;
577 }
578
579/* The category widget gets "block" or "inline" depending on whether "post count" is being
580used or not. */
581.widget_categories ul li a:link,
582.widget_categories ul li a:visited,
583.widget_categories ul li a:active,
584.widget_categories ul li a:hover {
585 /* more ... */
586 }
587
588/*------------- list items with 2 links or link & text ----*/
589/* different styles for the default Recent Comments widget,
590the BFA Recent Comments widget and the Get Recent Comments widget */
591
592/* The Get Recent Comments widget's first level (= Post Title)
593doesn't get a border or padding */
594div#get_recent_comments_wrap ul li {
595 padding: 0px;
596 display: block;
597 border-left: 0px;
598 }
599
600div#get_recent_comments_wrap ul li ul li {
601 margin-left: 0px;
602 }
603
604/* Get Recent comments 2nd level, others 1st level: */
605div#get_recent_comments_wrap ul li ul li,
606.widget_recent_comments ul li,
607.widget_simple_recent_comments ul li {
608 /* more ... */
609 display: block;
610 /* more ... */
611 }
612
613/* Get Recent comments 3rd level, others 2nd level: */
614div#get_recent_comments_wrap ul li ul li ul li,
615.widget_recent_comments ul li ul li,
616.widget_simple_recent_comments ul li ul li {
617 /* more ... */
618 }
619
620.widget_recent_comments ul li ul li ul li,
621.widget_simple_recent_comments ul li ul li ul li {
622 /* more ... */
623 }
624
625/*- with sfhover for IE6 because it doesn't know li:hover -*/
626
627div#get_recent_comments_wrap ul li ul li:hover,
628.widget_recent_comments ul li:hover,
629.widget_simple_recent_comments ul li:hover,
630div#get_recent_comments_wrap ul li ul li.sfhover,
631.widget_recent_comments ul li.sfhover,
632.widget_simple_recent_comments ul li.sfhover {
633 /* more ... */
634 }
635
636div#get_recent_comments_wrap ul li ul li ul li:hover,
637.widget_recent_comments ul li ul li:hover,
638.widget_simple_recent_comments ul li ul li:hover,
639div#get_recent_comments_wrap ul li ul li ul li.sfhover,
640.widget_recent_comments ul li ul li.sfhover,
641.widget_simple_recent_comments ul li ul li.sfhover {
642 /* more ... */
643 }
644
645.widget_recent_comments ul li ul li ul li:hover,
646.widget_simple_recent_comments ul li ul li ul li:hover,
647.widget_recent_comments ul li ul li ul li.sfhover,
648.widget_simple_recent_comments ul li ul li ul li.sfhover {
649 /* more ... */
650 }
651
652/*--- comments get the border on the li instead of the a --*/
653
654div#get_recent_comments_wrap ul li a:link,
655div#get_recent_comments_wrap ul li a:visited,
656div#get_recent_comments_wrap ul li a:active,
657div#get_recent_comments_wrap ul li a:hover,
658.widget ul li.recentcomments a:link,
659.widget ul li.recentcomments a:visited,
660.widget ul li.recentcomments a:active,
661.widget ul li.recentcomments a:hover,
662.widget ul li.bfarecentcomments a:link,
663.widget ul li.bfarecentcomments a:visited,
664.widget ul li.bfarecentcomments a:active,
665.widget ul li.bfarecentcomments a:hover {
666 border-left: 0px !important;
667 display: inline !important;
668 padding: 0px !important;
669 margin: 0px !important;
670 }
671
672
673
674/* ------------------------------------------------------------------
675---------- BFA SUBSCRIBE WIDGET -------------------------------------
676------------------------------------------------------------------ */
677
678table.subscribe {
679 width: 100%;
680 }
681
682table.subscribe td.email-text {
683 padding: 0 0 5px 0;
684 vertical-align: top;
685 }
686
687table.subscribe td.email-field {
688 padding: 0;
689 width: 100%;
690 }
691
692table.subscribe td.email-button {
693 padding: 0 0 0 5px;
694 }
695
696table.subscribe td.post-text {
697 padding: 7px 0 0 0;
698 vertical-align: top;
699 }
700
701table.subscribe td.comment-text {
702 padding: 7px 0 0 0;
703 vertical-align: top;
704 }
705
706
707/* ------------------------------------------------------------------
708---------- POSTS ----------------------------------------------------
709------------------------------------------------------------------ */
710
711/*-------------------- POST CONTAINER ---------------------*/
712
713div.post {
714 display: block;
715 /* more ... */
716 }
717
718/* additonal styles for sticky posts */
719.sticky {
720 /* more ... */
721 }
722
723/*-------------------- POST KICKER ------------------------*/
724
725div.post-kicker {
726 /* more ... */
727 }
728
729div.post-kicker a:link,
730div.post-kicker a:visited,
731div.post-kicker a:active {
732 /* more ... */
733 }
734
735div.post-kicker a:hover {
736 /* more ... */
737 }
738
739
740/*-------------------- POST HEADLINE ----------------------*/
741
742div.post-headline {
743 /* more ... */
744 }
745
746div.post-headline h2 {
747 margin: 0;
748 padding: 0;
749 /* more ... */
750 }
751
752div.post-headline h2 a:link,
753div.post-headline h2 a:visited,
754div.post-headline h2 a:active {
755 /* more ... */
756 }
757
758div.post-headline h2 a:hover {
759 /* more ... */
760 }
761
762
763/*-------------------- POST BYLINE ------------------------*/
764
765div.post-byline {
766 /* more ... */
767 }
768
769div.post-byline a:link,
770div.post-byline a:visited,
771div.post-byline a:active {
772 /* more ... */
773 }
774
775div.post-byline a:hover {
776 /* more ... */
777 }
778
779
780/*-------------------- POST BODY COPY ---------------------*/
781
782div.post-bodycopy {
783 /* more ... */
784 }
785
786div.post-bodycopy p {
787 margin: 1em 0;
788 padding: 0;
789 display: block;
790 /* The rule below would create hor. scrollbars in Firefox,
791 which would be better than overflowing long strings, but the
792 downside is that text won't float around images anymore.
793 Uncomment this if you don't float images anyway */
794 /* overflow: auto; */
795 }
796
797/*-------------------- POST PAGINATION --------------------*/
798
799div.post-pagination {
800 /*border: solid 1px brown;*/
801 }
802
803
804/*-------------------- POST FOOTER ------------------------*/
805
806div.post-footer {
807 clear:both;
808 display: block;
809 /* more ... */
810 }
811
812div.post-footer a:link,
813div.post-footer a:visited,
814div.post-footer a:active {
815 /* more ... */
816 }
817
818div.post-footer a:hover {
819 /* more ... */
820 }
821
822
823/*-------------------- ICONS in KICKER, BYLINE & FOOTER ---*/
824
825div.post-kicker img,
826div.post-byline img,
827div.post-footer img {
828 border: 0;
829 padding: 0;
830 margin: 0 0 -1px 0;
831 background: none;
832 }
833
834span.post-ratings {
835 display:inline-block; /* postratings set to "span" by the
836 theme, instead of default "div", to
837 make them display inline. Adding
838 inline-block and nowrap to avoid
839 line wrapping of single voting stars. */
840 width: auto;
841 white-space: nowrap;
842 }
843
844
845/* ------------------------------------------------------------------
846---------- PAGE NAVIGATION NEXT/PREVIOUS ----------------------------
847------------------------------------------------------------------ */
848
849.navigation-top {
850 display: block;
851 width: 100%;
852 /* more ... */
853 }
854
855.navigation-middle {
856 display: block;
857 width: 100%;
858 /* more ... */
859 }
860
861.navigation-bottom {
862 display: block;
863 width: 100%;
864 /* more ... */
865 }
866
867.navigation-comments-above {
868 display: block;
869 width: 100%;
870 /* more ... */
871 }
872
873.navigation-comments-below {
874 display: block;
875 width: 100%;
876 /* more ... */
877 }
878
879.older {
880 float: left;
881 width: 49%;
882 text-align: left;
883 margin:0;
884 padding:0;
885 }
886
887.newer {
888 float:right;
889 width: 49%;
890 text-align: right;
891 margin:0;
892 padding:0;
893 }
894
895.older-home {
896 float: left;
897 width: 45%;
898 text-align: left;
899 margin:0;
900 padding:0;
901 }
902
903.newer-home {
904 float:right;
905 width: 45%;
906 text-align: right;
907 margin:0;
908 padding:0;
909 }
910
911.home {
912 float: left;
913 width: 9%;
914 text-align: center;
915 margin:0;
916 padding:0;
917 }
918
919
920/* ------------------------------------------------------------------
921---------- FORMS ----------------------------------------------------
922------------------------------------------------------------------ */
923
924form, .feedburner-email-form {
925 margin: 0;
926 padding: 0;
927 }
928
929fieldset {
930 border: 1px solid #cccccc;
931 width: auto;
932 padding: 0.35em 0.625em 0.75em;
933 display: block;
934 }
935
936legend {
937 color: #000000;
938 background: #f4f4f4;
939 border: 1px solid #cccccc;
940 padding: 2px 6px;
941 margin-bottom: 15px;
942 }
943
944form p {
945 margin: 5px 0 0 0;
946 padding: 0;
947 }
948
949label {
950 margin-right: 0.5em;
951 font-family: arial;
952 cursor: pointer;
953 }
954
955/* input.TextField for WP-Email */
956input.text,
957input.password,
958input.file,
959input.TextField,
960textarea {
961 padding: 3px;
962 /* more ... */
963 }
964
965textarea {
966 width: 96%;
967 }
968
969
970input.inputblur {
971 color: #777777;
972 width: 95%;
973 }
974
975input.inputfocus {
976 color: #000000;
977 width: 95%;
978 }
979
980input.highlight, textarea.highlight {
981 /* more ... */
982 }
983
984/* .Button for WP-Email */
985.button, .Button {
986 padding: 0 2px;
987 height: 24px;
988 line-height: 16px;
989 /* more ... */
990 }
991
992.buttonhover {
993 padding: 0 2px;
994 cursor: pointer;
995 /* more ... */
996 }
997
998/* comment submit button */
999form#commentform input#submit {
1000 /* more ... */
1001 }
1002
1003/* ------------------------------------------------------------------
1004---------- SEARCH FORM ----------------------------------------------
1005------------------------------------------------------------------ */
1006
1007table.searchform {
1008 width: 100%;
1009 }
1010
1011table.searchform td.searchfield {
1012 padding: 0;
1013 width: 100%;
1014 }
1015
1016table.searchform td.searchbutton {
1017 padding: 0 0 0 5px;
1018 }
1019
1020table.searchform td.searchbutton input{
1021 padding: 0 0 0 5px;
1022 }
1023
1024/* ------------------------------------------------------------------
1025---------- BLOCKQUOTES ----------------------------------------------
1026------------------------------------------------------------------ */
1027
1028blockquote {
1029 height: 1%;
1030 display: block;
1031 clear: both;
1032 /* more ... */
1033 }
1034
1035blockquote blockquote {
1036 height: 1%;
1037 display: block;
1038 clear: both;
1039 /* more ... */
1040 }
1041
1042
1043/* ------------------------------------------------------------------
1044---------- TABLES & CALENDAR ----------------------------------------
1045------------------------------------------------------------------ */
1046
1047/*-------------------- TABLES IN POSTS --------------------*/
1048
1049.post table {
1050 /* more ... */
1051 }
1052
1053.post table caption {
1054 width: auto;
1055 margin: 0 auto;
1056 /* more ... */
1057 }
1058
1059.post table th {
1060 /* more ... */
1061 }
1062
1063.post table td {
1064 /* more ... */
1065 }
1066
1067.post table tfoot td {
1068 /* more ... */
1069 }
1070
1071.post table tr.alt td {
1072 /* more ... */
1073 }
1074
1075.post table tr.over td {
1076 /* more ... */
1077 }
1078
1079
1080/*-------------------- CALENDAR WIDGET --------------------*/
1081
1082#calendar_wrap {
1083 padding: 0;
1084 border: none;
1085 }
1086
1087table#wp-calendar {
1088 width: 100%;
1089 font-size:90%;
1090 border-collapse: collapse;
1091 background-color: #ffffff;
1092 margin: 0 auto;
1093 }
1094
1095table#wp-calendar caption {
1096 width: auto;
1097 background: #eeeeee;
1098 border: none;;
1099 padding: 3px;
1100 margin: 0 auto;
1101 font-size: 1em;
1102 }
1103
1104table#wp-calendar th {
1105 border: solid 1px #eeeeee;
1106 background-color: #999999;
1107 color: #ffffff;
1108 font-weight: bold;
1109 padding: 2px;
1110 text-align: center;
1111 }
1112
1113table#wp-calendar td {
1114 padding: 0;
1115 line-height: 18px;
1116 background-color: #ffffff;
1117 border: 1px solid #dddddd;
1118 text-align: center;
1119 }
1120
1121table#wp-calendar tfoot td {
1122 border: solid 1px #eeeeee;
1123 background-color: #eeeeee;
1124 }
1125
1126table#wp-calendar td a {
1127 display: block;
1128 background-color: #eeeeee;
1129 width: 100%;
1130 height: 100%;
1131 padding: 0;
1132 }
1133
1134
1135
1136
1137
1138
1139/* ------------------------------------------------------------------
1140---------- COMMENTS -------------------------------------------------
1141------------------------------------------------------------------ */
1142
1143
1144
1145/* whole respond area */
1146div#respond {
1147 /* more ... */
1148 }
1149
1150p.thesetags {
1151 margin: 10px 0;
1152 }
1153
1154h3.reply {
1155 margin: 0;
1156 padding: 0 0 10px 0;
1157 }
1158
1159ol.commentlist {
1160 margin: 15px 0 25px 0;
1161 list-style-type: none;
1162 padding: 0;
1163 /* more ... */
1164 display:block;
1165 }
1166
1167ol.commentlist li {
1168 /* more ... */
1169 padding: 15px 10px;
1170 display: block;
1171 height: 1%; /* for IE6 */
1172 margin: 0;
1173 }
1174
1175ol.commentlist li.alt {
1176 /* more ... */
1177 display: block;
1178 height: 1%; /* for IE6 */
1179 }
1180
1181ol.commentlist li.authorcomment {
1182 /* more ... */
1183 display: block;
1184 height: 1%;
1185 }
1186
1187ol.commentlist span.authorname {
1188 /* more ... */
1189 font-weight: bold;
1190 }
1191
1192ol.commentlist span.commentdate {
1193 color: #666666;
1194 font-size: 90%;
1195 margin-bottom: 5px;
1196 display: block;
1197 }
1198
1199ol.commentlist span.editcomment {
1200 display: block;
1201 }
1202
1203ol.commentlist li p {
1204 margin: 2px 0 5px 0;
1205 }
1206
1207div.comment-number {
1208 float: right;
1209 font-size: 2em;
1210 line-height: 2em;
1211 font-family: georgia, serif;
1212 font-weight: bold;
1213 color: #ddd;
1214 margin: -10px 0 0 0;
1215 position: relative;
1216 height: 1%
1217 }
1218
1219div.comment-number a:link,
1220div.comment-number a:visited,
1221div.comment-number a:active {
1222 color: #ccc;
1223 }
1224
1225textarea#comment {
1226 width: 98%;
1227 margin: 10px 0;
1228 display: block;
1229 }
1230
1231
1232/* ------------------------------------------------------------------
1233---------- COMMENTS WP 2.7 ------------------------------------------
1234------------------------------------------------------------------ */
1235
1236ul.commentlist {
1237 margin: 15px 0 15px 0;
1238 list-style-type: none;
1239 padding: 0;
1240 /* more ... */
1241 display:block;
1242 }
1243
1244ul.commentlist ul {
1245 margin: 15px 0 25px 0;
1246 list-style-type: none;
1247 padding: 0;
1248 border: none;
1249 display:block;
1250 }
1251
1252ul.commentlist li.thread-even {
1253 /* more ... */
1254 padding: 15px 10px;
1255 display: block;
1256 clear: both;
1257 height: 1%; /* for IE */
1258 margin: 0;
1259 }
1260
1261ul.commentlist li.thread-odd {
1262 /* more ... */
1263 padding: 15px 10px;
1264 display: block;
1265 clear: both;
1266 height: 1%; /* for IE */
1267 margin: 0;
1268 }
1269
1270ul.commentlist li.bypostauthor {
1271 /* more ... */
1272 }
1273
1274/* reset children */
1275
1276ul.commentlist li ul.children,
1277ul.commentlist li ul.children li,
1278ul.commentlist li ul.children li.bypostauthor {
1279 background-color: transparent;
1280 border: 0;
1281 padding: 0;
1282 margin: 0;
1283 display: block;
1284 height: 1%; /* for IE */
1285 }
1286
1287ul.commentlist li ul.children li,
1288ul.commentlist li ul.children li.bypostauthor {
1289 margin: 10px 0 0 30px;
1290 }
1291
1292ul.commentlist li ul.children li.depth-2 {
1293 margin: 10px 0 0 0;
1294 }
1295
1296ul.children div.comment-container {
1297 background-color: transparent;
1298 border: dashed 1px #ccc;
1299 padding: 8px;
1300 margin: 0;
1301 /* optional rounded corners for browsers that support it */
1302 -moz-border-radius: 5px;
1303 -khtml-border-radius: 5px;
1304 -webkit-border-radius: 5px;
1305 border-radius: 5px;
1306 }
1307
1308ul.children div.bypostauthor {
1309 background-color: #ffecec;
1310 border: dashed 1px #ffbfbf;
1311 }
1312
1313ul.commentlist li p {
1314 margin: 2px 0 5px 0;
1315 }
1316
1317ul.commentlist span.authorname {
1318 /* more ... */
1319 }
1320
1321div.comment-meta a:link,
1322div.comment-meta a:visited,
1323div.comment-meta a:active,
1324div.comment-meta a:hover {
1325 font-weight: normal;
1326 }
1327
1328div#cancel-comment-reply {
1329 margin: -5px 0 10px 0;
1330 }
1331
1332div.comment-number {
1333 float: right;
1334 font-size: 2em;
1335 line-height: 2em;
1336 font-family: georgia, serif;
1337 font-weight: bold;
1338 color: #ddd;
1339 margin: -10px 0 0 0;
1340 position: relative;
1341 height: 1%
1342 }
1343
1344div.comment-number a:link,
1345div.comment-number a:visited,
1346div.comment-number a:active {
1347 color: #ccc;
1348 }
1349
1350/* paged comments navigation */
1351.page-numbers {
1352 padding: 2px 6px;
1353 border: solid 1px #000000;
1354 -moz-border-radius: 6px;
1355 -khtml-border-radius: 6px;
1356 -webkit-border-radius: 6px;
1357 border-radius: 6px;
1358 }
1359
1360/* current page number */
1361span.current {
1362 background: #ddd;
1363 }
1364
1365a.prev, a.next {
1366 border: none;
1367 }
1368
1369a.page-numbers:link,
1370a.page-numbers:visited,
1371a.page-numbers:active {
1372 text-decoration: none;
1373 /* more ... */
1374 }
1375
1376a.page-numbers:hover {
1377 text-decoration: none;
1378 /* more ... */
1379 }
1380
1381/* "you can use these xhtml tags" initially closed */
1382div.xhtml-tags {
1383 display: none;
1384 }
1385
1386
1387/* ------------------------------------------------------------------
1388---------- For CommentLuv ----------------------------------------
1389------------------------------------------------------------------ */
1390
1391abbr em {
1392 border: none !important;
1393 border-top: dashed 1px #aaa !important;
1394 display: -moz-inline-box !important; /* Firefox 2 doesn't know default "inline-block" */
1395 display: inline-block !important;
1396 background: url(images/commentluv.gif) 0% 90% no-repeat;
1397 margin-top: 8px;
1398 padding: 5px 5px 2px 20px !important;
1399 font-style: normal;
1400 }
1401
1402/* ------------------------------------------------------------------
1403---------- Subscribe to comments -----------------------------------
1404------------------------------------------------------------------ */
1405
1406p.subscribe-to-comments {
1407 margin-bottom: 10px;
1408 }
1409
1410/* ------------------------------------------------------------------
1411---------- IMAGES ---------------------------------------------------
1412------------------------------------------------------------------ */
1413
1414img {
1415 border: 0;
1416 }
1417
1418
1419
1420
1421.post img.size-full {
1422 /*max-width: 100% auto;*/
1423 max-width: 96%; /* resize images in the main column if needed.
1424 97% so images with padding and border don't touch
1425 the right sidebar while being resized. Change this
1426 to 100% if you want, if your images
1427 don't have padding and a border */
1428 width: auto 100%;
1429 margin: 5px 0 5px 0;
1430 /*overflow-x: auto;*/
1431 /* more ... */
1432 }
1433
1434
1435
1436/* hiding from IE6 which would stretch the image vertically.
1437IE6 will get width and height via jQuery */
1438div[class~=post] img {
1439 height: auto; /* FF & Safari need auto */
1440 }
1441
1442.post img.alignleft {
1443 float: left;
1444 margin: 10px 10px 5px 0;
1445 }
1446
1447.post img.alignright {
1448 float: right;
1449 margin: 10px 0 5px 10px;
1450 }
1451
1452.post img.aligncenter {
1453 display: block;
1454 margin: 10px auto;
1455 }
1456
1457.aligncenter,
1458div.aligncenter {
1459 display: block;
1460 margin-left: auto;
1461 margin-right: auto;
1462 }
1463
1464.alignleft,
1465div.alignleft {
1466 float: left;
1467 margin: 10px 10px 5px 0;
1468 }
1469
1470.alignright,
1471div.alignright {
1472 float: right;
1473 margin: 10px 0 5px 10px;
1474 }
1475
1476/* feed icons on archives page */
1477div.archives-page img {
1478 border: 0;
1479 padding: 0;
1480 background: none;
1481 margin-bottom: 0;
1482 vertical-align: -10%;
1483 }
1484
1485
1486/* ------------------------------------------------------------------
1487---------- IMAGE CAPTION (WP 2.6 and newer) -------------------------
1488------------------------------------------------------------------ */
1489
1490.wp-caption {
1491 /*max-width: 100% auto;*/
1492 max-width: 96%; /* FF2, IE7, Opera9, Safari 3.0/3.1 will
1493 resize images in the main column if needed.
1494 97% so images with padding and border don't touch
1495 the right sidebar while being resized. Change this
1496 to 100% if you want, if your images
1497 don't have padding and a border */
1498 width: auto 100%;
1499 height: auto; /* FF3 needs "auto", IE6 needs "100%", see next style*/
1500 display: block;
1501 /* more ... */
1502 }
1503
1504/* for imges inside a caption container IE6 does not
1505stretch images vertically as it does with images without
1506caption so we can leave this rule although it is probably not
1507required as jQuery sets the height for caption'ed images too */
1508* html .wp-caption {
1509 height: 100%;
1510 }
1511
1512.wp-caption img {
1513 margin: 0 !important;
1514 padding: 0 !important;
1515 border: 0 none !important;
1516 }
1517
1518.wp-caption p.wp-caption-text {
1519 /* more ... */
1520 }
1521
1522
1523/* ------------------------------------------------------------------
1524---------- SMILEYS --------------------------------------------------
1525------------------------------------------------------------------ */
1526
1527img.wp-smiley {
1528 float: none;
1529 border: none !important;
1530 margin: 0 1px -1px 1px;
1531 padding: 0 !important;
1532 background: none !important;
1533 }
1534
1535
1536/* ------------------------------------------------------------------
1537---------- GRAVATARS ------------------------------------------------
1538------------------------------------------------------------------ */
1539
1540img.avatar {
1541 float: left;
1542 display: block;
1543 /* more ... */
1544 }
1545
1546
1547
1548/* ------------------------------------------------------------------
1549---------- FOR THE QUICKTAGS PLUGIN ---------------------------------
1550------------------------------------------------------------------ */
1551
1552/*--------------------COMMENTS QUCIKTAGS ------------------*/
1553
1554/* Main Span */
1555#comment_quicktags {
1556 text-align: left;
1557 padding: 10px 0 2px 0;
1558 display: block;
1559 }
1560
1561/* Button Style */
1562#comment_quicktags input.ed_button {
1563 background: #f4f4f4;
1564 border: 2px solid #cccccc;
1565 color: #444444;
1566 margin: 2px 4px 2px 0;
1567 width: auto;
1568 padding: 0 4px;
1569 height: 24px;
1570 line-height: 16px;
1571 }
1572
1573/* Button Style on focus/click */
1574#comment_quicktags input.ed_button_hover {
1575 background: #dddddd;
1576 border: 2px solid #666666;
1577 color: #000000;
1578 margin: 2px 4px 2px 0;
1579 width: auto;
1580 padding: 0 4px;
1581 height: 24px;
1582 line-height: 16px;
1583 cursor: pointer;
1584 }
1585
1586/* Button Lable style */
1587#comment_quicktags #ed_strong {
1588 font-weight: bold;
1589 }
1590
1591/* Button Lable style */
1592#comment_quicktags #ed_em {
1593 font-style: italic;
1594 }
1595
1596
1597
1598
1599/* ------------------------------------------------------------------
1600---------- FOR THE SOCIABLE PLUGIN ----------------------------------
1601------------------------------------------------------------------ */
1602
1603div.sociable {
1604 margin: 0;
1605 width: 200px;
1606 display:inline;
1607 }
1608
1609div.sociable-tagline {
1610 display: none;
1611 }
1612
1613.sociable span {
1614 display: inline-block;
1615 }
1616
1617.sociable ul {
1618 display: inline;
1619 margin: 0 !important;
1620 padding: 0 !important;
1621 }
1622
1623.sociable ul li {
1624 background: none;
1625 display: inline;
1626 list-style-type: none;
1627 margin: 0;
1628 padding: 1px;
1629 }
1630
1631.sociable ul li:before {
1632 content: "";
1633 }
1634
1635.sociable img {
1636 float: none;
1637 width: 16px;
1638 height: 16px;
1639 border: 0;
1640 margin: 0;
1641 padding: 0;
1642 }
1643
1644.sociable-hovers {
1645 opacity: .4;
1646 -moz-opacity: .4;
1647 filter: alpha(opacity=40);
1648 vertical-align: text-bottom;
1649 }
1650
1651.sociable-hovers:hover {
1652 opacity: 1;
1653 -moz-opacity: 1;
1654 filter: alpha(opacity=100);
1655 }
1656
1657
1658
1659/* ------------------------------------------------------------------
1660---------- PRINT STYLE ----------------------------------------------
1661------------------------------------------------------------------ */
1662
1663@media print {
1664
1665body {
1666 background: white;
1667 color: black;
1668 margin: 0;
1669 font-size: 12pt;
1670 font-family: arial, sans-serif;
1671 }
1672
1673a:link:after,
1674a:visited:after {
1675 content:" [" attr(href) "] ";
1676 font-weight: normal;
1677 text-decoration: none;
1678 font-size: 12pt;
1679 }
1680
1681a:link, a:visited {
1682 text-decoration: underline;
1683 color: #000;
1684 }
1685
1686.postmetadata a:link:after,
1687.postmetadata a:visited:after {
1688 content: "";
1689 }
1690
1691h2 a:link:after,
1692h2 a:visited:after {
1693 content: "";
1694 }
1695
1696h2,
1697h2 a:link,
1698h2 a:visited,
1699h2 a:active {
1700 color: #000;
1701 font-size: 18pt;
1702 }
1703
1704h3 {
1705 color: #000;
1706 font-size: 15pt;
1707 }
1708
1709#header,
1710#left,
1711#right,
1712#footer,
1713.navigation,
1714.wp-pagenavi-navigation,
1715#comment,
1716.remove-for-print {
1717 display: none;
1718 }
1719
1720}
1721
1722
1723
1724/* ##################################################################
1725---------------------------------------------------------------------
1726---------- DROP DOWN / FLY OUT MENUS --------------------------------
1727Ruthsarian's rMenu http://webhost.bridgew.edu/etribou/layouts/
1728modified by Bytes For All http://wordpress.bytesforall.com/
1729---------------------------------------------------------------------
1730################################################################## */
1731
1732
1733/* ------------------------------------------------------------------
1734---------- GENERAL MENU MECHANICS -----------------------------------
1735------------------------------------------------------------------ */
1736
1737ul.rMenu, ul.rMenu ul, ul.rMenu li, ul.rMenu a
1738 {
1739 display: block; /* make these objects blocks so they're easier
1740 to deal with */
1741 margin: 0;
1742 padding: 0; /* get rid of padding/margin values that these
1743 elements may have by default */
1744 }
1745
1746ul.rMenu, ul.rMenu li, ul.rMenu ul
1747 {
1748 list-style: none;
1749 }
1750
1751ul.rMenu ul
1752 {
1753 display: none; /* hide the sub-menus until needed */
1754 }
1755
1756ul.rMenu li
1757 {
1758 position: relative; /* so sub-menus position relative to their
1759 parent LI element */
1760 z-index: 1;
1761 }
1762
1763ul.rMenu li:hover
1764 {
1765 z-index: 999; /* make sure this and any sub-menus that pop
1766 appear above everything else on the page */
1767 }
1768
1769ul.rMenu li:hover > ul /* hide from IE5.0 because it gets confused
1770 by this selector */
1771 {
1772 display: block; /* show the sub-menu */
1773 position: absolute; /* remove the sub-menus from the flow of the
1774 layout so when they pop they don't cause any
1775 disfiguration of the layout. */
1776 }
1777
1778
1779/* ------------------------------------------------------------------
1780---------- EXTENDED MENU MECHANICS ----------------------------------
1781------------------------------------------------------------------ */
1782
1783/* These rules exist only for specific menu types, such as horizontal
1784or vertical menus, right or left aligned menus. */
1785
1786ul.rMenu-hor li
1787 {
1788 float: left;
1789 width: auto;
1790 }
1791
1792ul.rMenu-hRight li
1793 {
1794 float: right; /* horizontal, right menus need their LI
1795 elements floated to get them over there */
1796 }
1797
1798ul.rMenu-ver li
1799 {
1800 float: none; /* clear this so vertical sub-menus that are
1801 children of horizontal menus won't have
1802 their LI widths set to auto. */
1803 }
1804
1805
1806
1807div#menu1 ul.rMenu-ver, div#menu1 ul.rMenu-ver ul
1808 {
1809 /* more ... */ /* sub-menus need a defined width, especially
1810 vertical sub-menus. salt to taste. */
1811 }
1812
1813div#menu2 ul.rMenu-ver, div#menu2 ul.rMenu-ver ul
1814 {
1815 /* more ... */ /* sub-menus need a defined width, especially
1816 vertical sub-menus. salt to taste. */
1817 }
1818
1819
1820
1821ul.rMenu-wide
1822 {
1823 width: 100%; /* apply this rule if you want the top-level
1824 menu to go as wide as possible. this is
1825 something you might want if your top-level
1826 is a vertical menu that spans the width
1827 of a column which has its width
1828 pre-defined. IE/Win 5 seems to prefer
1829 a value of 100% over auto. */
1830 }
1831
1832ul.rMenu-vRight
1833 {
1834 float: right; /* use this to float a vertical menu right. */
1835 }
1836
1837ul.rMenu-lFloat
1838 {
1839 float: left; /* use this to float a vertical menu left. */
1840 }
1841
1842ul.rMenu-noFloat
1843 {
1844 float: none; /* this is to cover those cases where a menu
1845 is floated by default and you have a reason
1846 to not float it. such as a menu on the
1847 right side of the screen that you want
1848 to have drops going left but not floated.
1849 to be honest, i don't think this rule is
1850 needed. the clearfix hack will resolve
1851 renering issues associated with a floated
1852 menu anyways. */
1853 }
1854
1855
1856/* ------------------------------------------------------------------
1857---------- EXTENDED MENU MECHANICS - Center Horizontal Menu ---------
1858------------------------------------------------------------------ */
1859
1860div.rMenu-center ul.rMenu
1861 {
1862 float: left;
1863 position: relative;
1864 left: 50%;
1865 }
1866
1867div.rMenu-center ul.rMenu li
1868 {
1869 position: relative;
1870 left: -50%;
1871 }
1872
1873div.rMenu-center ul.rMenu li li
1874 {
1875 left: auto;
1876 }
1877
1878
1879/* ------------------------------------------------------------------
1880---------- DROP POSITIONS -------------------------------------------
1881------------------------------------------------------------------ */
1882
1883ul.rMenu-hor ul
1884 {
1885 top: auto; /* a value of 100% creates a problem in IE 5.0
1886 and Opera 7.23 */
1887 right: auto;
1888 left: auto; /* typically want a value of 0 here but set to
1889 auto for same reasons detailed above */
1890 margin-top: -1px; /* so the top border of the dropdown menu
1891 overlaps the bottom border of its parent
1892 horizontal menu. */
1893 }
1894
1895ul.rMenu-hor ul ul
1896 {
1897 margin-top: 0; /* reset the above for fly out menus */
1898 margin-left: 0px;
1899 }
1900
1901ul.rMenu-ver ul
1902 {
1903 /*left: 60%;*/
1904 left: 100%;
1905 right: auto;
1906 top: auto;
1907 /*margin-top: -0.5em;*/ /* i prefer top: 80% but this creates a problem
1908 in iCab so negative top margin must be used.
1909 salt to taste. */
1910 top: 0;
1911 }
1912
1913ul.rMenu-vRight ul, ul.rMenu-hRight ul.rMenu-ver ul
1914 {
1915 left: -100%;
1916 right: auto;
1917 top: auto;
1918 /*margin-top: -0.5em;*/ /* i prefer top: 80% but this creates a problem
1919 in iCab so negative top margin must be used.
1920 salt to taste. */
1921 }
1922
1923ul.rMenu-hRight ul
1924 {
1925 left: auto;
1926 right: 0; /* this doesn't work in Opera 7.23 but 7.5 and
1927 beyond work fine. this means right-aligned
1928 horizontal menus break in Opera 7.23 and
1929 earlier. no workaround has been found. */
1930 top: auto;
1931 margin-top: -1px; /* so the top border of the dropdown menu
1932 overlaps the bottom border of its parent
1933 horizontal menu. */
1934 }
1935
1936
1937/* ------------------------------------------------------------------
1938---------- PRESENTATION: General ------------------------------------
1939------------------------------------------------------------------ */
1940
1941ul.rMenu
1942 {
1943 /* more ... */
1944 border-left: none;
1945 }
1946/*added for darkmenu*/
1947ul#rmenu
1948 {
1949 /* more ... */
1950 border-left: none;
1951 }
1952
1953
1954
1955ul.rMenu li a
1956 {
1957 /* more ... */ /* border around all anchor tags */
1958 }
1959/*added*/
1960ul#rmenu li a
1961 {
1962 /* more ... */ /* border around all anchor tags */
1963 }
1964
1965
1966
1967
1968ul.rMenu-hor li
1969 {
1970 margin-bottom: -1px; /* this is so if we apply a bottom border to
1971 the UL element it will render behind, but
1972 inline with the bottom border of the LI
1973 elements. Default: -1px */
1974 margin-top: -1px; /* this is so if we apply a top border to
1975 the UL element it will render behind, but
1976 inline with the bottom border of the LI
1977 elements. Default: -1px */
1978 margin-left: -1px; /* negative borders on LIs to make borders on
1979 child A elements overlap. they go here and
1980 not on the A element for compatibility
1981 reasons (IE6 and earlier). Default: -1px */
1982 }
1983
1984
1985
1986ul#rmenu li
1987 {
1988 /*margin-right: 3px;*/ /* set to 0 to remove the space between single,
1989 horizontal LI elements */
1990 }
1991ul#rmenu li ul li
1992 {
1993 /*margin-right: 0;*/ /* without this, the 2nd level horizontal LI's would get
1994 a margin-right, too. This should always be 0 */
1995 }
1996
1997
1998
1999
2000ul.rMenu-hor
2001 {
2002 padding-left: 1px ; /* compensate for the 1px left jog created by
2003 the above negative margin. */
2004 }
2005
2006ul.rMenu-ver li
2007 {
2008 margin-left: 0;
2009 margin-top: -1px; /* same thing above except for vertical
2010 menus */
2011 }
2012
2013
2014div#menu1 ul.rMenu-ver
2015 {
2016 /* more ... */ /* ditto */
2017 }
2018
2019div#menu2 ul.rMenu-ver
2020 {
2021 /* more ... */ /* ditto */
2022 }
2023
2024
2025ul.rMenu li a
2026 {
2027 padding: 4px 5px;
2028 }
2029/* added for dark menu*/
2030ul#rmenu li a
2031 {
2032 padding: 4px 5px;
2033 }
2034
2035
2036
2037
2038ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active
2039 {
2040 text-decoration: none;
2041 /* more ... */
2042 margin:0;
2043 padding: 4px 5px;
2044 }
2045
2046/*added*/
2047ul#rmenu li a:link, ul#rmenu li a:hover, ul#rmenu li a:visited, ul#rmenu li a:active
2048 {
2049 text-decoration: none;
2050 /* more ... */
2051 margin:0;
2052 padding: 4px 5px;
2053 }
2054
2055
2056/*
2057ul.rMenu li.sfhover a:active,
2058ul.rMenu li:hover a:active
2059 {
2060 color: #fff;
2061 background-color: #c00;
2062 }
2063*/
2064
2065
2066ul.rMenu li
2067 {
2068 /* more ... */
2069 }
2070
2071/*added*/
2072ul#rmenu li
2073 {
2074 /* more ... */
2075 }
2076
2077
2078
2079
2080ul.rMenu li:hover,
2081ul.rMenu li.sfhover
2082 {
2083 /* more ... */ /* background color for parent menu items of
2084 the current sub-menu. includes the sfhover
2085 class which is used in the suckerfish hack
2086 detailed later in this stylesheet. */
2087
2088
2089 }
2090/*added for dark menu*/
2091ul#rmenu li:hover,
2092ul#rmenu li.sfhover
2093 {
2094 /* more ... */ /* background color for parent menu items of
2095 the current sub-menu. includes the sfhover
2096 class which is used in the suckerfish hack
2097 detailed later in this stylesheet. */
2098 }
2099
2100
2101
2102
2103/* "current" page and hover */
2104ul.rMenu li.current_page_item a:link,
2105ul.rMenu li.current_page_item a:active,
2106ul.rMenu li.current_page_item a:hover,
2107ul.rMenu li.current_page_item a:visited,
2108ul.rMenu li a:hover
2109 {
2110 /* more ... */
2111 }
2112/*added*/
2113/* "current" category and hover */
2114ul#rmenu li.current-cat a:link,
2115ul#rmenu li.current-cat a:active,
2116ul#rmenu li.current-cat a:hover,
2117ul#rmenu li.current-cat a:visited,
2118ul#rmenu li a:hover
2119 {
2120 /* more ... */
2121 }
2122
2123
2124/* ------------------------------------------------------------------
2125---------- PRESENTATION: Expand -------------------------------------
2126------------------------------------------------------------------ */
2127
2128div#menu1 ul.rMenu li.rMenu-expand a,
2129div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand a,
2130div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
2131div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
2132div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a
2133 {
2134 padding-right: 15px;
2135 padding-left: 5px;
2136 /* more ... */
2137 background-repeat: no-repeat;
2138 background-position: 100% 50%;
2139 }
2140/*added for dark menu*/
2141div#menu2 ul.rMenu li.rMenu-expand a,
2142div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand a,
2143div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
2144div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
2145div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a
2146 {
2147 padding-right: 15px;
2148 padding-left: 5px;
2149 /* more ... */
2150 background-repeat: no-repeat;
2151 background-position: 100% 50%;
2152 }
2153
2154
2155
2156ul.rMenu-vRight li.rMenu-expand a,
2157ul.rMenu-vRight li.rMenu-expand li.rMenu-expand a,
2158ul.rMenu-vRight li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
2159ul.rMenu-vRight li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
2160ul.rMenu-vRight li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
2161ul.rMenu-hRight li.rMenu-expand a,
2162ul.rMenu-hRight li.rMenu-expand li.rMenu-expand a,
2163ul.rMenu-hRight li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
2164ul.rMenu-hRight li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
2165ul.rMenu-hRight li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a
2166 {
2167 padding-right: 5px;
2168 padding-left: 20px;
2169 background-image: url(images/expand-left.gif);
2170 background-repeat: no-repeat;
2171 background-position: -5px 50%;
2172 }
2173
2174/* divs added for "IE6 & 2 menu styles" */
2175div#menu1 ul.rMenu-hor li.rMenu-expand a
2176 {
2177 padding-left: 5px; /* reset padding */
2178 padding-right: 15px;
2179 /* more ... */
2180 background-position: 100% 50%;
2181 }
2182/*added for dark menu*/
2183div#menu2 ul.rMenu-hor li.rMenu-expand a
2184 {
2185 padding-left: 5px; /* reset padding */
2186 padding-right: 15px;
2187 /* more ... */
2188 background-position: 100% 50%;
2189 }
2190
2191
2192
2193div#menu1 ul.rMenu li.rMenu-expand li a,
2194div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li a,
2195div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li a,
2196div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a,
2197div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a
2198 {
2199 background-image: none;
2200 padding-right: 5px; /* reset padding */
2201 padding-left: 5px; /* reset padding */
2202 }
2203
2204/*added for darkmenu*/
2205div#menu2 ul.rMenu li.rMenu-expand li a,
2206div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li a,
2207div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li a,
2208div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a,
2209div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a
2210 {
2211 background-image: none;
2212 padding-right: 5px; /* reset padding */
2213 padding-left: 5px; /* reset padding */
2214 }
2215
2216
2217/* ------------------------------------------------------------------
2218---------- HACKS: General -------------------------------------------
2219------------------------------------------------------------------ */
2220
2221* html ul.rMenu
2222 {
2223 display: inline-block; /* this is for IE/Mac. it forces IE/Mac to
2224 expand the element's dimensions to contain
2225 its floating child elements without a
2226 clearing element. */
2227 /* \*/ display: block; /* override above rule for every other
2228 browser using IE/Mac backslash hack */
2229 position: relative; /* IE 5.0/Mac needs this or it may clip the
2230 dropdown menus */
2231 /* \*/ position: static;/* reset position attribute for IE/Win as it
2232 causes z-index problems */
2233 }
2234
2235* html ul.rMenu ul
2236 {
2237 float: left; /* IE/Mac 5.0 needs this, otherwise hidden
2238 menus are not completely removed from the
2239 flow of the document. */
2240 /* \*/ float: none; /* reset the rule for non-Macs */
2241 }
2242
2243ul.rMenu ul
2244 {
2245 /*background-color: #fff;*/ /* IE/Win (including 7) needs this on an object
2246 that hasLayout so that it doesn't "look through"
2247 the menu and let any object (text) below the
2248 menu to gain focus, causing the menu to
2249 disappear. application of this rule does not
2250 cause any rendering problems with other browsers
2251 as the background color is covered by the
2252 menu itself. */
2253 }
2254
2255* html ul.rMenu-ver li,
2256* html ul.rMenu-hor li ul.rMenu-ver li
2257 {
2258 /* the second selector above is there
2259 because of problems IE/Mac has with
2260 inheritance and what rules should take
2261 precedence. and to serve as a reminder on
2262 how to work around the issue if it's
2263 encountered again down the road. */
2264 width: 100%;
2265 float: left;
2266 clear: left; /* IE likes to stick space below any LI
2267 in :hover state with a sub-menu. floating
2268 the LIs seems to work around this issue. But
2269 note that this also triggers hasLayout
2270 because we need a width of 100% on floats. */
2271 }
2272
2273*:first-child+html ul.rMenu-ver > li /* hide from IE5.0 because
2274 it gets confused by this
2275 selector */
2276 {
2277 width: 100%;
2278 float: left;
2279 clear: left; /* same as previous rule set except this is
2280 for IE7 and the direct child selector
2281 make inheritence much easier and obvious */
2282 }
2283
2284ul.rMenu li a
2285 {
2286 position: relative; /* trigger hasLayout for IE on anchor
2287 elements. without hasLayout on anchors
2288 they would not expand the full width
2289 of the menu. this rule may not trigger
2290 hasLayour in later versions of IE and
2291 if you find this system broken in new
2292 versions of IE, this is probably the
2293 source. */
2294 min-width: 0; /* triggers hasLayout for IE 7 */
2295 }
2296
2297* html ul.rMenu-hor li
2298 {
2299 width: 11em; /* IE Mac doesn't do auto widths so specify a width
2300 for the sake of IE/Mac. Salt to taste. */
2301 /* \*/ width: auto; /* now undo previous rule for non Macs by using
2302 the IE Mac backslash comment hack */
2303 }
2304
2305* html div.rMenu-center
2306 {
2307 position: relative;
2308 z-index: 1; /* IE 6 and earlier need a little help with
2309 z-indexes on centered menus */
2310 }
2311
2312
2313/* ------------------------------------------------------------------
2314---------- HACKS: Suckerfish w/ Form Field Support (IE 5.5 & 6) -----
2315------------------------------------------------------------------ */
2316
2317* html ul.rMenu ul
2318 {
2319 display: block;
2320 position: absolute; /* ovewrite original functionality of hiding
2321 element so we can hide these off screen */
2322 }
2323
2324* html ul.rMenu ul,
2325* html ul.rMenu-hor ul,
2326* html ul.rMenu-ver ul,
2327* html ul.rMenu-vRight ul,
2328* html ul.rMenu-hRight ul.rMenu-ver ul,
2329* html ul.rMenu-hRight ul
2330 {
2331 left: -10000px; /* move menus off screen. note we're ovewriting
2332 the dropdown position rules that use the
2333 LEFT property, thus all the selectors. */
2334 }
2335
2336* html ul.rMenu li.sfhover
2337 {
2338 z-index: 999; /* not totally needed, but keep the menu
2339 that pops above all other elements within
2340 it's parent menu system */
2341 }
2342
2343* html ul.rMenu li.sfhover ul
2344 {
2345 left: auto; /* pull the menus that were off-screen back
2346 onto the screen */
2347 }
2348
2349* html ul.rMenu li.sfhover ul ul,
2350* html ul.rMenu li.sfhover ul ul ul,
2351* html ul.rMenu li.sfhover ul ul ul ul,
2352* html ul.rMenu li.sfhover ul ul ul ul ul,
2353* html ul.rMenu li.sfhover ul ul ul ul ul ul
2354 {
2355 display: none; /* IE/Suckerfish alternative for browsers that
2356 don't support :hover state on LI elements */
2357 }
2358
2359* html ul.rMenu li.sfhover ul,
2360* html ul.rMenu li li.sfhover ul,
2361* html ul.rMenu li li li.sfhover ul,
2362* html ul.rMenu li li li li.sfhover ul,
2363* html ul.rMenu li li li li li.sfhover ul
2364 {
2365 display: block; /* ^ ditto ^ */
2366 }
2367
2368* html ul.rMenu-ver li.sfhover ul
2369 {
2370 left: 100%; /* dropdown positioning uses the left attribute
2371 for horizontal positioning. however we can't
2372 use this property until the menu is being
2373 displayed.
2374
2375 note that all ULs beneath the menu item
2376 currently in the hover state will get this
2377 value through inheritance. however all sub-
2378 menus still won't display because
2379 two rule sets up we're setting the
2380 DISPLAY property to none.
2381 */
2382 }
2383
2384* html ul.rMenu-vRight li.sfhover ul,
2385* html ul.rMenu-hRight ul.rMenu-ver li.sfhover ul
2386 {
2387 left: -100%; /* ^ ditto ^ */
2388 }
2389
2390* html ul.rMenu iframe
2391{
2392 /*filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); */
2393 /* the above rule is now applied in the
2394 javascript used to generate the IFRAME this
2395 is applied to. it allows the CSS to validate
2396 while keeping the original functionality. */
2397 position: absolute;
2398 left: 0;
2399 top: 0;
2400 z-index: -1; /* this is the IFRAME that's placed behind
2401 dropdown menus so that form elements don't
2402 show through the menus. they are not set
2403 programatically via javascript because
2404 doing so generates some lag in the display
2405 of the dropdown menu. */
2406}
2407
2408/* ie6 fixes */
2409
2410* html ul.rMenu
2411{
2412 margin-left: 1px;
2413}
2414
2415* html ul.rMenu ul,
2416* html ul.rMenu ul ul,
2417* html ul.rMenu ul ul ul,
2418* html ul.rMenu ul ul ul ul
2419{
2420 margin-left: 0;
2421}
2422
2423
2424
2425/* ------------------------------------------------------------------
2426---------- HACKS: Clearfix & others ---------------------------------
2427------------------------------------------------------------------ */
2428
2429.clearfix:after
2430 {
2431 content: ".";
2432 display: block;
2433 height: 0;
2434 clear: both;
2435 visibility: hidden;
2436 }
2437
2438.clearfix
2439 {
2440 min-width: 0; /* trigger hasLayout for IE7 */
2441 display: inline-block;
2442 /* \*/ display: block; /* Hide from IE Mac */
2443 }
2444
2445* html .clearfix
2446 {
2447 /* \*/ height: 1%; /* Hide from IE Mac */
2448 }
2449
2450/* Chrome and Safari don't like clearfix in some cases.
2451Also, adding height and font-size for IE6 */
2452.clearboth {
2453 clear: both;
2454 height: 1%;
2455 font-size: 1%;
2456 line-height: 1%;
2457 display: block;
2458 padding: 0;
2459 margin: 0;
2460 }
2461
2462
Note: See TracBrowser for help on using the repository browser.