Projet

Général

Profil

Paste
Télécharger (22,7 ko) Statistiques
| Branche: | Révision:

root / htmltest / sites / all / themes / kanji / style.css @ 6c38d829

1
body {
2
  background-attachment: fixed;
3
  color: #333;
4
  font-family: Arial, Verdana, Helvetica, sans-serif;
5
  font-size: 12px;
6
  margin: 0;
7
  padding: 0;
8
}
9
a.active {
10
  font-weight: bold;
11
}
12
.node a {
13
  color: #1A96D4;
14
}
15
a {
16
  color: #333;
17
}
18
a:hover, a:focus {
19
  text-decoration: none;
20
}
21
#skip-link a:focus {
22
  background: #1A96D4;
23
  color: #fff;
24
  padding: 5px;
25
  display: inline-block;
26
}
27
h1, h2, h3, h4, h5, h6 {
28
  color: #333;
29
}
30
.node h1 a, .node h2 a, .node h3 a, .node h4 a, .node h5 a, .node h6 a {
31
  color: #333;
32
  text-decoration: none;
33
}
34
h2.title {
35
  font-size: 1.5em;
36
  margin: 0;
37
}
38
input, fieldset, textarea {
39
  border: 1px solid #1A96D4;
40
}
41
.form-text {
42
  padding: 3px;
43
}
44
.form-submit, input[type="submit"], input.form-submit {
45
  background: #1A96D4;
46
  color: #fff;
47
  margin: 5px;
48
  padding: 5px;
49
  -webkit-appearance: none;
50
  text-align: center;
51
}
52
.node-readmore{
53
  font-weight: bold;
54
}
55
.item-list ul li, li.leaf, ul.menu li, li  {
56
  list-style-image: none;
57
  list-style: disc;
58
}
59
.clearfix {
60
  /*clear: both;*/
61
}
62
blockquote {
63
  background: #F0F0F0;
64
  border-left: 4px solid #1A96D4;
65
  color: #333;
66
  margin: 25px 0 25px 20px;
67
  padding: 5px 10px;
68
}
69
/* HEADER */
70
#top {
71
  margin: 10px auto 0;
72
  padding: 0;
73
  width: 960px;
74
}
75
#header {
76
  margin: 15px auto 0;
77
  padding: 0;
78
  width: 980px;
79
}
80
/* .region-search-box */
81
#searchBox {
82
  float: right;
83
  height: 35px;
84
  margin:16px 0 0;
85
  padding: 0;
86
}
87
.region-search-box {
88
  background: #333;
89
  height: 34px;  
90
  margin: 10px;
91
  padding: 6px 3px 0 4px;
92
}
93
#searchBox .form-submit {
94
  margin: 0 4px 0 2px;
95
  padding: 3px;
96
}
97
#searchBox .form-text {
98
  border: none;
99
  margin: 4px 5px 0 5px;
100
  padding: 3px;
101
  width: 150px;
102
  *float: left;
103

    
104
}
105
#searchBox label {
106
  display: none;
107
}
108
/* END SEARCH */
109
#siteName, #siteInfo  {
110
  float: left;
111
  margin: 0 0 5px 0;
112
  padding: 0;
113
}
114
#siteInfo {
115
  margin-top: 10px;
116
}
117
#siteName img#logo {
118
  float: left;
119
  margin: 5px 15px 5px 0;
120
  *padding-bottom: 10px;
121
}
122
#siteName h1 {
123
  clear: both;
124
  float: left;
125
  font-size:  30px;
126
  margin: 10px 0 0 0;
127
  padding: 0;  
128
}
129
#siteName h1 a {
130
  color: #333;
131
  text-decoration: none;
132
}
133
#siteName {
134
  margin-left: 10px;
135
  min-height: 100px;
136
}
137
#siteName #siteSlogan {
138
  clear: left;
139
  float: left;
140
  font-weight: bold;
141
  margin: 0;
142
  padding: 0;
143
}
144
#siteSlogan {
145
  font-style: italic;
146
}
147
#content_bottom {
148
  margin: 10px 0;
149
  padding: 0;
150
}
151
/* PRIMARY MENU */
152
#primaryMenu {
153
  clear: none;
154
  float: left;
155
  margin: 0 0 10px;
156
  padding: 0;
157
  width: 942px;
158
}
159
#menu-icon {
160
  display: none;
161
}
162
#primaryMenu h2 {
163
        display: none;
164
}
165
#menuLeft {
166
  float: left;
167
  height: 59px; 
