Project

General

Profile

Feature #3499 » default.css

Alex Hills, 2014-09-27 02:51 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-utility {
319
    clear:both;
320
    padding-bottom:10px;
321
    margin:0 0 15px 0;
322
    border-bottom:1px solid #CCC
323
}
324
.entry-utility a {
325
    }
326
.entry-utility a:active,
327
.entry-utility a:hover { 
328
}
329
.page .edit-link {
330
	clear:both;
331
	display:block;
332
}
333
.page-link {
334
	clear:both;
335
    font-size:13px;
336
    font-weight:bold;
337
    line-height:18px;
338
    margin:0 0 22px 0;
339
    padding:22px 0 0 0;
340
    word-spacing:0.5em;
341
}
342
.page-link a {
343
    border:1px solid #ccc;
344
    color:#666;
345
    font-weight:normal;
346
    padding:0.5em 0.75em;
347
    text-decoration:none;
348
}
349
.page-link a:active,
350
.page-link a:hover {
351
    color: #FF4B33;
352
}
353
ul#links-page,
354
ul#archives-page {
355
    list-style:none;
356
    margin-left:0;
357
    overflow:hidden;
358
}
359
li.content-column {
360
    float:left;
361
    margin-right:20px;
362
    width:45%;
363
}
364
#author-info {
365
    margin:0 0 44px 0;
366
    overflow:hidden;
367
}
368
#author-info .avatar {
369
    float:left;
370
    margin:.3em 1em 0 0;
371
}
372

    
373
.page-template-template-page-fullwidth-php #content {
374
	margin: 0px;
375
}
376

    
377
#content .entry h2{
378
    font-size:130%;
379
    line-height:110%;
380
    font-weight:bold;
381
    margin-bottom:15px;
382
}
383

    
384
#content h3{
385
    font-size:115%;
386
    font-weight:bold;
387
    margin-bottom:15px;
388
}
389

    
390
/* =Attachments
391
-------------------------------------------------------------- */
392

    
393
.attachment-jpeg #container,
394
.attachment-png #container {
395
    width:100%;
396
}
397
.attachment-jpeg #content,
398
.attachment-png #content {
399
    width:930px;
400
}
401
.attachment-jpeg #comments,
402
.attachment-png #comments {
403
    width:540px;
404
    overflow:hidden;
405
}
406
.attachment-jpeg .main-aside,
407
.attachment-png .main-aside {
408
    display:none;    
409
}
410

    
411

    
412
/* =Navigation
413
-------------------------------------------------------------- */
414

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

    
447

    
448
/* =Comments
449
-------------------------------------------------------------- */
450

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

    
645

    
646
/* =Asides, Sidebars & Widget-Ready Areas
647
-------------------------------------------------------------- */
648

    
649
.aside,
650
.aside input {
651
    font-size:13px;
652
    line-height:18px;
653
    margin-bottom:6px;
654
}
655
.aside p,
656
.aside ol,
657
.aside dd,
658
.aside pre {
659
    margin-bottom:18px;
660
}
661
.aside pre,
662
.aside code {
663
    font-size:12px;
664
    line-height:18px;
665
}
666
.aside .current-menu-item a,
667
.aside .current_page_item a {
668
    color: #FF4B33;
669
}
670
.aside .current-menu-item .menu-item a,
671
.aside .current_page_item .menu-item a {
672
    color:#666;
673
}
674
.aside .current-menu-item .menu-item a:hover,
675
.aside .current-menu-item .menu-item a:active,
676
.aside .current_page_item .menu-item a:hover,
677
.aside .current_page_item .menu-item a:active {
678
    color: #FF4B33;
679
}
680
.aside {
681
    color:#666;
682
}
683

    
684
.aside h3 a {
685
    text-decoration:none;
686
}
687
.aside caption {
688
    font-size:11px;
689
    font-family:Arial,sans-serif;
690
    font-weight:bold;
691
    text-transform:uppercase;
692
    letter-spacing:0.05em;
693
}
694
.aside ul {
695
    list-style:none;
696
    margin-left:0;
697
    padding-left: 0;
698
}
699

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

    
752
/* =Custom Aside Adjustments
753
-------------------------------------------------------------- */
754

    
755
#primary, #secondary {
756
    color:#82939B;
