Project

General

Profile

Support #5312 » default.css

Alex Hills, 2016-03-10 08:19 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: 156px;
212
    font-weight: bold;
213
    padding: 15px;
214
    height: 30px;
215
}
216
    .tag_content {
217
        position: absolute;
218
    }
219

    
220
/* =Content
221
-------------------------------------------------------------- */
222

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

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

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

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

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

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

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

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

    
414
/* =Attachments
415
-------------------------------------------------------------- */
416

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

    
435

    
436
/* =Navigation
437
-------------------------------------------------------------- */
438

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

    
471

    
472
/* =Comments
473
-------------------------------------------------------------- */
474

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

    
669

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
884
/* =========Sharethis Wipe========== */
885

    
886
body.page span.st_facebook_hcount,
887
body.page span.st_twitter_hcount,
888
body.page span.st_email_hcount,
889
body.page span.st_googleplus_hcount,
890
body.page span.st_plusone_hcount,
891
body.page span.st_sharethis_hcount,
892
body.page span.st_pinterest_hcount,
893
body.page span.st_fblike_hcount,
894
body.page span.st_linkedin_hcount,
895
div.aside span.st_facebook_hcount,
896
div.aside span.st_twitter_hcount,
897
div.aside span.st_email_hcount,
898
div.aside span.st_googleplus_hcount,
899
div.aside span.st_plusone_hcount,
900
div.aside span.st_sharethis_hcount,
901
div.aside span.st_pinterest_hcount,
902
div.aside span.st_fblike_hcount,
903
div.aside span.st_linkedin_hcount {
904
	display:none;
905
}
906

    
907

    
908
/* =Content Asides
909
-------------------------------------------------------------- */
910

    
911
#content .aside {
912
    border:1px solid #ccc;
913
    margin:0 0 22px 0;
914
    padding:18px 0 0 0;
915
}
916
#content .aside ul {
917
    padding:0 20px;
918
}
919
#content .aside h3 {
920
    font-weight:normal;
921
    font-size:17px;
922
    padding:0 0 7px 0;
923
    text-transform:none;
924
}
925
#content .aside ul ul {
926
    padding:0;
927
}
928
/*
929
    Footer Asides
930
*/
931
#subsidiary {
932
    padding:33px 0 0 0;    
933
}
934

    
935

    
936
/* =Footer
937
-------------------------------------------------------------- */
938

    
939
#footer {
940
    width:750px;
941
    border-top:1px solid #ccc;
942
    margin:0 auto;
943
}
944
#siteinfo {	
945
    font-family: Helvetica, Verdana, Arial, sans-serif;
946
    font-size: 9.5px;
947
    color: #82939B;
948
    letter-spacing: 0.3px;
949
    line-height: 24px;
950
    text-align:center;
951
}
952

    
953
#siteinfo a{
954
	color: #82939B;
955
	text-decoration:none;
956
	}
957
	
958
#siteinfo a:hover{
959
	color: #586369;
960
	text-decoration:none;
961
	}
