Project

General

Profile

Feature #5347 » default.css

Alex Hills, 2016-03-21 08:09 AM

 
1
/* Default.css for MESTC */
2

    
3

    
4
/* =Global Elements
5
-------------------------------------------------------------- */
6
body, input, textarea {
7
    font:12px Helvetica, Verdana, Arial, sans-serif;
8
    color: #458BBF;
9
    line-height:15px;
10
    margin-bottom: 10px !important;
11
}
12

    
13
html {
14
    margin-top: 0px !important;
15
}
16

    
17
body{
18
    margin-bottom: 10px !important;
19
}
20

    
21

    
22
p, ul, ol, dd, pre {
23
    margin-bottom:15px;
24
}
25
pre, code {
26
	font:14px Monaco, monospace;
27
	line-height:22px;
28
}
29
blockquote {
30
    font-style:italic;
31
}
32
table {
33
    font-size:13px;
34
    line-height:18px;
35
    margin:0 0 22px 0;
36
    text-align:left;
37
}
38

    
39
table, tbody{
40
border: none;
41
}
42

    
43
caption {
44
    text-align:left;
45
}
46
tr {
47
    border-bottom:1px solid #ccc;
48
}
49
th, td {
50
    padding: .7em 1.25em;
51
}
52
hr {
53
    background-color:#ccc;
54
    border:0;
55
    height:1px;
56
    margin-bottom:20px;
57
}
58
.ie7 hr {
59
	background-color:transparent;
60
	color:#ccc;
61
}
62
a:link,
63
a:visited {
64
    color: #82939B;
65
    text-decoration:none;
66
}
67
a:visited {
68
/*   color:#743399;*/
69
}
70
a:active,
71
a:hover {
72
    color: #586369;
73
    text-decoration:none;
74
}
75

    
76

    
77
/* =Header
78
-------------------------------------------------------------- */
79

    
80
#header {
81
    z-index:2;
82
    height:135px;
83
    margin:0 auto;
84
    width:750px;
85
}
86
#branding {
87
    float:left;
88
    padding:0;
89
    margin: 10px 0 5px 0;
90
    width:170px;
91
    height:134px;
92
}
93

    
94
/*#blog-title {
95
    display:none;
96
    font-family:Arial,sans-serif;
97
    font-size:34px;
98
    font-weight:bold;
99
    line-height:40px;
100
}
101
#blog-title a {
102
    color:#000;
103
    text-decoration:none;
104
}
105
#blog-title a:active,
106
#blog-title a:hover {
107
    color: #FF4B33;
108
}
109
#blog-description {
110
    display:none;
111
    color:#666;
112
    font-size:13px;
113
    font-style:italic;
114
}*/
115

    
116
/* =Primary Header Menu
117
-------------------------------------------------------------- */
118

    
119
.skip-link {
120
    display:none;
121
}
122

    
123
#access {
124
    border:none;
125
    height:32px;
126
    font-size:13px;
127
    overflow:visible;
128
    z-index:100;
129
    float:left;
130
    margin: 10px 0 5px 5px;
131
    width: 575px;
132
    height: 134px;
133
}
134

    
135
body #access{
136
    position:relative;
137
}
138

    
139
.menu ul{
140
    font-size:30px;
141
    letter-spacing:-.7px;
142
    font-weight:600;
143
    line-height:36px;
144
    margin-top:15px;
145
    margin-left:15px;
146
    padding:0;
147
    float:left;
148
}
149

    
150
.menu li{
151
    padding:0;
152
    list-style-type:none;
153
    }
154

    
155

    
156
.menu a {
157
    color: #aee0f9;
158
}
159

    
160
.menu a:hover, 
161
.menu a:active, 
162
.menu .current-menu-item a{
163
    color: #e4ebf2;
164
}    
165

    
166
/* =Second Header Menu
167
-------------------------------------------------------------- */
168
#secondary-header-menu{
169
    width:100px;
170
    height: 105px;
171
    margin-left:10px;
172
    position:absolute;
173
    right:0px;
174
    bottom:16px;   
175
    border-left: solid 1px #aee0f9;
176
}
177

    
178
#secondary-header-menu ul{
179
    padding:0px 0 0px 10px;
180
    font-size: 22px;
181
    font-weight:normal;
182
    color:#aee0f9;
183
    margin:15px 0 0 0;
184
    position:absolute;
185
    bottom:2px;
186
}
187

    
188
#secondary-header-menu li{
189
    padding-top:12px;
190
    list-style-type:none;
191
    color:#aee0f9;
192
}
193

    
194
#secondary-header-menu a{
195
    color:#aee0f9;
196
}
197

    
198
#secondary-header-menu a:active, 
199
#secondary-header-menu a:hover,
200
#secondary-header-menu .current-menu-item a{
201
    color:#e4ebf2;
202
}
203

    
204
/* =Header Tag Line
205
-------------------------------------------------------------- */
206

    
207
#header_tag {
208
    color: #e4ebf2;
209
    background-color: #1c4980;
210
    position: relative;
211
    top: 149px;
212
    font-weight: normal;
213
    padding: 7px;
214
    height: 15px;
215
    font-size: 9.5px;
216
}
217
    .tag_content {
218
        position: absolute;
219
    }
220

    
221
/* =Content
222
-------------------------------------------------------------- */
223

    
224
#main {
225
    clear:both;
226
    margin-top:48px;
227
    padding:0px 0 10px 0;
228
    min-height:400px;
229
}
230

    
231
#content {
232
    margin: 0 0 0 175px;
233
}
234
.page-title {
235
    padding:0 0 10px 0;
236
}
237
.attachment .page-title {
238
    font-style:italic;
239
}
240

    
241
h1.page-title {
242
    font-size:22px;
243
    line-height:26px;
244
    margin-top:5px;
245
    font-weight:bold;    
246
    color:#6CB2D4;
247
}
248

    
249
body.archive .post h2{
250
    font-size:20px;
251
}
252

    
253
.page-title a {
254
    color:#666;
255
    text-decoration:none;
256
}
257
.page-title a:active,
258
.page-title a:hover {
259
    color: #FF4B33;
260
}
261
.page-title span {
262
    font-style:italic;
263
}
264
.page-title .meta-nav {
265
    font-style:normal;
266
}
267
.hentry {
268
    padding:0;
269
}
270
.single .hentry {
271
    padding:0;
272
}
273
.home #content .sticky {
274
    border:1px solid #ccc;