757
    margin: 20px 0 0 0px;
758
    font-size: 11px;
759
    line-height: 14px;
760
    width:155px;
761
}
762

    
763
#primary p, #secondary p{
764
    margin-bottom:3px;
765
    padding:0;
766
}
767

    
768
#primary a, #secondary a{
769
    color:#82939B;
770
}
771

    
772
#primary a:hover, #secondary a:hover{
773
    color:#586369;
774
}
775

    
776
#primary h1, #secondary h1, .aside h3 {
777
    font-size: 13px;
778
    font-weight:bold;
779
    line-height: 14px;
780
    color: #458BBF;
781
    margin: 0px 0 5px 0;
782
}
783

    
784
#primary.aside{
785
    margin-top:1px;
786
}
787

    
788
#primary.aside ul{
789
    margin-bottom:0px;
790
}
791

    
792
#primary.aside #support,
793
#primary.aside #mailinglist{
794
	width: 100%;
795
    padding: 5px 0;
796
    border-top:1px solid #82939B;
797
    border-bottom:1px solid #82939B;
798
    font-size:16px;
799
    letter-spacing:-.5px;
800
    text-align:center;
801
}
802

    
803
#support {
804
	margin-top: 20px;
805
}
806

    
807
#primary.aside .widgettitle {
808
    visibility:hidden;
809
    height:0px;}
810

    
811
.aside input{
812
    margin-top:0px;
813
    width:150px;
814
    background-color:#DADADA;
815
    border:1px solid #82939B;
816
    color:#2D2D2D;
817
    font-size:11px;
818
    height:18px;
819
    padding-left:4px;
820
  }
821

    
822
#secondary.aside ul.xoxo ul {
823
    padding-bottom:20px;
824
}
825

    
826
#secondary.aside ul.xoxo ul li{
827
    padding-bottom:0;
828
    margin:0;
829
}
830

    
831
#secondary.aside ul ul{
832
    margin-left:14px;
833
}
834

    
835
#secondary ul.xoxo li.widgetcontainer {
836
    padding-bottom:0px;
837
}
838

    
839
#secondary ul.xoxo li.widgetcontainer ul{
840
    padding-bottom:20px;
841
}
842

    
843
/*
844
    Share This Styles
845
-------------------------------------------------------------- */
846
#st_group{
847
    clear:both;
848
	margin-top:15px;
849
    padding-top: 20px;
850
}
851

    
852
#primary #st_group, #secondary #st_group {
853
    display:none;
854
}
855

    
856
#tribe-events-loop #st_group span.stButton{
857
    margin-left: 0px;
858
}
859

    
860
/* =========Sharethis Wipe========== */
861

    
862
body.page span.st_facebook_hcount,
863
body.page span.st_twitter_hcount,
864
body.page span.st_email_hcount,
865
body.page span.st_googleplus_hcount,
866
body.page span.st_plusone_hcount,
867
body.page span.st_sharethis_hcount,
868
body.page span.st_pinterest_hcount,
869
body.page span.st_fblike_hcount,
870
body.page span.st_linkedin_hcount,
871
div.aside span.st_facebook_hcount,
872
div.aside span.st_twitter_hcount,
873
div.aside span.st_email_hcount,
874
div.aside span.st_googleplus_hcount,
875
div.aside span.st_plusone_hcount,
876
div.aside span.st_sharethis_hcount,
877
div.aside span.st_pinterest_hcount,
878
div.aside span.st_fblike_hcount,
879
div.aside span.st_linkedin_hcount {
880
	display:none;
881
}
882

    
883

    
884
/* =Content Asides
885
-------------------------------------------------------------- */
886

    
887
#content .aside {
888
    border:1px solid #ccc;
