Project

General

Profile

Bug #5079 » default.css

Alex Hills, 2016-01-06 10:25 PM

 
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
/* =Content
205
-------------------------------------------------------------- */
206

    
207
#main {
208
    clear:both;
209
    margin-top:15px;
210
    padding:0px 0 10px 0;
211
    min-height:400px;
212
}
213

    
214
#content {
215
    margin: 0 0 0 175px;
216
}
217
.page-title {
218
    padding:0 0 10px 0;
219
}
220
.attachment .page-title {
221
    font-style:italic;
222
}
223

    
224
h1.page-title {
225
    font-size:22px;
226
    line-height:26px;
227
    margin-top:5px;
228
    font-weight:bold;    
229
    color:#6CB2D4;
230
}
231

    
232
body.archive .post h2{
233
    font-size:20px;
234
}
235

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

    
381
.page-template-template-page-fullwidth-php #content {
382
	margin: 0px;
383
}
384

    
385
#content .entry h2{
386
    font-size:130%;
387
    line-height:110%;
388
    font-weight:bold;
389
    margin-bottom:15px;
390
}
391

    
392
#content h3{
393
    font-size:115%;
394
    font-weight:bold;
395
    margin-bottom:15px;
396
}
397

    
398
/* =Attachments
399
-------------------------------------------------------------- */
400

    
401
.attachment-jpeg #container,
402
.attachment-png #container {
403
    width:100%;
404
}
405
.attachment-jpeg #content,
406
.attachment-png #content {
407
    width:930px;
408
}
409
.attachment-jpeg #comments,
410
.attachment-png #comments {
411
    width:540px;
412
    overflow:hidden;
413
}
414
.attachment-jpeg .main-aside,
415
.attachment-png .main-aside {
416
    display:none;    
417
}
418

    
419

    
420
/* =Navigation
421
-------------------------------------------------------------- */
422

    
423
.navigation {
424
    line-height:18px;
425
    margin:0px 0 22px 0;
426
    overflow:hidden;
427
}
428
.navigation a {
429
}
430
.navigation a:active,
431
.navigation a:hover {
432
}
433
.navigation .meta-nav {
434
}
435
.nav-previous {
436
	float: left;
437
	width:50%;
438
}
439
.nav-next {
440
	float: right;
441
	width:50%;
442
	text-align:right;
443
}
444
#nav-above,#nav-below {
445
	width: 100%;
446
}
447
#nav-above {
448
    display:none;
449
}
450
.paged #nav-above {
451
    display:block;
452
    padding:0 0 44px 0;
453
}
454

    
455

    
456
/* =Comments
457
-------------------------------------------------------------- */
458

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

    
653

    
654
/* =Asides, Sidebars & Widget-Ready Areas
655
-------------------------------------------------------------- */
656

    
657
.aside,
658
.aside input {
659
    font-size:13px;
660
    line-height:18px;
661
    margin-bottom:6px;
662
}
663
.aside p,
664
.aside ol,
665
.aside dd,
666
.aside pre {
667
    margin-bottom:18px;
668
}
669
.aside pre,
670
.aside code {
671
    font-size:12px;
672
    line-height:18px;
673
}
674
.aside .current-menu-item a,
675
.aside .current_page_item a {
676
    color: #FF4B33;
677
}
678
.aside .current-menu-item .menu-item a,
679
.aside .current_page_item .menu-item a {
680
    color:#666;
681
}
682
.aside .current-menu-item .menu-item a:hover,
683
.aside .current-menu-item .menu-item a:active,
684
.aside .current_page_item .menu-item a:hover,
685
.aside .current_page_item .menu-item a:active {
686
    color: #FF4B33;
687
}
688
.aside {
689
    color:#666;
690
}
691

    
692
.aside h3 a {
693
    text-decoration:none;
694
}
695
.aside caption {
696
    font-size:11px;
697
    font-family:Arial,sans-serif;
698
    font-weight:bold;
699
    text-transform:uppercase;
700
    letter-spacing:0.05em;
701
}
702
.aside ul {
703
    list-style:none;
704
    margin-left:0;
705
    padding-left: 0;
706
}
707

    
708
.aside ul ul {
709
    list-style:disc;
710
    margin:0 0 0px 20px;
711
}
712
.aside ul ul li {
713
    padding:1px 0;
714
}
715
.aside ul ul ul {
716
    margin-bottom:0;
717
}
718
.aside form,
719
.aside table {
720
    margin-bottom:15px;
721
}
722
.aside table {
723
    border:none;
724
}
725
.aside thead {
726
    border:1px solid #ccc;
727
}
728
.aside tbody {
729
    border:1px solid #ccc;
730
}
731
.aside th, .aside td {
732
    border-right:1px solid #ccc;
733
    padding:.25em .8em;
734
}
735
.aside tfoot tr {
736
    border:none;
737
}
738
.aside tfoot td {
739
    border-color:transparent;
740
}
741
.widget_tag_cloud {
742
    margin:0 0 22px 0;
743
}
744
.aside #searchsubmit {
745
	display: none;	
