Project

General

Profile

Download (36.8 KB) Statistics
| Branch: | Tag: | Revision:
1
/**
2
 * $Id: style.css,v 1.5.2.8 2009/12/27 22:08:10 jwolf Exp $
3
 * Acquia Marina - by TopNotchThemes
4
 */
5

    
6

    
7
/***************************/
8
/* RESET MARGINS & PADDING */
9
/***************************/
10

    
11
html, body, div, span,
12
p, blockquote, pre, code,
13
ul, ol, li,
14
h1, h2, h3, h4, h5, h6,
15
form, fieldset, legend, label, input, textarea,
16
table, caption, tbody, tfoot, thead, tr, th, td {
17
  margin: 0;
18
  padding: 0;
19
}
20

    
21
img {
22
  border: 0;
23
}
24

    
25

    
26
/**************/
27
/* TYPOGRAPHY */
28
/**************/
29

    
30
body {
31
  background: #FFF;
32
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;     /* web safe fonts */
33
  font-size: 75%;    /* 12px */
34
  font-weight: normal;
35
  line-height: 160%;    /* 19.2px */
36
}
37

    
38

    
39
/************/
40
/* HEADINGS */
41
/************/
42

    
43
h1,h2 { font-weight: normal; }
44

    
45
h1 {
46
  font-size: 2em;
47
  line-height: 1;
48
  margin-bottom: 12px;
49
}
50

    
51
h2 {
52
  font-size: 1.5em;
53
  margin-bottom: 14px;
54
}
55

    
56
h3 {
57
  font-size: 1.2em;
58
  font-weight: bold;
59
  line-height: 1;
60
  margin-bottom: 14px;
61
}
62

    
63
h4 {
64
  font-size: 1em;
65
  font-weight: bold;
66
  height: 1.25em;
67
  line-height: 1.25;
68
  margin-bottom: 14px;
69
}
70

    
71
h5 {
72
  font-size: 1em;
73
  font-weight: bold;
74
  margin-bottom: 14px;
75
}
76

    
77
h6 {
78
  font-size: 1em;
79
  font-weight: bold;
80
}
81

    
82

    
83
/*****************/
84
/* DEFAULT LINKS */
85
/*****************/
86

    
87
a,
88
a:link,
89
a:visited {
90
  color: #27638C;
91
  margin: 0;
92
  padding: 0;
93
  text-decoration: none;
94
} 
95

    
96
a:hover,
97
a:active {
98
  text-decoration: underline;
99
}
100

    
101

    
102
/**********/
103
/* LAYOUT */
104
/**********/
105

    
106
html {
107
  background: #F4F7E7;                               /* background & font color */
108
  color: #666;
109
  min-width: 975px;
110
}
111

    
112
#page {
113
  margin: 0;
114
  width: 100%;
115
}
116

    
117
p {
118
  font-size: 1em;
119
  font-weight: normal;
120
  line-height: 1.5;
121
  margin: 10px 0;
122
}
123

    
124

    
125
/*********/
126
/* LISTS */
127
/*********/
128

    
129
ul {
130
  margin: 6px 0 12px;
131
  padding: 0;
132
}
133

    
134
ol {
135
  margin: 10px 0 14px;
136
  padding: 0;
137
}
138

    
139
ul.menu li,
140
.item-list ul li {
141
  margin: 2px 0 2px 6px;    /* LTR */
142
}
143

    
144
ul.menu ul, .item-list ul ul {
145
  margin-left: 0;
146
}
147

    
148
ul li,
149
ul.menu li,
150
.item-list ul li,
151
li.leaf {
152
  margin: 2px 0;
153
  padding: 2px 0 0 16px;    /* LTR */
154
}
155

    
156
ul li,
157
ul.menu li,
158
.item-list ul li,
159
li.leaf {
160
  background: url('images/raquo.png') no-repeat left 0.833em;    /* LTR */
161
  list-style-image: none;
162
  list-style-type: none;
163
}
164

    
165
ol li {
166
  padding: 2px 0;
167
  margin-left: 24px;    /* LTR */
168
}
169

    
170
div.block ul {
171
  padding: 0 0 3px;
172
}
173

    
174
ul.links li,
175
ul.links.inline {
176
  background: transparent;
177
}
178

    
179
/* remove list styling on login block and taxonomy */
180
#user-login-form div.item-list ul li,
181
div.terms ul li {
182
  list-style-type: none;
183
  margin: 0;
184
}
185

    
186
/* adjust openid link */
187
html.js #user-login-form li.openid-processed, 
188
html.js #user-login li.openid-processed {
189
  background: transparent;
190
  font-weight: bold;
191
  list-style-type: none;
192
  margin: 10px 0 0;    /* LTR */
193
  padding-left: 0;    /* LTR */
194
  padding-top: 2px;
195
}
196

    
197
#preface-wrapper div.block ul li {
198
  background: url('images/green-checkmark.png') no-repeat 0 0.222em;
199
  list-style-image: none;
200
  list-style-type: none;
201
  padding: 18px 0 0 40px;    /* LTR */
202
}
203

    
204
#preface-wrapper div.block ol li {
205
  list-style-image: none;
206
  padding: 2px 0;
207
}
208

    
209
body.layout-main-last #sidebar-last li.leaf,
210
body.layout-main-last #sidebar-last ul.menu li,
211
body.layout-main-last #sidebar-last .item-list ul li,
212
#content-content .node ul li,
213
#content-bottom  ul li {
214
  background: url('images/green-bullet.png') no-repeat left 0.50em;    /* LTR */
215
  list-style-image: none;
216
  list-style-type: none;
217
  padding-left: 20px;    /* LTR */
218
}
219

    
220
/********/
221
/* MISC */
222
/********/
223

    
224
hr {
225
  border: 1px solid #D6DDB9;
226
}
227

    
228
div.content a.feed-icon img,
229
div.content th img {
230
  border: 0;             /* remove image borders where we don't want them */
231
}
232

    
233
/* format initial startup page list nicely */
234
#first-time p {
235
  clear: both;
236
}
237

    
238
#first-time ol {
239
  list-style-position: outside;
240
  margin-left: 24px;    /* LTR */
241
}
242

    
243

    
244
/********************/
245
/* ALL PAGE REGIONS */
246
/********************/
247

    
248
/******************/
249
/* HEADER REGIONS */
250
/******************/
251

    
252
#header-wrapper {
253
  background-color: #fff;
254
}
255

    
256
#header {
257
  background-color: inherit;
258
  margin: 0 auto;
259
  padding: 0;
260
  width: 960px;
261
}
262

    
263
#header #search {
264
  text-align: center;
265
}
266

    
267
#header #search-box {
268
  background-color: #E1E1E1;
269
  border: 1px solid #CCCCCC;
270
  float: right;    /* LTR */
271
  padding: 8px;
272
  position: relative;
273
  top: 0;
274
  width: 20em;
275
  -moz-border-radius-bottomleft: 12px;
276
  -moz-border-radius-bottomright: 12px;
277
  -webkit-border-bottom-left-radius: 10px;
278
  -webkit-border-bottom-right-radius: 10px; 