275
    margin:0 0 66px 0;
276
    padding:22px 20px 0 20px;
277
}
278
.entry-title {
279
    font-size:22px;
280
    font-weight:bold;
281
    line-height:26px;
282
    padding:5px 0 7px 0;
283
    color: #458BBF;
284
}
285
.entry-title a {
286
    color: #458BBF;
287
}
288
.entry-title a:active,
289
.entry-title a:hover {
290
    color: #586369;
291
}
292
.entry-meta {
293
}
294
.entry-meta .author {
295
}
296
.entry-meta .n, .entry-meta .nickname {
297
}
298
.entry-meta a {
299
}
300
.entry-meta a:active,
301
.entry-meta a:hover {
302
}
303
.entry-meta abbr {
304
    border:none;
305
    cursor:text;
306
}
307
.entry-content {
308
    padding:10px 0 0 0;
309
}
310
.entry-content h1,
311
.entry-content h2 {
312
    font-family:Arial,sans-serif;
313
    font-size:19px;
314
    font-weight:bold;
315
    padding:28px 0 14px 0;
316
}
317
.entry-content h3 {
318
    font-size:17px;
319
    font-style:italic;
320
    padding:28px 0 14px 0;
321
}
322
.entry-content h4 {
323
    font-size:11px;
324
    font-family:Arial,sans-serif;
325
    font-weight:bold;
326
    text-transform:uppercase;
327
    letter-spacing:0.05em;
328
}
329
.entry-content table {
330
    margin-left:1px;
331
}
332
.entry-content embed {
333
    margin:0 0 22px 0;
334
}
335
.entry-content .the_content {
336
    float: right;
337
    width: 240px;
338
}
339
.entry-content .live-stream {
340
    width: 494px;
341
    float: left;
342
}
343
.entry-utility {
344
    clear:both;
345
    padding-bottom:10px;
346
    margin:0 0 15px 0;
347
    border-bottom:1px solid #CCC
348
}
349
.entry-utility a {
350
    }
351
.entry-utility a:active,
352
.entry-utility a:hover { 
353
}
354
.page .edit-link {
355
	clear:both;
356
	display:block;
357
}
358
.page-link {
359
	clear:both;
360
    font-size:13px;
361
    font-weight:bold;
362
    line-height:18px;
363
    margin:0 0 22px 0;
364
    padding:22px 0 0 0;
365
    word-spacing:0.5em;
366
}
367
.page-link a {
368
    border:1px solid #ccc;
369
    color:#666;
370
    font-weight:normal;
371
    padding:0.5em 0.75em;
372
    text-decoration:none;
373
}
374
.page-link a:active,
375
.page-link a:hover {
376
    color: #FF4B33;
377
}
378
ul#links-page,
379
ul#archives-page {
380
    list-style:none;
381
    margin-left:0;
382
    overflow:hidden;
383
}
384
li.content-column {
385
    float:left;
386
    margin-right:20px;
387
    width:45%;
388
}
389
#author-info {
390
    margin:0 0 44px 0;
391
    overflow:hidden;
392
}
393
#author-info .avatar {
394
    float:left;
395
    margin:.3em 1em 0 0;
396
}
397

    
398
.page-template-template-page-fullwidth-php #content {
399
	margin: 0px;
400
}
401

    
402
#content .entry h2{
403
    font-size:130%;
404
    line-height:110%;
405
    font-weight:bold;
406
    margin-bottom:15px;
407
}
408

    
409
#content h3{
410
    font-size:115%;
411
    font-weight:bold;
412
    margin-bottom:15px;
413
}
414

    
415
/* =Attachments
416
-------------------------------------------------------------- */
417

    
418
.attachment-jpeg #container,
419
.attachment-png #container {
420
    width:100%;
421
}
422
.attachment-jpeg #content,
423
.attachment-png #content {
424
    width:930px;
425
}
426
.attachment-jpeg #comments,
427
.attachment-png #comments {
428
    width:540px;
429
    overflow:hidden;
430
}
431
.attachment-jpeg .main-aside,
432
.attachment-png .main-aside {
433
    display:none;    
434
}
435

    
436

    
437
/* =Navigation
438
-------------------------------------------------------------- */
439

    
440
.navigation {
441
    line-height:18px;
442
    margin:0px 0 22px 0;
443
    overflow:hidden;
444
}
445
.navigation a {
446
}
447
.navigation a:active,
448
.navigation a:hover {
449
}
450
.navigation .meta-nav {
451
}
452
.nav-previous {
453
	float: left;
454
	width:50%;
455
}
456
.nav-next {
457
	float: right;
458
	width:50%;
459
	text-align:right;
460
}
461
#nav-above,#nav-below {
462
	width: 100%;
463
}
464
#nav-above {
465
    display:none;
466
}
467
.paged #nav-above {
468
    display:block;
469
    padding:0 0 44px 0;
470
}
471

    
472

    
473
/* =Comments
474
-------------------------------------------------------------- */
475

    
476
#comments {
477
	clear:both;
478
    padding:5px 0 0 0;
479
}
480
#comments,
481
#comments input,
482
#comments textarea {
483
    font-size:13px;
484
    line-height:18px;
485
}
486
#comments code {
487
    font-size:12px;
488
    line-height:18px;
489
}
490
#comments h3 {
491
    font-family: Helvetica,Arial,sans-serif;
492
    font-size:15px;
493
    font-weight:bold;
494
    line-height:22px;
495
    padding:0;
496
}
497
#comments-list {
498
    border:1px solid #ccc;
499
    border-bottom:none;
500
    margin:0 0 10px;
501
}
502
#comments-list h3 {
503
	padding-bottom: 0;
504
}
505
#comments-list,
506
#comments-list ul {
507
    list-style:none;