746
}
747
/*
748
    Main Asides
749
*/
750
.main-aside ul {
751
    line-height: 14px;
752
    margin-bottom:0px;
753
}
754
.main-aside h3 {
755
}
756
.main-aside ul ul {
757
    padding:0;
758
}
759

    
760
/* =Custom Aside Adjustments
761
-------------------------------------------------------------- */
762

    
763
#primary, #secondary {
764
    color:#82939B;
765
    margin: 20px 0 0 0px;
766
    font-size: 11px;
767
    line-height: 14px;
768
    width:155px;
769
}
770

    
771
#primary p, #secondary p{
772
    margin-bottom:3px;
773
    padding:0;
774
}
775

    
776
#primary a, #secondary a{
777
    color:#82939B;
778
}
779

    
780
#primary a:hover, #secondary a:hover{
781
    color:#586369;
782
}
783

    
784
#primary h1, #secondary h1, .aside h3 {
785
    font-size: 13px;
786
    font-weight:bold;
787
    line-height: 14px;
788
    color: #458BBF;
789
    margin: 0px 0 5px 0;
790
}
791

    
792
#primary.aside{
793
    margin-top:1px;
794
}
795

    
796
#primary.aside ul{
797
    margin-bottom:0px;
798
}
799

    
800
#primary.aside #support,
801
#primary.aside #mailinglist{
802
	width: 100%;
803
    padding: 5px 0;
804
    border-top:1px solid #82939B;
805
    border-bottom:1px solid #82939B;
806
    font-size:16px;
807
    letter-spacing:-.5px;
808
    text-align:center;
809
}
810

    
811
#support {
812
	margin-top: 20px;
813
}
814

    
815
#primary.aside .widgettitle {
816
    visibility:hidden;
817
    height:0px;}
818

    
819
.aside input{
820
    margin-top:0px;
821
    width:150px;
822
    background-color:#DADADA;
823
    border:1px solid #82939B;
824
    color:#2D2D2D;
825
    font-size:11px;
826
    height:18px;
827
    padding-left:4px;
828
  }
829

    
830
#secondary.aside ul.xoxo ul {
831
    padding-bottom:20px;
832
}
833

    
834
#secondary.aside ul.xoxo ul li{
835
    padding-bottom:0;
836
    margin:0;
837
}
838

    
839
#secondary.aside ul ul{
840
    margin-left:14px;
841
}
842

    
843
#secondary ul.xoxo li.widgetcontainer {
844
    padding-bottom:0px;
845
}
846

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

    
851
/*
852
    Share This Styles
853
-------------------------------------------------------------- */
854
#st_group{
855
    clear:both;
856
	margin-top:15px;
857
    padding-top: 20px;
858
}
859

    
860
#primary #st_group, #secondary #st_group {
861
    display:none;
862
}
863

    
864
#tribe-events-loop #st_group span.stButton{
865
    margin-left: 0px;
866
}
867

    
868
/* =========Sharethis Wipe========== */
869

    
870
body.page span.st_facebook_hcount,
871
body.page span.st_twitter_hcount,
872
body.page span.st_email_hcount,
873
body.page span.st_googleplus_hcount,
874
body.page span.st_plusone_hcount,
875
body.page span.st_sharethis_hcount,
876
body.page span.st_pinterest_hcount,
877
body.page span.st_fblike_hcount,
878
body.page span.st_linkedin_hcount,
879
div.aside span.st_facebook_hcount,
880
div.aside span.st_twitter_hcount,
881
div.aside span.st_email_hcount,
882
div.aside span.st_googleplus_hcount,
883
div.aside span.st_plusone_hcount,
884
div.aside span.st_sharethis_hcount,
885
div.aside span.st_pinterest_hcount,
886
div.aside span.st_fblike_hcount,
887
div.aside span.st_linkedin_hcount {
888
	display:none;
889
}
890

    
891

    
892
/* =Content Asides
893
-------------------------------------------------------------- */
894

    
895
#content .aside {
896
    border:1px solid #ccc;