279
}
280

    
281
#header #search-box input.form-text {
282
  height: 14px;
283
  padding: 4px 2px;
284
  width: 166px;
285
}
286

    
287

    
288
/* theming for header search box */
289
#header #search-box input.form-submit {
290
  background: #EFEBE7;
291
  border: 1px solid #ccc;
292
  color: #194765;
293
  cursor: pointer; 
294
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
295
  font-size: 1.1em;
296
  font-weight: normal;
297
  outline: none;
298
  padding: 3px 3px 2px;
299
  text-transform: none;
300
  -moz-border-radius: 0;
301
  -moz-outline-radius: 0;
302
  -webkit-border-radius: 0;
303
}
304

    
305
#header #search-box label,
306
#header #search-box a.advanced-search-link {
307
  display: none;
308
}
309

    
310
#header-first {
311
  float: left;    /* LTR */
312
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
313
  margin: 12px 30px 0 0;
314
  width: 380px;
315
}
316

    
317
#header-first #logo {                            /* logo postion.  default image replaced if you upload your own */
318
  float: left;    /* LTR */
319
  margin: 0 14px 0 0;
320
}
321

    
322
#header-first h1 {    /* site name link */
323
  font-size: 3em;
324
  line-height: 1;
325
  margin: 10px 0 0;
326
}
327

    
328
#header-first h1 a {    /* site name link */
329
  text-decoration: none;
330
}
331

    
332
#header-first #slogan {                          /* site slogan */
333
  display: block;
334
  font-size: 1.166em;
335
  margin: 4px 0;
336
}
337

    
338
#header-middle {
339
  float: left;
340
  margin: 10px 20px 0 0;    /* LTR */
341
  width: 230px;
342
}
343

    
344
#header-last {
345
  float: right;    /* LTR */
346
  margin: 10px 0 0;
347
  width: 300px;
348
}
349

    
350
#primary-menu-wrapper {
351
  margin: 0 auto;
352
  position: relative;
353
  width: 960px;
354
  z-index: 5;    /* fixes IE z-index bug */
355
}
356

    
357

    
358
/********************************/
359
/* PREFACE REGIONS */
360
/********************************/
361

    
362
#preface {
363
  background: #144A6E url('images/preface-wrapper-bg.png') repeat-x top;
364
  min-height: 24px;
365
}
366

    
367
#preface-wrapper {
368
  color: #fff;
369
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
370
  font-size: 1.5em;
371
  margin: 0 auto;
372
  padding: 10px 0 8px 0;
373
  width: 960px;
374
}
375

    
376
/* correct button font size */
377
#preface-wrapper .form-submit {
378
  font-size: 0.6em;
379
}
380

    
381
#preface-wrapper #preface-first {
382
}
383

    
384
#preface-wrapper #preface-middle {
385
}
386

    
387
#preface-wrapper #preface-last {
388
}
389

    
390
#preface-wrapper.prefaces-1 div.column {
391
  float: left;    /* LTR */
392
  width: 100%;
393
}
394
  
395
#preface-wrapper.prefaces-2 div.column {
396
  display: inline;
397
  float: left;    /* LTR */
398
  margin: 0 14px;
399
  width: 47%;
400
}
401
  
402
#preface-wrapper.prefaces-3 div.column {
403
  display: inline;
404
  float: left;    /* LTR */
405
  margin: 0 14px;
406
  width: 30%;
407
} 
408

    
409
#preface-wrapper a:link,
410
#preface-wrapper a:visited {
411
  color: #fff;
412
  text-decoration: underline;
413
}
414

    
415
#preface-wrapper a:link:hover,
416
#preface-wrapper a:visited:hover {
417
  border-bottom: none;
418
  text-decoration: none;
419
}
420

    
421
div.content > a:link img {
422
  border-bottom: none;
423
  margin: 0;
424
  padding: 0;
425
}
426

    
427

    
428
/************************/
429
/*  MAIN AREA WRAPPER   */
430
/* (Sidebars + Content) */
431
/************************/
432

    
433
#main-wrapper {
434
  background: #F4F7E7 url('images/content-gradient.png') repeat-x 0 1px;
435
}
436

    
437
#main {
438
  margin: 0 auto;
439
  width: 960px;
440
}
441

    
442
#main-wrapper a.active {
443
  color: #144A6E;
444
  text-decoration: underline;
445
}
446

    
447
/*******************/
448
/* SIDEBAR REGIONS */
449
/*******************/
450

    
451
#sidebar-first {
452
  float: left;    /* LTR */
453
}
454

    
455
#sidebar-last {
456
  background: transparent;
457
  float: right;    /* LTR */
458
  margin: 0 0 0 10px;    /* LTR */
459
}
460

    
461

    
462
/*******************/
463
/* CONTENT REGIONS */
464
/*******************/
465

    
466
#content-wrapper {
467
  float: left;    /* LTR */
468
}
469

    
470
#content-top {
471
  margin: 0 0 30px;
472
}
473

    
474
#content {
475
  margin: 0 0 20px;               /* default spacing between content regions */
476
}
477

    
478
#content-inner {
479
  clear: left;
480
}
481

    
482
#content-bottom {
483
  clear: both;
484
  margin: 20px 0 0;
485
}
486

    
487

    
488
/**********************************/
489
/* POSTSCRIPT REGIONS  */
490
/**********************************/
491

    
492
#postscript-wrapper {
493
  clear: both;
494
  margin: 0 auto;
495
  width: 960px;
496
}
497

    
498
#postscript-wrapper #postscript-first {
499
  padding-left: 0;    /* LTR */
500
}
501

    
502
#postscript-wrapper #postscript-middle {
503
}
504

    
505
#postscript-wrapper #postscript-last {
506
  padding-right: 0;    /* LTR */
507
}
508

    
509
#postscript-wrapper.postscripts-1 div.column {
510
  float: left;    /* LTR */
511
  width: 100%;
512
}
513

    
514
#postscript-wrapper.postscripts-2 div.column {
515
  float: left;    /* LTR */
516
  margin: 0 10px 0 8px;    /* LTR */
517
  width: 48%;
518
}
519

    
520
#postscript-wrapper.postscripts-3 div.column {
521
  float: left;    /* LTR */
522
  padding: 0 8px;
523
  width: 32.76%;
524
} 
525

    
526

    
527
/*****************/
528
/* FOOTER REGION */
529
/*****************/
530

    
531
#footer {
532
  border-bottom: 1px solid #D6DDB9;
533
  border-top: 1px solid #D6DDB9;
534
  clear: both;
535
  display: block;
536
  font-size: 0.9em;
537
  margin: auto 0;
538
  overflow: hidden;
539
  padding: 10px 0;
540
  text-align: center;
541
  width: 960px;
542
}
543

    
544
#footer ul {
545
  display: inline;
546
  margin: 0;
547
  padding: 0 0 0 9px;    /* LTR */
548
}
549

    
550
#footer ul li {
551
  background: transparent none repeat;
552
  border-left: 1px solid #CCC;    /* LTR */
553
  display: inline;
554
  padding: 0 5px 0 9px;    /* LTR */
555
}
556

    
557
#footer ul li.first {
558
  border: none;