889
    margin:0 0 22px 0;
890
    padding:18px 0 0 0;
891
}
892
#content .aside ul {
893
    padding:0 20px;
894
}
895
#content .aside h3 {
896
    font-weight:normal;
897
    font-size:17px;
898
    padding:0 0 7px 0;
899
    text-transform:none;
900
}
901
#content .aside ul ul {
902
    padding:0;
903
}
904
/*
905
    Footer Asides
906
*/
907
#subsidiary {
908
    padding:33px 0 0 0;    
909
}
910

    
911

    
912
/* =Footer
913
-------------------------------------------------------------- */
914

    
915
#footer {
916
    width:750px;
917
    border-top:1px solid #ccc;
918
    margin:0 auto;
919
}
920
#siteinfo {	
921
    font-family: Helvetica, Verdana, Arial, sans-serif;
922
    font-size: 9.5px;
923
    color: #82939B;
924
    letter-spacing: 0.3px;
925
    line-height: 24px;
926
    text-align:center;
927
}
928

    
929
#siteinfo a{
930
	color: #82939B;
931
	text-decoration:none;
932
	}
933
	
934
#siteinfo a:hover{
935
	color: #586369;
936
	text-decoration:none;
937
	}
938

    
939
div.foot-image{
940
    width:5%;
941
    float:right;
942
    margin-top: 6px
943
}
944

    
945
div.foot-text{
946
    width:90%
947
    text-align:left;
948
    float:left;
949
    font-size:9.5px;
950
    padding-top:6px;
951
    line-height:14px;
952
}
953

    
954
/* =Events Calendar Plugin Adjustments that Need to Live Here
955
-------------------------------------------------------------- */
956

    
957
/* Single Event Page*/
958

    
959
.entry{
960
    border-bottom:1px solid #ccc;
961
    margin-bottom:10px;
962
    padding-bottom:0px;
963
}
964

    
965
.navlink{
966
	width: 40%;
967
    margin:0 5px 0 0;
968
    padding-bottom:0px;
969
}
970

    
971
.navlink a{
972
	color: #82939B;
973
}
974

    
975
.navlink a:hover{
976
	color: #586369;
977
}
978

    
979
.event-passed{
980
    width:519px;
981
    margin-bottom:12px;
982
}
983

    
984
/* List Page */
985

    
986
.tribe-events-event-entry .wp-post-image {
987
    max-width:200px;
988
    border:none;
989
    padding:0 0 10px 10px;
990
    margin:0;
991
}
992

    
993
dd.category-meta{
994
	margin-bottom:0px;
995
}
996

    
997
/* Books and Journals
998
-------------------------------------------------------------- */
999
div.bookrotation, div.journalrotation{
1000
    padding-right:40px;
1001
    float:left;
1002
    width:140px;
1003
}
1004

    
1005
div.bookrotation a, div.journalrotation a, div.digitalrotation a {
1006
	color: #458BBF;
1007
	font-size: 16px;
1008
	font-weight: bold;
1009
	padding-bottom:10px;
1010
}
1011

    
1012
div.bookrotation img,
1013
div.journalrotation img,
1014
div.digitalrotation img,
1015
div.bookrotation pre,
1016
div.journalrotation pre,
1017
div.digitalrotation pre{ 
1018
    margin:10px 0 20px;
1019
}
1020

    
1021
div.bookrotation img,
1022
div.journalrotation img,
1023
div.digitalrotation img{
1024
    height:180px;
1025
    width:auto;
1026
}
1027

    
1028
div.bookrotation p,
1029
div.journalrotation p,
1030
div.digitalrotation p{
1031
    margin:5px 0;
1032
}
1033

    
1034
div#seep.wp-caption,
1035
div#wes.wp-caption,
1036
div#cj.wp-caption{
1037
float:left;
1038
padding:0 10px 0 0;
1039
}
1040

    
1041
div#jadt.wp-caption{
1042
float:left;
1043
padding:0;
1044
}
1045

    
1046

    
1047
table.pubs-order td{
1048
width:48%;
1049
padding: 0 2% 0 0;
1050
margin: 0;
1051
}
1052

    
1053
img.journal-left {
1054
float:left;
1055
border:none;
1056
}
1057

    
1058
img.journal-CJ {
1059
float:left;
1060
border:none;
1061
}
1062

    
1063
table.books-table .wp-caption img{
1064
border:none;
1065
}
1066

    
1067
table.books-table td,
1068
table.books-table p{
1069
    margin:0;
1070
    padding:0;
1071
    vertical-align: top;
1072
}
1073

    
1074
table.books-table tr{
1075
    border:none;
1076
    height: 215px;
1077
}
1078

    
1079

    
1080
/* =Events Colors
1081
-------------------------------------------------------------- */
1082
h2.entry-title.us-theatre ,
1083
h2.entry-title.us-theatre a,
1084
body.tribe_events_cat-us span.list-category,
1085
li.tribe-events-list-widget-events .us-theatre a,
1086
table.tribe-events-calendar .cat_us-theatre a,
1087
table.tribe-events-calendar .cat_us-theatre h4,
1088
div.event-block a.us-theatre{ 
1089
    color: #CDD42A;
1090
}
1091

    
1092
h2.entry-title.international-theatre ,
1093
h2.entry-title.international-theatre a,
1094
body.tribe_events_cat-international span.list-category,
1095
li.tribe-events-list-widget-events .international-theatre a,
1096
table.tribe-events-calendar .cat_international-theatre a,
1097
table.tribe-events-calendar .cat_international-theatre h4,
1098
div.event-block a.international-theatre{
1099
    color: #CB5795;
1100
}
1101

    
1102
h2.entry-title.publication-theatre ,
1103
h2.entry-title.publication-theatre  a,
1104
body.tribe_events_cat-publication span.list-category,
1105
li.tribe-events-list-widget-events .publication-theatre a,
1106
table.tribe-events-calendar .cat_publication-theatre a,
1107
table.tribe-events-calendar .cat_publication-theatre h4,
1108
div.event-block a.publication-theatre{ 
1109
    color: #DA8712;
1110
}
1111

    
1112
h2.entry-title.conferences ,
1113
h2.entry-title.conferences a,
1114
body.tribe_events_cat-conferences span.list-category,
1115
li.tribe-events-list-widget-events .conferences a,
1116
table.tribe-events-calendar .cat_conferences a,
1117
table.tribe-events-calendar .cat_conferences h4,
1118
div.event-block a.conferences{
1119
    color: #458BBF;
1120
}
1121

    
1122
h2.entry-title.screenings ,
1123
h2.entry-title.screenings a,
1124
body.tribe_events_cat-screenings span.list-category,
1125
li.tribe-events-list-widget-events .screenings a,
1126
table.tribe-events-calendar .cat_screenings a,
1127
table.tribe-events-calendar .cat_screenings h4,
1128
div.event-block a.screenings{
1129
    color:#22487F;
1130
}
1131

    
1132
h2.entry-title.us-theatre a:hover,
1133
h2.entry-title.international-theatre a:hover,
1134
h2.entry-title.publication-theatre a:hover,
1135
h2.entry-title.conferences a:hover,
1136
h2.entry-title.screenings a:hover,
1137
li.tribe-events-list-widget-events .us-theatre a:hover,
1138
li.tribe-events-list-widget-events .international-theatre a:hover,
1139
li.tribe-events-list-widget-events .publication-theatre a:hover,
1140
li.tribe-events-list-widget-events .conferences a:hover,
1141
li.tribe-events-list-widget-events .screenings a:hover,
1142
table.tribe-events-calendar .cat_us-theatre a:hover,
1143
table.tribe-events-calendar .cat_international-theatre a:hover,
1144
table.tribe-events-calendar .cat_publication-theatre a:hover,
1145
table.tribe-events-calendar .cat_conferences a:hover,
1146
table.tribe-events-calendar .cat_screenings a:hover,
1147
div.event-block a.us-theatre:hover,
1148
div.event-block a.international-theatre:hover,
1149
div.event-block a.publication-theatre:hover,
1150
div.event-block a.conferences:hover,
1151
div.event-block a.screenings:hover{
1152
    color: #586369;
1153
}
1154

    
1155
/* =Events Page Styles
1156
-------------------------------------------------------------- */
1157

    
1158
body.slug-events #tribe-events-calendar-header{
1159
    height:0px;