962

    
963
div.foot-image{
964
    width:5%;
965
    float:right;
966
    margin-top: 6px
967
}
968

    
969
div.foot-text{
970
    width:90%
971
    text-align:left;
972
    float:left;
973
    font-size:9.5px;
974
    padding-top:6px;
975
    line-height:14px;
976
}
977

    
978
/* =Events Calendar Plugin Adjustments that Need to Live Here
979
-------------------------------------------------------------- */
980

    
981
/* Single Event Page*/
982

    
983
.entry{
984
    border-bottom:1px solid #ccc;
985
    margin-bottom:10px;
986
    padding-bottom:0px;
987
}
988

    
989
.navlink{
990
	width: 40%;
991
    margin:0 5px 0 0;
992
    padding-bottom:0px;
993
}
994

    
995
.navlink a{
996
	color: #82939B;
997
}
998

    
999
.navlink a:hover{
1000
	color: #586369;
1001
}
1002

    
1003
.event-passed{
1004
    width:519px;
1005
    margin-bottom:12px;
1006
}
1007

    
1008
/* List Page */
1009

    
1010
.tribe-events-event-entry .wp-post-image {
1011
    max-width:200px;
1012
    border:none;
1013
    padding:0 0 10px 10px;
1014
    margin:0;
1015
}
1016

    
1017
dd.category-meta{
1018
	margin-bottom:0px;
1019
}
1020

    
1021
/* Books and Journals
1022
-------------------------------------------------------------- */
1023
div.bookrotation, div.journalrotation{
1024
    padding-right:40px;
1025
    float:left;
1026
    width:140px;
1027
}
1028

    
1029
div.bookrotation a, div.journalrotation a, div.digitalrotation a {
1030
	color: #458BBF;
1031
	font-size: 16px;
1032
	font-weight: bold;
1033
	padding-bottom:10px;
1034
}
1035

    
1036
div.bookrotation img,
1037
div.journalrotation img,
1038
div.digitalrotation img,
1039
div.bookrotation pre,
1040
div.journalrotation pre,
1041
div.digitalrotation pre{ 
1042
    margin:10px 0 20px;
1043
}
1044

    
1045
div.bookrotation img,
1046
div.journalrotation img,
1047
div.digitalrotation img{
1048
    height:180px;
1049
    width:auto;
1050
}
1051

    
1052
div.bookrotation p,
1053
div.journalrotation p,
1054
div.digitalrotation p{
1055
    margin:5px 0;
1056
}
1057

    
1058
div#seep.wp-caption,
1059
div#wes.wp-caption,
1060
div#cj.wp-caption{
1061
float:left;
1062
padding:0 10px 0 0;
1063
}
1064

    
1065
div#jadt.wp-caption{
1066
float:left;
1067
padding:0;
1068
}
1069

    
1070

    
1071
table.pubs-order td{
1072
width:48%;
1073
padding: 0 2% 0 0;
1074
margin: 0;
1075
}
1076

    
1077
img.journal-left {
1078
float:left;
1079
border:none;
1080
}
1081

    
1082
img.journal-CJ {
1083
float:left;
1084
border:none;
1085
}
1086

    
1087
table.books-table .wp-caption img{
1088
border:none;
1089
}
1090

    
1091
table.books-table td,
1092
table.books-table p{
1093
    margin:0;
1094
    padding:0;
1095
    vertical-align: top;
1096
}
1097

    
1098
table.books-table tr{
1099
    border:none;
1100
    height: 215px;
1101
}
1102

    
1103

    
1104
/* =Events Colors
1105
-------------------------------------------------------------- */
1106
h2.entry-title.us-theatre ,
1107
h2.entry-title.us-theatre a,
1108
body.tribe_events_cat-us span.list-category,
1109
li.tribe-events-list-widget-events .us-theatre a,
1110
table.tribe-events-calendar .cat_us-theatre a,
1111
table.tribe-events-calendar .cat_us-theatre h4,
1112
div.event-block a.us-theatre{ 
1113
    color: #CDD42A;
1114
}
1115

    
1116
h2.entry-title.international-theatre ,
1117
h2.entry-title.international-theatre a,
1118
body.tribe_events_cat-international span.list-category,
1119
li.tribe-events-list-widget-events .international-theatre a,
1120
table.tribe-events-calendar .cat_international-theatre a,
1121
table.tribe-events-calendar .cat_international-theatre h4,
1122
div.event-block a.international-theatre{
1123
    color: #CB5795;
1124
}
1125

    
1126
h2.entry-title.publication-theatre ,
1127
h2.entry-title.publication-theatre  a,
1128
body.tribe_events_cat-publication span.list-category,
1129
li.tribe-events-list-widget-events .publication-theatre a,
1130
table.tribe-events-calendar .cat_publication-theatre a,
1131
table.tribe-events-calendar .cat_publication-theatre h4,
1132
div.event-block a.publication-theatre{ 
1133
    color: #DA8712;
1134
}
1135

    
1136
h2.entry-title.conferences ,
1137
h2.entry-title.conferences a,
1138
body.tribe_events_cat-conferences span.list-category,
1139
li.tribe-events-list-widget-events .conferences a,
1140
table.tribe-events-calendar .cat_conferences a,
1141
table.tribe-events-calendar .cat_conferences h4,
1142
div.event-block a.conferences{
1143
    color: #458BBF;
1144
}
1145

    
1146
h2.entry-title.screenings ,
1147
h2.entry-title.screenings a,
1148
body.tribe_events_cat-screenings span.list-category,
1149
li.tribe-events-list-widget-events .screenings a,
1150
table.tribe-events-calendar .cat_screenings a,
1151
table.tribe-events-calendar .cat_screenings h4,
1152
div.event-block a.screenings{
1153
    color:#22487F;
1154
}
1155

    
1156
h2.entry-title.us-theatre a:hover,
1157
h2.entry-title.international-theatre a:hover,
1158
h2.entry-title.publication-theatre a:hover,
1159
h2.entry-title.conferences a:hover,
1160
h2.entry-title.screenings a:hover,
1161
li.tribe-events-list-widget-events .us-theatre a:hover,
1162
li.tribe-events-list-widget-events .international-theatre a:hover,
1163
li.tribe-events-list-widget-events .publication-theatre a:hover,
1164
li.tribe-events-list-widget-events .conferences a:hover,
1165
li.tribe-events-list-widget-events .screenings a:hover,
1166
table.tribe-events-calendar .cat_us-theatre a:hover,
1167
table.tribe-events-calendar .cat_international-theatre a:hover,
1168
table.tribe-events-calendar .cat_publication-theatre a:hover,
1169
table.tribe-events-calendar .cat_conferences a:hover,
1170
table.tribe-events-calendar .cat_screenings a:hover,
1171
div.event-block a.us-theatre:hover,
1172
div.event-block a.international-theatre:hover,
1173
div.event-block a.publication-theatre:hover,
1174
div.event-block a.conferences:hover,
1175
div.event-block a.screenings:hover{
1176
    color: #586369;
1177
}
1178

    
1179
/* =Events Page Styles
1180
-------------------------------------------------------------- */
1181

    
1182
body.slug-events #tribe-events-calendar-header{
1183
    height:0px;