559
}
560

    
561
#legal-notice {
562
  background: #F4F7E7;
563
  clear: both;
564
  color: #AAA;
565
  display: block;
566
  font-size: 0.9em;
567
  padding: 10px 0;
568
  text-align: center;
569
  width: 100%;
570
}
571

    
572
#legal-notice a {
573
  color: #6699CC;
574
}
575

    
576

    
577
/****************************************/
578
/*          COLUMN LAYOUTS              */
579
/*                                      */
580
/* Classes for different column layouts */
581
/* that are applied to the <body> tag.  */
582
/****************************************/
583

    
584
/************************/
585
/* SINGLE COLUMN LAYOUT */
586
/* (Main Content)       */
587
/************************/
588

    
589
body.layout-main #content-wrapper {
590
  margin: 24px 0 0 0;    /* LTR */
591
  width: 960px;
592
}
593

    
594

    
595
/**************************/
596
/*   TWO COLUMN LAYOUT    */
597
/* (Sidebar:Main Content) */
598
/**************************/
599

    
600
body.layout-first-main #sidebar-first {
601
  margin: 24px 14px 0 0;
602
  width: 240px;
603
}
604

    
605
body.layout-first-main #content-wrapper {
606
  margin: 34px 0 0 0;    /* LTR */
607
  width: 706px;
608
}
609

    
610

    
611
/**************************/
612
/*   TWO COLUMN LAYOUT    */
613
/* (Main Content:Sidebar) */
614
/**************************/
615

    
616
body.layout-main-last #content-wrapper {
617
  margin: 32px 0 0 0;
618
  position: relative;
619
  width: 480px;
620
  z-index: 1;
621
}
622

    
623
body.layout-main-last #sidebar-last {
624
  background-color: transparent;
625
  margin: 32px 0 0 0;
626
  width: 460px;
627
}
628

    
629

    
630
/**********************************/
631
/*      THREE COLUMN LAYOUT       */
632
/* (Sidebar:Main Content:Sidebar) */
633
/**********************************/
634

    
635
body.layout-first-main-last #sidebar-first {
636
  margin: 40px 20px 0 0;    /* LTR */
637
  width: 240px;
638
}
639

    
640
body.layout-first-main-last #content-wrapper {
641
  margin: 40px 0 0;
642
  width: 700px;
643
}
644

    
645
body.layout-first-main-last #content-wrapper #content-inner {
646
}
647

    
648
body.layout-first-main-last #content-wrapper #sidebar-last {
649
  background-color: #F4F7E7;
650
  margin: 0;
651
  padding: 0 0 0 20px;    /* LTR */
652
  width: 280px;
653
}
654

    
655
body.full-node.layout-first-main-last #sidebar-last {
656
  margin: 0;
657
}
658

    
659

    
660
/******************/
661
/* HELPER CLASSES */
662
/******************/
663

    
664
.hide {
665
  display: none;
666
  visibility: hidden;
667
}
668

    
669
.left {
670
  float: left;
671
}
672

    
673
.right {
674
  float: right;
675
}
676

    
677
.clear {
678
  clear: both;
679
}
680

    
681
.clearfix:after {                                 /* add .clearfix class to clear floats after an element */
682
  clear: both;                                    /* (IE version is in ie6-fixes.css) */
683
  content: "."; 
684
  display: block;
685
  font-size: 0;
686
  height: 0; 
687
  visibility: hidden;
688
}
689

    
690

    
691
/************/
692
/* HEADINGS */
693
/************/
694

    
695
h1.title {                                        /* page titles */
696
  border-bottom: 1px solid #D6DDB9;
697
  clear: left;    /* LTR */
698
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
699
  font-size: 1.833em;
700
  font-weight: 600;
701
  line-height: 1.2727em;
702
}  
703

    
704
h2.title {                                        /* block titles, node titles */
705
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
706
  font-size: 1.333em;
707
  font-weight: 600;
708
  margin: 0;
709
  text-transform: uppercase;
710
}  
711

    
712
h2.title a:link,
713
h2.title a:visited {
714
}  
715

    
716

    
717
h2.title a:hover,
718
h2.title a:active {
719
  color: #619CBE;
720
  text-decoration: none;
721
}  
722

    
723
div.node h2.title {
724
  border-bottom: 1px solid #d6ddb9;
725
}
726

    
727
/*********/
728
/* NODES */
729
/*********/
730

    
731
div.node {
732
  margin: 0 0 30px;
733
}
734

    
735
div.node.sticky.teaser {
736
  background-color: #EFF2E2;
737
  border: 1px solid #E0E3D4;
738
  padding: 8px;
739
  -moz-border-radius: 4px;
740
  -webkit-border-radius: 4px;
741
}
742

    
743
#content-content .node ul.links li,
744
#content-content .node ul.inline li,
745
#content-content .node .links a {
746
  background: transparent;
747
  margin: 0;
748
  padding: 0 14px 0 0;    /* LTR */
749
}
750

    
751
div.node .read-more a,
752
div.node .more-link a,
753
div.node .links a {
754
  font-size: 0.9em;
755
  font-weight: bold;
756
  margin: 0;
757
}  
758

    
759
#content-content .node ul.links li.comment_forbidden a {
760
  padding-right: 4px;    /* LTR */
761
}
762

    
763
.submitted,
764
.terms {                                      /* styling for byline and tags */
765
  font-size: 0.9em;
766
}
767

    
768
.vocab-name {
769
  font-weight: bold;
770
}
771

    
772
.terms {
773
  line-height: 130%;
774
}
775

    
776
#content-content .terms ul.taxonomy li {
777
  background: transparent;
778
  margin: 10px 0 5px;
779
  padding: 0;
780
}
781

    
782
#content-content .terms ul.taxonomy ul.vocab-list,
783
#content-content .terms ul.taxonomy li.vocab-term {
784
  background: transparent;
785
  display: inline;
786
  padding: 0 0 0 2px;    /* LTR */
787
}
788

    
789
.submitted a:link {
790
}
791

    
792
.submitted a:visited,
793
.submitted a:hover,
794
.submitted a:active {
795
}
796

    
797
div.node.full-node div.content {
798
  border-bottom: 1px solid #D6DDB9;
799
}
800

    
801
.node-form .standard {
802
  clear: none;
803
}
804

    
805
.picture {
806
  float: right;    /* LTR */
807
  margin: 0 0 2px 4px;    /* LTR */
808
  padding: 2px;
809
}
810

    
811
.node-unpublished {
812
  background-color: #FFF0F0;
813
  border: 1px solid #FFBABA;
814
  padding: 8px;
815
}
816

    
817
.preview .node {
818
  background-color: #FFFFDD;
819
  border: 1px solid #ccc;
820
  padding: 10px;
821
}
822

    
823
/**********/
824
/* BLOCKS */
825
/**********/
826

    
827
div.block {
828
  position: relative;
829
}
830

    
831
div.block-region {
832
  background-color: #FFFF66;
833
  color: #000;
834
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
835
  font-size: 16px;
836
  margin-bottom: 4px;
837
  margin-top: 4px;
838
  padding: 3px;
839
  text-align: center;
840
}
841

    
842
div.block .title {
843
}
844

    
845
div.block .submitted {                               /* byline styles in blocks */
846
}
847

    
848
div.block .submitted a:link {
849
}
850

    
851
div.block .submitted a:visited,
852
div.block .submitted a:hover,
853
div.block .submitted a:active {
854
}
855

    
856
div.block-wrapper {                    /* spacing between blocks */
857
  margin: 10px 0;
858
}
859

    
860
div.block div.content {
861
}
862

    
863
#user-login-form .item-list ul li,
864
div.terms ul li {
865
  list-style-type: none;
866
  margin: 2px 0 0 16px;    /* LTR */
867
}
868

    
869

    
870
#header-middle h2.block-title,
871
#header-last h2.block-title {
872
  color: #51748C;