168
  margin: 0 0 0 -24px;  
169
  padding: 0;
170
  width: 24px;
171
}
172
#menuRight {
173
  clear: right;
174
  float: right;
175
  height: 59px;
176
  margin: 0 -24px 0 0;
177
  padding: 0;
178
  width: 24px;  
179
}
180
#primaryMenu ul.menu {
181
  background: #1A96D4;
182
  clear: none;
183
  float: none;
184
  height: 44px; 
185
  font-size: 14px;
186
  margin: 0;
187
  padding:0;
188
  width: 100%;
189
}
190
#primaryMenu ul.menu li {
191
  border-right: 1px #ccc solid;
192
  color: #fff;
193
  display: block;
194
  float: left;
195
  font-weight: bold;
196
  list-style: none;
197
  list-style-image: none;
198
  margin: 0;
199
  padding: 0;
200
  position: relative;
201
  overflow: visible;
202
  width:  auto;
203
  z-index: 100;
204
}
205
#primaryMenu ul.menu li.expanded, #primaryMenu ul.menu li.expanded a {
206
  background-image: none;
207
  list-style-image: none !important;
208
  list-style: none !important;
209
}
210
#primaryMenu ul.menu li a {
211
  color: #fff;
212
  display: block;
213
  text-decoration: none;
214
  margin: 0;
215
  padding: 14px;
216
}
217
#primaryMenu ul li.active {
218
  background: #333;
219
}
220
#primaryMenu ul.menu li a:hover, #primaryMenu ul.menu li:hover,
221
#primaryMenu ul.menu li a:focus,
222
#primaryMenu ul.menu li a.active, #primaryMenu ul.menu li.active-trail {
223
  background: #333;
224
}
225
#primaryMenu ul.menu li ul {
226
  border: none;
227
  left: -9999em;
228
  margin: 0 0 0 -1px;
229
  padding: 0;
230
  position: absolute;
231
  width: auto; 
232
}
233
#primaryMenu ul.menu li:hover ul,
234
#primaryMenu ul.menu li:focus ul,
235
#primaryMenu ul.menu li.hover ul {
236
  display: block;
237
  left: auto;
238
} 
239
#primaryMenu ul.menu li ul li {
240
  background: #333;
241
  clear: both;
242
  border: 1px solid #fff;
243
  border-bottom: none;
244
  float: left; 
245
  height: auto;
246
  margin: 0;
247
  padding: 0;
248
  width: 200px;
249
}
250
#primaryMenu ul.menu li ul li a,
251
#primaryMenu ul.menu li ul li a:link,
252
#primaryMenu ul.menu li ul li a:visited {
253
  padding: 12px;
254
  width: auto;
255
}
256
#primaryMenu ul.menu li ul li.last {
257
  border-bottom: 1px solid #fff;;
258
}
259
#primaryMenu ul.menu li ul li a:hover,
260
#primaryMenu ul.menu li ul li a:focus,
261
#primaryMenu ul.menu li ul li a.active  {
262
  background: #1A96D4;
263
}
264
#primaryMenu ul.menu li ul li ul.menu {
265
  left: -9999em;
266
  margin: -1px 0 0 0;
267
  padding: 0;
268
  position: absolute;
269
  width: auto;
270
}
271
#primaryMenu ul.menu li ul li:hover ul.menu,
272
#primaryMenu ul.menu li ul li:focus ul.menu,
273
#primaryMenu ul.menu li ul li.hover ul.menu {
274
  display: block;
275
  left: 200px;
276
  top: 0;
277
}
278
#primaryMenu ul.menu ul.menu ul.menu ul.menu {
279
  display: none;
280
}
281
#primaryMenu ul.menu ul.menu ul.menu li:hover ul.menu,
282
#primaryMenu ul.menu ul.menu ul.menu li:focus ul.menu,
283
#primaryMenu ul.menu ul.menu ul.menu li.hover ul.menu {
284
  display: block;
285
  left: 200px;
286
  top: 0;
287
}
288

    
289
#primaryMenu ul.menu ul.menu ul.menu ul.menu ul.menu {
290
  display: none;
291
}
292
#primaryMenu ul.menu ul.menu ul.menu ul.menu li:hover ul.menu,
293
#primaryMenu ul.menu ul.menu ul.menu ul.menu li:focus ul.menu,
294
#primaryMenu ul.menu ul.menu ul.menu ul.menu li.hover ul.menu {
295
  display: block;
296
  left: 200px;
297
  top: 0;