897
    margin:0 0 22px 0;
898
    padding:18px 0 0 0;
899
}
900
#content .aside ul {
901
    padding:0 20px;
902
}
903
#content .aside h3 {
904
    font-weight:normal;
905
    font-size:17px;
906
    padding:0 0 7px 0;
907
    text-transform:none;
908
}
909
#content .aside ul ul {
910
    padding:0;
911
}
912
/*
913
    Footer Asides
914
*/
915
#subsidiary {
916
    padding:33px 0 0 0;    
917
}
918

    
919

    
920
/* =Footer
921
-------------------------------------------------------------- */
922

    
923
#footer {
924
    width:750px;
925
    border-top:1px solid #ccc;
926
    margin:0 auto;
927
}
928
#siteinfo {	
929
    font-family: Helvetica, Verdana, Arial, sans-serif;
930
    font-size: 9.5px;
931
    color: #82939B;
932
    letter-spacing: 0.3px;
933
    line-height: 24px;
934
    text-align:center;
935
}
936

    
937
#siteinfo a{
938
	color: #82939B;
939
	text-decoration:none;
940
	}
941
	
942
#siteinfo a:hover{
943
	color: #586369;
944
	text-decoration:none;
945
	}
946

    
947
div.foot-image{
948
    width:5%;
949
    float:right;
950
    margin-top: 6px
951
}
952

    
953
div.foot-text{
954
    width:90%
955
    text-align:left;
956
    float:left;
957
    font-size:9.5px;
958
    padding-top:6px;
959
    line-height:14px;
960
}
961

    
962
/* =Events Calendar Plugin Adjustments that Need to Live Here
963
-------------------------------------------------------------- */
964

    
965
/* Single Event Page*/
966

    
967
.entry{
968
    border-bottom:1px solid #ccc;
969
    margin-bottom:10px;
970
    padding-bottom:0px;
971
}
972

    
973
.navlink{
974
	width: 40%;
975
    margin:0 5px 0 0;
976
    padding-bottom:0px;
977
}
978

    
979
.navlink a{
980
	color: #82939B;
981
}
982

    
983
.navlink a:hover{
984
	color: #586369;
985
}
986

    
987
.event-passed{
988
    width:519px;
989
    margin-bottom:12px;
990
}
991

    
992
/* List Page */
993

    
994
.tribe-events-event-entry .wp-post-image {
995
    max-width:200px;
996
    border:none;
997
    padding:0 0 10px 10px;
998
    margin:0;
999
}
1000

    
1001
dd.category-meta{
1002
	margin-bottom:0px;
1003
}
1004

    
1005
/* Books and Journals
1006
-------------------------------------------------------------- */
1007
div.bookrotation, div.journalrotation{
1008
    padding-right:40px;
1009
    float:left;
1010
    width:140px;
1011
}
1012

    
1013
div.bookrotation a, div.journalrotation a, div.digitalrotation a {
1014
	color: #458BBF;
1015
	font-size: 16px;
1016
	font-weight: bold;
1017
	padding-bottom:10px;
1018
}
1019

    
1020
div.bookrotation img,
1021
div.journalrotation img,
1022
div.digitalrotation img,
1023
div.bookrotation pre,
1024
div.journalrotation pre,
1025
div.digitalrotation pre{ 
1026
    margin:10px 0 20px;
1027
}
1028

    
1029
div.bookrotation img,
1030
div.journalrotation img,
1031
div.digitalrotation img{
1032
    height:180px;
1033
    width:auto;
1034
}
1035

    
1036
div.bookrotation p,
1037
div.journalrotation p,
1038
div.digitalrotation p{
1039
    margin:5px 0;
1040
}
1041

    
1042
div#seep.wp-caption,
1043
div#wes.wp-caption,
1044
div#cj.wp-caption{
1045
float:left;
1046
padding:0 10px 0 0;
1047
}
1048

    
1049
div#jadt.wp-caption{
1050
float:left;
1051
padding:0;
1052
}
1053

    
1054

    
1055
table.pubs-order td{
1056
width:48%;
1057
padding: 0 2% 0 0;
1058
margin: 0;
1059
}
1060

    
1061
img.journal-left {
1062
float:left;
1063
border:none;
1064
}
1065

    
1066
img.journal-CJ {
1067
float:left;
1068
border:none;
1069
}
1070

    
1071
table.books-table .wp-caption img{
1072
border:none;
1073
}
1074

    
1075
table.books-table td,
1076
table.books-table p{
1077
    margin:0;
1078
    padding:0;
1079
    vertical-align: top;
1080
}
1081

    
1082
table.books-table tr{
1083
    border:none;
1084
    height: 215px;
1085
}
1086

    
1087

    
1088
/* =Events Colors
1089
-------------------------------------------------------------- */
1090
h2.entry-title.us-theatre ,
1091
h2.entry-title.us-theatre a,
1092
body.tribe_events_cat-us span.list-category,
1093
li.tribe-events-list-widget-events .us-theatre a,
1094
table.tribe-events-calendar .cat_us-theatre a,
1095
table.tribe-events-calendar .cat_us-theatre h4,
1096
div.event-block a.us-theatre{ 
1097
    color: #CDD42A;
1098
}
1099

    
1100
h2.entry-title.international-theatre ,
1101
h2.entry-title.international-theatre a,
1102
body.tribe_events_cat-international span.list-category,
1103
li.tribe-events-list-widget-events .international-theatre a,
1104
table.tribe-events-calendar .cat_international-theatre a,
1105
table.tribe-events-calendar .cat_international-theatre h4,
1106
div.event-block a.international-theatre{
1107
    color: #CB5795;
1108
}
1109

    
1110
h2.entry-title.publication-theatre ,
1111
h2.entry-title.publication-theatre  a,
1112
body.tribe_events_cat-publication span.list-category,
1113
li.tribe-events-list-widget-events .publication-theatre a,
1114
table.tribe-events-calendar .cat_publication-theatre a,
1115
table.tribe-events-calendar .cat_publication-theatre h4,
1116
div.event-block a.publication-theatre{ 
1117
    color: #DA8712;
1118
}
1119

    
1120
h2.entry-title.conferences ,
1121
h2.entry-title.conferences a,
1122
body.tribe_events_cat-conferences span.list-category,
1123
li.tribe-events-list-widget-events .conferences a,
1124
table.tribe-events-calendar .cat_conferences a,
1125
table.tribe-events-calendar .cat_conferences h4,
1126
div.event-block a.conferences{
1127
    color: #458BBF;
1128
}
1129

    
1130
h2.entry-title.screenings ,
1131
h2.entry-title.screenings a,
1132
body.tribe_events_cat-screenings span.list-category,
1133
li.tribe-events-list-widget-events .screenings a,
1134
table.tribe-events-calendar .cat_screenings a,
1135
table.tribe-events-calendar .cat_screenings h4,
1136
div.event-block a.screenings{
1137
    color:#22487F;
1138
}
1139

    
1140
h2.entry-title.us-theatre a:hover,
1141
h2.entry-title.international-theatre a:hover,
1142
h2.entry-title.publication-theatre a:hover,
1143
h2.entry-title.conferences a:hover,
1144
h2.entry-title.screenings a:hover,
1145
li.tribe-events-list-widget-events .us-theatre a:hover,
1146
li.tribe-events-list-widget-events .international-theatre a:hover,
1147
li.tribe-events-list-widget-events .publication-theatre a:hover,
1148
li.tribe-events-list-widget-events .conferences a:hover,
1149
li.tribe-events-list-widget-events .screenings a:hover,
1150
table.tribe-events-calendar .cat_us-theatre a:hover,
1151
table.tribe-events-calendar .cat_international-theatre a:hover,
1152
table.tribe-events-calendar .cat_publication-theatre a:hover,
1153
table.tribe-events-calendar .cat_conferences a:hover,
1154
table.tribe-events-calendar .cat_screenings a:hover,
1155
div.event-block a.us-theatre:hover,
1156
div.event-block a.international-theatre:hover,
1157
div.event-block a.publication-theatre:hover,
1158
div.event-block a.conferences:hover,
1159
div.event-block a.screenings:hover{
1160
    color: #586369;
1161
}
1162

    
1163
/* =Events Page Styles
1164
-------------------------------------------------------------- */
1165

    
1166
body.slug-events #tribe-events-calendar-header{
1167
    height:0px;