873
  font-size: 1.833em;
874
  margin: 0;
875
  padding: 0;
876
}
877

    
878
#preface-wrapper h2.block-title {
879
  background-color: transparent;
880
  color: #94CE18;
881
  font-size: 1em;
882
  padding: 0;
883
}
884

    
885
#preface-wrapper .block .content {
886
  margin: 10px 0 0;
887
}
888

    
889
body.layout-first-main-last #sidebar-first .block-wrapper,
890
body.layout-first-main-last #sidebar-last .block-wrapper {
891
  margin: 0 0 10px;
892
}
893

    
894
/* rounded blocks styles -= layout-first-main-last & layout-first-main blocks */
895
#sidebar-first h2.block-title,
896
#sidebar-last h2.block-title,
897
#postscript-wrapper h2.block-title {
898
  background-color: #94CE18;
899
  color: #fff;
900
  padding: 8px 8px 6px 46px;
901
  text-align: right;
902
  text-shadow: #545454 1px 1px; 
903
  -moz-border-radius-topleft: 3px;
904
  -moz-border-radius-topright: 3px;
905
  -webkit-border-top-left-radius: 4px;
906
  -webkit-border-top-right-radius: 4px;
907
}
908

    
909
#sidebar-first div.block div.content,
910
#sidebar-last div.block div.content,
911
#postscript-wrapper div.block div.content {
912
  background: transparent url('images/block-gradient.png') no-repeat center bottom;
913
  border-bottom: 3px solid #F1F5F7;
914
  padding: 10px 10px 8px;
915
  -moz-border-radius-bottomleft: 6px;
916
  -moz-border-radius-bottomright: 6px;
917
  -webkit-border-bottom-left-radius: 4px;
918
  -webkit-border-bottom-right-radius: 4px; 
919
}
920

    
921
/* non-rounded blocks styles = prefaces & layout-main-last blocks */
922
#preface-wrapper div.block div.content,
923
body.layout-main-last #sidebar-last div.block div.content {
924
  border: none;
925
}
926

    
927
body.layout-main-last #sidebar-last div.block-wrapper {
928
  margin: 0 0 30px;
929
}
930

    
931
#preface-wrapper div.block div.content,
932
body.layout-main-last #sidebar-last div.block div.content,
933
#footer div.block div.content {
934
  background: none;
935
  border-bottom: none;
936
  margin: 0;
937
  padding: 0;
938
}
939

    
940
body.layout-main-last #sidebar-last div.block div.content {
941
  padding: 6px;
942
}
943

    
944
body.layout-main-last #sidebar-last h2.block-title {
945
  border-bottom: 1px solid #D6DDB9 ;
946
  background-color: transparent;
947
  color: #666;
948
  padding: 0;
949
  text-align: left;    /* LTR */
950
  text-shadow: none;
951
  width: 400px;
952
}
953

    
954
#footer h2.block-title {
955
  background: transparent;
956
  color: #666;
957
}
958

    
959
#sidebar-first #block-search-0 .form-item label,
960
#sidebar-last #block-search-0 .form-item label {
961
  display: none;
962
}
963

    
964
/***************/
965
/* BLOCK MENUS */
966
/***************/
967

    
968
div.block ul li a,
969
div.block ul.menu li a {								
970
  font-size: 1em;
971
  font-weight: bold;
972
}
973

    
974
div.block ul.menu li,
975
div.block .item-list ul li {
976
  margin: 0;
977
}
978

    
979
div.block ul.menu li a:link,
980
div.block ul.menu li a:visited {
981
}
982

    
983
div.block ul.menu li a:hover,
984
div.block ul.menu li a:active {
985
}
986

    
987
#footer div.block ul li a,
988
#footer div.block ul.menu li a {
989
  font-weight: normal;
990
}
991

    
992

    
993
/*****************************************/
994
/* ROUNDED CORNERS FOR BLOCKS (optional) */
995
/*****************************************/
996

    
997
div.rounded-block {
998
  margin-top: -1px;                               /* use negative margin to overlap stacked blocks */
999
}
1000

    
1001
p.rounded-topspace {
1002
  margin-top: -14px;                                  /* removes unwanted space */
1003
}
1004

    
1005
p.rounded-bottomspace {
1006
  margin-bottom: -10px;                               /* removes unwanted space */
1007
}
1008

    
1009
div.rounded-block-top-left, 
1010
div.rounded-block-top-right, 
1011
div.rounded-block-bottom-left, 
1012
div.rounded-block-bottom-right { 
1013
  background: transparent url('images/rounded-block.png') no-repeat;                         /* combined rounded corner image */
1014
  font-size: 2px;                                 /* IE div correction */
1015
  height: 11px;                                   /* height of an image corner */
1016
}
1017

    
1018
body.layout-main-last #sidebar-last div.rounded-block-top-left, 
1019
body.layout-main-last #sidebar-last div.rounded-block-top-right, 
1020
body.layout-main-last #sidebar-last div.rounded-block-bottom-left, 
1021
body.layout-main-last #sidebar-last div.rounded-block-bottom-right { 
1022
  background: none;
1023
  font-size: inherit;
1024
  height: auto;
1025
}
1026

    
1027
div.rounded-block-top-left, 
1028
div.rounded-block-bottom-left { 
1029
  margin-right: 11px;                             /* width of an image corner */
1030
}
1031

    
1032
div.rounded-block-top-right {                        /* anchor image in top right */
1033
  background-position: 100% 0;
1034
}
1035

    
1036
div.rounded-block-top-right,
1037
div.rounded-block-bottom-right { 
1038
  margin-left: 11px;                              /* width of an image corner */
1039
  margin-top: -11px;                              /* height of an image corner */
1040
}
1041

    
1042
body.layout-main-last #sidebar-last div.rounded-block-top-right,
1043
body.layout-main-last #sidebar-last div.rounded-block-bottom-right { 
1044
  margin: 0;
1045
}
1046

    
1047
div.rounded-block-bottom-left  { 
1048
  background-position: 0 -11px;                   /* negative height of an image corner */
1049
}
1050

    
1051
div.rounded-block-bottom-right { 
1052
  background-position: 100% -11px;                /* negative height of an image corner */
1053
}
1054

    
1055
div.rounded-outside,
1056
div.rounded-inside {
1057
  background: transparent url('images/rounded-block-inner.png') repeat-y right;
1058
  padding-right: 8px;
1059
}
1060

    
1061
body.layout-main-last #sidebar-last div.rounded-outside,
1062
body.layout-main-last #sidebar-last div.rounded-inside {
1063
  background: none;