508
}
509
#comments-list ul,
510
#comments-list ol {
511
    padding-bottom: 10px;
512
}
513
#comments-list ul ul,
514
#comments-list ol ol,
515
#comments-list ul ul ul,
516
#comments-list ol ol ol {
517
    padding-bottom:0;
518
}
519
#comments-list .comment {
520
    border-bottom:1px solid #ccc;
521
    padding:18px 1.5em 0 1.5em;
522
    position:relative;
523
}
524
#comments-list li.alt {
525
    background:#fff;
526
}
527
#comments-list li.bypostauthor {
528
    background:#FFF;
529
}
530
#comments-list ul .comment {
531
    border:1px solid #ccc;
532
    margin:0 0 10px 0;
533
}
534
#comments-list li .avatar {
535
    position:absolute;
536
    top:22px;
537
    left:1.5em;
538
    width:36px;
539
    height:36px;
540
}
541
#comments-list .comment-author {
542
    font-weight:bold;
543
    padding:9px 0 0 46px;
544
}
545
#comments-list .comment-meta {
546
    font-size:11px;
547
    padding:0 0 9px 46px;
548
}
549
#comments-list .comment-meta a {
550
    color:#82939B;
551
    font-style:italic;
552
    text-decoration:none;
553
}
554
#comments-list .comment-meta a:active,
555
#comments-list .comment-meta a:hover {
556
    color: #586369;
557
}
558
.comment-reply-link {
559
    color:#586369;
560
    font-size:11px;
561
    padding:0 0 5px 0;
562
    text-align:right;
563
}
564
.comment-reply-link a {
565
    text-decoration:none;
566
}
567
.comment-reply-link a:active,
568
.comment-reply-link a:hover {
569
    color: #586369;
570
}
571
.comment-navigation {
572
    font-weight:bold;
573
    padding: 18px 0 24px;
574
    margin-right:0.5em;
575
}
576
.comment-navigation a {
577
    border:1px solid #ccc;
578
    color:#82939B;
579
    font-weight:normal;
580
    padding:0.5em 0.75em;
581
    text-decoration:none;
582
}
583
.comment-navigation a:active,
584
.comment-navigation a:hover {
585
    color: #586369;
586
}
587
.comment-navigation a,
588
.comment-navigation span {
589
    margin-right:0.5em;
590
}
591
#trackbacks-list .comment-content {
592
    position:absolute;
593
    left:-10000px;
594
}
595
#respond {
596
    background:#fff;
597
    margin-bottom:22px;
598
    overflow:hidden;
599
    padding:10px 0 0 0;
600
    position:relative;
601
}
602
#comments-list #respond {
603
    border-bottom:1px solid #ccc;
604
    margin:0 0 10px 0;
605
    padding:10px 1.5em;
606
}
607
#comments-list ul #respond {
608
    border:1px solid #ccc;
609
    margin:0;
610
}
611
#cancel-comment-reply {
612
    font-size:11px;
613
    position:absolute;
614
    top:18px;
615
    right:1.5em;
616
}
617
#cancel-comment-reply a {
618
    color:#82939B;
619
}
620
#respond .required {
621
    color:#586369;
622
    font-weight:bold;
623
}
624
.form-section label {
625
    font-size:11px;
626
}
627
.form-section input {
628
    margin:0 0 10px 0;
629
    width:98%;
630
}
631
.form-section textarea {
632
    width:99%;
633
}
634
#form-allowed-tags p {
635
    color:#666;
636
    font-size:11px;
637
    margin:0;    
638
}
639
#form-allowed-tags span {
640
    font-style:italic;
641
}
642
#form-allowed-tags code {
643
    font-size:11px;
644
    line-height:normal;
645
}
646
.form-submit {
647
    padding:18px 0 0 0;
648
    text-align:right;
649
}
650
.subscribe-to-comments {
651
    color:#666;
652
    float:left;
653
    font-size:11px;
654
    margin:0;
655
    padding:18px 0 0 0;
656
}
657
.solo-subscribe-to-comments {
658
    color:#666;
659
    font-size:11px;
660
    padding:18px 0 0 0;
661
}
662
.comment_license {
663
    color:#666;
664
    clear:both;
665
    font-size:11px;
666
    margin:0;
667
    padding:18px 0 0 0;
668
}
669

    
670

    
671
/* =Asides, Sidebars & Widget-Ready Areas
672
-------------------------------------------------------------- */
673

    
674
.aside,
675
.aside input {
676
    font-size:13px;
677
    line-height:18px;
678
    margin-bottom:6px;
679
}
680
.aside p,
681
.aside ol,
682
.aside dd,
683
.aside pre {
684
    margin-bottom:18px;
685
}
686
.aside pre,
687
.aside code {
688
    font-size:12px;
689
    line-height:18px;
690
}
691
.aside .current-menu-item a,
692
.aside .current_page_item a {
693
    color: #FF4B33;
694
}
695
.aside .current-menu-item .menu-item a,
696
.aside .current_page_item .menu-item a {
697
    color:#666;
698
}
699
.aside .current-menu-item .menu-item a:hover,
700
.aside .current-menu-item .menu-item a:active,
701
.aside .current_page_item .menu-item a:hover,
702
.aside .current_page_item .menu-item a:active {
703
    color: #FF4B33;
704
}
705
.aside {
706
    color:#666;
707
}
708

    
709
.aside h3 a {
710
    text-decoration:none;
711
}
712
.aside caption {
713
    font-size:11px;
714
    font-family:Arial,sans-serif;
715
    font-weight:bold;
716
    text-transform:uppercase;
717
    letter-spacing:0.05em;
718
}
719
.aside ul {
720
    list-style:none;
721
    margin-left:0;
722
    padding-left: 0;
723
}
724

    
725
.aside ul ul {
726
    list-style:disc;
727
    margin:0 0 0px 20px;
728
}
729
.aside ul ul li {
730
    padding:1px 0;
731
}
732
.aside ul ul ul {
733
    margin-bottom:0;
734
}
735
.aside form,
736
.aside table {
737
    margin-bottom:15px;
738
}
739
.aside table {
740
    border:none;
741
}
742
.aside thead {
743
    border:1px solid #ccc;
744
}
745
.aside tbody {
746
    border:1px solid #ccc;
747
}
748
.aside th, .aside td {
749
    border-right:1px solid #ccc;
750
    padding:.25em .8em;
751
}
752
.aside tfoot tr {
753
    border:none;
754
}
755
.aside tfoot td {
756
    border-color:transparent;
757
}
758
.widget_tag_cloud {
759
    margin:0 0 22px 0;
760
}
761
.aside #searchsubmit {
762
	display: none;	
