1/* $Id*/
2
3/******************************************/
4/*  TopNotchThemes CSS Stylesheet         */
5/******************************************/
6
7
8
9/* Reset browser defaults
10-------------------------------------------------------------- */
11
12html, body, div, span, applet, object, iframe,
13h1, h2, h3, h4, h5, h6, p, blockquote,
14a, abbr, acronym, address, big, cite, dl, dd,
15del, dfn, font, img, ins, kbd, q, s, samp,
16small, strike, sub, sup, tt, var, ol, ul, li, menu,
17fieldset, form, label, legend, input, textarea,
18table, caption, tbody, tfoot, thead, tr, th, td {
19  border: 0;
20  font-family: inherit;
21  font-size: 100%;
22  font-style: inherit;
23  font-weight: inherit;
24  margin: 0;
25  outline: 0;
26  padding: 0;
27}
28
29
30/* HTML & Body
31-------------------------------------------------------------- */
32
33html {
34  background-color: #000000;
35}
36
37body {
38  background: #292929;
39  color: #F0F0F0;
40  font-family: Helvetica, Arial, Verdana, "Bitstream Vera Sans", sans-serif;     /* web safe fonts */
41  font-size: 83%;
42  font-weight: normal;
43  line-height: 1.5em;
44}
45
46/* Headings
47-------------------------------------------------------------- */
48
49h1,h2,h3,h4 {
50  font-weight: normal;
51}
52
53h1 {
54  color: #DFB77C;
55  font-size: 1.8em;
56  font-weight: bold;
57  line-height: 1.2142em;
58}
59
60h2 {
61  font-size: 1.4285em;
62  line-height: 1.2em;
63}
64
65h3 {
66  font-size: 1.1428em;
67  line-height: 1.25;
68}
69
70h4 {
71  font-size: 1em;
72  height: 1.25em;
73  line-height: 1.25;
74  margin-bottom: 1.25em;
75}
76
77h5 {
78  font-size: 1em;
79  font-weight: bold;
80  margin-bottom: 1.5em;
81}
82
83h6 {
84  font-size: 1em;
85  font-weight: bold;
86}
87
88
89/* Text elements
90-------------------------------------------------------------- */
91
92p {
93  font-size: 1em;
94  margin: 1em 0;
95}
96
97a,
98a:link {
99  color: #DFB77C;
100  text-decoration: none;
101}
102
103a:active,
104a:hover,
105a:focus {
106  color: #EBDCC7;
107  text-decoration: underline;
108}
109
110blockquote {
111  color: #999;
112  font-style: italic;
113  margin: 1.5em;
114}
115
116strong {
117  font-weight: bold;
118}
119
120em,dfn {
121  font-style: italic;
122}
123
124dfn {
125  font-weight: bold;
126}
127
128sup,sub {
129  line-height: 0;
130}
131
132abbr,acronym {
133  border-bottom: 1px dotted #666;
134}
135
136address {
137  font-style: italic;
138  margin: 0 0 1.5em;
139}
140
141del {
142  color: #666;
143}
144
145pre,code {
146  margin: 1.5em 0;
147  white-space: pre;
148}
149
150pre,code,tt {
151  font: 1em 'andale mono', 'lucida console', monospace;
152  line-height: 1.5;
153}
154
155
156/* Lists
157-------------------------------------------------------------- */
158
159ul,
160ul.menu {
161  list-style-position: inside;
162  list-style-type: disc;
163}
164
165ol {
166  list-style-position: inside;
167  list-style-type: decimal;
168}
169
170ul.links li {
171  padding: 0;
172}
173
174/* remove list styling on taxonomy */
175div.terms ul li {
176  list-style-type: none;
177  margin: 0;
178}
179
180li a.active {
181  color: #EBDCC7;
182}
183
184dl {
185  margin: 0 0 22px 0;
186}
187
188dl dt {
189  font-weight: bold;
190}
191
192dd {
193  margin: 0 0 10px 22px;
194}
195
196/* adds indentation for child list items within nodes */
197#content-wrapper .node .content ol li,
198#content-wrapper .node .content ul li {
199  margin: 0 0 0 6px;
200}
201
202#content-wrapper .node .content ol li,
203#content-wrapper .node .content ul li {
204  padding: 0 0 0 12px;
205}
206
207
208/* Helper classes
209-------------------------------------------------------------- */
210
211.hide {
212  display: none;
213  visibility: hidden;
214}
215
216.left {
217  float: left;
218}
219
220.right {
221  float: right;
222}
223
224.clear {
225  clear: both;
226}
227
228.clearfix:after {                                 /* add .clearfix class to clear floats after an element */
229  clear: both;                                    /* (IE version is in ie6-fixes.css) */
230  content: ".";
231  display: block;
232  font-size: 0;
233  height: 0;
234  visibility: hidden;
235}
236
237.first {
238  margin-left: 0;
239  padding-left: 0;
240}
241
242.last {
243  margin-right: 0;
244  padding-right: 0;
245}
246
247.top {
248  margin-top: 0;
249  padding-top: 0;
250}
251
252.bottom {
253  margin-bottom: 0;
254  padding-bottom: 0;
255}
256
257
258/* Misc.
259-------------------------------------------------------------- */
260
261hr {
262  height: 1px;
263  border: 1px solid gray;
264}
265
266div.content a.feed-icon img,
267div.content th img {
268  border: 0;             /* remove image borders where we don't want them */
269}
270
271/* format initial startup page list nicely */
272#first-time p {
273  clear: both;
274}
275
276#first-time ol {
277  list-style-position: outside;
278}
279
280/* notice at bottom of page */
281#legal-notice {
282  background: #000;
283  color: #777;
284  font-size: 0.85em;
285  padding: 10px 0;
286  text-align: center;
287}
288
289#legal-notice a {
290  color: #996633;
291}
292
293/* Layout
294-------------------------------------------------------------- */
295
296#page {
297  margin: 0 auto;                                 /* center page */
298  position: relative;
299  width: 960px;
300}
301
302
303/********************/
304/* ALL PAGE REGIONS */
305/********************/
306
307
308/* Banner region
309-------------------------------------------------------------- */
310
311#banner {
312  padding: 8px;
313  text-align: center;
314}
315
316#banner p,
317#banner .block-wrapper {
318  margin: 0;
319}
320
321
322/* Header regions
323-------------------------------------------------------------- */
324
325#header-wrapper {
326  background: #fff url('images/header.png') no-repeat left top;
327  height: 33px;
328  margin-bottom: 25px;
329  overflow: hidden;
330  padding: 26px 20px 32px 20px;
331  position: relative;
332}
333
334#header-first {
335  float: left;
336  margin: 0 15px 0 0;
337}
338
339#header-first #logo {                            /* logo postion.  default image replaced if you upload your own */
340  display: inline;
341  margin: 0 14px 10px 0;
342}
343
344#header-first h1 {
345  border-right: 1px solid #DDDDDD;
346  color: #525252;
347  display: inline;
348  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
349  font-size: 2.1em;
350  font-weight: normal;
351  letter-spacing: 3px;
352  padding-right: 15px;
353  position: relative;
354  text-transform: uppercase;
355  top: -7px;
356  white-space: nowrap;
357}
358
359#header-first h1 a {                /* site name link */
360  color: #525252;
361  text-decoration: none;
362}
363
364#header-middle {
365  color: #555555;
366  display: inline;
367  padding: 0;
368  position: relative;
369}
370
371#slogan {                          /* site slogan */
372  display: inline;
373  font-weight: bold;
374  margin-right: 15px;
375  position: relative;
376  top: 10px;
377}
378
379#header-wrapper #search-box {
380  margin: 4px 14px;
381  position: absolute;
382  right: 0;
383  top: 28px;
384  white-space: nowrap;
385}
386
387#header-wrapper .search_submit {
388  background: transparent url('images/search-arrow.png') no-repeat 4px 1px;
389  cursor: pointer;
390  padding: 0 6px;
391  text-indent: -999em;
392}
393
394#header-wrapper #search-box #search input.form-text {
395  border: 1px solid #D5D5D5;
396  background: #fff;
397  color: #292929;
398  width: 11em;
399}
400
401
402/* Preface regions
403-------------------------------------------------------------- */
404
405#preface-wrapper {
406  background: transparent url('images/cropped/seascape.jpg') no-repeat left top;
407  height: 420px;
408  margin: -33px 0 20px;
409  overflow: hidden;
410  position: relative;
411  width: 960px;
412  -moz-border-radius: 0 0 10px 10px;
413  -webkit-border-bottom-right-radius: 10px;
414  -webkit-border-bottom-left-radius: 10px;
415}
416
417#preface-sidebar {
418  background: transparent url('images/preface-sidebar-bg.png') no-repeat center;
419  float: left;
420  height: 380px;
421  margin: 0 0 0 20px;
422  padding: 20px;
423  width: 190px;
424}
425
426#mission {
427  bottom: 0;
428  color: #fff;
429  font-size: 2.0312em;
430  line-height: 1.1153em;
431  padding: 10px;
432  position: absolute;
433  right: 0;
434  text-align: right;
435  width: 680px;
436}
437
438
439/* Main area wrapper
440 * sidebars + content
441-------------------------------------------------------------- */
442
443#main-wrapper {
444  margin-bottom: 30px;
445}
446
447
448/* Sidebar regions
449-------------------------------------------------------------- */
450
451#sidebar-first {
452  float: left;
453}
454
455#sidebar-last {
456  float: right;
457}
458
459
460/* Content regions
461-------------------------------------------------------------- */
462
463#content-wrapper {
464  float: left;
465}
466
467#content-top {
468  background: transparent url('images/cropped/seascape-header.jpg') no-repeat left top;
469  padding: 0;
470  overflow: hidden;
471}
472
473#content-top a {
474  color: #000;
475}
476
477#content {
478  margin: 0;               /* default spacing between content regions */
479  margin: 0;
480}
481
482#content-inner {
483}
484
485/* content bottom */
486#content-bottom {
487  background: #444;
488  margin-top: 30px;
489}
490
491#node-bottom {
492  margin: 30px 0 0 0;
493}
494
495
496/* Footer region
497-------------------------------------------------------------- */
498
499#footer {
500  background: #000;
501  color: #999999;
502  display: block;
503}
504
505#footer-wrapper {
506  overflow: hidden;
507  text-align: center;
508  width: 100%;
509}
510
511#footer a {
512  color: #DB8A3B;
513  text-decoration: none;
514}
515
516#footer a:hover,
517#footer a:active {
518  color: #EBDCC7;
519}
520
521#footer a:link,
522#footer a:visited {
523}
524
525#footer-message,
526#footer-region {
527  float: left;
528  margin: 10px 0;
529  width: 100%;
530}
531
532#footer ul {
533  display: inline;
534  margin: 0;
535  padding: 0 0 0 9px;
536}
537
538#footer ul li {
539  background: transparent none repeat;
540  border-left: 1px solid #CCC;
541  display: inline;
542  padding: 0 5px 0 9px;
543}
544
545#footer ul li.first {
546  border: none;
547}
548
549
550
551/****************************************/
552/*          COLUMN LAYOUTS              */
553/*                                      */
554/* Classes for different column layouts */
555/* that are applied to the <body> tag.  */
556/****************************************/
557
558
559/* Single column layout
560 * main content
561-------------------------------------------------------------- */
562
563body.layout-main #content-wrapper {
564  margin: 0;
565  width: 960px;
566}
567
568
569/* Two column layout
570 * sidebar | main content
571-------------------------------------------------------------- */
572
573body.layout-first-main #sidebar-first {
574  margin: 0 20px 0 0;
575  width: 230px;
576}
577
578body.layout-first-main #content-wrapper {
579  margin: 0;
580  width: 710px;
581}
582
583body.layout-first-main #content {
584  border-left: 1px solid #444444;
585  padding: 30px 0 30px 60px;
586}
587
588body.front.layout-first-main #content {
589  border-left: none;
590  padding: 0;
591}
592
593
594/* Two colum layout
595 * main content | sidebar
596-------------------------------------------------------------- */
597
598body.layout-main-last #content-wrapper {
599  margin: 0 20px 0 0;
600  width: 690px;
601}
602
603body.layout-main-last #sidebar-last {
604  margin: 10px 0 0;
605  width: 220px;
606}
607
608body.layout-main-last #content {
609  border-left: none;
610  border-right: 1px solid #444;
611  padding: 30px 60px 30px 0;
612}
613
614body.front.layout-main-last #content {
615  border-left: none;
616  padding: 0 60px 30px 0;
617}
618
619/* Three column layout
620 * sidebar | main content | sidebar
621-------------------------------------------------------------- */
622
623body.layout-first-main-last #sidebar-first {
624  margin: 0 20px 0 0;
625  width: 230px;
626}
627
628body.layout-first-main-last #content-wrapper {
629  margin: 0 20px 0 0;
630  position: relative;
631  width: 460px;
632  z-index: 1;                    /* keep content visible on admin pages */
633}
634
635body.layout-first-main-last #sidebar-last {
636  margin: 10px 0 0;
637  width: 230px;
638}
639
640body.layout-first-main-last #content {
641  border-left: 1px solid #444;
642  border-right: 1px solid #444;
643  padding: 30px;
644}
645
646body.front.layout-first-main-last #content {
647  border-left: none;
648  padding: 0 20px 0 0;
649}
650
651
652/* Postscript regions
653-------------------------------------------------------------- */
654
655#postscripts {
656  background: #000;
657}
658
659#postscript-wrapper {
660  color: #999999;
661  margin: 0 auto;
662  padding: 30px;
663  width: 960px;
664}
665
666#postscript-wrapper #postscript-first {
667  margin-left: 0;
668}
669
670#postscript-wrapper #postscript-middle {
671}
672
673#postscript-wrapper #postscript-last {
674  margin-right: 0;
675}
676
677body.postscript-middle #postscript-wrapper #postscript-middle {
678  text-align: center;
679}
680
681body.postscript-last #postscript-wrapper #postscript-last {
682  text-align: right;
683}
684
685
686/* Postscript regions
687 * first | middle | last
688-------------------------------------------------------------- */
689
690#postscript-wrapper.postscripts-1 .column {
691  float: left;
692  width: 100%;
693}
694
695#postscript-wrapper.postscripts-2 .column {
696  float: left;
697  margin-right: 36px;
698  width: 46%;
699}
700
701#postscript-wrapper.postscripts-3 .column {
702  float: left;
703  margin-right: 20px;
704  width: 286px;
705}
706
707/* Nodes
708-------------------------------------------------------------- */
709
710div.node {
711  clear: both;
712  margin: 2em 0 2em;
713  overflow: hidden;
714}
715
716body.full-node div.node {
717  margin-top: 0;
718}
719
720div.node h2.title {
721  margin-bottom: 0;
722}
723
724div.node h2.title a {
725  text-decoration: none;
726}
727
728div.node h2.title a:hover {
729  color: #F2F2F2;
730}
731
732.meta,
733.terms {                                      /* styling for byline and tags */
734  font-size: 0.8571em;
735}
736
737.vocab-name {
738  font-weight: bold;
739}
740
741.terms ul.taxonomy li {
742  margin: 2px;
743}
744
745.terms ul.taxonomy ul.vocab-list,
746.terms ul.taxonomy li.vocab-term {
747  display: inline;
748}
749
750.submitted a:link {
751  font-weight: bold;
752}
753
754div.node div.picture {
755  float: right;
756  margin: 0 0 0.8em 0.8em;
757}
758
759.tips {
760  margin-left: 3em;
761}
762
763/* node links */
764div.node ul.links li,
765div.node ul.inline li,
766div.node .read-more a,
767div.node .more-link a,
768div.node .links a {
769  color: #f0f0f0;
770  font-weight: bold;
771  padding-right: 14px;
772  text-decoration: none;
773}
774
775div.node ul.links li,
776div.node ul.inline li {
777  color: #c6c6c6;
778  font-weight: normal;
779}
780
781div.node ul.links li a,
782div.node ul.inline li a {
783  white-space: nowrap;
784}
785
786div.node .read-more a:hover,
787div.node .more-link a:hover,
788div.node .links a:hover {
789  color: #DFB77C;
790  text-decoration: underline;
791}
792
793div.node ul.links li.comment_forbidden a {
794padding-right: 2px;
795}
796
797div.node .links {
798  background: #444444;
799  clear: both;
800  line-height: 130%;
801  margin: 10px 0;
802}
803
804
805/* Blocks
806-------------------------------------------------------------- */
807
808div.block-wrapper {                    /* spacing between blocks */
809  margin: 0 0 20px;
810}
811
812#footer-region .block-wrapper {
813  margin: 0;
814}
815
816div.block h2.title {
817  background: transparent url('images/arrow.png') no-repeat 0 2px;
818  font-family: Arial Narrow, Helvetica, Arial, sans-serif;
819  font-size: 1.1428em;
820  font-weight: bold;
821  margin: 0 0 10px;
822  padding: 0 0 0 14px;
823  text-transform: uppercase;
824}
825
826div.block ul {
827  padding: 0;
828}
829
830div.block ul li {
831  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
832  font-weight: normal;
833  line-height: 1.4285em;
834  list-style: none;
835  list-style-image: none;
836  list-style-type: none;
837  margin: 0.1em 0 0.2em 0;
838  text-decoration: none;
839}
840
841div.block ul li a {
842  color: #A3A3A3;
843  text-decoration: none;
844}
845
846div.block ul li a:hover {
847  color: #DFB77C;
848}
849
850/* for region labels on block admin page */
851div.block-region {
852  background-color: #FFFF66;
853  color: #000;
854  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
855  font-size: 1em;
856  font-weight: 600;
857  margin-bottom: 4px;
858  margin-top: 4px;
859  padding: 3px;
860  text-align: center;
861}
862
863/* front-page sidebar-first blocks */
864body.front #sidebar-first .block h2.title {
865  background: transparent;
866  font-family: Helvetica,Arial,Verdana,"Bitstream Vera Sans",sans-serif;
867  font-size: 1.4285em;
868  font-weight: normal;
869  padding: 0;
870  text-transform: none;
871}
872
873body.front #sidebar-first .block h2.title .first-word {
874  font-weight: bold;
875}
876
877#sidebar-last .block h2.title {
878  background: none;
879  font-size: 0.9375em;
880  font-weight: bold;
881  padding: 0;
882  text-transform: uppercase;
883}
884
885body.not-front #sidebar-first .block h2.title .first-word,
886#preface-sidebar .block h2.title .first-word {
887  color: #DFB579;
888}
889
890#footer .block h2.title {
891  background: none;
892  padding: 0;
893}
894
895/* block not-front */
896body.not-front .block-wrapper {
897  margin-bottom: 40px;
898}
899
900/* block not-front content-top */
901body.not-front #content-top div.block-wrapper {
902  background: transparent url('images/content-top-bg.png') repeat;
903  color: #000;
904  margin: 76px 0 0;
905  padding: 10px;
906}
907
908body.not-front #content-top div.block h2.title {
909  background: none;
910  font-size: 1.4285em;
911  padding: 0 0 4px;
912  text-transform: none;
913}
914
915/* postscript blocks */
916#postscript-wrapper div.block h2.title {
917  background: transparent;
918  font-family: Helvetica,Arial,Verdana,"Bitstream Vera Sans",sans-serif;
919  font-weight: bold;
920  margin-bottom: 14px;
921  padding: 0;
922  text-transform: none;
923}
924
925#postscript-wrapper div.block h2.title {
926  background: transparent;
927  padding: 0;
928}
929
930/* USER LOGIN */
931/* remove list styling on login block */
932#user-login-form div.item-list ul li {
933  list-style-type: none;
934  margin: 0;
935}
936
937/* adjust openid link */
938/* note: display set in openid.js */
939html.js #user-login-form li.openid-processed,
940html.js #user-login li.openid-processed {
941  list-style-type: none;
942  margin-top: 15px;
943  padding: 5px 0 0 18px;
944}
945
946#user-login-form li.openid-link,
947#user-login li.openid-link {
948  background-position: 0 0.5em;
949  padding-left: 18px;
950}
951
952
953/* HEADER - USER LOGIN */
954/* horizontal style login block*/
955#header-top .block-wrapper {
956  margin: 0;
957}
958
959#header-top #block-user-0 {
960  padding-top: 10px;
961}
962
963#header-top #block-user-0 h2.title {
964  display: none;
965}
966
967#header-top #block-user-0 #edit-name-wrapper,
968#header-top #block-user-0 #edit-pass-wrapper,
969#header-top #block-user-0 #user-login-form span.button-wrapper,
970#header-top #block-user-0 .item-list {
971  float: left;
972  margin: 5px 10px 0 0;
973}
974
975#header-top #block-user-0 #user-login-form label {
976  color: #eee;
977  font-weight: bold;
978  margin-left: 2px;
979  position: static;
980}
981
982html.js #header-top #block-user-0 #user-login-form label {
983  font-size: 85%;
984  font-weight: normal;
985  margin-left: 5px;
986  position: absolute;
987}
988
989#header-top #block-user-0 #user-login-form input.form-text {
990  border: 1px solid #ccc;
991  color: #eee;
992  padding: 1px;
993  width: 115px;
994}
995
996#header-top #block-user-0 #user-login-form span.button-wrapper,
997#header-top #block-user-0 .item-list {
998  font-size: 80%;
999  margin-top: 20px;
1000}
1001
1002html.js #header-top #block-user-0 #user-login-form span.button-wrapper,
1003html.js #header-top #block-user-0 .item-list {
1004  margin-top: 0;
1005}
1006
1007#header-top #block-user-0 .item-list li {
1008  font-size: 90%;
1009}
1010
1011/* OpenID */
1012html.js #header-top #block-user-0 #user-login-form li.openid-processed,
1013html.js #header-top #block-user-0 #user-login li.openid-processed {
1014  margin-top: 0;
1015}
1016
1017#header-top #block-user-0 #edit-openid-identifier-wrapper {
1018  float: left;
1019  margin: 5px 10px 0 0;
1020  padding-top: 0;
1021}
1022
1023#header-top #block-user-0 .item-list li.user-link {
1024  padding-left: 0;
1025}
1026
1027#header-top #block-user-0 #user-login-form input#edit-openid-identifier.form-text {
1028  padding-left: 20px;
1029}
1030
1031#header-top #block-user-0 #edit-openid-identifier-wrapper .description {
1032  font-size: 75%;
1033}
1034
1035
1036/* Block menus
1037-------------------------------------------------------------- */
1038
1039div.block ul.menu li a {
1040  font-size: 1.1em;
1041}
1042
1043div.block ul.menu li a:link,
1044div.block ul.menu li a:visited {
1045}
1046
1047div.block ul.menu li a:hover,
1048div.block ul.menu li a:active {
1049}
1050
1051div.block ul.menu li.expanded {
1052  background: transparent url('images/arrow-white.png') no-repeat 0 7px;
1053  padding-left: 10px;
1054}
1055
1056div.block ul.menu li.expanded a,
1057div.block ul.menu li ul.menu li.leaf a {
1058  color: #fff;
1059}
1060
1061div.block ul.menu li a:hover,
1062div.block ul.menu li.expanded a:hover,
1063div.block ul.menu li ul.menu li.leaf a:hover,
1064div.block ul.menu li ul.menu li.leaf a.active {
1065  color: #DFB77C;
1066  text-decoration: underline;
1067}
1068
1069div.block ul.menu li ul.menu {
1070  font-size: 0.9em;
1071  line-height: 1.666em;
1072  margin: 0 0 10px 16px;
1073}
1074
1075div.block ul.menu li a.active {
1076  font-weight: bold;
1077}
1078
1079div.block ul.menu li ul.menu li ul.menu li {
1080
1081}
1082
1083
1084/* Rounded corners for blocks (optional)
1085-------------------------------------------------------------- */
1086
1087div.rounded-block {
1088  margin-top: -1px;                               /* use negative margin to overlap stacked blocks */
1089}
1090
1091p.rounded-topspace,
1092p.rounded-bottomspace {
1093  margin: 0;                               /* removes unwanted space */
1094}
1095
1096div.rounded-block-top-left,
1097div.rounded-block-top-right,
1098div.rounded-block-bottom-left,
1099div.rounded-block-bottom-right {
1100  background: transparent url('images/rounded-blocks.png') no-repeat;         /* combined rounded corner image */
1101  font-size: 2px;                                 /* IE div correction */
1102  height: 11px;                                   /* height of an image corner */
1103}
1104
1105div.rounded-block-top-left,
1106div.rounded-block-bottom-left {
1107  margin-right: 11px;                             /* width of an image corner */
1108}
1109
1110div.rounded-block-top-right {                        /* anchor image in top right */
1111  background-position: 100% 0;
1112}
1113
1114div.rounded-block-top-right,
1115div.rounded-block-bottom-right {
1116  margin-left: 11px;                              /* width of an image corner */
1117  margin-top: -11px;                              /* height of an image corner */
1118}
1119
1120div.rounded-block-bottom-left  {
1121  background-position: 0 -23px;                   /* negative height of an image corner */
1122}
1123
1124div.rounded-block-bottom-right {
1125  background-position: 100% -23px;                /* negative height of an image corner */
1126}
1127
1128div.rounded-inside {
1129  background: #292929 url('images/block-gradient.png') repeat-x bottom;
1130  border-bottom: 0;
1131  border-left: 1px solid #4B4B4B;
1132  border-right: 1px solid #4B4B4B;
1133  border-top: 0;
1134  overflow: hidden;
1135  padding: 0 10px;
1136}
1137
1138
1139/* Rounded corners for node links & content-bottom
1140-------------------------------------------------------------- */
1141
1142.inner {
1143  padding: 0 10px;
1144}
1145
1146.corner {
1147  background: transparent url('images/rounded-corners.png') no-repeat 0;
1148  display: block;
1149  height: 6px;
1150  width: 6px;
1151}
1152
1153.top-left {
1154  background-position: left top;
1155}
1156
1157.top-right {
1158  background-position: right top;
1159  float: right;
1160}
1161
1162.bottom-left {
1163  background-position: left bottom;
1164}
1165
1166.bottom-right {
1167  background-position: right bottom;
1168  float: right;
1169}
1170
1171
1172/* Primary menu
1173-------------------------------------------------------------- */
1174
1175#primary-menu {                                   /* menu layout */
1176  display: block;
1177  padding: 20px 0;
1178  text-align: right;
1179}
1180
1181#primary-menu ul.links li {
1182  font-size: 1.1428em;
1183  padding: 7px 5px;
1184  text-decoration: none;
1185  text-transform: lowercase;
1186}
1187
1188#primary-menu ul.links li a {                       /* text styling for the top (primary) menu */
1189  padding: 7px 10px 7px 5px;
1190  text-decoration: none;
1191}
1192
1193#primary-menu ul.links li a {
1194  color: #999;
1195}
1196
1197#primary-menu ul.links li:hover,
1198#primary-menu ul.links li:active,
1199#primary-menu ul.links li.active-trail {
1200  background: transparent url('images/pri-hover-left.png') no-repeat left;
1201}
1202
1203#primary-menu ul.links li a:hover,
1204#primary-menu ul.links li:hover a,
1205#primary-menu ul.links li a:active,
1206#primary-menu ul.links li.active-trail a {
1207  background: transparent url('images/pri-hover-right.png') no-repeat right;
1208  color: #fff;
1209}
1210
1211#primary-menu ul.links li.first {                 /* .first and .last classes applied to first and last menu & list items */
1212}
1213
1214#primary-menu ul.links li.last {                  /* .first and .last classes applied to first and last menu & list items */
1215}
1216
1217#primary-menu ul.links li a:link,
1218#primary-menu ul.links li a:visited {
1219}
1220
1221
1222/* Secondary menu
1223-------------------------------------------------------------- */
1224
1225#secondary-menu {
1226  margin-bottom: 20px;
1227  padding: 0;
1228}
1229
1230#secondary-menu ul li {
1231  display: list-item;
1232  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
1233  font-weight: normal;
1234  line-height: 1.4285em;
1235  list-style: none;
1236  list-style-image: none;
1237  list-style-type: none;
1238  margin-left: 0;
1239  padding: 0.2em 0.5em 0 0;
1240  text-decoration: none;
1241}
1242
1243#secondary-menu ul li a {
1244  color: #A3A3A3;
1245  text-decoration: none;
1246}
1247
1248#secondary-menu ul li a.active {
1249  color: #FFF;
1250}
1251
1252#secondary-menu ul li a:hover {
1253  color: #DFB77C;
1254}
1255
1256
1257/* Breadcrumbs
1258-------------------------------------------------------------- */
1259
1260#breadcrumb {
1261}
1262
1263
1264/* Drupal messages
1265-------------------------------------------------------------- */
1266
1267.node-unpublished {
1268  background-color: #4F4444;
1269}
1270
1271.preview,
1272.preview .node {
1273  background-color: #36322E;
1274  border: 1px solid #47433E;
1275  padding: 10px;
1276}
1277
1278div.messages {
1279  background: #EEE6A7;
1280  border: 6px solid #EED300;
1281  color: #745500;
1282  font-weight: 600;
1283  font-size: 1em;
1284  margin-bottom: 20px;
1285  overflow: hidden;
1286  padding: 14px;
1287}
1288
1289div.messages a {
1290  color: #1767B1;
1291}
1292
1293div.messages ul {
1294  list-style-position: inside;
1295}
1296
1297div.messages em {
1298  color: #555555;
1299}
1300
1301div.error {
1302  background-color: #FFF2F2;
1303  border-color: #CC0000;
1304  color: #B20000;
1305}
1306
1307div.messages.status,
1308.help {
1309  background-color: #EAF8E4;
1310  border: 6px solid #8DC478;
1311  color: #3E642F;
1312  font-size: 1em;
1313  font-weight: 600;
1314  margin-bottom: 20px;
1315  overflow: hidden;
1316  padding: 10px 16px;
1317}
1318
1319.help {
1320  background-color: #E4EEF8;
1321  border: 6px solid #57718A;
1322  color: #292929;
1323}
1324
1325.help a,
1326.help .more-help-link a {
1327  color: #1767B1;
1328}
1329
1330#content-wrapper ul.tips  li {
1331  background: transparent;
1332  font-size: 1em;
1333  list-style: disc;
1334  list-style-image: none;
1335  list-style-position: inside;
1336}
1337
1338#closure {
1339  background-color: #000000;
1340  color: #999999;
1341  font-size: 0.85em;
1342  padding-top: 10px;
1343  text-align: center;
1344}
1345
1346/* Tabs
1347-------------------------------------------------------------- */
1348
1349/* styling for node tabs (e.g., View, Edit) */
1350#content-tabs {
1351  background-color: transparent;
1352  float: left;
1353  margin: 20px 0;
1354  padding: 0;
1355}
1356
1357#content-tabs ul.primary,
1358#content-tabs ul.secondary {
1359  border-bottom: 1px solid #000;
1360  clear: both;
1361  float: left;
1362  margin: 0;
1363  padding: 0 10px;
1364}
1365
1366#content-tabs ul.secondary {
1367  border-bottom: 1px solid #555;
1368  margin-top: 10px;
1369  text-transform: lowercase;
1370}
1371
1372#content-tabs ul.primary li,
1373#content-tabs ul.secondary li {
1374  border-style: none;
1375  display: inline;
1376  float: left;
1377  list-style: none;
1378  margin: 0 10px;
1379  padding: 0;
1380}
1381
1382#content-tabs ul.primary li a:link,
1383#content-tabs ul.primary li a:visited,
1384#content-tabs ul.secondary li a:link,
1385#content-tabs ul.secondary li a:visited {
1386  background-color: transparent;
1387  border: none;
1388  color: inherit;
1389  float: left;
1390  font-size: 1.1em;
1391  line-height: 1.2em;
1392  font-weight: bold;
1393  margin: 0;
1394  padding: 0 0 6px 0;
1395  text-decoration: none;
1396  white-space: nowrap;
1397}
1398
1399#content-tabs ul.secondary li a:link,
1400#content-tabs ul.secondary li a:visited {
1401  color: #fff;
1402  font-size: 1em;
1403  line-height: 1.1em;
1404}
1405
1406#content-tabs ul.primary li a.active:link,
1407#content-tabs ul.primary li a.active:visited {
1408  border-bottom: 4px solid #DFB77C;
1409  color: #999;
1410  padding-bottom: 2px;
1411}
1412
1413#content-tabs ul.secondary li a.active:link,
1414#content-tabs ul.secondary li a.active:visited {
1415  border-bottom: 4px solid #DFB77C;
1416  color: #999;
1417  padding-bottom: 2px;
1418}
1419
1420#content-tabs ul.primary li a:hover,
1421#content-tabs ul.secondary li a:hover {
1422  border-bottom: 4px solid #DFB77C;
1423  color: #999;
1424  padding-bottom: 2px;
1425}
1426
1427
1428/* Forms
1429-------------------------------------------------------------- */
1430
1431form {
1432  margin: 0;
1433  padding: 0;
1434}
1435
1436textarea,
1437select,
1438input.text,
1439input.form-text,
1440input.title {
1441  background: #1f1f1f;
1442  border: 1px solid #6D6D6D;
1443  color: #EEEEEE;
1444  margin: 0;
1445  padding: 2px;
1446}
1447
1448textarea {
1449  line-height: 1.5em;
1450  height: auto;
1451}
1452
1453label {
1454  font-weight: bold;
1455}
1456
1457legend {
1458  font-weight: bold;
1459  font-size: 1.2em;
1460}
1461
1462fieldset {
1463  background: #3E3E3E;
1464  border: 1px solid #555;
1465  margin: 1.5em 0;
1466  padding: 0 1.4em 1.4em 1.4em;
1467}
1468
1469fieldset legend {
1470  display: block;
1471  font-size: 1em;
1472  background: #1B1B1B;
1473  border: 1px solid #555;
1474  padding: 0 0.4em;
1475}
1476
1477fieldset dl,
1478fieldset select {
1479  margin: 0;
1480}
1481
1482/* prevent uncessary scrollbars */
1483fieldset .collapsible {
1484  overflow: hidden;
1485}
1486
1487/* buttons */
1488.form-submit,
1489.teaser-button {
1490  background-color: #4D4D4D;
1491  border: 1px solid #000;
1492  color: #FFFFFF;
1493  font-size: 1em;
1494  font-weight: normal;
1495  height: 25px;
1496  margin: 0;
1497  padding: 0 6px 2px;
1498}
1499
1500.form-submit:hover,
1501.teaser-button:hover,
1502#sidbar-first .form-submit:hover,
1503#sidebar-last .form-submit:hover {
1504  background: #3D3D3D;
1505  cursor: pointer;
1506}
1507
1508#sidebar-first .form-submit,
1509#sidebar-last .form-submit {
1510  color: #333;
1511}
1512
1513.form-item .resizable-textarea .grippie {
1514  background-color: #4D4D4D;
1515  border: 1px solid #6D6D6D;
1516  border-top: none;
1517}
1518
1519input.text:focus, input.title:focus,
1520textarea:focus, select:focus {
1521  border: 1px solid #666;
1522}
1523
1524div.resizable-textarea textarea {
1525  margin-top: 0;
1526}
1527
1528div.form-item div.description img {
1529  margin: 0;
1530}
1531
1532 html.js input.form-autocomplete {
1533  background-position: 100% 3px;
1534  background-image: url('images/throbber.gif');
1535  max-width: 96%;
1536 }
1537
1538html.js input.throbbing {
1539  background-position: 100% -17px;
1540}
1541
1542#autocomplete {
1543  background: #292929;
1544}
1545
1546#autocomplete li {
1547  background: #292929;
1548  color: #F0F0F0;
1549  border-color: #6D6D6D;
1550}
1551
1552#autocomplete li.selected {
1553  background: #3E3E3E;
1554  color: #F0F0F0;
1555}
1556
1557div.form-item {
1558  margin-bottom: 1.5em;
1559  margin-top: 1.5em;
1560}
1561
1562html.js fieldset.collapsed {
1563  background: none;
1564  margin-bottom: 20px;
1565}
1566
1567html.js fieldset.collapsible legend a {
1568  background: transparent url('images/menu-expanded.gif') no-repeat scroll 0% 50%;
1569  text-decoration: none;
1570}
1571
1572html.js fieldset.collapsed legend a {
1573  background: transparent url('images/menu-collapsed.gif') no-repeat scroll 0% 50%;
1574}
1575
1576html.js fieldset legend:hover {
1577  background-color: #555;
1578  border: 1px solid #000;
1579}
1580
1581div.error,
1582tr.error,
1583span.marker {
1584  background: #FFCCCC;
1585  color: #8A1F11;
1586}
1587
1588div.error a {
1589  color: blue;
1590  text-decoration: underline;
1591}
1592
1593.form-item input.error,
1594.form-item textarea.error,
1595.form-item select.error {
1596  border: 1px solid #DD7777;
1597  background: #FFCCCC;
1598  color: #8A1F11;
1599}
1600
1601.form-item strong.error {
1602  display: block;
1603}
1604
1605.form-item textarea.error {
1606  padding: 0.2em;
1607}
1608
1609.form-item .description {
1610  font-size: 0.9em;
1611  line-height: 1.667em;
1612}
1613
1614/* theme settings form field width limit */
1615form#system-theme-settings select,
1616form#system-theme-settings input.form-text {
1617  max-width: 95%;
1618}
1619
1620/* keep theme select form visible */
1621#system-themes-form {
1622  position: relative;
1623  z-index: 1;
1624}
1625
1626/* keep theme switcher visible */
1627.form-item select#edit-theme {
1628  max-width: none;
1629}
1630
1631#user-login-form {
1632  text-align: left;
1633}
1634
1635body.layout-first-main-last #content .form-text {
1636  max-width: 356px;
1637}
1638
1639#sidebar-first select,
1640#sidebar-last select {
1641  max-width: 158px;
1642}
1643
1644#field-picture-items {
1645  margin: 0 0 30px 0;
1646}
1647
1648
1649/**
1650 * Form graphic buttons
1651 */
1652span.button-wrapper {
1653  cursor: pointer;
1654}
1655
1656span.button {
1657  background: transparent url('images/submit-button-right.png') no-repeat right top;
1658  display: -moz-inline-box;        /* for FF2 */
1659  display: inline-block;
1660  height: 33px;
1661  padding: 0 10px 0 0;
1662  position: relative;
1663}
1664
1665span.button span {
1666  background: transparent url('images/submit-button.png') no-repeat left top;
1667  display: -moz-inline-box;        /* for FF2 */
1668  display: inline-block;
1669  height: 33px;
1670  margin-right: -2px;
1671  padding: 0 0 0 9px;
1672}
1673
1674span.button span input {
1675  background-color: transparent;
1676  border: 0;
1677  color: #fff;
1678  cursor: pointer;        /* for Opera */
1679  font-size: 1.1em;
1680  height: 33px;
1681  margin: 0 !important;
1682  padding: 0;
1683  white-space: nowrap !important;
1684}
1685
1686span.button-wrapper:hover span.button {
1687  background-position: right -33px;
1688}
1689
1690span.button-wrapper:hover span.button span {
1691  background-position: left -33px;
1692}
1693
1694span.button span input:hover {
1695  background-color: transparent;
1696}
1697
1698/* sidebars buttons */
1699#sidebar-first span.button,
1700#sidebar-last span.button {
1701  background: transparent url('images/sidebar-button-right.png') no-repeat right top;
1702  height: 24px;
1703}
1704
1705#sidebar-first span.button span,
1706#sidebar-last span.button span {
1707  background: transparent url('images/sidebar-button.png') no-repeat left top;
1708  height: 24px;
1709}
1710
1711#sidebar-first span.button span input,
1712#sidebar-last span.button span input {
1713  height: 24px;
1714}
1715
1716#sidebar-first span.button-wrapper:hover span.button,
1717#sidebar-last span.button-wrapper:hover span.button {
1718  background-position: right -24px;
1719}
1720
1721#sidebar-first span.button-wrapper:hover span.button span,
1722#sidebar-last span.button-wrapper:hover span.button span {
1723  background-position: left -24px;
1724}
1725
1726#sidebar-first span.button span input:hover,
1727#sidebar-last span.button span input:hover {
1728  background-color: transparent;
1729}
1730
1731
1732/* Tables
1733-------------------------------------------------------------- */
1734
1735table {
1736  border-collapse: collapse;
1737  margin-bottom: 1em;
1738  width: 100%;
1739}
1740
1741th {
1742  text-align: left;
1743  padding-right: 1em;
1744  border-bottom: 3px solid #CCC;
1745}
1746
1747tr {
1748  padding: 0.1em 0.6em;
1749}
1750
1751td {
1752  padding: 3px 8px;
1753}
1754
1755td.active {
1756  background: none;
1757}
1758
1759th.active img {
1760  display: inline;
1761}
1762
1763tr.even {
1764  background-color: #242424;
1765  border-bottom: 1px solid #000;
1766}
1767
1768tr.odd {
1769  background-color: #303030;
1770  border-bottom: 1px solid #000;
1771}
1772
1773tr.selected {
1774  color: #000
1775}
1776
1777tbody {
1778}
1779
1780tbody th {
1781  border-bottom: 1px solid #000;
1782}
1783
1784thead th {
1785  text-align: left;
1786  padding-right: 1em;
1787  border-bottom: 3px solid #000;
1788}
1789
1790table.sticky-header {
1791  background: #000;
1792}
1793
1794tr.draggable.drag-previous {
1795  background-color: #525252;
1796}
1797
1798/* Pagers
1799-------------------------------------------------------------- */
1800
1801ul.pager {
1802  line-height: 1.667em;
1803  margin: 1.667em 0;
1804  font-size: 0.9em;
1805}
1806
1807ul.pager a, ul.pager li.pager-current {
1808  border: 1px solid #000;
1809  text-decoration: none;
1810  margin-right: 3px;
1811  padding: 3px 6px;
1812}
1813
1814ul.pager li.pager-current {
1815  background: #000;
1816  color: #DFB77C;
1817}
1818
1819ul.pager a:link,
1820ul.pager a:visited {
1821  color:#DFB77C;
1822}
1823
1824ul.pager a:hover,
1825ul.pager a:focus,
1826ul.pager a:active {
1827  background-color: #000;
1828  color: #DFB77C;
1829  border: 1px solid #000;
1830}
1831
1832ul.pager span.pager-ellipsis {
1833  padding: 0 0.5em;
1834}
1835
1836.item-list .pager li {
1837  margin: 0;
1838  padding: 0;
1839}
1840
1841
1842/* Admin page(s)
1843-------------------------------------------------------------- */
1844
1845div.admin {
1846  padding-top: 0; /* fix alignment of admin panel */
1847}
1848
1849/* keep admin columns from dropping under */
1850div.admin .left,
1851div.admin .right {
1852  margin-left: 1%;
1853  margin-right: 1%;
1854}
1855
1856div.admin-panel {
1857  padding: 1.5em 0 0 0;
1858}
1859
1860div.admin-panel .body {
1861  padding: 0;
1862}
1863
1864div.admin-panel .description {
1865  margin: 0 0 1.5em 0;
1866  padding: 0;
1867}
1868
1869#user-admin-filter ul li,
1870#node-admin-filter ul li {
1871  list-style: none; /* remove list style from content node filter */
1872}
1873
1874div.admin-dependencies,
1875div.admin-required {
1876  color: #FFFFFF;
1877  font-size: 1em;
1878}
1879
1880
1881/* Maintenance
1882-------------------------------------------------------------- */
1883
1884.in-maintenance  {
1885}
1886
1887
1888/**********************
1889 MODULE STYLES
1890**********************/
1891
1892
1893
1894/* Book navigation
1895-------------------------------------------------------------- */
1896
1897.book-navigation .menu {
1898  border-top: 1px solid #CCC;
1899  padding: 1em 0 0 3em;
1900}
1901
1902.book-navigation .page-links {
1903  border-top: 1px solid #CCC;
1904  border-bottom: 1px solid #CCC;
1905  text-align: center;
1906  padding: 0.5em;
1907}
1908
1909
1910/* Calendar
1911-------------------------------------------------------------- */
1912
1913/* pop-up calendar styles */
1914div#calpopup {
1915  color: #444
1916}
1917
1918div#calpopup a:link,
1919div#calpopup a:visited {
1920  color: #B38542;
1921}
1922
1923div#calpopup a:hover,
1924div#calpopup a:active {
1925  color: #DFB77C;
1926}
1927
1928
1929/* Comments
1930-------------------------------------------------------------- */
1931
1932div.comment {
1933  clear: both;
1934  margin: 16px 0;
1935  padding: 10px
1936}
1937
1938h2.comments {
1939  border-bottom: 1px dotted #98846C;
1940  font-family: Arial Narrow, Helvetica, Arial, sans-serif;
1941  font-size: 1.4285em;
1942  font-weight: bold;
1943  padding-bottom: 10px;
1944  text-transform: uppercase;
1945}
1946
1947div.comment h3.title {
1948  font-weight: normal;
1949  margin: 0 0 5px 0;
1950}
1951
1952div.comment h3.title a {
1953  text-decoration: none;
1954}
1955
1956div.comment .submitted {
1957  color: #E8DCC4;
1958}
1959
1960div.comment .comment-name {
1961  font-weight: bold;
1962}
1963
1964div.comment div.links a,
1965div.comment ul.links a {
1966  color: #E2B57C;
1967  text-decoration: underline;
1968}
1969
1970div.comment div.links ul li {
1971  border-right: 1px solid #E2B57C;
1972  font-size: 0.8571em;
1973  padding: 0 10px;
1974}
1975
1976div.comment div.links ul li.first {
1977  padding-left: 0;
1978}
1979
1980div.comment div.links ul li.last {
1981  border: none;
1982  padding-right: 0;
1983}
1984
1985#comments div.odd {
1986  background-color: inherit;
1987}
1988
1989#comments div.even {
1990  background-color: #343434;
1991}
1992
1993div.comment .picture {
1994  float: right;
1995}
1996
1997.signature {
1998  border-top: 1px solid #D6DDB9;
1999  font-size: 0.916em;
2000  margin: 10px 0;
2001  padding: 0;
2002}
2003
2004
2005/* Forums
2006-------------------------------------------------------------- */
2007
2008#forum .description {
2009  font-size: 0.9em;
2010  margin: 0.5em;
2011}
2012
2013#forum td.created,
2014#forum td.posts,
2015#forum td.topics,
2016#forum td.last-reply,
2017#forum td.replies,
2018#forum td.pager {
2019  white-space: nowrap;
2020}
2021
2022#forum td.posts,
2023#forum td.topics,
2024#forum td.replies,
2025#forum td.pager {
2026  text-align: center;
2027}
2028
2029.forum-topic-navigation {
2030  padding: 1em 0 0 3em;
2031  border-top: 1px solid #888;
2032  border-bottom: 1px solid #888;
2033  text-align: center;
2034  padding: 0.5em;
2035}
2036
2037.forum-topic-navigation .topic-previous {
2038  text-align: right;
2039  float: left;
2040  width: 46%;
2041}
2042
2043.forum-topic-navigation .topic-next {
2044  text-align: left;
2045  float: right;
2046  width: 46%;
2047}
2048
2049
2050/* Panels
2051-------------------------------------------------------------- */
2052
2053
2054#modal-content a {
2055  color: #2385C2;
2056}
2057
2058#modal-content a {
2059  color: #2385C2;
2060}
2061
2062#modal-content textarea {
2063  background: #fff;
2064  color: #000;
2065}
2066
2067#panels-panel-context-edit-content h2 {
2068  margin: 10px 0;
2069}
2070
2071#modal-content fieldset,
2072#modal-content legend,
2073#modal-content textarea,
2074#modal-content select,
2075#modal-content input.text,
2076#modal-content input.form-text,
2077#modal-content input.title {
2078  background: #fff;
2079  color: #292929;
2080}
2081
2082#panels-dnd-main .panel-pane,
2083#panels-dnd-main .helperclass {
2084  color: #292929;
2085}
2086
2087.ctools-owns-lock {
2088  color: #000;
2089}
2090
2091/* Polls
2092-------------------------------------------------------------- */
2093
2094div.poll div.bar {                                      /* styles for poll ratings */
2095  background-color: #DDD;
2096}
2097
2098div.poll div.bar div.foreground {
2099  background-color: #999;
2100}
2101
2102
2103/* Profiles
2104-------------------------------------------------------------- */
2105
2106.profile {
2107  clear: none;
2108  margin: 12px 0;
2109}
2110
2111.profile h2.title {
2112  margin-top: 15px;
2113  border-bottom: 1px solid;
2114}
2115
2116.profile h3 {
2117  border-bottom: 1px solid #444444;
2118}
2119
2120.profile dd {
2121  margin: 15px 5px 0 205px;
2122}
2123
2124.profile dt {
2125  float: left;
2126  margin-bottom: -10px;
2127  margin-right: 5px;
2128  padding: 0 5px;
2129  text-align: left;
2130  width: 185px;
2131}
2132
2133
2134/* Search results
2135-------------------------------------------------------------- */
2136
2137
2138/* Vertical Tabs
2139-------------------------------------------------------------- */
2140
2141.vertical-tabs {
2142  background-color: #3E3E3E;
2143  border-color: #6D6D6D;
2144}
2145
2146.vertical-tabs-list {
2147  border-color: #6D6D6D;
2148}
2149
2150.vertical-tabs-list li {
2151  background-color: #1B1B1B;
2152  border-color: #6D6D6D;
2153}
2154
2155.vertical-tabs-list li.selected {
2156  background-color: #3E3E3E;
2157}
2158
2159.vertical-tabs-list li.selected strong {
2160  color: #F0F0F0;
2161}
2162
2163.vertical-tabs ul.vertical-tabs-list .summary {
2164  color: #A3A3A3;
2165}
2166
2167.vertical-tabs ul.vertical-tabs-list a:link,
2168.vertical-tabs ul.vertical-tabs-list a:visited {
2169  color: #555;
2170}
2171
2172.vertical-tabs ul.vertical-tabs-list a:hover,
2173.vertical-tabs ul.vertical-tabs-list a:active {
2174  color: #212121;
2175}
2176
2177/* Views
2178-------------------------------------------------------------- */
2179
2180div.view-style-node{
2181}
2182
2183div.view-style-teaser{
2184}
2185
2186div.view-style-list{
2187}
2188
2189div.view-style-table{
2190}
2191
2192div.view div.views-admin-links li {
2193  background: transparent !important;
2194}
2195
2196/* views form field width limit */
2197.views-edit-view input,
2198.views-edit-view textarea {
2199  max-width: 95%;
2200}
2201
2202#views-ui-edit-view-form {
2203  margin: 20px 0;
2204}
2205
2206
2207/* make text legible in views admin */
2208div.views-admin-links a,
2209div.views-admin-links-hover a,
2210div.view div.views-admin-links:hover a{
2211  color: #fff;
2212}
2213
2214.views-edit-view a,
2215.views-entry a {
2216  color: #1767B1;
2217}
2218
2219#views-ajax-form,
2220#views-ajax-pad .form-item,
2221#views-ajax-pad .views-expose .description,
2222#views-ajax-pad .views-override .description,
2223.changed,
2224.defaulted,
2225.views-category,
2226.views-category-content,
2227.views-entry,
2228.tab-section,
2229.views-tab {
2230  color: #000 !important;
2231}
2232
2233#views-ajax-pad table.sticky-enabled tr td {
2234  color: #fff;
2235}
2236
2237
2238/* Web Accessibility
2239-------------------------------------------------------------- */
2240
2241/*skip-link*/
2242
2243#skip a,
2244#skip a:hover,
2245#skip a:visited {
2246  height: 1px;
2247  left: 0px;
2248  overflow: hidden;
2249  position: absolute;
2250  top: -500px;
2251  width: 1px;
2252}
2253
2254#skip a:active,
2255#skip a:focus {
2256  height: auto;
2257  position: static;
2258  width: auto;
2259}
2260
2261
2262/* Print styles
2263-------------------------------------------------------------- */
2264
2265@media print {
2266  body {
2267    background: white;
2268    font-size: 10pt;
2269  }
2270
2271  #header,
2272  #header-top,
2273  #header-wrapper,
2274  #header-bottom,
2275  #sidebar-first,
2276  #sidebar-last,
2277  #preface-wrapper,
2278  #content-tabs,
2279  #mission,
2280  #slogan,
2281  #postscript-wrapper,
2282  #footer-top,
2283  #footer,
2284  #primary-menu,
2285  #search-box,
2286  #logo {
2287    display: none;
2288  }
2289
2290  #page,
2291  #main-wrapper,
2292  #content-wrapper,
2293  #content-top,
2294  #content,
2295  #content-bottom {
2296    background: transparent none;
2297    border: 0;
2298    color: black;
2299    float: none !important;
2300    margin: 0;
2301    padding: 0;
2302    width: auto;
2303  }
2304
2305  #content-wrapper {
2306    margin: 0 3%;
2307  }
2308}