1064
  margin: 0;
1065
  padding: 0;
1066
}
1067

    
1068
div.rounded-inside {
1069
  background-position: left;
1070
  padding: 0 0 0 8px;
1071
}
1072

    
1073

    
1074
/****************/
1075
/* PRIMARY MENU */
1076
/****************/
1077

    
1078
#primary-menu {                                   /* menu layout */
1079
  display: block;
1080
  float: right;
1081
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
1082
  font-size: 1em;
1083
  font-weight: bold;
1084
  margin-top: 12px;
1085
  padding: 0;
1086
  position: relative;
1087
  text-transform: uppercase;
1088
}
1089
  
1090
#primary-menu ul.links li {                       /* text styling for the top (primary) menu */
1091
}  
1092

    
1093
#primary-menu ul.links li.first {                 /* .first and .last classes applied to first and last menu & list items */
1094
}
1095
  
1096
#primary-menu ul.links li.last {                  /* .first and .last classes applied to first and last menu & list items */
1097
}
1098
  
1099
#primary-menu ul.links li a:link,
1100
#primary-menu ul.links li a:visited {
1101
}
1102

    
1103
#primary-menu ul.links li a:hover,
1104
#primary-menu ul.links li a:active {
1105
}  
1106
  
1107

    
1108
/************************************/
1109
/* PRIMARY MENU WITH DROPDOWNS      */
1110
/* - used with menu_tree theming of */
1111
/* $primary_links in page.tpl.php   */
1112
/************************************/
1113

    
1114
#primary-menu ul.menu li {                        /* top item layout */
1115
  background: transparent url('images/tab-left.png') no-repeat left 0;
1116
  display: block;
1117
  float: left;    /* LTR */
1118
  margin: 0 4px 0 0;
1119
  padding: 0 0 0 0.833em;    /* 0 0 0 10px */
1120
  position: relative;
1121
  width:  auto;
1122
}
1123

    
1124
#primary-menu ul.menu li:hover,
1125
#primary-menu ul.menu li.hover,
1126
#primary-menu ul.menu li.active-trail {
1127
  background-position: left -29px;
1128
}
1129

    
1130
#primary-menu ul.menu li a {
1131
  background: transparent url('images/tab-right.png') no-repeat right 0;
1132
  color: #154B70;
1133
  display: block;
1134
  padding: 0.416em 0.833em 0.083em 0;    /* 5px 10px 1px 0 */
1135
  text-decoration: none;
1136
}
1137

    
1138
#primary-menu ul.menu li a:hover,
1139
#primary-menu ul.menu li:hover a,
1140
#primary-menu ul.menu li.hover a,
1141
#primary-menu ul.menu li.active-trail a {
1142
  background-position: right -29px;
1143
  color: #fff;
1144
}
1145

    
1146
#primary-menu ul.menu li ul {
1147
  background: transparent url('images/drop-bottom.png') no-repeat 0 bottom;
1148
  left: -999em;
1149
  opacity: 0.95;
1150
  margin: 0 0 0 -10px;
1151
  padding: 2px 0 4px;
1152
  position: absolute;
1153
  width: 144px;
1154
  z-index: 2;
1155
}
1156
  
1157
#primary-menu ul.menu li:hover ul,
1158
#primary-menu ul.menu li.hover ul {
1159
  display: block;
1160
  left: auto;
1161
}
1162
  
1163
#primary-menu ul.menu li ul li {
1164
  background: #94CE18;
1165
  border-bottom: 1px solid #83A638;
1166
  float: left;
1167
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1168
  font-size: 0.916em;
1169
  height: auto;
1170
  margin: 0;
1171
}
1172

    
1173
#primary-menu ul.menu li ul li.last {
1174
  border-bottom: none
1175
}
1176

    
1177
#primary-menu ul.menu li ul li a,
1178
#primary-menu ul.menu li ul li a:link,
1179
#primary-menu ul.menu li ul li a:visited {
1180
  background: transparent;
1181
  color: #154B6F;
1182
  display: block;
1183
  margin: 0;
1184
  padding: 4px 0;
1185
  text-transform: none;
1186
  width: 135px;
1187
}
1188

    
1189
#primary-menu ul.menu li ul li a:hover {
1190
  color: #fff;
1191
  display: block;
1192
  margin: 0;
1193
  padding: 4px 0;
1194
  text-decoration: none;
1195
}
1196

    
1197
#primary-menu ul.menu li ul li ul.menu {
1198
  left: -999em;
1199
  margin: 0 0 0 -14px;    /* LTR */
1200
  padding: 6px 0 4px;
1201
}
1202

    
1203
#primary-menu ul.menu li ul li:hover ul.menu,
1204
#primary-menu ul.menu li ul li.hover ul.menu {
1205
  display: block;
1206
  left: 154px;    /* LTR */
1207
  top: -6px;
1208
}
1209

    
1210
#primary-menu ul.menu li ul li ul.menu li a {
1211
  padding: 4px;
1212
  width: 128px;
1213
}
1214

    
1215
#primary-menu ul.menu li ul li ul.menu li ul.menu {
1216
  left: -999em;
1217
  margin: 0 0 0 -14px;
1218
  padding: 6px 0 4px;
1219
}
1220

    
1221
#primary-menu ul.menu li ul li:hover ul.menu li:hover ul.menu,
1222
#primary-menu ul.menu li ul li.hover ul.menu li:hover ul.menu{
1223
  display: block;
1224
  left: 154px;    /* LTR */
1225
  top: -6px;
1226
}
1227

    
1228
#primary-menu ul.menu li ul li ul.menu li ul.menu li a {
1229
  padding: 4px;
1230
  width: 128px;
1231
}
1232

    
1233
#primary-menu ul.menu li ul li ul.menu li ul.menu li ul.menu{
1234
  left: -999em;
1235
  margin: 0 0 0 -14px;
1236
  padding: 6px 0 4px;
1237
}
1238

    
1239
#primary-menu ul.menu li ul li:hover ul.menu li:hover ul.menu li:hover ul.menu,
1240
#primary-menu ul.menu li ul li.hover ul.menu li:hover ul.menu li:hover ul.menu{
1241
  display: block;
1242
  left: 154px;    /* LTR */
1243
  top: -6px;
1244
}
1245

    
1246
#primary-menu ul.menu li ul li ul.menu li ul.menu li ul.menu li a {
1247
  padding: 4px;
1248
  width: 128px;
1249
}
1250
  
1251
/******************/
1252
/* SECONDARY MENU */
1253
/******************/
1254

    
1255
#secondary-menu {
1256
}
1257

    
1258

    
1259
/***********/
1260
/* MISSION */
1261
/***********/
1262

    
1263
#mission {
1264
  padding: 8px 0;
1265
}
1266

    
1267
/***************/
1268
/* BREADCRUMBS */
1269
/***************/
1270

    
1271
#breadcrumb {
1272
  font-size: 1em;
1273
  line-height: 100%;
1274
  left: 21.654em;    /* LTR */