763
}
764
/*
765
    Main Asides
766
*/
767
.main-aside ul {
768
    line-height: 14px;
769
    margin-bottom:0px;
770
}
771
.main-aside h3 {
772
}
773
.main-aside ul ul {
774
    padding:0;
775
}
776

    
777
/* =Custom Aside Adjustments
778
-------------------------------------------------------------- */
779

    
780
#primary, #secondary {
781
    color:#82939B;
782
    margin: 20px 0 0 0px;
783
    font-size: 11px;
784
    line-height: 14px;
785
    width:155px;
786
}
787

    
788
#primary p, #secondary p{
789
    margin-bottom:3px;
790
    padding:0;
791
}
792

    
793
#primary a, #secondary a{
794
    color:#82939B;
795
}
796

    
797
#primary a:hover, #secondary a:hover{
798
    color:#586369;
799
}
800

    
801
#primary h1, #secondary h1, .aside h3 {
802
    font-size: 13px;
803
    font-weight:bold;
804
    line-height: 14px;
805
    color: #458BBF;
806
    margin: 0px 0 5px 0;
807
}
808

    
809
#primary.aside{
810
    margin-top:1px;
811
}
812

    
813
#primary.aside ul{
814
    margin-bottom:0px;
815
}
816

    
817
#primary.aside #support,
818
#primary.aside #mailinglist{
819
	width: 100%;
820
    padding: 5px 0;
821
    border-top:1px solid #82939B;
822
    border-bottom:1px solid #82939B;
823
    font-size:16px;
824
    letter-spacing:-.5px;
825
    text-align:center;
826
}
827

    
828
#support {
829
	margin-top: 20px;
830
}
831

    
832
#primary.aside .widgettitle {
833
    visibility:hidden;
834
    height:0px;}
835

    
836
.aside input{
837
    margin-top:0px;
838
    width:150px;
839
    background-color:#DADADA;
840
    border:1px solid #82939B;
841
    color:#2D2D2D;
842
    font-size:11px;
843
    height:18px;
844
    padding-left:4px;
845
  }
846

    
847
#secondary.aside ul.xoxo ul {
848
    padding-bottom:20px;
849
}
850

    
851
#secondary.aside ul.xoxo ul li{
852
    padding-bottom:0;
853
    margin:0;
854
}
855

    
856
#secondary.aside ul ul{
857
    margin-left:14px;
858
}
859

    
860
#secondary ul.xoxo li.widgetcontainer {
861
    padding-bottom:0px;
862
}
863

    
864
#secondary ul.xoxo li.widgetcontainer ul{
865
    padding-bottom:20px;
866
}
867

    
868
/*
869
    Share This Styles
870
-------------------------------------------------------------- */
871
#st_group{
872
    clear:both;
873
	margin-top:15px;
874
    padding-top: 20px;
875
}
876

    
877
#primary #st_group, #secondary #st_group {
878
    display:none;
879
}
880

    
881
#tribe-events-loop #st_group span.stButton{
882
    margin-left: 0px;
883
}
884

    
885
/* custom social sharing buttons */
886
.share_top_text{margin:0 0 5px 5px}
887
.social-button-container{margin:15px 0 15px;border-bottom:none;}
888
.SocialCustomMenu, .SocialCustomMenu a, SocialCustomMenu a:visited{display:inline;padding:5px;color:white;text-decoration:none;font-size:0.95em;}
889
.SocialCustomMenu { position: relative; top: 5px; }
890
.scmTwitter{background-color:#7cd5fd;}
891
.scmFacebook{background-color:#45619d;}
892
.scmGoogleplus{background-color:#af291d;}
893
.scmPinterest{background-color:#cb2027;}
894

    
895

    
896
/* =========Sharethis Wipe========== */
897

    
898
body.page span.st_facebook_hcount,
899
body.page span.st_twitter_hcount,
900
body.page span.st_email_hcount,
901
body.page span.st_googleplus_hcount,
902
body.page span.st_plusone_hcount,
903
body.page span.st_sharethis_hcount,
904
body.page span.st_pinterest_hcount,
905
body.page span.st_fblike_hcount,
906
body.page span.st_linkedin_hcount,
907
div.aside span.st_facebook_hcount,
908
div.aside span.st_twitter_hcount,
909
div.aside span.st_email_hcount,
910
div.aside span.st_googleplus_hcount,
911
div.aside span.st_plusone_hcount,
912
div.aside span.st_sharethis_hcount,
913
div.aside span.st_pinterest_hcount,
914
div.aside span.st_fblike_hcount,
915
div.aside span.st_linkedin_hcount {
916
	display:none;
917
}
918

    
919

    
920
/* =Content Asides
921
-------------------------------------------------------------- */
922

    
923
#content .aside {
924
    border:1px solid #ccc;
925
    margin:0 0 22px 0;
926
    padding:18px 0 0 0;
927
}
928
#content .aside ul {
929
    padding:0 20px;
930
}
931
#content .aside h3 {
932
    font-weight:normal;
933
    font-size:17px;
934
    padding:0 0 7px 0;
935
    text-transform:none;
936
}
937
#content .aside ul ul {
938
    padding:0;
939
}
940
/*
941
    Footer Asides
942
*/
943
#subsidiary {
944
    padding:33px 0 0 0;    
945
}
946

    
947

    
948
/* =Footer
949
-------------------------------------------------------------- */
950

    
951
#footer {
952
    width:750px;