1160
}
1161

    
1162
body.slug-events #tribe-events-calendar-header .tribe-events-calendar-buttons{
1163
    top:1px;
1164
}
1165

    
1166
body.slug-events #content .event-block{
1167
    height:145px;
1168
    margin-bottom:15px;
1169
    width:100%;
1170
    padding: 0;
1171
    position:relative;
1172
}
1173

    
1174
body.slug-events #content #st_group{
1175
    display:none;
1176
}
1177

    
1178
.event-image-left{
1179
    width:175px;
1180
    float:left;
1181
    margin-right:10px;
1182
    font-size:11px;
1183
    color: #82939B;
1184
    line-height:12px;
1185
}  
1186

    
1187
.event-image-left img{
1188
    margin:0;
1189
    padding:0 10px 4px 0;
1190
}
1191

    
1192
.event-text{
1193
    margin-left:185px;
1194
    font-size:20px;
1195
    font-weight:bold;
1196
    line-height:22px;
1197
    padding: 0px 0 2px 0;
1198
}
1199

    
1200
#content .event-block .when{
1201
    padding-top:15px;
1202
}
1203

    
1204
#content .event-block .short-title{
1205
    position:absolute;
1206
    bottom:30px;
1207
    left:185px;
1208
}
1209

    
1210
hr.next-event{
1211
	margin:8px 0 10px;
1212
}
1213

    
1214
dl.upcoming-event{
1215
	font-size:12px;
1216
}
1217

    
1218
dt.when-event{
1219
	float:left;
1220
	font-weight:normal;
1221
}
1222

    
1223
dd.what-event{
1224
	font-weight:bold;
1225
}
1226

    
1227
#events-at-a-glance, #category-side-cal{
1228
	clear:left;