1168
}
1169

    
1170
body.slug-events #tribe-events-calendar-header .tribe-events-calendar-buttons{
1171
    top:1px;
1172
}
1173

    
1174
body.slug-events #content .event-block{
1175
    height:145px;
1176
    margin-bottom:15px;
1177
    width:100%;
1178
    padding: 0;
1179
    position:relative;
1180
}
1181

    
1182
body.slug-events #content #st_group{
1183
    display:none;
1184
}
1185

    
1186
.event-image-left{
1187
    width:175px;
1188
    float:left;
1189
    margin-right:10px;
1190
    font-size:11px;
1191
    color: #82939B;
1192
    line-height:12px;
1193
}  
1194

    
1195
.event-image-left img{
1196
    margin:0;
1197
    padding:0 10px 4px 0;
1198
}
1199

    
1200
.event-text{
1201
    margin-left:185px;
1202
    font-size:20px;
1203
    font-weight:bold;
1204
    line-height:22px;
1205
    padding: 0px 0 2px 0;
1206
}
1207

    
1208
#content .event-block .when{
1209
    padding-top:15px;
1210
}
1211

    
1212
#content .event-block .short-title{
1213
    position:absolute;
1214
    bottom:30px;
1215
    left:185px;
1216
}
1217

    
1218
hr.next-event{
1219
	margin:8px 0 10px;
1220
}
1221

    
1222
dl.upcoming-event{
1223
	font-size:12px;
1224
}
1225

    
1226
dt.when-event{
1227
	float:left;
1228
	font-weight:normal;
1229
}
1230

    
1231
dd.what-event{
1232
	font-weight:bold;
1233
}
1234

    
1235
#events-at-a-glance, #category-side-cal{
1236
	clear:left;