1275
  position: relative;
1276
  top: 1.333em;
1277
  width: 700px;
1278
}
1279

    
1280
body.layout-main-last #breadcrumb {
1281
  left: 0;    /* LTR */
1282
}
1283

    
1284
.breadcrumb {
1285
  margin: 0;
1286
  padding: 0;
1287
}
1288

    
1289
/********/
1290
/* TABS */
1291
/********/
1292

    
1293
/* styling for node tabs (e.g., View, Edit) */
1294
#content-tabs {
1295
  background-color: transparent;
1296
  float: left;    /* LTR */
1297
  margin: 0 0 20px 0;
1298
  padding: 0;
1299
}
1300

    
1301
#content-tabs ul.primary,
1302
#content-tabs ul.secondary {
1303
  border-bottom: 1px solid #bbb;
1304
  clear: left;    /* LTR */
1305
  float: left;    /* LTR */
1306
  margin: 0;
1307
  padding: 0 10px;
1308
  text-transform: uppercase;
1309
}
1310

    
1311
#content-tabs ul.secondary {
1312
  border-bottom: 1px solid #bbb;
1313
  margin-top: 10px;
1314
  text-transform: lowercase;
1315
}
1316

    
1317
#content-tabs ul.primary li,
1318
#content-tabs ul.secondary li {
1319
  background: transparent;
1320
  border-style: none;
1321
  display: inline;
1322
  float: left;    /* LTR */
1323
  list-style: none;
1324
  margin: 0 10px;
1325
  padding: 0;
1326
}
1327

    
1328
#content-tabs ul.primary li a:link,
1329
#content-tabs ul.primary li a:visited,
1330
#content-tabs ul.secondary li a:link,
1331
#content-tabs ul.secondary li a:visited {
1332
  background-color: transparent;
1333
  border: none;
1334
  color: #27638C;
1335
  float: left;    /* LTR */
1336
  font-size: 1.1em;
1337
  line-height: 1.2em;
1338
  font-weight: bold;
1339
  margin: 0;
1340
  padding: 0 0 6px 0;
1341
  text-decoration: none;
1342
}
1343

    
1344
#content-tabs ul.secondary li a:link,
1345
#content-tabs ul.secondary li a:visited {
1346
  color: #27638C;
1347
  font-size: 1em;
1348
  line-height: 1.1em;
1349
}
1350

    
1351
#content-tabs ul.primary li a.active:link,
1352
#content-tabs ul.primary li a.active:visited {
1353
  border-bottom: 4px solid #94CE18;
1354
  color: #27638C;
1355
  padding-bottom: 2px;
1356
}
1357

    
1358
#content-tabs ul.secondary li a.active:link,
1359
#content-tabs ul.secondary li a.active:visited {
1360
  border-bottom: 4px solid #94CE18;
1361
  color: #27638C;
1362
  padding-bottom: 2px;
1363
}
1364

    
1365
#content-tabs ul.primary li a:hover,
1366
#content-tabs ul.secondary li a:hover {
1367
  border-bottom: 4px solid #94CE18;
1368
  color: #4A95C8;
1369
  padding-bottom: 2px;
1370
}
1371

    
1372
/*********/
1373
/* FORMS */
1374
/*********/
1375

    
1376
form {
1377
  margin: 0;
1378
  padding: 0;
1379
}
1380

    
1381
select.form-select,
1382
input.form-text,
1383
textarea.form-textarea {                                      /* default styling for all text fields */
1384
  background: #F6F9FB url('images/form-bg.png') left top;
1385
  color: #666666;
1386
  border: 1px solid #9BABB0;
1387
  padding: 2px 0;
1388
  -moz-border-radius: 4px;
1389
  -webkit-border-radius: 4px;
1390
}
1391

    
1392
body.layout-first-main-last select.form-select,
1393
body.layout-first-main-last input.form-text,
1394
body.layout-first-main-last textarea.form-textarea,
1395
body.layout-first-main-last div.resizable-textarea,
1396
body.layout-first-main-last div.resizable-textarea .grippie {
1397
  max-width: 325px;
1398
}
1399

    
1400
input.form-submit,
1401
input.teaser-button {                                    /* default styling for all form buttons */
1402
  background: transparent url('images/blue-button.png') no-repeat left center;
1403
  border: 1px solid #fff;
1404
  color: #fff;
1405
  cursor: pointer;
1406
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
1407
  font-size: 0.916em;
1408
  font-weight: bold;
1409
  margin: 0 4px;
1410
  padding: 2px 4px;
1411
  text-transform: uppercase;
1412
  outline: 1px solid #9BABB0;
1413
  -moz-border-radius: 4px;
1414
  -moz-outline-radius: 4px;
1415
  -webkit-border-radius: 4px;
1416
}
1417

    
1418
input.form-submit:hover,
1419
input.teaser-button:hover  {
1420
  background-position: right center;
1421
  cursor: pointer;
1422
}  
1423

    
1424
fieldset {
1425
  border: 1px solid #D6DDB9;
1426
  margin: 15px 0;
1427
  padding: 10px;
1428
}
1429

    
1430
fieldset.collapsed {
1431
}
1432

    
1433
fieldset legend {
1434
  font-weight: bold;
1435
}
1436

    
1437
html.js fieldset.collapsible legend a {
1438
  font-weight: bold;
1439
}
1440

    
1441
form#system-theme-settings select,
1442
form#system-theme-settings input.form-text {
1443
  width: 95%;
1444
}
1445

    
1446
#user-login-form {
1447
  text-align: left;    /* LTR */
1448
}
1449

    
1450
div.form-item label {
1451
  font-weight: normal;
1452
}
1453

    
1454
html.js input.form-autocomplete {
1455
  background-position: 100% 5px;    /* LTR */
1456
}
1457

    
1458

    
1459
/**********/
1460
/* PAGERS */
1461
/**********/
1462
#main-wrapper .item-list .pager {
1463
  clear: both;
1464
  margin: 0 0 20px;
1465
  text-align: center;
1466
}
1467

    
1468
#preface-wrapper .item-list .pager li,
1469
#main-wrapper .item-list .pager li {
1470
  background-image: none;
1471
  display: inline;
1472
  list-style-type: none;
1473
  margin: 0;
1474
  padding: 2px;
1475
}
1476

    
1477
#main-wrapper .item-list .pager a.active {
1478
  color: #27638C;
1479
  font-size: 1em;
1480
  font-weight: bold;
1481
  padding: 4px;
1482
  text-decoration: none; 
1483
}
1484

    
1485
#main-wrapper .pager li.pager-current {
1486
  background-color: #D9DBCD;
1487
  border: 1px solid #266996;
1488
  color: #333;
1489
  margin: 0 4px;
1490
  padding: 4px;
1491
}
1492

    
1493
#main-wrapper .pager-first,
1494
#main-wrapper .pager-next,
1495
#main-wrapper .pager-previous,
1496
#main-wrapper .pager-item,
1497
#main-wrapper .pager-last {
1498
  background-color:#FDFFEF;
1499
  border: 1px solid #266996;
1500
  margin: 0 4px;
1501
  padding: 4px;