298
}
299

    
300

    
301
#primaryMenu ul.menu ul.menu ul.menu li ul.menu li.last a {
302
  display: block;
303
}
304
#primaryMenu ul.sf-js-enabled li.expanded {
305
  list-style-image: none;
306
  list-style: none;
307
}
308
/* END PRIMARY MENU */
309

    
310
/* SECONDARY MENU */
311
#topMenu {
312
  margin: 5px 0;
313
  padding: 0;
314
  text-align:right;
315
}
316
#topMenu li {
317
  border-right: 1px solid #333;
318
  margin: 0 5px 0 0;
319
  padding: 0 5px 0 0;
320
}
321
#topMenu li.last {
322
  border-right: none;
323
}
324
#topMenu li a {
325
  text-decoration: none;
326
}
327
#topMenu li a:hover, 
328
#topMenu li a:focus {
329
  text-decoration: underline;
330
}
331
/* END SECONDARY MENU */
332

    
333
/* END HEADER */
334

    
335
/* CONTENT */
336
#content .content {
337
  margin: 5px 0;
338
  padding: 0;
339
}
340
#content .item-list {
341
  margin: 10px 0 0;
342
}
343
.search-form #edit-submit {
344
  margin-right: 0px;
345
}
346
.date {
347
  background: #333;
348
  clear: none;
349
  color: #fff;
350
  float: left;
351
  font-weight: bold;
352
  line-height: 12px;
353
  margin: 5px 3px 0 0;
354
  padding: 3px;
355
  text-align: center;
356
  width: 30px; 
357
}
358
#forum table {
359
  width: 100%;
360
}
361
.field-type-taxonomy-term-reference .field-items {
362
  clear: both;
363
}
364
.field-type-taxonomy-term-reference .field-items .field-label {
365
  float: left;
366
  font-weight: bold;
367
  margin-bottom: 5px;
368
  margin-right: 5px;
369
}
370
.field-type-taxonomy-term-reference .field-items .field-item {
371
  float: left;
372
  margin-right: 10px;
373
}
374
.pagedate {
375
  float: right;
376
}
377
.submitted {
378
  font-style: italic;
379
  font-size: 11px;
380
}
381
#mission {
382
  background: none repeat scroll 0 0 #333333;
383
  color: #FFFFFF;
384
  font-weight: bold;
385
  margin: 0 0 5px 0;
386
  padding: 5px;
387
}
388
#mission h2 {
389
  background: #F0F0F0;
390
  margin: 2px;
391
  padding-left: 5px;
392
}
393
#mission .content {
394
  padding-left: 5px;
395
}
396
#mission p {
397
  margin: 2px;
398
}
399
#mission a {
400
  color: #fff;
401
}
402
#container {
403
  margin: 0 auto;
404
  padding: 0;
405
  width: 960px;
406
}
407
#inner {
408
  float: left;
409
  margin: 0 0 5px;
410
  padding: 0;
411
}
412
#headerWrapper {
413
  color: #333333;
414
  float: left;
415
  margin: 0 auto;
416
  min-height: 130px;
417
  padding: 0 15px;
418
  width: 950px;
419
}
420
#content_top {
421
  clear: both;
422
  margin: 0;
423
  padding: 0;
424
  width: 100%;
425
}
426
#preface_top {
427
  clear: both;
428
  float: left;
429
  *float: none;
430
  margin: 0;
431
  padding: 0;
432
  width: 100%;
433
}
434
#headerTop {
435
  clear: both;
436
  margin: 0 11px;
437
  padding: 0;
438
  width: 960px;
439
}
440
#contentWrapper {
441
  background: #fff;
442
  border-bottom:5px solid #1A96D4;
443
  float: left;
444
  margin: 0;
445
  padding: 0 9px 9px;
446
}
447
#content .picture {
448
  float: right;
449
}
450
#center {
451
  float: left;
452
  margin: 0;
453
  padding: 0 10px;
454
}
455
.node {
456
  border-bottom: 1px dashed #333;
457
  margin: 0 0 10px;
458
  padding: 0 0 10px;
459
}
460
.one-sidebar #center {
461
  width: 700px;
462
}
463
.two-sidebars #center {
464
  width: 482px;
465
}
466
.no-sidebars #center {
467
  width: 922px;
468
}
469
#content {
470
  clear: both;
471
  margin: 0;
472
  padding: 0;
473
  width: 100%;
474
}
475
#postscript_bottom {
476
  clear: both;
477
  margin: 0;