1237
	color: #6CB2D4;
1238
}
1239

    
1240
h1.events-sidecal-header,
1241
h2.events-sidecal-subheader,
1242
h2.events-sidecal-subheader2,
1243
h2.events-sidecal-month{
1244
	clear:none;
1245
	width:150px;
1246
	font-weight:bold;
1247
}
1248

    
1249
h2.events-sidecal-month{
1250
	font-size:11px;
1251
}
1252

    
1253
h2.events-sidecal-subheader,
1254
h2.events-sidecal-subheader2{
1255
	font-size:13px;
1256
	color:#458BBF;
1257
}
1258

    
1259
#secondary h1.seasonal-sidecal-header{
1260
	margin-bottom:7px;
1261
}
1262

    
1263
h2.events-sidecal-subheader,
1264
h2.events-sidecal-subheader2{
1265
	padding: 10px 0 7px;
1266
}
1267

    
1268
h2.events-sidecal-month{
1269
	padding: 0px 0 3px;
1270
}
1271

    
1272
dl.events-sidecal, dl.events-sidecal-event{
1273
	margin:0;
1274
	padding:0;
1275
}
1276

    
1277
.event-short-date{
1278
	float:left;
1279
	width: 35px;
1280
	font-family: Helvetica, Verdana, Arial, sans-serif;
1281
	font-size: 11px;	
1282
	font-weight:normal;
1283
	line-height: 14px;
1284
	/*letter-spacing: -0.4px;*/
1285
	color: #82939B;
1286
	padding-top: 2px;
1287
	}
1288
	
1289
.event-short-date a:hover{
1290
	color: #69757D;
1291
	text-decoration:none;
1292
	border:none;
1293
	}
1294
	
1295
.event-short-title{
1296
	margin: 0 0 0 40px;
1297
	width: 120px;
1298
	font-family: Helvetica, Verdana, Arial, sans-serif;
1299
	font-size: 11px;
1300
	line-height: 14px;
1301
	color: #82939B;
1302
	padding-bottom: 5px;
1303
	}