1184
}
1185

    
1186
body.slug-events #tribe-events-calendar-header .tribe-events-calendar-buttons{
1187
    top:1px;
1188
}
1189

    
1190
body.slug-events #content .event-block{
1191
    height:145px;
1192
    margin-bottom:15px;
1193
    width:100%;
1194
    padding: 0;
1195
    position:relative;
1196
}
1197

    
1198
body.slug-events #content #st_group{
1199
    display:none;
1200
}
1201

    
1202
.event-image-left{
1203
    width:175px;
1204
    float:left;
1205
    margin-right:10px;
1206
    font-size:11px;
1207
    color: #82939B;
1208
    line-height:12px;
1209
}  
1210

    
1211
.event-image-left img{
1212
    margin:0;
1213
    padding:0 10px 4px 0;
1214
}
1215

    
1216
.event-text{
1217
    margin-left:185px;
1218
    font-size:20px;
1219
    font-weight:bold;
1220
    line-height:22px;
1221
    padding: 0px 0 2px 0;
1222
}
1223

    
1224
#content .event-block .when{
1225
    padding-top:15px;
1226
}
1227

    
1228
#content .event-block .short-title{
1229
    position:absolute;
1230
    bottom:30px;
1231
    left:185px;
1232
}
1233

    
1234
hr.next-event{
1235
	margin:8px 0 10px;
1236
}
1237

    
1238
dl.upcoming-event{
1239
	font-size:12px;
1240
}
1241

    
1242
dt.when-event{
1243
	float:left;
1244
	font-weight:normal;
1245
}
1246

    
1247
dd.what-event{
1248
	font-weight:bold;
1249
}
1250

    
1251
#events-at-a-glance, #category-side-cal{
1252
	clear:left;
1253
	color: #6CB2D4;
1254
}
1255

    
1256
h1.events-sidecal-header,
1257
h2.events-sidecal-subheader,
1258
h2.events-sidecal-subheader2,
1259
h2.events-sidecal-month{
1260
	clear:none;
1261
	width:150px;
1262
	font-weight:bold;
1263
}
1264

    
1265
h2.events-sidecal-month{
1266
	font-size:11px;
1267
}
1268

    
1269
h2.events-sidecal-subheader,
1270
h2.events-sidecal-subheader2{
1271
	font-size:13px;
1272
	color:#458BBF;
1273
}
1274

    
1275
#secondary h1.seasonal-sidecal-header{
1276
	margin-bottom:7px;
1277
}
1278

    
1279
h2.events-sidecal-subheader,
1280
h2.events-sidecal-subheader2{
1281
	padding: 10px 0 7px;
1282
}
1283

    
1284
h2.events-sidecal-month{
1285
	padding: 0px 0 3px;
1286
}
1287

    
1288
dl.events-sidecal, dl.events-sidecal-event{
1289
	margin:0;
1290
	padding:0;
1291
}
1292

    
1293
.event-short-date{
1294
	float:left;
1295
	width: 35px;
1296
	font-family: Helvetica, Verdana, Arial, sans-serif;
1297
	font-size: 11px;	
1298
	font-weight:normal;
1299
	line-height: 14px;
1300
	/*letter-spacing: -0.4px;*/
1301
	color: #82939B;
1302
	padding-top: 2px;
1303
	}