478
  padding: 0;
479
}
480
#header-region {
481
  float: left;
482
  margin: 0;
483
  padding: 0  0 0 10px;
484
  width: 100%;
485
}
486
.node-links  {
487
  margin: 5px 0;
488
  text-align: right;
489
}
490
.block h2 span.edit {
491
  font-size: 13px;
492
  text-align: right;
493
}
494
.block h2 span.edit a {
495
  display: none;
496
}
497
.block h2:hover span.edit a, 
498
.block h2:focus span.edit a {
499
  color: #fff;
500
  display: block;
501
  float: right;
502
  padding: 5px;
503
  text-decoration: none;
504
}
505
#sidebar_last .block h2:hover span.edit a, 
506
#sidebar_last .block h2:focus span.edit a {
507
  float: left;
508
}
509
/* BREADCRUMB */
510
#breadcrumb {
511
  background: #F0F0F0;
512
  border: 1px dashed #333;
513
  color: #333;
514
  font-weight: bold;
515
  margin: 0 0 5px 0;
516
  padding: 5px;  
517
}
518
#breadcrumb a {
519
  color: #333;
520
  text-decoration: none;
521
}
522
#breadcrumb .breadcrumb {
523
  margin: 0;
524
  padding: 0;
525
}
526
/* END BREADCRUMB */
527

    
528
/* SIDEBARS */
529
#sidebar_first {
530
  float: left;
531
}
532
#sidebar_last {
533
  float: right;
534
}
535
.sidebar {
536
  margin: 0;
537
  *margin-top: 12px;
538
  padding: 0;
539
  width: 220px;
540
}
541
.sidebar h2 {
542
  background-color: #1A96D4;
543
  color: #fff;
544
  font-size: 15px;
545
}
546
#sidebar_first h2 {
547
  margin-left: -24px; 
548
  padding: 9px 0 24px 26px; 
549
}
550
#sidebar_last h2 {
551
  clear: both;
552
  margin-right: -24px;
553
  padding:9px 27px 24px 20px;
554
  text-align:right;
555
  *width: 197px;
556
}
557
.sidebar .block .content {
558
  background-color: #F0F0F0;
559
  margin: 0;
560
  padding: 10px;
561
}
562
.sidebar .block .with-subject {
563
  border: none;
564
  margin-top: -27px;
565
  *margin-top: -34px;
566
}
567
.sidebar .block {
568
  margin: 0 0 10px;
569
}
570
/* END SIDEBARS */
571

    
572
/* Messages */
573
div.messages,
574
div.help, div.webform-confirmation {
575
  border-style: solid;
576
  border-width: 4px;
577
  font-weight: bold;
578
  margin: 0 0 5px 0;
579
  overflow: hidden;
580
  padding: 10px 10px 10px 40px;
581
}
582
div.messages ul, div.webform-confirmation ul {
583
  padding-bottom: 0;
584
}
585
#content div.messages p, #content div.help p, div.webform-confirmation p {
586
  padding-bottom: 0;
587
}
588
div.status {
589
  background-color: #F0F0F0;
590
  border-color: #3E642F;
591
  color: #3E642F;
592
}
593
div.warning {
594
  background: #FFFFDD;
595
  border-color: #745500;
596
  color: #993300;
597
  margin-bottom: 10px;
598
}
599
div.error {
600
  background-color: #eee;
601
  border-color: #CC0000;
602
  color: #970F00;
603
}
604
div.error ul li {
605
  color: #970F00; 
606
}
607
.help {
608
  background-color: #E4EEF8;
609
  border-color: #57718A;
610
  color: #292929;
611
}
612
div.messages ul,
613
div.content-help .help ul {
614
  list-style-position: inside;
615
}
616
div.messages a:link,
617
div.messages a:visited,
618
.help a:link,
619
.help a:visited,
620
.help .more-help-link a:link,
621
.help .more-help-link a:visited {
622
  color: #333;
623
  text-decoration: underline;
624
}
625
div.messages a:hover,
626
div.messages a:focus,
627
div.messages a:active,
628
.help a:hover,
629
.help a:focus,
630
.help a:active,
631
.help .more-help-link a:hover,
632
.help .more-help-link a:focus,
633
.help .more-help-link a:active,
634
div.messages em {
635
  color: #333;
636
  text-decoration: none;
637
}
638

    
639
/* PAGER */
640
ul.pager {
641
  margin: 20px 0;
642
  padding: 0;
643
}
644
ul.pager li {
645
  margin: 0 0 10px 0;
646
  padding: 0;
647
}
648
.item-list .pager li {
649
  padding: 0;
650
}
651
ul.pager li a {
652
  background: #1A96D4;
653
  color: #fff;
654
  font-weight: bold;
655
  padding: 5px;  
656
  text-decoration: none; 
657
}
658
ul.pager li.pager-current, ul.pager li a:hover, 
659
ul.pager li a:focus {
660
  background: #333;
661
  color: #fff;
662
  font-weight: bold; 
663
  padding: 5px;
664
  text-decoration: none; 
665
}
666
.view-calendar ul.pager li a {
667
  background: none;
668
}
669
/* END PAGER */
670

    
671
/* FOOTER */
672
#footer {
673
  clear: both;