953
    border-top:1px solid #ccc;
954
    margin:0 auto;
955
}
956
#siteinfo {	
957
    font-family: Helvetica, Verdana, Arial, sans-serif;
958
    font-size: 9.5px;
959
    color: #82939B;
960
    letter-spacing: 0.3px;
961
    line-height: 24px;
962
    text-align:center;
963
}
964

    
965
#siteinfo a{
966
	color: #82939B;
967
	text-decoration:none;
968
	}
969
	
970
#siteinfo a:hover{
971
	color: #586369;
972
	text-decoration:none;
973
	}
974

    
975
div.foot-image{
976
    width:5%;
977
    float:right;
978
    margin-top: 6px
979
}
980

    
981
div.foot-text{
982
    width:90%
983
    text-align:left;
984
    float:left;
985
    font-size:9.5px;
986
    padding-top:6px;
987
    line-height:14px;
988
}
989

    
990
/* =Events Calendar Plugin Adjustments that Need to Live Here
991
-------------------------------------------------------------- */
992

    
993
/* Single Event Page*/
994

    
995
.entry{
996
    border-bottom:1px solid #ccc;
997
    margin-bottom:10px;
998
    padding-bottom:0px;
999
}
1000

    
1001
.navlink{
1002
	width: 40%;
1003
    margin:0 5px 0 0;
1004
    padding-bottom:0px;
1005
}
1006

    
1007
.navlink a{
1008
	color: #82939B;
1009
}
1010

    
1011
.navlink a:hover{
1012
	color: #586369;
1013
}
1014

    
1015
.event-passed{
1016
    width:519px;
1017
    margin-bottom:12px;
1018
}
1019

    
1020
/* List Page */
1021

    
1022
.tribe-events-event-entry .wp-post-image {
1023
    max-width:200px;
1024
    border:none;
1025
    padding:0 0 10px 10px;
1026
    margin:0;
1027
}
1028

    
1029
dd.category-meta{
1030
	margin-bottom:0px;
1031
}
1032

    
1033
/* Books and Journals
1034
-------------------------------------------------------------- */
1035
div.bookrotation, div.journalrotation{
1036
    padding-right:40px;
1037
    float:left;
1038
    width:140px;
1039
}
1040

    
1041
div.bookrotation a, div.journalrotation a, div.digitalrotation a {
1042
	color: #458BBF;
1043
	font-size: 16px;
1044
	font-weight: bold;
1045
	padding-bottom:10px;
1046
}
1047

    
1048
div.bookrotation img,
1049
div.journalrotation img,
1050
div.digitalrotation img,
1051
div.bookrotation pre,
1052
div.journalrotation pre,
1053
div.digitalrotation pre{ 
1054
    margin:10px 0 20px;
1055
}
1056

    
1057
div.bookrotation img,
1058
div.journalrotation img,
1059
div.digitalrotation img{
1060
    height:180px;
1061
    width:auto;
1062
}
1063

    
1064
div.bookrotation p,
1065
div.journalrotation p,
1066
div.digitalrotation p{
1067
    margin:5px 0;
1068
}
1069

    
1070
div#seep.wp-caption,
1071
div#wes.wp-caption,
1072
div#cj.wp-caption{
1073
float:left;
1074
padding:0 10px 0 0;
1075
}
1076

    
1077
div#jadt.wp-caption{
1078
float:left;
1079
padding:0;
1080
}
1081

    
1082

    
1083
table.pubs-order td{
1084
width:48%;
1085
padding: 0 2% 0 0;
1086
margin: 0;
1087
}
1088

    
1089
img.journal-left {
1090
float:left;
1091
border:none;
1092
}
1093

    
1094
img.journal-CJ {
1095
float:left;
1096
border:none;
1097
}
1098

    
1099
table.books-table .wp-caption img{
1100
border:none;
1101
}
1102

    
1103
table.books-table td,
1104
table.books-table p{
1105
    margin:0;
1106
    padding:0;
1107
    vertical-align: top;
1108
}
1109

    
1110
table.books-table tr{
1111
    border:none;
1112
    height: 215px;
1113
}
1114

    
1115

    
1116
/* =Events Colors
1117
-------------------------------------------------------------- */
1118
h2.entry-title.us-theatre ,
1119
h2.entry-title.us-theatre a,
1120
body.tribe_events_cat-us span.list-category,
1121
li.tribe-events-list-widget-events .us-theatre a,
1122
table.tribe-events-calendar .cat_us-theatre a,
1123
table.tribe-events-calendar .cat_us-theatre h4,
1124
div.event-block a.us-theatre{ 
1125
    color: #CDD42A;
1126
}
1127

    
1128
h2.entry-title.international-theatre ,
1129
h2.entry-title.international-theatre a,
1130
body.tribe_events_cat-international span.list-category,
1131
li.tribe-events-list-widget-events .international-theatre a,
1132
table.tribe-events-calendar .cat_international-theatre a,
1133
table.tribe-events-calendar .cat_international-theatre h4,
1134
div.event-block a.international-theatre{
1135
    color: #CB5795;
1136
}
1137

    
1138
h2.entry-title.publication-theatre ,
1139
h2.entry-title.publication-theatre  a,
1140
body.tribe_events_cat-publication span.list-category,
1141
li.tribe-events-list-widget-events .publication-theatre a,
1142
table.tribe-events-calendar .cat_publication-theatre a,
1143
table.tribe-events-calendar .cat_publication-theatre h4,
1144
div.event-block a.publication-theatre{ 
1145
    color: #DA8712;
1146
}
1147

    
1148
h2.entry-title.conferences ,
1149
h2.entry-title.conferences a,
1150
body.tribe_events_cat-conferences span.list-category,
1151
li.tribe-events-list-widget-events .conferences a,
1152
table.tribe-events-calendar .cat_conferences a,
1153
table.tribe-events-calendar .cat_conferences h4,
1154
div.event-block a.conferences{
1155
    color: #458BBF;
1156
}
1157

    
1158
h2.entry-title.screenings ,
1159
h2.entry-title.screenings a,
1160
body.tribe_events_cat-screenings span.list-category,
1161
li.tribe-events-list-widget-events .screenings a,
1162
table.tribe-events-calendar .cat_screenings a,
1163
table.tribe-events-calendar .cat_screenings h4,
1164
div.event-block a.screenings{
1165
    color:#22487F;
1166
}
1167

    
1168
h2.entry-title.us-theatre a:hover,
1169
h2.entry-title.international-theatre a:hover,
1170
h2.entry-title.publication-theatre a:hover,
1171
h2.entry-title.conferences a:hover,
1172
h2.entry-title.screenings a:hover,
1173
li.tribe-events-list-widget-events .us-theatre a:hover,
1174
li.tribe-events-list-widget-events .international-theatre a:hover,
1175
li.tribe-events-list-widget-events .publication-theatre a:hover,
1176
li.tribe-events-list-widget-events .conferences a:hover,
1177
li.tribe-events-list-widget-events .screenings a:hover,
1178
table.tribe-events-calendar .cat_us-theatre a:hover,
1179
table.tribe-events-calendar .cat_international-theatre a:hover,
1180
table.tribe-events-calendar .cat_publication-theatre a:hover,
1181
table.tribe-events-calendar .cat_conferences a:hover,
1182
table.tribe-events-calendar .cat_screenings a:hover,
1183
div.event-block a.us-theatre:hover,
1184
div.event-block a.international-theatre:hover,
1185
div.event-block a.publication-theatre:hover,
1186
div.event-block a.conferences:hover,
1187
div.event-block a.screenings:hover{
1188
    color: #586369;
1189
}
1190

    
1191
/* =Events Page Styles
1192
-------------------------------------------------------------- */
1193

    
1194
body.slug-events #tribe-events-calendar-header{
1195
    height:0px;