1229
	color: #6CB2D4;
1230
}
1231

    
1232
h1.events-sidecal-header,
1233
h2.events-sidecal-subheader,
1234
h2.events-sidecal-subheader2,
1235
h2.events-sidecal-month{
1236
	clear:none;
1237
	width:150px;
1238
	font-weight:bold;
1239
}
1240

    
1241
h2.events-sidecal-month{
1242
	font-size:11px;
1243
}
1244

    
1245
h2.events-sidecal-subheader,
1246
h2.events-sidecal-subheader2{
1247
	font-size:13px;
1248
	color:#458BBF;
1249
}
1250

    
1251
#secondary h1.seasonal-sidecal-header{
1252
	margin-bottom:7px;
1253
}
1254

    
1255
h2.events-sidecal-subheader,
1256
h2.events-sidecal-subheader2{
1257
	padding: 10px 0 7px;
1258
}
1259

    
1260
h2.events-sidecal-month{
1261
	padding: 0px 0 3px;
1262
}
1263

    
1264
dl.events-sidecal, dl.events-sidecal-event{
1265
	margin:0;
1266
	padding:0;
1267
}
1268

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

    
1303
#category-side-cal h1.events-sidecal-header {
1304
    padding-bottom:5px;
1305
}
1306

    
1307
#events-at-a-glance div.us-theatre,
1308
#events-at-a-glance div.international-theatre,
1309
#events-at-a-glance div.publication-theatre,
1310
#events-at-a-glance div.conferences,
1311
#events-at-a-glance div.screenings,
1312
li.Widget_Include_Post div.us-theatre,
1313
li.Widget_Include_Post div.international-theatre,
1314
li.Widget_Include_Post div.publication-theatre,
1315
li.Widget_Include_Post div.conferences,
1316
li.Widget_Include_Post div.screenings{
1317
    border-width: 0px;
1318
    border-left-width: 4px;
1319
    border-style: solid; 
1320
	padding-left: 3px;
1321
    padding-top: 2px;
1322
	margin-bottom:4px;
1323
}
1324

    
1325
#events-at-a-glance div.us-theatre,
1326
li.Widget_Include_Post div.us-theatre{
1327
    border-color: #CDD42A;
1328
}
1329

    
1330
#events-at-a-glance div.international-theatre,
1331
li.Widget_Include_Post div.international-theatre{
1332
    border-color: #CB5795;
1333
}
1334

    
1335
#events-at-a-glance div.publication-theatre,
1336
li.Widget_Include_Post div.publication-theatre{
1337
    border-color: #DA8712;
1338
}
1339

    
1340
#events-at-a-glance div.conferences,
1341
li.Widget_Include_Post div.conferences{
1342
    border-color: #458BBF;
1343
}
1344

    
1345
#events-at-a-glance div.screenings,
1346
li.Widget_Include_Post div.screenings{
1347
    border-color: #22487F;
1348
}
1349

    
1350

    
1351
/* =Index Styles
1352
-------------------------------------------------------------- */
1353

    
1354
body.slug-index{
1355
    position:relative
1356
    width:100%;
1357
    background-color:#1C4980;
1358
}
1359

    
1360
body.slug-index #bgpic{
1361
	position:relative;