674
  margin: 0 auto 10px;
675
  padding: 0;
676
  width: 960px;
677
}
678
#footer .footer-text {
679
  color: #fff;
680
  margin: 0 0 10px;
681
  padding: 0;
682
  text-align: center;
683
}
684
#footer .footer-text a {
685
  color: #fff;
686
}
687
#footer .footer-text .block-block {
688
  clear: none;
689
  display: inline;
690
}
691
#footer .footer-text .block-block .content {
692
  display: inline;
693
}
694
#footer .footer-text .block-block p {
695
  margin: 0;
696
  padding: 0;
697
  clear: none;
698
  display: inline;
699
}
700
/* END FOOTER */
701

    
702
/* BLOCK REGIONS */
703
.blockregion .block {
704
  margin: 0 10px 0 0;
705
  min-width: 200px;
706
  float: left;
707
  width: auto;   
708
}
709
.blockregion .block h2 {
710
  background: #1A96D4;
711
  color: #fff;
712
  margin: 0;
713
  padding: 5px;
714
}
715
.blockregion .block .content {
716
  background: #F0F0F0;
717
  margin: 0 0 10px;
718
  min-height: 170px;
719
  min-width: 200px;
720
  padding: 5px;
721
}
722
.block-region {
723
  border: 2px dashed #333;
724
  background: #ccc;
725
  color: #333;
726
  font-weight: bold;
727
}
728
.blockregion h2 {
729
  font-size: 15px;
730
}
731
/* END BLOCK REGIONS */
732

    
733
/* COMMENTS */
734
#comments {
735
  margin: 10px 0;
736
  padding: 0;
737
}
738
#comments h3{
739
  margin: 2px 0 0 0;
740
  padding: 0;
741
}
742
#comments .comment-count {
743
  background: #333;
744
}
745
#comments .comment-count h2 {
746
  margin: 0 0 10px;
747
  color: #fff;
748
  padding: 5px;
749
}
750
.comment .permalink-comment {
751
  background :#333;
752
  clear: both;
753
  float: left;
754
  padding: 3px;
755
}
756
.comment .permalink-comment a {
757
  color: #fff;
758
  font-weight: bold;
759
  text-decoration: none;
760
}
761
.comment .links {
762
  float: right;
763
}
764
.comment .links a {
765
  color: #1A96D4;
766
  font-weight: bold;
767
  text-decoration: none;
768
}
769
.comment {
770
  background: none repeat scroll 0 0 #F0F0F0;
771
  border: 1px dashed #CCCCCC;
772
  clear: both;
773
  float: left;
774
  margin: 0 0 10px;
775
  padding: 5px 10px 5px;
776
  width: 95%;
777
}
778
.new {
779
  color: #f00;
780
}
781
/* END COMMENTS */
782

    
783
/* USER */
784
#overlay #header, #overlay #footer, #overlay #menuLeft, #overlay #menuRight, #overlay #primaryMenu, #overlay #breadcrumb {
785
  display: none;
786
}
787
#overlay #contentWrapper{
788
  border-bottom: none;
789
}
790
input.password-confirm, input.password-field {
791
  width: 10em;
792
}
793
.password-parent {
794
    margin: 0;
795
    width: 30em;
796
}
797
.profile .field-items .field-item {
798
  float: none;
799
  margin-right: 0;
800
}
801
#content .profile .user-picture {
802
  float: right;
803
}
804
/* END USER */
805
.user-picture {
806
  float: right;
807
  clear: right;
808
  padding-left: 1em;  
809
}
810
.maintenance-page #contentWrapper {
811
  width: 942px;
812
}
813
.maintenance-page #content {
814
  min-height: 200px;