1196
}
1197

    
1198
body.slug-events #tribe-events-calendar-header .tribe-events-calendar-buttons{
1199
    top:1px;
1200
}
1201

    
1202
body.slug-events #content .event-block{
1203
    height:145px;
1204
    margin-bottom:15px;
1205
    width:100%;
1206
    padding: 0;
1207
    position:relative;
1208
}
1209

    
1210
body.slug-events #content #st_group{
1211
    display:none;
1212
}
1213

    
1214
.event-image-left{
1215
    width:175px;
1216
    float:left;
1217
    margin-right:10px;
1218
    font-size:11px;
1219
    color: #82939B;
1220
    line-height:12px;
1221
}  
1222

    
1223
.event-image-left img{
1224
    margin:0;
1225
    padding:0 10px 4px 0;
1226
}
1227

    
1228
.event-text{
1229
    margin-left:185px;
1230
    font-size:20px;
1231
    font-weight:bold;
1232
    line-height:22px;
1233
    padding: 0px 0 2px 0;
1234
}
1235

    
1236
#content .event-block .when{
1237
    padding-top:15px;
1238
}
1239

    
1240
#content .event-block .short-title{
1241
    position:absolute;
1242
    bottom:30px;
1243
    left:185px;
1244
}
1245

    
1246
hr.next-event{
1247
	margin:8px 0 10px;
1248
}
1249

    
1250
dl.upcoming-event{
1251
	font-size:12px;
1252
}
1253

    
1254
dt.when-event{
1255
	float:left;
1256
	font-weight:normal;
1257
}
1258

    
1259
dd.what-event{
1260
	font-weight:bold;
1261
}
1262

    
1263
#events-at-a-glance, #category-side-cal{
1264
	clear:left;
1265
	color: #6CB2D4;
1266
}
1267

    
1268
h1.events-sidecal-header,
1269
h2.events-sidecal-subheader,
1270
h2.events-sidecal-subheader2,
1271
h2.events-sidecal-month{
1272
	clear:none;
1273
	width:150px;
1274
	font-weight:bold;
1275
}
1276

    
1277
h2.events-sidecal-month{
1278
	font-size:11px;
1279
}
1280

    
1281
h2.events-sidecal-subheader,
1282
h2.events-sidecal-subheader2{
1283
	font-size:13px;
1284
	color:#458BBF;
1285
}
1286

    
1287
#secondary h1.seasonal-sidecal-header{
1288
	margin-bottom:7px;
1289
}
1290

    
1291
h2.events-sidecal-subheader,
1292
h2.events-sidecal-subheader2{
1293
	padding: 10px 0 7px;
1294
}
1295

    
1296
h2.events-sidecal-month{
1297
	padding: 0px 0 3px;
1298
}
1299

    
1300
dl.events-sidecal, dl.events-sidecal-event{
1301
	margin:0;
1302
	padding:0;
1303
}
1304

    
1305
.event-short-date{
1306
	float:left;
1307
	width: 35px;
1308
	font-family: Helvetica, Verdana, Arial, sans-serif;
1309
	font-size: 11px;	
1310
	font-weight:normal;
1311
	line-height: 14px;
1312
	/*letter-spacing: -0.4px;*/
1313
	color: #82939B;
1314
	padding-top: 2px;
1315
	}
1316
	
1317
.event-short-date a:hover{
1318
	color: #69757D;
1319
	text-decoration:none;
1320
	border:none;
1321
	}
1322
	
1323
.event-short-title{
1324
	margin: 0 0 0 40px;
1325
	width: 120px;
1326
	font-family: Helvetica, Verdana, Arial, sans-serif;
1327
	font-size: 11px;
1328
	line-height: 14px;
1329
	color: #82939B;
1330
	padding-bottom: 5px;
1331
	}
1332
	
1333
.event-short-title a:hover{
1334
	color: #69757D;
1335
	text-decoration:none;
1336
	border:none;
1337
	}
1338

    
1339
#category-side-cal h1.events-sidecal-header {
1340
    padding-bottom:5px;