1362
	min-width:850px;
1363
	}
1364

    
1365
body.slug-index #caption{
1366
	position:fixed;
1367
	bottom:30px;
1368
	right:0;
1369
	}
1370

    
1371
body.slug-index #credits{
1372
	/* min-width: 850px;*/
1373
	position:fixed;
1374
	bottom:5px;
1375
	right:0;
1376
	text-align:right;
1377
	font-size:12px;
1378
	font-family: Helvetica, Arial, sans-serif;
1379
	font-style:italic;
1380
	color:#FFFFFF;
1381
	padding: 8px 15px 0 0;
1382
	}
1383

    
1384
body.slug-index #header{
1385
    position:absolute;
1386
    top:0;
1387
    left:0;
1388
    float:left;
1389
    height:175px;
1390
    width:100%;
1391
}
1392

    
1393
body.slug-index #branding{
1394
    margin:0;
1395
    height:175px;
1396
    width: 225px;
1397
}
1398

    
1399
body.slug-index #access{
1400
    margin: 0; 
1401
    background:none;
1402
}
1403

    
1404
body.slug-index #access .menu ul{
1405
    font-size:40px;
1406
    line-height:48px;
1407
    margin-top:18px;
1408
    margin-left:18px;
1409
}
1410

    
1411
body.slug-index #access .menu a,
1412
body.slug-index #index-top li.tribe-events-list-widget-events a {
1413
	text-decoration:none;
1414
    color:#e4ebf2;
1415
}
1416

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

    
1424
body.slug-index #secondary-header-menu {
1425
	display:none;
1426
}
1427

    
1428
body.slug-index #index-top{
1429
	margin-top:15px;
1430
	padding-left:10px;
1431
	width:350px; 
1432
	height:138px;
1433
	left:580px;
1434
	position:absolute;
1435
	z-index:5;
1436
	border-left: 1px solid #ccc;
1437
	color:#e4ebf2;
1438
}
1439

    
1440
body.slug-index #index-top h3.widgettitle{
1441
    visibility:visible;
1442
    font: 16px Helvetica, Verdana, Arial, sans-serif;
1443
    color:#e4ebf2;
1444
    font-weight:bold;
1445
    padding: 3px 0 3px;
1446
    height:16px;
1447
    text-align:left;