815
}
816
.maintenance-page h2 {
817
  margin: 10px 0;
818
}
819
/* DRUPAL EXTRA'S */
820
#container .view-tweets ul {
821
  padding: 0 0 0.25em 0;
822
}
823
#container .view-tweets ul li {
824
  background: url("images/twitter-list.png") top left no-repeat !important;
825
  list-style: none;
826
  margin-left: 0;
827
  padding-left: 30px;
828
}
829
a.feed-icon img {
830
  margin-bottom: 5px;
831
}
832

    
833
/* END DRUPAL EXTRA'S */
834

    
835
/* ---------- Styles for responsive layout ----------- */
836

    
837
body {
838
  background-attachment: fixed;    
839
}
840
#menuLeft {
841
  background: url("images/block-bg.png") bottom left no-repeat;
842
}
843
#menuRight {
844
  background: url("images/right-block-bg.png") bottom right no-repeat;
845
}
846
#headerWrapper {
847
  background: url("images/fader.png") transparent left top no-repeat;
848
}
849
#sidebar_first h2 {
850
  background: url("images/block-bg.png") bottom left no-repeat;
851
}
852
#sidebar_last h2 {
853
  background: url("images/right-block-bg.png") bottom right no-repeat;
854
}
855
#sidebar_first .even h2 {
856
  background: url("images/block-bg-black.png") bottom left no-repeat;
857
}
858
#sidebar_last .odd h2 {
859
  background: url("images/right-block-bg-black.png") bottom right no-repeat;
860
}
861
@media screen and (max-width: 980px) { /* iPad */
862
  body, #menuLeft, #menuRight, #headerWrapper, #sidebar_first h2, #sidebar_last h2,
863
  #sidebar_first .even h2, #sidebar_last .odd h2 {
864
    background-image: none !important;
865
  }
866
  .sidebar h2 {
867
    background-color: #1A96D4 !important;
868
  }
869
  body {
870
    margin: 10px;
871
  }
872
  img {
873
    max-width: 100%;
874
  }
875
  div {
876
    width: auto !important;
877
  }
878
  #sidebar_first {
879
    margin-right: 10px;
880
  }
881
  #contentWrapper {
882
    margin-top: 45px;
883
  }
884
  #sidebar_first {
885
    clear: left;
886
  }
887
  #sidebar_right {
888
    clear: right;
889
  }
890
  #primaryMenu {
891
    width: 100% !important;
892
    margin: -44px 0 10px 0 !important;
893
  }
894
  #primaryMenu ul li a {
895
    background: #1A96D4;
896
    padding: 14px 14px 13px !important;
897
  }
898
  #primaryMenu ul li a {
899
    background: #1A96D4;
900
    padding: 14px 14px 13px !important;
901
  }
902
  #menuLeft, #menuRight {
903
    display: none;
904
  }
905
  #top, #header, #container, #headerTop {
906
    width: auto !important;
907
    max-width: 98%;
908
  }
909
  .one-sidebar #center {
910
    width: 68% !important;
911
  }
912
  .two-sidebars #center {
913
    width: 37% !important;
914
  }
915
  .no-sidebars #center {
916
    width: 100% !important;
917
  }
918
  #center {
919
    padding: 0;
920
    margin: 0;
921
  }
922
  .sidebar {
923
    width: 30% !important;
924
  }
925
  #headerWrapper {
926
    padding: 0;
927
    width: 100% !important;
928
  }
929
  #searchBox {
930
    margin: 0;
931
    height: 55px;
932
    float: right;
933
  }
934
  .block h2 {
935
    background-color: #1A96D4;
936
    margin: 0 !important;
937
    padding: 5px !important;
938
  }
939
  #comments h2.title {
940
    float: left;
941
    clear: both;
942
    width: 97%;
943
    color: #fff;
944
  }
945
  #sidebar_first .even h2, #sidebar_last .odd h2 {
946
    background-color: #333;
947
  }
948
  .sidebar .block .content {
949
    margin-top: 0;
950
    padding: 10px !important;
951
    padding-bottom: 5px !important;
952
  }
953
  .date {
954
    width: 30px !important;
955
    padding: 3px 3px 5px !important;
956
    height: 100% !important;
957
    margin: 0 5px 0 0 !important;
958
  }
959
  h2.title a {
960
    color: #fff;
961
  }
962
  #mission {
963
    margin-bottom: 10px;
964
  }
965
  #footer .footer-text, #footer .footer-text a {
966
    color: #333;
967
  }
968
  .footer-text .block {
969
    background: none !important;
970
  }