1304
	
1305
.event-short-title a:hover{
1306
	color: #69757D;
1307
	text-decoration:none;
1308
	border:none;
1309
	}
1310

    
1311
#category-side-cal h1.events-sidecal-header {
1312
    padding-bottom:5px;
1313
}
1314

    
1315
#events-at-a-glance div.us-theatre,
1316
#events-at-a-glance div.international-theatre,
1317
#events-at-a-glance div.publication-theatre,
1318
#events-at-a-glance div.conferences,
1319
#events-at-a-glance div.screenings,
1320
li.Widget_Include_Post div.us-theatre,
1321
li.Widget_Include_Post div.international-theatre,
1322
li.Widget_Include_Post div.publication-theatre,
1323
li.Widget_Include_Post div.conferences,
1324
li.Widget_Include_Post div.screenings{
1325
    border-width: 0px;
1326
    border-left-width: 4px;
1327
    border-style: solid; 
1328
	padding-left: 3px;
1329
    padding-top: 2px;
1330
	margin-bottom:4px;
1331
}
1332

    
1333
#events-at-a-glance div.us-theatre,
1334
li.Widget_Include_Post div.us-theatre{
1335
    border-color: #CDD42A;
1336
}
1337

    
1338
#events-at-a-glance div.international-theatre,
1339
li.Widget_Include_Post div.international-theatre{
1340
    border-color: #CB5795;
1341
}
1342

    
1343
#events-at-a-glance div.publication-theatre,
1344
li.Widget_Include_Post div.publication-theatre{
1345
    border-color: #DA8712;
1346
}
1347

    
1348
#events-at-a-glance div.conferences,
1349
li.Widget_Include_Post div.conferences{
1350
    border-color: #458BBF;
1351
}
1352

    
1353
#events-at-a-glance div.screenings,
1354
li.Widget_Include_Post div.screenings{
1355
    border-color: #22487F;
1356
}
1357

    
1358

    
1359
/* =Index Styles
1360
-------------------------------------------------------------- */
1361

    
1362
body.slug-index{
1363
    position:relative
1364
    width:100%;
1365
    background-color:#1C4980;
1366
}
1367

    
1368
body.slug-index #bgpic{
1369
	position:relative;
1370
	min-width:850px;
1371
	}
1372

    
1373
body.slug-index #caption{
1374
	position:fixed;
1375
	bottom:30px;
1376
	right:0;
1377
	}
1378

    
1379
body.slug-index #credits{
1380
	/* min-width: 850px;*/
1381
	position:fixed;
1382
	bottom:5px;
1383
	right:0;
1384
	text-align:right;
1385
	font-size:12px;
1386
	font-family: Helvetica, Arial, sans-serif;
1387
	font-style:italic;
1388
	color:#FFFFFF;
1389
	padding: 8px 15px 0 0;
1390
	}
1391

    
1392
body.slug-index #header{
1393
    position:absolute;
1394
    top:0;
1395
    left:0;
1396
    float:left;
1397
    height:175px;
1398
    width:100%;
1399
}
1400

    
1401
body.slug-index #branding{
1402
    margin:0;
1403
    height:175px;
1404
    width: 225px;
1405
}
1406

    
1407
body.slug-index #access{
1408
    margin: 0; 
1409
    background:none;
1410
}
1411

    
1412
body.slug-index #access .menu ul{
1413
    font-size:40px;
1414
    line-height:48px;
1415
    margin-top:18px;
1416
    margin-left:18px;
1417
}
1418

    
1419
body.slug-index #access .menu a,
1420
body.slug-index #index-top li.tribe-events-list-widget-events a {
1421
	text-decoration:none;
1422
    color:#e4ebf2;
1423
}
1424

    
1425
body.slug-index #access .menu a:hover,
1426
body.slug-index #index-top li.tribe-events-list-widget-events a:hover,
1427
body.slug-index #index-top .tribe-events-widget-link a:hover {
1428
	text-decoration:none;
1429
    color:#AEE0F9;
1430
}
1431

    
1432
body.slug-index #secondary-header-menu {
1433
	display:none;
1434
}
1435

    
1436
body.slug-index #index-top{
1437
	margin-top:15px;
1438
	padding-left:10px;
1439
	width:350px; 
1440
	height:138px;