1304
	
1305
.event-short-date a:hover{
1306
	color: #69757D;
1307
	text-decoration:none;
1308
	border:none;
1309
	}
1310
	
1311
.event-short-title{
1312
	margin: 0 0 0 40px;
1313
	width: 120px;
1314
	font-family: Helvetica, Verdana, Arial, sans-serif;
1315
	font-size: 11px;
1316
	line-height: 14px;
1317
	color: #82939B;
1318
	padding-bottom: 5px;
1319
	}
1320
	
1321
.event-short-title a:hover{
1322
	color: #69757D;
1323
	text-decoration:none;
1324
	border:none;
1325
	}
1326

    
1327
#category-side-cal h1.events-sidecal-header {
1328
    padding-bottom:5px;
1329
}
1330

    
1331
#events-at-a-glance div.us-theatre,
1332
#events-at-a-glance div.international-theatre,
1333
#events-at-a-glance div.publication-theatre,
1334
#events-at-a-glance div.conferences,
1335
#events-at-a-glance div.screenings,
1336
li.Widget_Include_Post div.us-theatre,
1337
li.Widget_Include_Post div.international-theatre,
1338
li.Widget_Include_Post div.publication-theatre,
1339
li.Widget_Include_Post div.conferences,
1340
li.Widget_Include_Post div.screenings{
1341
    border-width: 0px;
1342
    border-left-width: 4px;
1343
    border-style: solid; 
1344
	padding-left: 3px;
1345
    padding-top: 2px;
1346
	margin-bottom:4px;
1347
}
1348

    
1349
#events-at-a-glance div.us-theatre,
1350
li.Widget_Include_Post div.us-theatre{
1351
    border-color: #CDD42A;
1352
}
1353

    
1354
#events-at-a-glance div.international-theatre,
1355
li.Widget_Include_Post div.international-theatre{
1356
    border-color: #CB5795;
1357
}
1358

    
1359
#events-at-a-glance div.publication-theatre,
1360
li.Widget_Include_Post div.publication-theatre{
1361
    border-color: #DA8712;
1362
}
1363

    
1364
#events-at-a-glance div.conferences,
1365
li.Widget_Include_Post div.conferences{
1366
    border-color: #458BBF;
1367
}
1368

    
1369
#events-at-a-glance div.screenings,
1370
li.Widget_Include_Post div.screenings{
1371
    border-color: #22487F;
1372
}
1373

    
1374

    
1375
/* =Index Styles
1376
-------------------------------------------------------------- */
1377

    
1378
body.slug-index{
1379
    position:relative
1380
    width:100%;
1381
    background-color:#1C4980;
1382
}
1383

    
1384
body.slug-index #bgpic{
1385
	position:relative;
1386
	min-width:850px;
1387
	}
1388

    
1389
body.slug-index #caption{
1390
	position:fixed;
1391
	bottom:30px;
1392
	right:0;
1393
	}
1394

    
1395
body.slug-index #credits{
1396
	/* min-width: 850px;*/
1397
	position:fixed;
1398
	bottom:5px;
1399
	right:0;
1400
	text-align:right;
1401
	font-size:12px;
1402
	font-family: Helvetica, Arial, sans-serif;
1403
	font-style:italic;
1404
	color:#FFFFFF;
1405
	padding: 8px 15px 0 0;
1406
	}
1407

    
1408
body.slug-index #header{
1409
    position:absolute;
1410
    top:0;
1411
    left:0;
1412
    float:left;
1413
    height:175px;
1414
    width:100%;
1415
}
1416

    
1417
body.slug-index #branding{
1418
    margin:0;
1419
    height:175px;
1420
    width: 225px;
1421
}
1422

    
1423
body.slug-index #access{
1424
    margin: 0; 
1425
    background:none;
1426
}
1427

    
1428
body.slug-index #access .menu ul{
1429
    font-size:40px;
1430
    line-height:48px;
1431
    margin-top:18px;
1432
    margin-left:18px;
1433
}
1434

    
1435
body.slug-index #access .menu a,
1436
body.slug-index #index-top li.tribe-events-list-widget-events a {
1437
	text-decoration:none;
1438
    color:#e4ebf2;
1439
}
1440

    
1441
body.slug-index #access .menu a:hover,
1442
body.slug-index #index-top li.tribe-events-list-widget-events a:hover,
1443
body.slug-index #index-top .tribe-events-widget-link a:hover {
1444
	text-decoration:none;