971
  .indented {
972
    margin-left: 0;
973
  }
974
  .comment {
975
    width: 95% !important;
976
  }
977
}
978

    
979
@media screen and (max-width: 600px) {
980
  .block ul {
981
    padding: 0;
982
    margin: 0 !important;
983
  }
984
  .block ul li {
985
    padding: 0 !important;
986
    margin: 0 0 0 20px !important;
987
  }
988
  .block, #block-system-main .node {
989
    background: #eee;
990
  }
991
  .sidebar {
992
    margin-top: 10px !important;
993
  }
994
  .sidebar h2 {
995
    background-color: #1A96D4;
996
  }
997
  .not-front #center {
998
    margin-top: 10px;
999
  }
1000
  #mission {
1001
    margin-top: 10px;
1002
  }
1003
  #contentWrapper {
1004
    background: none;
1005
    margin-top: 0;
1006
  }
1007
  #siteName, #siteInfo {
1008
    float: none;
1009
    width: 100%;
1010
    text-align: center;
1011
  }
1012
  .sidebar h2 {
1013
    text-align: left !important;
1014
  }
1015
  #siteName img#logo, #siteName h1 {
1016
    float: none;
1017
  }
1018
  #siteName img#logo {
1019
    max-height: 100px;
1020
  }
1021
  .submitted {
1022
    padding: 5px !important;
1023
    display: inline-block;
1024
  }
1025
  .one-sidebar #center {
1026
    width: 100% !important;
1027
  }
1028
  .two-sidebars #center {
1029
    width: 100% !important;
1030
  }
1031
  .no-sidebars #center {
1032
    width: 100% !important;
1033
  }
1034
  .sidebar {
1035
    width: 100% !important;
1036
  }
1037
  div, .block {
1038
    clear: both !important;
1039
    width: 100% !important;
1040
    margin-left: 0 !important;
1041
    margin-right: 0 !important;
1042
    padding: 0 !important;
1043
    min-height: 0px !important;
1044
  }
1045
  #siteSlogan {
1046
    margin-bottom: 5px !important;
1047
  }
1048
  #header {
1049
    margin-top: 0 !important;
1050
  }
1051
  .block {
1052
    margin-bottom: 10px !important;
1053
    background: #eee;
1054
  }
1055
  body {
1056
    margin: 0 3px 10px 10px;
1057
    background-image: none !important;
1058
  }
1059
  .block h2 {
1060
    background-color: #1A96D4;
1061
    margin: 0 !important;
1062
    padding: 5px !important;
1063
  }
1064
  .sidebar .block .content {
1065
    margin-top: 0;
1066
    padding: 10px !important;
1067
    width: 94% !important;
1068
    padding-bottom: 5px !important;
1069
  }
1070
  #sidebar_first .even h2, #sidebar_last .odd h2 {
1071
    background-color: #333;
1072
  }
1073
  #menuLeft, #menuRight {
1074
    display: none;
1075
  }
1076
  .more-link a {
1077
    margin: 10px !important; 
1078
  }
1079
  #breadcrumb {
1080
    padding: 5px !important;
1081
    width: 96% !important;
1082
    margin: 10px 0 !important;
1083
  }
1084
  #breadcrumb a {
1085
    padding: 5px;
1086
  }
1087
  .date {
1088
    width: 30px !important;
1089
    padding: 10px 3px 9px !important;
1090
    height: 100% !important;
1091
    margin: 0 5px 0 0 !important;
1092
  }
1093
  h2.title a {
1094
    color: #fff;
1095
  }
1096
  .comment {
1097
    width: 94% !important;
1098
    padding: 10px !important;
1099
  }
1100
  .comment .permalink-comment {
1101
    width: auto !important;
1102
    padding: 3px !important;
1103
  }
1104
  .comment .links {
1105
    float: none !important;
1106
    padding: 10px 0 !important;
1107
  }
1108
  img {
1109
    max-width: 100%;
1110
  }
1111
  .node .content {
1112
    padding: 0 10px 10px !important;
1113
    max-width: 95%;
1114
  }
1115
  #footer .footer-text, #footer .footer-text a {
1116
    color: #333;
1117
  }
1118
  .footer-text .block {
1119
    background: none !important;
1120
  }
1121
  .node-links {
1122
    text-align: center;
1123
  }
1124
  #block-system-main {
1125
    background: none;
1126
  }
1127
  #mission .block {
1128
    background: none !important; 
1129
  }
1130
  #mission {