1448
}
1449

    
1450
body.slug-index #index-top ul{
1451
	margin:0;
1452
	list-style-type:none;
1453
}
1454

    
1455
body.slug-index #index-top li.tribe-events-list-widget-events {
1456
	list-style: none;
1457
}
1458

    
1459
body.slug-index #index-top .when{
1460
	padding-top:2px;
1461
	font-size:16px;
1462
	padding-bottom:3px;
1463
}
1464

    
1465
body.slug-index #index-top li.tribe-events-list-widget-events a{
1466
	font-size:20px;
1467
	font-weight:bold;
1468
	line-height:20px;
1469
}
1470

    
1471
body.slug-index #index-top .tribe-events-widget-link a{
1472
	position:absolute;
1473
	bottom:0px;
1474
}
1475

    
1476
body.slug-index #main,
1477
body.slug-index #container,
1478
body.slug-index #content,
1479
body.slug-index #content .entry-content,
1480
body.slug-index #content .entry-content img{
1481
    margin:0;
1482
    padding:0;
1483
    width:100%
1484
}
1485

    
1486
body.slug-index #main{
1487
    position:absolute;
1488
    top:0;
1489
    left:0;
1490
}
1491

    
1492
body.slug-index #st_group,
1493
body.slug-index #siteinfo,
1494
body.slug-index #visibility{
1495
    display:none;
1496
    margin:0;
1497
    padding:0;
1498
}
1499

    
1500
body.slug-index #footer{
1501
    border:none;
1502
}
1503

    
1504

    
1505
/* =Home Styles
1506
-------------------------------------------------------------- */
1507
body.slug-home #content{
1508
    margin: 5px 0 5px 0;
1509
    width:100%
1510
}
1511

    
1512
body.slug-home #content .aside ul{
1513
    padding:0;
1514
    margin:0;
1515
}
1516

    
1517
body.slug-home #content .aside ul.upcoming{
1518
	overflow:hidden;
1519
	max-height:220px;
1520
}
1521

    
1522

    
1523
body.slug-home #content h3.widgettitle{
1524
    visibility:visible;
1525
    font: 16px Helvetica, Verdana, Arial, sans-serif;
1526
    color: #458BBF;
1527
    font-weight:bold;
1528
    padding: 0;
1529
    text-align:left;
1530
    margin-bottom:8px;
1531
}
1532

    
1533
body.slug-home #content .aside,
1534
body.slug-home #page-top.aside{
1535
    border:none;
1536
    padding:0;
1537
    margin:0;
1538
}
1539

    
1540
body.slug-home #page-top.aside{
1541
    height:300px;
1542
    margin:1px 0 15px 0;
1543
}
1544

    
1545
body.slug-home .entry-content{
1546
    border-top: 1px solid #ccc;
1547
    border-bottom: 1px solid #ccc;
1548
    margin:8px 0;
1549
}
1550

    
1551
body.slug-home #page-top #dfcg-widget{
1552
    width:500px;
1553
    float:left;
1554
    margin:0 10px 0 0;
1555
    padding:0;
1556
}
1557

    
1558
body.slug-home #page-top #dfcg-widget h3{
1559
    line-height:18px;
1560
    font-style:normal;
1561
}
1562

    
1563
#dfcg-widget img{
1564
    max-width:100%
1565
}
1566

    
1567
#dfcg-thumbnails a.dfcg-carouselBtn{
1568
    visibility:hidden;
1569
}
1570

    
1571
#page-top .widget_search{
1572
    float:left;
1573
    width:240px;
1574
}
1575

    
1576
#page-top .widget_search .widgettitle{
1577
    display:none;
1578
}
1579

    
1580
#page-top .widget_search input{
1581
    width:232px;
1582
}
1583

    
1584
#page-top .widget_search form{
1585
   margin-bottom:2px;
1586
}
1587

    
1588
#page-top .tribe-events-list-widget{
1589
    float:left;
1590
    width:240px;