1441
	left:580px;
1442
	position:absolute;
1443
	z-index:5;
1444
	border-left: 1px solid #ccc;
1445
	color:#e4ebf2;
1446
}
1447

    
1448
body.slug-index #index-top h3.widgettitle{
1449
    visibility:visible;
1450
    font: 16px Helvetica, Verdana, Arial, sans-serif;
1451
    color:#e4ebf2;
1452
    font-weight:bold;
1453
    padding: 3px 0 3px;
1454
    height:16px;
1455
    text-align:left;
1456
}
1457

    
1458
body.slug-index #index-top ul{
1459
	margin:0;
1460
	list-style-type:none;
1461
}
1462

    
1463
body.slug-index #index-top li.tribe-events-list-widget-events {
1464
	list-style: none;
1465
}
1466

    
1467
body.slug-index #index-top .when{
1468
	padding-top:2px;
1469
	font-size:16px;
1470
	padding-bottom:3px;
1471
}
1472

    
1473
body.slug-index #index-top li.tribe-events-list-widget-events a{
1474
	font-size:20px;
1475
	font-weight:bold;
1476
	line-height:20px;
1477
}
1478

    
1479
body.slug-index #index-top .tribe-events-widget-link a{
1480
	position:absolute;
1481
	bottom:0px;
1482
}
1483

    
1484
body.slug-index #main,
1485
body.slug-index #container,
1486
body.slug-index #content,
1487
body.slug-index #content .entry-content,
1488
body.slug-index #content .entry-content img{
1489
    margin:0;
1490
    padding:0;
1491
    width:100%
1492
}
1493

    
1494
body.slug-index #main{
1495
    position:absolute;
1496
    top:0;
1497
    left:0;
1498
}
1499

    
1500
body.slug-index #st_group,
1501
body.slug-index #siteinfo,
1502
body.slug-index #visibility{
1503
    display:none;
1504
    margin:0;
1505
    padding:0;
1506
}
1507

    
1508
body.slug-index #footer{
1509
    border:none;
1510
}
1511

    
1512

    
1513
/* =Home Styles
1514
-------------------------------------------------------------- */
1515
body.slug-home #content{
1516
    margin: 5px 0 5px 0;
1517
    width:100%
1518
}
1519

    
1520
body.slug-home #content .aside ul{
1521
    padding:0;
1522
    margin:0;
1523
}
1524

    
1525
body.slug-home #content .aside ul.upcoming{
1526
	overflow:hidden;
1527
	max-height:220px;
1528
}
1529

    
1530

    
1531
body.slug-home #content h3.widgettitle{
1532
    visibility:visible;
1533
    font: 16px Helvetica, Verdana, Arial, sans-serif;
1534
    color: #458BBF;
1535
    font-weight:bold;
1536
    padding: 0;
1537
    text-align:left;
1538
    margin-bottom:8px;
1539
}
1540

    
1541
body.slug-home #content .aside,
1542
body.slug-home #page-top.aside{
1543
    border:none;
1544
    padding:0;
1545
    margin:0;
1546
}
1547

    
1548
body.slug-home #page-top.aside{
1549
    height:300px;
1550
    margin:1px 0 15px 0;
1551
}
1552

    
1553
body.slug-home .entry-content{
1554
    border-top: 1px solid #ccc;
1555
    border-bottom: 1px solid #ccc;
1556
    margin:8px 0;
1557
}
1558

    
1559
body.slug-home #page-top #dfcg-widget{
1560
    width:500px;
1561
    float:left;
1562
    margin:0 10px 0 0;
1563
    padding:0;
1564
}
1565

    
1566
body.slug-home #page-top #dfcg-widget h3{
1567
    line-height:18px;
1568
    font-style:normal;
1569
}
1570

    
1571
#dfcg-widget img{
1572
    max-width:100%
1573
}
1574

    
1575
#dfcg-thumbnails a.dfcg-carouselBtn{
1576
    visibility:hidden;
1577
}
1578

    
1579
#page-top .widget_search{
1580
    float:left;
1581
    width:240px;
1582
}
1583

    
1584
#page-top .widget_search .widgettitle{
1585
    display:none;
1586
}
1587

    
1588
#page-top .widget_search input{
1589
    width:232px;