1131
    padding: 5px !important;
1132
    width: 97% !important;
1133
    margin-bottom: 10px !important;
1134
  }
1135
  ul.pager {
1136
    margin: 5px 0 !important;
1137
    padding: 10px 0 5px !important;
1138
  }
1139
  ul.pager li {
1140
    margin: 0px 0 15px !important;
1141
    padding: 4px !important;
1142
    display: inline-block !important;
1143
  }
1144
  .addtoany {
1145
    width: 95% !important;
1146
    clear: both !important;
1147
    display: block !important;
1148
    float: left !important;
1149
    text-align: left;
1150
  }
1151
  h2.title {
1152
    font-size: 1.2em;
1153
    min-height: 33px;
1154
  }
1155
  .submitted {
1156
    font-size: 9px;
1157
  }
1158
  .block {
1159
    background: #eee;
1160
  }
1161
  .block .content {
1162
    padding: 5px !important;
1163
    width: 95% !important;
1164
  }
1165
  #searchBox .content, #primaryMenu .content, #block-system-main .content {
1166
    padding: 0 !important;
1167
    width: 100% !important;
1168
  }
1169
  #searchBox .form-text {
1170
    width: 63% !important;
1171
  }
1172
  #searchBox {
1173
    width: 68% !important;
1174
    margin-bottom: 10px;
1175
    height: 35px;
1176
    float: none;
1177
    margin-left: 28% !important;
1178
    z-index: 9999;
1179
    position: relative;
1180
  }
1181
  #searchBox .block {
1182
    background: none !important;
1183
  }
1184
  .region-search-box {
1185
    padding: 6px 6px 0 !important;
1186
  }
1187
  #block-system-main .content .node .field {
1188
    margin: 5px !important;
1189
  }
1190
  input, fieldset, textarea, .grippie {
1191
    max-width: 95%;
1192
  }
1193
  .user-picture {
1194
    width: auto !important;
1195
    max-width: 42px;
1196
    clear: none !important;
1197
  }
1198
  .user-picture img {
1199
    max-height: 43px !important;
1200
  }
1201
  div.messages, div.help, div.webform-confirmation {
1202
    width: 80% !important;
1203
    padding: 10px 0 10px 40px !important;
1204
  }
1205
  /* Primary menu */
1206
  #menu-icon {
1207
    color: #fff;
1208
    width: 15% !important;
1209
    background: #1A96D4 url("images/menu-icon.png") no-repeat 10px center;
1210
    padding: 12px 10px 0 35px !important;
1211
    display: block;
1212
    text-align: center;
1213
    font-weight: bold;
1214
    font-size: 14px;
1215
    height: 28px;
1216
    position: relative;
1217
    top: 20px;
1218
    z-index: 555;
1219
  }
1220
  #primaryMenu ul {
1221
                display: none;
1222
    position: relative;
1223
    top: 20px;
1224
  }
1225
  #primaryMenu .block {
1226
    background: none;
1227
  }
1228
  #primaryMenu ul ul {
1229
    position: relative;
1230
    top: 0;
1231
  }
1232
        #primaryMenu {
1233
                position: relative;
1234
    margin-top: -65px !important;
1235
    z-index:888;
1236
  }
1237
  #primaryMenu.active ul.menu, #primaryMenu.active ul.menu ul.menu, #primaryMenu ul.menu ul.menu ul.menu, 
1238
  #primaryMenu ul.menu ul.menu ul.menu ul.menu, #primaryMenu ul.menu ul.menu ul.menu ul.menu ul.menu, 
1239
  #primaryMenu ul.menu ul.menu ul.menu ul.menu ul.menu, ul.menu,
1240
  #primaryMenu.active ul.menu li, #primaryMenu.active ul.menu ul.menu li, #primaryMenu.active ul.menu li a {
1241
    float: none !important;
1242
    left: 0 !important;
1243
    height: auto;
1244
    display: block;
1245
    padding: 0 !important;
1246
    position: relative !important;
1247
    border: none;
1248
    background: #1A96D4;
1249
  }
1250
  #primaryMenu.active ul.menu {
1251
    padding-bottom: 20px !important;
1252
  }
1253
  #primaryMenu.active ul.menu a {
1254
    padding: 5px !important;
1255
  }
1256
  #primaryMenu.active ul.menu li.last {
1257
    margin-bottom: 5px !important;
1258
  }
1259
  #primaryMenu.active ul.menu ul li.first {
1260
    margin-top: 5px !important;
1261
  }
1262
}