1502
}
1503

    
1504
#main-wrapper .pager-first:hover,
1505
#main-wrapper .pager-next:hover,
1506
#main-wrapper .pager-previous:hover,
1507
#main-wrapper .pager-item:hover,
1508
#main-wrapper .pager-previous:hover,
1509
#main-wrapper .pager-last:hover {
1510
  background-color: #EAEFCB;
1511
}
1512

    
1513

    
1514
/**********/
1515
/* TABLES */
1516
/**********/
1517

    
1518
table {
1519
  border-collapse: collapse;
1520
  margin-bottom: 1em;
1521
  width: 100%;
1522
}
1523

    
1524
.layout-first-main-last table {
1525
  border-collapse: collapse;
1526
  margin: 0 0 10px;
1527
  width: 57%;
1528
}
1529

    
1530
th {
1531
  text-align: left;    /* LTR */
1532
  padding-right: 1em;
1533
  border-bottom: 3px solid #CCC;
1534
}
1535

    
1536
tr {
1537
  padding: 0.1em 0.6em;
1538
}
1539

    
1540
td {
1541
  padding: 3px;
1542
}
1543

    
1544
td.active {
1545
  background: none;
1546
}
1547

    
1548
th.active img {
1549
  display: inline;
1550
}
1551

    
1552
tr.even {
1553
  background-color: #E3ECC0;
1554
  border-bottom: 1px solid #CCC;
1555
}
1556

    
1557
tr.odd {
1558
  background-color: #FDFFEF;
1559
  border-bottom: 1px solid #CCC;
1560
}
1561

    
1562
tr.selected {
1563
  color: #000
1564
}
1565

    
1566
tbody {
1567
}
1568

    
1569
tbody th {
1570
  border-bottom: 1px solid #ccc;
1571
}
1572

    
1573
thead th {
1574
  color: #333;
1575
  text-align: left;    /* LTR */
1576
  padding-right: 1em;
1577
  border-bottom: 1px solid #ccc;
1578
}
1579

    
1580
table.sticky-header {
1581
  background: #fff;
1582
}
1583

    
1584
tfoot {
1585
  font-style: italic;
1586
}
1587

    
1588
caption {
1589
  background: #eee;
1590
}
1591

    
1592
tr.drag,
1593
tr.drag-previous,
1594
tr.selected td {
1595
  background: #FAFFC7;
1596
}
1597

    
1598

    
1599
/*******************/
1600
/* DRUPAL MESSAGES */
1601
/*******************/
1602

    
1603
div.messages a:link,
1604
div.messages a:visited,
1605
.help a:link,
1606
.help a:visited,
1607
.help .more-help-link a:link,
1608
.help .more-help-link a:visited {
1609
  color: #0066B3;
1610
}
1611

    
1612
div.messages a:hover,
1613
div.messages a:active,
1614
.help a:hover,
1615
.help a:active,
1616
.help .more-help-link a:hover,
1617
.help .more-help-link a:active {
1618
  color: #000;
1619
}
1620

    
1621
div.messages,
1622
div.messages.status {
1623
  background-color: #EAF8E4;
1624
  border: 2px solid #8DC478;
1625
  color: #3E642F;
1626
  font-weight: 600;
1627
  font-size: 1em;
1628
  margin-bottom: 20px;
1629
  overflow: hidden;
1630
  padding: 14px;
1631
  -moz-border-radius: 6px;
1632
  -webkit-border-radius: 6px;
1633
}
1634

    
1635
div.messages.warning {
1636
  background: #FFFFDD;
1637
  border: 2px solid #EED300;
1638
  color: #745500;
1639
  -moz-border-radius: 6px;
1640
  -webkit-border-radius: 6px;
1641
}
1642

    
1643
div.messages a {
1644
}
1645

    
1646
div.messages ul {
1647
  list-style-position: inside;
1648
}
1649

    
1650
div.messages em {
1651
  color: #555;
1652
}
1653

    
1654
div.error {
1655
  background-color: #FFF2F2;
1656
  border-color: #CC0000;
1657
  color: #B20000;
1658
  -moz-border-radius: 6px;
1659
  -webkit-border-radius: 6px;
1660
}
1661

    
1662
.help {
1663
  background-color: #E4EEF8;
1664
  border: 2px solid #57718A;
1665
  color: #4C6278;
1666
  font-size: 1em;
1667
  margin-bottom: 20px;
1668
  overflow: hidden;
1669
  padding: 10px 16px;
1670
  -moz-border-radius: 6px;
1671
  -webkit-border-radius: 6px;
1672
}
1673

    
1674
.help p {
1675
  font-weight: 600;
1676
}
1677

    
1678
#content-wrapper ul.tips li {
1679
  background: transparent;
1680
  font-size: 1em;
1681
  list-style: disc;
1682
  list-style-image: none;
1683
  list-style-position: inside;
1684
}
1685

    
1686
#help {
1687
  clear: left;
1688
}
1689

    
1690

    
1691
/*--------------------------------*/
1692
/*---- MODULE SPECIFIC STYLES ----*/
1693
/*--------------------------------*/
1694

    
1695
/*******************/
1696
/* BOOK NAVIGATION */
1697
/*******************/
1698

    
1699
.book-navigation .menu {
1700
  border-top: 1px solid #CCC;
1701
  padding: 1em 0 0 3em;    /* LTR */
1702
}
1703
.book-navigation .page-links {
1704
  border-top: 1px solid #CCC;
1705
  border-bottom: 1px solid #CCC;
1706
  text-align: center;
1707
  padding: 0.5em;
1708
}
1709

    
1710
/********/
1711
/* BLOG */
1712
/********/
1713

    
1714

    
1715
/************/
1716
/* COMMENTS */
1717
/************/
1718
#comments {
1719
  clear: both;
1720
}
1721

    
1722
#comments h2.comments {
1723
  background-color: #94CE18;
1724
  color: #fff;
1725
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
1726
  font-size: 1.333em;
1727
  font-weight: 600;
1728
  padding: 6px 14px 6px 52px;    /* LTR */
1729
  text-shadow: #545454 1px 1px;
1730
  text-transform: uppercase;
1731
  -moz-border-radius-topleft: 3px;
1732
  -moz-border-radius-topright: 3px;
1733
  -webkit-border-top-left-radius: 4px;
1734
  -webkit-border-top-right-radius: 4px;
1735
}
1736

    
1737
#comments .content {
1738
  background: transparent;
1739
  border: none;
1740
}
1741

    
1742
#main-wrapper #comments a.active {
1743
  color: #27638C;
1744
  text-decoration: none;
1745
}
1746

    
1747
.box {
1748
  padding: 10px;
1749
}
1750

    
1751
#comment-form {
1752
  margin: 0 0 20px;
1753
  padding: 0 20px;
1754
}
1755

    
1756
.comment {
1757
  border: none;
1758
  margin: 6px 0 0;
1759
  padding: 10px;
1760
}
1761

    
1762
.comment h3.title {
1763
  font-weight: bold;
1764
  margin: 0 0 5px 0;
1765
}
1766

    
1767
.comment .links a {
1768
  font-size: 0.9em;
1769
  text-align: right;    /* LTR */
1770
}
1771

    
1772
#comments .odd {
1773
  background-color: #F4F7E7;