1445
    color:#AEE0F9;
1446
}
1447

    
1448
body.slug-index #secondary-header-menu {
1449
	display:none;
1450
}
1451

    
1452
body.slug-index #index-top{
1453
	margin-top:15px;
1454
	padding-left:10px;
1455
	width:350px; 
1456
	height:138px;
1457
	left:580px;
1458
	position:absolute;
1459
	z-index:5;
1460
	border-left: 1px solid #ccc;
1461
	color:#e4ebf2;
1462
}
1463

    
1464
body.slug-index #index-top h3.widgettitle{
1465
    visibility:visible;
1466
    font: 16px Helvetica, Verdana, Arial, sans-serif;
1467
    color:#e4ebf2;
1468
    font-weight:bold;
1469
    padding: 3px 0 3px;
1470
    height:16px;
1471
    text-align:left;
1472
}
1473

    
1474
body.slug-index #index-top ul{
1475
	margin:0;
1476
	list-style-type:none;
1477
}
1478

    
1479
body.slug-index #index-top li.tribe-events-list-widget-events {
1480
	list-style: none;
1481
}
1482

    
1483
body.slug-index #index-top .when{
1484
	padding-top:2px;
1485
	font-size:16px;
1486
	padding-bottom:3px;
1487
}
1488

    
1489
body.slug-index #index-top li.tribe-events-list-widget-events a{
1490
	font-size:20px;
1491
	font-weight:bold;
1492
	line-height:20px;
1493
}
1494

    
1495
body.slug-index #index-top .tribe-events-widget-link a{
1496
	position:absolute;
1497
	bottom:0px;
1498
}
1499

    
1500
body.slug-index #main,
1501
body.slug-index #container,
1502
body.slug-index #content,
1503
body.slug-index #content .entry-content,
1504
body.slug-index #content .entry-content img{
1505
    margin:0;
1506
    padding:0;
1507
    width:100%
1508
}
1509

    
1510
body.slug-index #main{
1511
    position:absolute;
1512
    top:0;
1513
    left:0;
1514
}
1515

    
1516
body.slug-index #st_group,
1517
body.slug-index #siteinfo,
1518
body.slug-index #visibility{
1519
    display:none;
1520
    margin:0;
1521
    padding:0;
1522
}
1523

    
1524
body.slug-index #footer{
1525
    border:none;
1526
}
1527

    
1528

    
1529
/* =Home Styles
1530
-------------------------------------------------------------- */
1531
body.slug-home #content{
1532
    margin: 5px 0 5px 0;
1533
    width:100%
1534
}
1535

    
1536
body.slug-home #content .aside ul{
1537
    padding:0;
1538
    margin:0;
1539
}
1540

    
1541
body.slug-home #content .aside ul.upcoming{
1542
	overflow:hidden;
1543
	max-height:220px;
1544
}
1545

    
1546

    
1547
body.slug-home #content h3.widgettitle{
1548
    visibility:visible;
1549
    font: 16px Helvetica, Verdana, Arial, sans-serif;
1550
    color: #458BBF;
1551
    font-weight:bold;
1552
    padding: 0;
1553
    text-align:left;
1554
    margin-bottom:8px;
1555
}
1556

    
1557
body.slug-home #content .aside,
1558
body.slug-home #page-top.aside{
1559
    border:none;
1560
    padding:0;
1561
    margin:0;
1562
}
1563

    
1564
body.slug-home #page-top.aside{
1565
    height:300px;
1566
    margin:1px 0 15px 0;
1567
}
1568

    
1569
body.slug-home .entry-content{
1570
    border-top: 1px solid #ccc;
1571
    border-bottom: 1px solid #ccc;
1572
    margin:8px 0;
1573
}
1574

    
1575
body.slug-home #page-top #dfcg-widget{
1576
    width:500px;
1577
    float:left;
1578
    margin:0 10px 0 0;
1579
    padding:0;
1580
}
1581

    
1582
body.slug-home #page-top #dfcg-widget h3{
1583
    line-height:18px;
1584
    font-style:normal;
1585
}
1586

    
1587
#dfcg-widget img{
1588
    max-width:100%
1589
}
1590

    
1591
#dfcg-thumbnails a.dfcg-carouselBtn{
1592
    visibility:hidden;
1593
}
1594

    
1595
#page-top .widget_search{
1596
    float:left;
1597
    width:240px;