1341
}
1342

    
1343
#events-at-a-glance div.us-theatre,
1344
#events-at-a-glance div.international-theatre,
1345
#events-at-a-glance div.publication-theatre,
1346
#events-at-a-glance div.conferences,
1347
#events-at-a-glance div.screenings,
1348
li.Widget_Include_Post div.us-theatre,
1349
li.Widget_Include_Post div.international-theatre,
1350
li.Widget_Include_Post div.publication-theatre,
1351
li.Widget_Include_Post div.conferences,
1352
li.Widget_Include_Post div.screenings{
1353
    border-width: 0px;
1354
    border-left-width: 4px;
1355
    border-style: solid; 
1356
	padding-left: 3px;
1357
    padding-top: 2px;
1358
	margin-bottom:4px;
1359
}
1360

    
1361
#events-at-a-glance div.us-theatre,
1362
li.Widget_Include_Post div.us-theatre{
1363
    border-color: #CDD42A;
1364
}
1365

    
1366
#events-at-a-glance div.international-theatre,
1367
li.Widget_Include_Post div.international-theatre{
1368
    border-color: #CB5795;
1369
}
1370

    
1371
#events-at-a-glance div.publication-theatre,
1372
li.Widget_Include_Post div.publication-theatre{
1373
    border-color: #DA8712;
1374
}
1375

    
1376
#events-at-a-glance div.conferences,
1377
li.Widget_Include_Post div.conferences{
1378
    border-color: #458BBF;
1379
}
1380

    
1381
#events-at-a-glance div.screenings,
1382
li.Widget_Include_Post div.screenings{
1383
    border-color: #22487F;
1384
}
1385

    
1386

    
1387
/* =Index Styles
1388
-------------------------------------------------------------- */
1389

    
1390
body.slug-index{
1391
    position:relative
1392
    width:100%;
1393
    background-color:#1C4980;
1394
}
1395

    
1396
body.slug-index #bgpic{
1397
	position:relative;
1398
	min-width:850px;
1399
	}
1400

    
1401
body.slug-index #caption{
1402
	position:fixed;
1403
	bottom:30px;
1404
	right:0;
1405
	}
1406

    
1407
body.slug-index #credits{
1408
	/* min-width: 850px;*/
1409
	position:fixed;
1410
	bottom:5px;
1411
	right:0;
1412
	text-align:right;
1413
	font-size:12px;
1414
	font-family: Helvetica, Arial, sans-serif;
1415
	font-style:italic;
1416
	color:#FFFFFF;
1417
	padding: 8px 15px 0 0;
1418
	}
1419

    
1420
body.slug-index #header{
1421
    position:absolute;
1422
    top:0;
1423
    left:0;
1424
    float:left;
1425
    height:175px;
1426
    width:100%;
1427
}
1428

    
1429
body.slug-index #branding{
1430
    margin:0;
1431
    height:175px;
1432
    width: 225px;
1433
}
1434

    
1435
body.slug-index #access{
1436
    margin: 0; 
1437
    background:none;
1438
}
1439

    
1440
body.slug-index #access .menu ul{
1441
    font-size:40px;
1442
    line-height:48px;
1443
    margin-top:18px;
1444
    margin-left:18px;
1445
}
1446

    
1447
body.slug-index #access .menu a,
1448
body.slug-index #index-top li.tribe-events-list-widget-events a {
1449
	text-decoration:none;
1450
    color:#e4ebf2;
1451
}
1452

    
1453
body.slug-index #access .menu a:hover,
1454
body.slug-index #index-top li.tribe-events-list-widget-events a:hover,
1455
body.slug-index #index-top .tribe-events-widget-link a:hover {
1456
	text-decoration:none;
1457
    color:#AEE0F9;
1458
}
1459

    
1460
body.slug-index #secondary-header-menu {
1461
	display:none;
1462
}
1463

    
1464
body.slug-index #index-top{
1465
	margin-top:15px;
1466
	padding-left:10px;
1467
	width:350px; 
1468
	height:138px;
1469
	left:580px;
1470
	position:absolute;
1471
	z-index:5;
1472
	border-left: 1px solid #ccc;
1473
	color:#e4ebf2;
1474
}
1475

    
1476
body.slug-index #index-top h3.widgettitle{
1477
    visibility:visible;
1478
    font: 16px Helvetica, Verdana, Arial, sans-serif;
1479
    color:#e4ebf2;
1480
    font-weight:bold;
1481
    padding: 3px 0 3px;
1482
    height:16px;
1483
    text-align:left;
1484
}
1485

    
1486
body.slug-index #index-top ul{
1487
	margin:0;
1488
	list-style-type:none;
1489
}
1490

    
1491
body.slug-index #index-top li.tribe-events-list-widget-events {
1492
	list-style: none;
1493
}
1494

    
1495
body.slug-index #index-top .when{
1496
	padding-top:2px;
1497
	font-size:16px;
1498
	padding-bottom:3px;
1499
}
1500

    
1501
body.slug-index #index-top li.tribe-events-list-widget-events a{
1502
	font-size:20px;
1503
	font-weight:bold;
1504
	line-height:20px;
1505
}
1506

    
1507
body.slug-index #index-top .tribe-events-widget-link a{
1508
	position:absolute;
1509
	bottom:0px;
1510
}
1511

    
1512
body.slug-index #main,
1513
body.slug-index #container,
1514
body.slug-index #content,
1515
body.slug-index #content .entry-content,
1516
body.slug-index #content .entry-content img{
1517
    margin:0;
1518
    padding:0;
1519
    width:100%
1520
}
1521

    
1522
body.slug-index #main{
1523
    position:absolute;
1524
    top:0;
1525
    left:0;
1526
}
1527

    
1528
body.slug-index #st_group,
1529
body.slug-index #siteinfo,
1530
body.slug-index #visibility{
1531
    display:none;
1532
    margin:0;
1533
    padding:0;
1534
}
1535

    
1536
body.slug-index #footer{
1537
    border:none;
1538
}
1539

    
1540

    
1541
/* =Home Styles
1542
-------------------------------------------------------------- */
1543
body.slug-home #content{
1544
    margin: 5px 0 5px 0;
1545
    width:100%
1546
}
1547

    
1548
body.slug-home #content .aside ul{
1549
    padding:0;
1550
    margin:0;
1551
}
1552

    
1553
body.slug-home #content .aside ul.upcoming{
1554
	overflow:hidden;