1590
}
1591

    
1592
#page-top .widget_search form{
1593
   margin-bottom:2px;
1594
}
1595

    
1596
#page-top .tribe-events-list-widget{
1597
    float:left;
1598
    width:240px;
1599
    position:relative;
1600
}
1601

    
1602
#page-top li.tribe-events-list-widget h3.widgettitle{
1603
    font-size:19px;
1604
    padding-bottom:0px;
1605
}
1606

    
1607
#page-top .tribe-events-list-widget ul.upcoming li{
1608
    padding-bottom:3px !important;
1609
}
1610

    
1611
#page-top li.tribe-events-list-widget-events {
1612
	list-style: none;
1613
    width: 240px;
1614
    float: left;
1615
}
1616

    
1617
#page-top .tribe-events-list-widget li {
1618
	padding-bottom: 5px;
1619
}
1620

    
1621
#page-top .tribe-events-list-widget-events .when{
1622
    font-size:11px;
1623
    color: #458BBF;
1624
}
1625

    
1626
#page-top .tribe-events-list-widget-events h4.entry-title {
1627
    font-size:13px;
1628
	line-height: 18px;
1629
    font-weight:bold;
1630
	padding: 0;
1631
}
1632

    
1633
#page-top p.tribe-events-widget-link {
1634
    font-size:12px;
1635
    position:absolute;
1636
    bottom:0px;
1637
	margin-bottom: 0;
1638
}
1639

    
1640
#page-top p.tribe-events-widget-link  a{
1641
    text-decoration:none;
1642
    font-weight:bold;
1643
    color:#458BBF;
1644
}
1645

    
1646
#page-top .tribe-events-list-widget-events .dig-in a:active,
1647
#page-top .tribe-events-list-widget-events .dig-in a:hover{
1648
    color:#586369;
1649
}
1650

    
1651
#page-bottom .widgetcontainer{
1652
    float:left;  
1653
}
1654

    
1655
body.slug-home #content #page-bottom h3.widgettitle{
1656
    padding-bottom:0px;
1657
}
1658

    
1659
#page-bottom .Widget_Include_Post,
1660
#page-bottom .widget_recent_entries{
1661
    width:224px;
1662
    height:295px;
1663
    margin-right:15px;
1664
}
1665
#page-bottom .Widget_Include_Post:first-of-type {
1666
    padding-left: 0;
1667
    border-left: none;
1668
}
1669
#page-bottom .Widget_Include_Post{
1670
    float:left;
1671
    padding-left:15px;
1672
    border-left: 1px solid #ccc;
1673
}
1674

    
1675
div#page-bottom.aside ul ul{
1676
list-style: disc;
1677
margin-left: 20px !important;
1678
}
1679

    
1680
.Widget_Include_Post img{
1681
   height:225px;
1682
}
1683

    
1684
.Widget_Include_Post p{
1685
    margin-bottom: 5px;
1686
}
1687

    
1688
/* Additions for Commons Customizations */
1689

    
1690
#wpadminbar {
1691
	display:none
1692
}
1693

    
1694
.sitewide-footer, td#footer .sitewide-footer {
1695
	display: none!important;
1696
}
1697

    
1698
span.fs_footer{
1699
display:none;
1700
}
1701

    
1702
html {
1703
margin-top: 0px !important;
1704
}
1705

    
1706
/*=Form Styles
1707
--------------------------*/
1708
.mlinput, .mlcomment, .mlcaptcha{
1709
margin: 0px 0 0 0;
1710
width: 300px;
1711
padding: 3px 1px 0px 1px;
1712
font-family: Helvetica, Verdana, Arial, sans-serif;
1713
font-size: 12px;
1714
color: #2D2D2D;
1715
background-color: #DADADA;
1716
border: 1px solid #82939B;
1717
outline: none;
1718
}
1719

    
1720
.mlinput{
1721
height: 16px;
1722
}
1723

    
1724
.mlcomment{
1725
width:500px;
1726
}
1727

    
1728
form.wpcf7-form img{
1729
margin-bottom:10px;
1730
}
1731

    
1732
.mlcaptchaimage {
1733
border: 1px solid #82939B;
1734
}
1735

    
1736
.mlcaptcha{
1737
width:75px;
1738
}
1739

    
1740

    
(2-2/2)