1591
    position:relative;
1592
}
1593

    
1594
#page-top li.tribe-events-list-widget h3.widgettitle{
1595
    font-size:19px;
1596
    padding-bottom:0px;
1597
}
1598

    
1599
#page-top .tribe-events-list-widget ul.upcoming li{
1600
    padding-bottom:3px !important;
1601
}
1602

    
1603
#page-top li.tribe-events-list-widget-events {
1604
	list-style: none;
1605
    width: 240px;
1606
    float: left;
1607
}
1608

    
1609
#page-top .tribe-events-list-widget li {
1610
	padding-bottom: 5px;
1611
}
1612

    
1613
#page-top .tribe-events-list-widget-events .when{
1614
    font-size:11px;
1615
    color: #458BBF;
1616
}
1617

    
1618
#page-top .tribe-events-list-widget-events h4.entry-title {
1619
    font-size:13px;
1620
	line-height: 18px;
1621
    font-weight:bold;
1622
	padding: 0;
1623
}
1624

    
1625
#page-top p.tribe-events-widget-link {
1626
    font-size:12px;
1627
    position:absolute;
1628
    bottom:0px;
1629
	margin-bottom: 0;
1630
}
1631

    
1632
#page-top p.tribe-events-widget-link  a{
1633
    text-decoration:none;
1634
    font-weight:bold;
1635
    color:#458BBF;
1636
}
1637

    
1638
#page-top .tribe-events-list-widget-events .dig-in a:active,
1639
#page-top .tribe-events-list-widget-events .dig-in a:hover{
1640
    color:#586369;
1641
}
1642

    
1643
#page-bottom .widgetcontainer{
1644
    float:left;  
1645
}
1646

    
1647
body.slug-home #content #page-bottom h3.widgettitle{
1648
    padding-bottom:0px;
1649
}
1650

    
1651
#page-bottom .Widget_Include_Post,
1652
#page-bottom .widget_recent_entries{
1653
    width:224px;
1654
    height:295px;
1655
    margin-right:15px;
1656
}
1657

    
1658
#page-bottom .Widget_Include_Post{
1659
    float:left;
1660
    padding-left:15px;
1661
    border-left: 1px solid #ccc;
1662
}
1663

    
1664
div#page-bottom.aside ul ul{
1665
list-style: disc;
1666
margin-left: 20px !important;
1667
}
1668

    
1669
.Widget_Include_Post img{
1670
   height:225px;
1671
}
1672

    
1673
.Widget_Include_Post p{
1674
    margin-bottom: 5px;
1675
}
1676

    
1677
/* Additions for Commons Customizations */
1678

    
1679
#wpadminbar {
1680
	display:none
1681
}
1682

    
1683
.sitewide-footer, td#footer .sitewide-footer {
1684
	display: none!important;
1685
}
1686

    
1687
span.fs_footer{
1688
display:none;
1689
}
1690

    
1691
html {
1692
margin-top: 0px !important;
1693
}
1694

    
1695
/*=Form Styles
1696
--------------------------*/
1697
.mlinput, .mlcomment, .mlcaptcha{
1698
margin: 0px 0 0 0;
1699
width: 300px;
1700
padding: 3px 1px 0px 1px;
1701
font-family: Helvetica, Verdana, Arial, sans-serif;
1702
font-size: 12px;
1703
color: #2D2D2D;
1704
background-color: #DADADA;
1705
border: 1px solid #82939B;
1706
outline: none;
1707
}
1708

    
1709
.mlinput{
1710
height: 16px;
1711
}
1712

    
1713
.mlcomment{
1714
width:500px;
1715
}
1716

    
1717
form.wpcf7-form img{
1718
margin-bottom:10px;
1719
}
1720

    
1721
.mlcaptchaimage {
1722
border: 1px solid #82939B;
1723
}
1724

    
1725
.mlcaptcha{
1726
width:75px;
1727
}
1728

    
1729

    
(2-2/3)