1555
	max-height:220px;
1556
}
1557

    
1558

    
1559
body.slug-home #content h3.widgettitle{
1560
    visibility:visible;
1561
    font: 16px Helvetica, Verdana, Arial, sans-serif;
1562
    color: #458BBF;
1563
    font-weight:bold;
1564
    padding: 0;
1565
    text-align:left;
1566
    margin-bottom:8px;
1567
}
1568

    
1569
body.slug-home #content .aside,
1570
body.slug-home #page-top.aside{
1571
    border:none;
1572
    padding:0;
1573
    margin:0;
1574
}
1575

    
1576
body.slug-home #page-top.aside{
1577
    height:300px;
1578
    margin:1px 0 15px 0;
1579
}
1580

    
1581
body.slug-home .entry-content{
1582
    border-top: 1px solid #ccc;
1583
    border-bottom: 1px solid #ccc;
1584
    margin:8px 0;
1585
}
1586

    
1587
body.slug-home #page-top #dfcg-widget{
1588
    width:500px;
1589
    float:left;
1590
    margin:0 10px 0 0;
1591
    padding:0;
1592
}
1593

    
1594
body.slug-home #page-top #dfcg-widget h3{
1595
    line-height:18px;
1596
    font-style:normal;
1597
}
1598

    
1599
#dfcg-widget img{
1600
    max-width:100%
1601
}
1602

    
1603
#dfcg-thumbnails a.dfcg-carouselBtn{
1604
    visibility:hidden;
1605
}
1606

    
1607
#page-top .widget_search{
1608
    float:left;
1609
    width:240px;
1610
}
1611

    
1612
#page-top .widget_search .widgettitle{
1613
    display:none;
1614
}
1615

    
1616
#page-top .widget_search input{
1617
    width:232px;
1618
}
1619

    
1620
#page-top .widget_search form{
1621
   margin-bottom:2px;
1622
}
1623

    
1624
#page-top .tribe-events-list-widget{
1625
    float:left;
1626
    width:240px;
1627
    position:relative;
1628
}
1629

    
1630
#page-top li.tribe-events-list-widget h3.widgettitle{
1631
    font-size:19px;
1632
    padding-bottom:0px;
1633
}
1634

    
1635
#page-top .tribe-events-list-widget ul.upcoming li{
1636
    padding-bottom:3px !important;
1637
}
1638

    
1639
#page-top li.tribe-events-list-widget-events {
1640
	list-style: none;
1641
    width: 240px;
1642
    float: left;
1643
}
1644

    
1645
#page-top .tribe-events-list-widget li {
1646
	padding-bottom: 5px;
1647
}
1648

    
1649
#page-top .tribe-events-list-widget-events .when{
1650
    font-size:11px;
1651
    color: #458BBF;
1652
}
1653

    
1654
#page-top .tribe-events-list-widget-events h4.entry-title {
1655
    font-size:13px;
1656
	line-height: 18px;
1657
    font-weight:bold;
1658
	padding: 0;
1659
}
1660

    
1661
#page-top p.tribe-events-widget-link {
1662
    font-size:12px;
1663
    position:absolute;
1664
    bottom:0px;
1665
	margin-bottom: 0;
1666
}
1667

    
1668
#page-top p.tribe-events-widget-link  a{
1669
    text-decoration:none;
1670
    font-weight:bold;
1671
    color:#458BBF;
1672
}
1673

    
1674
#page-top .tribe-events-list-widget-events .dig-in a:active,
1675
#page-top .tribe-events-list-widget-events .dig-in a:hover{
1676
    color:#586369;
1677
}
1678

    
1679
#page-bottom .widgetcontainer{
1680
    float:left;  
1681
}
1682

    
1683
body.slug-home #content #page-bottom h3.widgettitle{
1684
    padding-bottom:0px;
1685
}
1686

    
1687
#page-bottom .Widget_Include_Post,
1688
#page-bottom .widget_recent_entries{
1689
    width:224px;
1690
    height:295px;
1691
    margin-right:15px;
1692
}
1693
#page-bottom .Widget_Include_Post:first-of-type {
1694
    padding-left: 0;
1695
    border-left: none;
1696
}
1697
#page-bottom .Widget_Include_Post{
1698
    float:left;
1699
    padding-left:15px;
1700
    border-left: 1px solid #ccc;
1701
}
1702

    
1703
div#page-bottom.aside ul ul{
1704
list-style: disc;
1705
margin-left: 20px !important;
1706
}
1707

    
1708
.Widget_Include_Post img{
1709
   height:225px;
1710
}
1711

    
1712
.Widget_Include_Post p{
1713
    margin-bottom: 5px;
1714
}
1715

    
1716
/* Additions for Commons Customizations */
1717

    
1718
#wpadminbar {
1719
	display:none
1720
}
1721

    
1722
.sitewide-footer, td#footer .sitewide-footer {
1723
	display: none!important;
1724
}
1725

    
1726
span.fs_footer{
1727
display:none;
1728
}
1729

    
1730
html {
1731
margin-top: 0px !important;
1732
}
1733

    
1734
/*=Form Styles
1735
--------------------------*/
1736
.mlinput, .mlcomment, .mlcaptcha{
1737
margin: 0px 0 0 0;
1738
width: 300px;
1739
padding: 3px 1px 0px 1px;
1740
font-family: Helvetica, Verdana, Arial, sans-serif;
1741
font-size: 12px;
1742
color: #2D2D2D;
1743
background-color: #DADADA;
1744
border: 1px solid #82939B;
1745
outline: none;
1746
}
1747

    
1748
.mlinput{
1749
height: 16px;
1750
}
1751

    
1752
.mlcomment{
1753
width:500px;
1754
}
1755

    
1756
form.wpcf7-form img{
1757
margin-bottom:10px;
1758
}
1759

    
1760
.mlcaptchaimage {
1761
border: 1px solid #82939B;
1762
}
1763

    
1764
.mlcaptcha{
1765
width:75px;
1766
}
1767

    
1768

    
(1-1/3)