1774
  border: 1px solid #ddd;
1775
}
1776

    
1777
#comments .even {
1778
  background-color: #fff;
1779
}
1780

    
1781
#comments .comment-by-author {
1782
  background-color: #FFFFEA;
1783
}
1784

    
1785
.comment ul.links {
1786
  text-align: right;    /* LTR */
1787
  clear: right;
1788
}
1789

    
1790
#content-content .comment ul.links li {
1791
  background: transparent;
1792
  margin: 0 10px 0 0;    /* LTR */
1793
  padding: 0;
1794
}
1795

    
1796
.signature p {
1797
  border-top: 1px solid #d6ddb9;
1798
  font-family: serif;
1799
  font-size: 0.916em;
1800
  margin: 10px 0;
1801
  padding: 0;
1802
}
1803

    
1804
.content blockquote p {
1805
  font-style: italic;
1806
  margin: 0;
1807
  padding: 0 20px 8px;
1808
}
1809

    
1810
blockquote {
1811
  background: url('images/close-quote.gif') no-repeat right bottom;    /* LTR */
1812
  color: #5A6A78;
1813
  margin: 10px 0;
1814
}
1815

    
1816
blockquote :first-child {
1817
  background: url('images/open-quote.gif') no-repeat left top;    /* LTR */
1818
  padding: 10px 0 0 20px;    /* LTR */
1819
}
1820

    
1821
blockquote * > :first-child {
1822
  background: transparent;
1823
  padding: 0;
1824
}
1825

    
1826
blockquote a:link {
1827
  text-decoration: underline;
1828
}
1829

    
1830

    
1831
/**********/
1832
/* FORUMS */
1833
/**********/
1834

    
1835
#forum .description {
1836
  font-size: 0.9em;
1837
  margin: 0.5em;
1838
}
1839

    
1840
#forum td.created, 
1841
#forum td.posts, 
1842
#forum td.topics, 
1843
#forum td.last-reply,
1844
#forum td.replies, 
1845
#forum td.pager {
1846
  white-space: nowrap;
1847
}
1848

    
1849
#forum td.posts, 
1850
#forum td.topics, 
1851
#forum td.replies, 
1852
#forum td.pager {
1853
  text-align: center;
1854
}
1855

    
1856
.forum-topic-navigation {
1857
  padding: 1em 0 0 3em;    /* LTR */
1858
  border-top: 1px solid #888;
1859
  border-bottom: 1px solid #888;
1860
  text-align: center;
1861
  padding: 0.5em;
1862
}
1863

    
1864
.forum-topic-navigation .topic-previous {
1865
  text-align: right;    /* LTR */
1866
  float: left;    /* LTR */
1867
  width: 46%;
1868
}
1869

    
1870
.forum-topic-navigation .topic-next {
1871
  text-align: left;    /* LTR */
1872
  float: right;    /* LTR */
1873
  width: 46%;
1874
}
1875

    
1876

    
1877
/**********/
1878
/* PANELS */
1879
/**********/
1880

    
1881
#panels-panel-context-edit-content h2 {
1882
  margin: 10px 0;
1883
}
1884

    
1885
#panels-flexible-toggle-layout {
1886
  margin-bottom: 10px;
1887
}
1888

    
1889

    
1890
/*********/
1891
/* POLLS */
1892
/*********/
1893

    
1894
.poll .bar {                                      /* styles for poll ratings */
1895
  background-color: #DDD;
1896
}
1897

    
1898
.poll .bar .foreground {
1899
  background-color: #999;
1900
  float: none;
1901
}
1902

    
1903

    
1904
/************/
1905
/* PROFILES */
1906
/************/
1907

    
1908
.profile {
1909
  clear: none;
1910
  margin: 12px 0;
1911
}
1912

    
1913
.profile h2.title {
1914
  margin-top: 15px;
1915
  border-bottom: 1px solid;
1916
}
1917

    
1918
.profile dt {
1919
  float: left;    /* LTR */
1920
  margin-bottom: -10px;
1921
  padding: 0 5px;
1922
  text-align: left;    /* LTR */
1923
  width: 185px;
1924
}
1925

    
1926
.layout-first-main-last .profile dd {
1927
  margin: 15px 5px 0 120px;    /* LTR */
1928
}
1929

    
1930
.layout-first-main-last .profile dt {
1931
  width: 100px;
1932
}
1933

    
1934
/******************/
1935
/* SEARCH RESULTS */
1936
/******************/
1937

    
1938

    
1939
/*********/
1940
/* VIEWS */
1941
/*********/
1942

    
1943
.view .view-comments-recent .views-field-subject {
1944
  font-weight: bold;
1945
}
1946

    
1947
.view .view-style-node{
1948
}
1949

    
1950
.view .view-style-teaser{
1951
}
1952

    
1953
.view .view-style-list{
1954
}
1955

    
1956
.view .view-style-table{
1957
}
1958

    
1959
.view .views-admin-links li {
1960
  background: transparent !important;
1961
}
1962

    
1963

    
1964
/* Accessibility
1965
/-------------------------------------------------------------- */
1966
/* skip-link to main content */
1967
#skip a,
1968
#skip a:hover,
1969
#skip a:visited {
1970
  height: 1px;
1971
  left: 0px;
1972
  overflow: hidden;
1973
  position: absolute;
1974
  top: -500px;
1975
  width: 1px;
1976
}
1977

    
1978
#skip a:active,
1979
#skip a:focus {
1980
  height: auto;
1981
  position: static;
1982
  width: auto;
1983
}
1984

    
1985

    
1986
/***************/
1987
/* PRINT STYLE */
1988
/***************/
1989

    
1990
@media print {
1991
  body {
1992
    background: white;
1993
    font-size: 10pt;
1994
  }
1995
   
1996
  #header,
1997
  #header-top,
1998
  #header-wrapper,
1999
  #primary-menu-wrapper,
2000
  #sidebar-first,
2001
  #sidebar-last,
2002
  #preface-wrapper,
2003
  #content-tabs,
2004
  #mission,
2005
  #slogan,
2006
  #postscript-wrapper,
2007
  #footer-top,
2008
  #footer,
2009
  #primary-menu,
2010
  #search-box,
2011
  #logo {
2012
    display: none;
2013
  }
2014

    
2015
  #page,
2016
  #main-wrapper,
2017
  #content-wrapper,
2018
  #content-top,
2019
  #content,
2020
  #content-bottom {
2021
    background: transparent none;
2022
    border: 0;
2023
    color: black;
2024
    float: none !important;
2025
    margin: 0;
2026
    padding: 0;
2027
    width: auto;
2028
  }
2029
  
2030
  #content-wrapper {
2031
    margin: 0 3%;
2032
  }
2033
}
2034

    
2035
/* TODO mode code below into sever.css */
2036

    
2037

    
2038

    
2039
#status {
2040
	border: 1px solid;
2041
	background-color: #ffffff;
2042
}
2043

    
2044
.status_value {
2045
	color: green;
2046
	float: right;
2047
}
(2-2/2)