Projet

Général

Profil

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

root / drupal7 / sites / all / themes / kanji / style.css @ 87dbc3bf

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: 702px;
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
    height: auto !important;
875
  }
876
  div {
877
    width: auto !important;
878
  }
879
  #sidebar_first {
880
    margin-right: 10px;
881
  }
882
  #contentWrapper {
883
    margin-top: 45px;
884
  }
885
  #sidebar_first {
886
    clear: left;
887
  }
888
  #sidebar_right {
889
    clear: right;
890
  }
891
  #primaryMenu {
892
    width: 100% !important;
893
    margin: -44px 0 10px 0 !important;
894
  }
895
  #primaryMenu ul li a {
896
    background: #1A96D4;
897
    padding: 14px 14px 13px !important;
898
  }
899
  #primaryMenu ul li a {
900
    background: #1A96D4;
901
    padding: 14px 14px 13px !important;
902
  }
903
  #menuLeft, #menuRight {
904
    display: none;
905
  }
906
  #top, #header, #container, #headerTop {
907
    width: auto !important;
908
    max-width: 98%;
909
  }
910
  .one-sidebar #center {
911
    width: 68% !important;
912
  }
913
  .two-sidebars #center {
914
    width: 37% !important;
915
  }
916
  .no-sidebars #center {
917
    width: 100% !important;
918
  }
919
  #center {
920
    padding: 0;
921
    margin: 0;
922
  }
923
  .sidebar {
924
    width: 30% !important;
925
  }
926
  #headerWrapper {
927
    padding: 0;
928
    width: 100% !important;
929
  }
930
  #searchBox {
931
    margin: 0;
932
    height: 55px;
933
    float: right;
934
  }
935
  .block h2 {
936
    background-color: #1A96D4;
937
    margin: 0 !important;
938
    padding: 5px !important;
939
  }
940
  #comments h2.title {
941
    float: left;
942
    clear: both;
943
    width: 97%;
944
    color: #fff;
945
  }
946
  #sidebar_first .even h2, #sidebar_last .odd h2 {
947
    background-color: #333;
948
  }
949
  .sidebar .block .content {
950
    margin-top: 0;
951
    padding: 10px !important;
952
    padding-bottom: 5px !important;
953
  }
954
  .date {
955
    width: 30px !important;
956
    padding: 3px 3px 5px !important;
957
    height: 100% !important;
958
    margin: 0 5px 0 0 !important;
959
  }
960
  h2.title a {
961
    color: #fff;
962
  }
963
  #mission {
964
    margin-bottom: 10px;
965
  }
966
  #footer .footer-text, #footer .footer-text a {
967
    color: #333;
968
  }
969
  .footer-text .block {
970
    background: none !important;
971
  }
972
  .indented {
973
    margin-left: 0;
974
  }
975
  .comment {
976
    width: 95% !important;
977
  }
978
}
979

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