1598
}
1599

    
1600
#page-top .widget_search .widgettitle{
1601
    display:none;
1602
}
1603

    
1604
#page-top .widget_search input{
1605
    width:232px;
1606
}
1607

    
1608
#page-top .widget_search form{
1609
   margin-bottom:2px;
1610
}
1611

    
1612
#page-top .tribe-events-list-widget{
1613
    float:left;
1614
    width:240px;
1615
    position:relative;
1616
}
1617

    
1618
#page-top li.tribe-events-list-widget h3.widgettitle{
1619
    font-size:19px;
1620
    padding-bottom:0px;
1621
}
1622

    
1623
#page-top .tribe-events-list-widget ul.upcoming li{
1624
    padding-bottom:3px !important;
1625
}
1626

    
1627
#page-top li.tribe-events-list-widget-events {
1628
	list-style: none;
1629
    width: 240px;
1630
    float: left;
1631
}
1632

    
1633
#page-top .tribe-events-list-widget li {
1634
	padding-bottom: 5px;
1635
}
1636

    
1637
#page-top .tribe-events-list-widget-events .when{
1638
    font-size:11px;
1639
    color: #458BBF;
1640
}
1641

    
1642
#page-top .tribe-events-list-widget-events h4.entry-title {
1643
    font-size:13px;
1644
	line-height: 18px;
1645
    font-weight:bold;
1646
	padding: 0;
1647
}
1648

    
1649
#page-top p.tribe-events-widget-link {
1650
    font-size:12px;
1651
    position:absolute;
1652
    bottom:0px;
1653
	margin-bottom: 0;
1654
}
1655

    
1656
#page-top p.tribe-events-widget-link  a{
1657
    text-decoration:none;
1658
    font-weight:bold;
1659
    color:#458BBF;
1660
}
1661

    
1662
#page-top .tribe-events-list-widget-events .dig-in a:active,
1663
#page-top .tribe-events-list-widget-events .dig-in a:hover{
1664
    color:#586369;
1665
}
1666

    
1667
#page-bottom .widgetcontainer{
1668
    float:left;  
1669
}
1670

    
1671
body.slug-home #content #page-bottom h3.widgettitle{
1672
    padding-bottom:0px;
1673
}
1674

    
1675
#page-bottom .Widget_Include_Post,
1676
#page-bottom .widget_recent_entries{
1677
    width:224px;
1678
    height:295px;
1679
    margin-right:15px;
1680
}
1681
#page-bottom .Widget_Include_Post:first-of-type {
1682
    padding-left: 0;
1683
    border-left: none;
1684
}
1685
#page-bottom .Widget_Include_Post{
1686
    float:left;
1687
    padding-left:15px;
1688
    border-left: 1px solid #ccc;
1689
}
1690

    
1691
div#page-bottom.aside ul ul{
1692
list-style: disc;
1693
margin-left: 20px !important;
1694
}
1695

    
1696
.Widget_Include_Post img{
1697
   height:225px;
1698
}
1699

    
1700
.Widget_Include_Post p{
1701
    margin-bottom: 5px;
1702
}
1703

    
1704
/* Additions for Commons Customizations */
1705

    
1706
#wpadminbar {
1707
	display:none
1708
}
1709

    
1710
.sitewide-footer, td#footer .sitewide-footer {
1711
	display: none!important;
1712
}
1713

    
1714
span.fs_footer{
1715
display:none;
1716
}
1717

    
1718
html {
1719
margin-top: 0px !important;
1720
}
1721

    
1722
/*=Form Styles
1723
--------------------------*/
1724
.mlinput, .mlcomment, .mlcaptcha{
1725
margin: 0px 0 0 0;
1726
width: 300px;
1727
padding: 3px 1px 0px 1px;
1728
font-family: Helvetica, Verdana, Arial, sans-serif;
1729
font-size: 12px;
1730
color: #2D2D2D;
1731
background-color: #DADADA;
1732
border: 1px solid #82939B;
1733
outline: none;
1734
}
1735

    
1736
.mlinput{
1737
height: 16px;
1738
}
1739

    
1740
.mlcomment{
1741
width:500px;
1742
}
1743

    
1744
form.wpcf7-form img{
1745
margin-bottom:10px;
1746
}
1747

    
1748
.mlcaptchaimage {
1749
border: 1px solid #82939B;
1750
}
1751

    
1752
.mlcaptcha{
1753
width:75px;
1754
}
1755

    
1756

    
(1-1/4)