/* ************************************************* Harvard University General Screen Styles Created by the friendly folks at Happy Cog http://www.happycog.com/ ************************************************* */ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1; } body { background-color: #fff; color: #6c6c6c; font: normal 62.5% Helvetica, Arial, sans-serif; } /* block level */ h1 { margin: 0 0 20px; color: #333; font: normal 3.6em/1.44 Georgia, "Times New Roman", serif; } .intro-wrap h1 { color: #fff; margin-bottom: .2em; letter-spacing: 1px; } h2 { margin: 0 0 20px; color: #363636; font: normal 2.2em/1.36 Georgia, "Times New Roman", serif; } .sub h2 { margin: 0 0 8px 0; font-size: 1.8em; color: #293352; } h3 { margin: 0 0 20px; font: 1.8em/1.36 Georgia, "Times New Roman", serif; } /*h4 { margin: 0 0 12px; font: 1.6em/1.36 Georgia, "Times New Roman", serif; } h5 { margin: 0 0 12px; font: 1.6em/1.36 Georgia, "Times New Roman", serif; } h6 { margin: 0 0 12px; font: 1.6em/1.36 Georgia, "Times New Roman", serif; } */ h4 { color: #363636; font: bold 1.0em/1.8 Helvetica,Arial,sans-serif; margin-bottom: 11px; text-transform: uppercase; } h5 { color: #A61D31; font: bold 1.0em/1.8 Helvetica,Arial,sans-serif; margin-bottom: 11px; text-transform: uppercase; } h6 { color: #8c8179; font: bold 1.0em/1.8 Helvetica,Arial,sans-serif; margin-bottom: 11px; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration: none; color:inherit;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: underline;} .main h4 { color: #6c6c6c; } .alpha { margin-bottom: 11px; color: #363636; font: bold 1.2em Helvetica, Arial, sans-serif; text-transform: uppercase; } p, ul, dl, ol, blockquote, table { margin: 0 0 1.5em; } li { font-size: 1.2em; } .main li, .sub li { line-height: 1.3; } li p { font-size: 1.08em; } dd, dl { font-size: 1.2em; line-height: 2em; } p { color: #444; font-size: 1.3em; line-height: 2; } blockquote { } table { border-collapse: collapse; } th { text-align: left; } th, td { } /* inline */ em { font-style: italic; } strong { font-weight: bold; } a { color: #3b7ab8; } a:hover, a:focus { color: #2d3754; } img { display: block; margin: 0 0 15px; max-width: 100%; height: auto; } a img { border: none; } .sub .section img.topper { max-width: 223px; } iframe { max-width: 100%; } .utility { height: 38px; position: relative; } code { font: 12px/1 'Courier New', Courier, monospace; } sub, sup { line-height: 0; } input { font: 1em Helvetica, Arial, sans-serif; } .clear { clear: both; } .move { position: absolute; left: -9999px; } .hide { display: none; } .hidden { visibility:hidden; } .element-invisible { visibility:hidden; display: none;} .compact { margin-bottom: 0px; } img#logo { display: none; } /*------------------------------------------- Global combinations -------------------------------------------*/ .logo a, .utility #searchtext-btn, .footer address strong, #main-nav li a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } .header .wrap:after, .utility:after, .utility form:after, .footer .wrap:after, .primary .wrap:after, .copy-footer ul:after, .streamer:after, .carousel .wrap:after, .split:after, .split-a:after, .split-b:after, form.subscribe:after, .prime:after, .directory-search:after, .breadcrumb:after, .feature:after, .lead-date:after, .details:after, .data-tweet:after, .section:after, .filter-wrap:after, .filter-wrap ul:after, .expandable ul:after, .slide-callout:after, .message:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } /*------------------------------------------- Structure -------------------------------------------*/ .primary { min-height: 605px; min-width: 978px; background: #f3f3f1 url("../../a/screen/bg-seal.gif") no-repeat center 0; /* Old browsers */ background: url("../../a/screen/bg-seal.gif") no-repeat center 0, -moz-linear-gradient(top, #f3f3f1 10%, #fff 100%); /* FF3.6+ */ background: url("../../a/screen/bg-seal.gif") no-repeat center 0, -webkit-gradient(linear, left top, left bottom, color-stop(10%,#f3f3f1), color-stop(100%,#fff)); /* Chrome,Safari4+ */ background: url("../../a/screen/bg-seal.gif") no-repeat center 0, -webkit-linear-gradient(top, #f3f3f1 10%,#fff 100%); /* Chrome10+,Safari5.1+ */ background: url("../../a/screen/bg-seal.gif") no-repeat center 0, -o-linear-gradient(top, #f3f3f1 10%,#fff 100%); /* Opera11.10+ */ background: url("../../a/screen/bg-seal.gif") no-repeat center 0, linear-gradient(top, #f3f3f1 10%,#fff 100%); /* W3C */ } .home .primary { padding-top: 20px; /*background-position: fixed;*/ background: #f3f3f1 url("../../a/screen/bg-seal-home.gif") no-repeat center 90px; /* Old browsers */ background: url("../../a/screen/bg-seal-home.gif") no-repeat center 90px, -moz-linear-gradient(top, #f3f3f1 10%, #fff 100%); /* FF3.6+ */ background: url("../../a/screen/bg-seal-home.gif") no-repeat center 90px, -webkit-gradient(linear, left top, left bottom, color-stop(10%,#f3f3f1), color-stop(100%,#fff)); /* Chrome,Safari4+ */ background: url("../../a/screen/bg-seal-home.gif") no-repeat center 90px, -webkit-linear-gradient(top, #f3f3f1 10%,#fff 100%); /* Chrome10+,Safari5.1+ */ background: url("../../a/screen/bg-seal-home.gif") no-repeat center 90px, -o-linear-gradient(top, #f3f3f1 10%,#fff 100%); /* Opera11.10+ */ background: url("../../a/screen/bg-seal-home.gif") no-repeat center 90px, linear-gradient(top, #f3f3f1 10%,#fff 100%); /* W3C */ } .intro-wrap { padding: 0 0 87px; background: #262626 url("../../a/screen/bg-intro-seal.gif") no-repeat center 0; } .intro-wrap + .wrap { margin-top: -87px; } .intro h1 { margin-bottom: 3px; } .intro p { width: 727px; color: #6c6c7a; font-size: 1.4em; line-height: 1.7; } .intro-wrap p { margin-bottom: 34px; color: #f3f3f1; } /*.no-intro-text .intro-wrap { padding: 0 0 4px; }*/ /*.no-intro-text .intro-wrap + .wrap { margin-top: -4px; }*/ /*.no-intro-text .intro h1 { margin-bottom: 30px; }*/ .breadcrumb { position: relative; width: 978px; margin: 0 auto 20px; padding-top: 18px; } .breadcrumb li { float: left; list-style: none;} .breadcrumb li:after { content: "/"; margin: 0 5px 0 3px; } .breadcrumb a { color: #6a8cb0; text-transform: uppercase; font-weight: bold; text-decoration: none; } .breadcrumb a:hover, .breadcrumb a:focus { text-decoration: underline; } .wrap { width: 978px; margin: 0 auto; } #twocol_wrap { width: 755px; float: right; } /* Layout A has only a Main column and takes up the full 978px width */ .layout-a .main { width: 978px; margin-bottom: 20px; } /* Layout B has Secondary on left, Main on the right.*/ .layout-b .main { float: right; width: 728px; margin-bottom: 20px; } .layout-b .secondary { float: left; width: 223px; margin-bottom: 20px;} /* Layout C has Secondary on right, Main on the left.*/ .layout-c .main { float: left; width: 728px; margin-bottom: 20px; } .layout-c .secondary { float: right; width: 223px; margin-bottom: 20px; padding-top: 72px;} /* Layout D has Secondary on left, Main in the middle and Sub on the right.*/ .layout-d .secondary { float: left; width: 223px; margin-bottom: 20px; } .layout-d .main { float: left; width: 474px; margin-left: 29px; margin-bottom: 20px; } .layout-d .sub { float: left; width: 223px; margin-left: 29px; margin-bottom: 20px; } /* split - used for unique split examples, with specific widths */ .col, ul.split li, ul.split-a li, ul.split-b li { float: left; } /* split A - used for two columns of equal width */ .split-a .col { width: 48.5%; margin-left: 3%; } /* split B - used for three columns of equal width */ .split-b .col, .split-b li { width: 32%; margin-left: 2%; } .split .first, .split-a .first, .split-b .first { margin-left: 0; } .main .section { background: #fff; border-top: 4px solid #a51c30; } .main .col .section { border-top: none; } .sub .section { background: #fefefe; } .header-mobile { display: none; } .content-pad-left { padding: 0 15px; } /*------------------------------------------- Primary -------------------------------------------*/ /* Color Codes for Channels Arts/Culture: #cb59af Community Partnerships: #a2a012 Global Engagement: #184ae1 Health & Medicine: #e2920c Public Service: #4384c4 Science & Engineering: #52854c Sustainability & Environment: #13c29f Teaching & Learning Innovation: #9a7016 Unparalleled Student Experience: #a61d31 Social Channels: #293352 */ .item-arts, .page-arts .feature, .page-arts .nav, .page-arts .main .section { border-top: 4px solid #cb59af; } .item-community, .page-community .feature, .page-community .nav, .page-community .main .section { border-top: 4px solid #a2a012; } .item-campus, .page-campus .feature, .page-campus .nav, .page-campus .main .section { border-top: 4px solid #a2a012; } .item-global, .page-global .feature, .page-global .nav, .page-global .main .section { border-top: 4px solid #184ae1; } .item-health, .page-health .feature, .page-health .nav, .page-health .main .section { border-top: 4px solid #e2920c; } .item-public, .page-public .feature, .page-public .nav, .page-public .main .section { border-top: 4px solid #4384c4; } .item-science, .page-science .feature, .page-science .nav, .page-science .main .section { border-top: 4px solid #52854c; } .item-sustainability, .page-sustainability .feature, .page-sustainability .nav, .page-sustainability .main .section { border-top: 4px solid #13c29f; } .item-teaching, .page-teaching .feature, .page-teaching .nav, .page-teaching .main .section { border-top: 4px solid #9a7016; } .item-unparalleled, .page-unparalleled .feature, .page-unparalleled .nav, .page-unparalleled .main .section { border-top: 4px solid #a61d31; } .item-social, .page-social .feature, .page-social .nav, .page-social .main .section { border-top: 4px solid #293352; } .listing { list-style-type: none; } .listing p { overflow: hidden; } .streamer { display: table; margin-bottom: 28px; border-bottom: 1px solid #c3c3c3; } .streamer .heading { vertical-align: top; display: table-cell; position: relative; width: 90px; padding: 16px; border-top: 3px solid #4384c4; background: #35405f; /* Old browsers */ background: -moz-linear-gradient(top, #35405f 0%, #222b47 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35405f), color-stop(100%,#222b47)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #35405f 0%,#222b47 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #35405f 0%,#222b47 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #35405f 0%,#222b47 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35405F', endColorstr='#222B47',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #35405f 0%,#222b47 100%); /* W3C */ } .streamer .heading h2 { color: #fff; font: 1.6em Georgia, "Times New Roman", serif; } .streamer .heading strong { display: block; font-size: 1.25em; font-weight: normal; text-transform: uppercase; } .action-footer .streamer .heading strong { font-size: 1.125em; } .streamer .heading .more a { background: url(../../a/screen/mrkr-more-heading.gif) no-repeat right 0; color: #fff; font-size: .8em; padding-right: 13px; } .streamer .heading .more a:hover, .streamer .heading .more a:focus { background-position: right -50px; text-decoration: none; } .action-footer .streamer .slider { height:230px; overflow:hidden; } .streamer .prime { display: table-cell; width: 856px; background-color: #fbfbfb; } .streamer .listing { float: left; margin-bottom: 0; background: #f3f3f1 url(../../a/screen/bg-streamer-4.gif) repeat-y 0 0; background: rgba(243,243,241,.7) url(../../a/screen/bg-streamer-4.gif) repeat-y 0 0; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; } .streamer .listing li { float: left; width: 180px; margin-right: 1px; padding: 20px 16px; border-top: 1px solid #c3c3c3; height: 99px; } .streamer .listing .first { width: 182px; padding: 20px 17px; } .streamer .listing h3 { margin-bottom: 3px; font: bold 1.08em/1.38 Helvetica, Arial, sans-serif} .streamer .listing h3 a { color: #293352; text-decoration: none; } .streamer .listing h3 a:hover, .streamer .listing h3 a:focus { text-decoration: underline; } .streamer .data { line-height: 1.4; font-weight: normal; text-transform: none; font-size: 1.0em; } .expandable h2 { margin-bottom: 15px; color: #6c6c6c; font: 600 1.2em Helvetica, Arial, sans-serif; text-transform: uppercase; } .expandable .listing { padding-left: 2px; background: url(../../a/screen/bg-expandable.gif) 0 bottom no-repeat; } .expandable .listing .topper { left: -13px; margin: -26px 0 18px; border: 0; } .layout-b .expandable .listing img.topper { max-width: 221px; } .layout-a .expandable .listing { position: relative; background: url(../../a/screen/bg-expandable-home.png) 0 bottom no-repeat; } .expandable li { float: left; } .layout-b .expandable li { width: 196px; margin-left: 29px; padding: 26px 13px 10px; border-top: 1px solid #cdcdcd; overflow:hidden; } .layout-b .expandable .first { margin-left: 0; } .layout-b .expandable li p { overflow:hidden; } .layout-a .expandable li { width: 287px; margin-left: 17px; padding: 10px 13px 30px; } .layout-a .expandable .first { margin-left: 0; } .layout-a .expandable li li { width: auto; margin: 0 0 5px; padding: 0; } .layout-b .expandable img { position: relative; margin: 0 auto; border: 1px solid #293352; } .expandable h3 { margin-bottom: 0.7em; font: 1.5em/1.22 Georgia, "Times New Roman", serif; } .layout-a .expandable h3 { font: 1.8em/1.36 Georgia, "Times New Roman", serif; } .layout-b .expandable h3 span { display: block; margin-left: -12px; width: 200px; padding: 0 10px 20px; } .expandable h3 a { display: block; color: #293352; text-decoration: none; line-height: 1.2; } .expandable .who a { color: #474747; } .expandable h3 a:hover, .expandable h3 a:focus { text-decoration: underline; } .expandable p { line-height: 1.5; word-wrap: break-word; overflow:hidden; } .layout-a .expandable p { font-size: 1.16em; } .channel-more { position: relative; z-index: 10; display: block; margin-bottom: 28px; } .channel-more a { padding-right: 14px; color: #b5b5b5; background: url(../../a/screen/bg-color-arrows.png) no-repeat right -2281px; text-transform: uppercase; font-size: .92em; text-decoration: none; } .item-arts .channel-more a:hover, .item-arts .channel-more a:focus { background-position: right -201px; color: #cb59af; } .item-community .channel-more a:hover, .item-community .channel-more a:focus { background-position: right -463px; color: #a2a012; } .item-campus .channel-more a:hover, .item-campus .channel-more a:focus { background-position: right -463px; color: #a2a012; } .item-global .channel-more a:hover, .item-global .channel-more a:focus { background-position: right -715px; color: #184ae1; } .item-health .channel-more a:hover, .item-health .channel-more a:focus { background-position: right -909px; color: #e2920c; } .item-public .channel-more a:hover, .item-public .channel-more a:focus { background-position: right -1092px; color: #4384c4; } .item-science .channel-more a:hover, .item-science .channel-more a:focus { background-position: right -1242px; color: #52854c; } .item-sustainability .channel-more a:hover, .item-sustainability .channel-more a:focus { background-position: right -1358px; color: #13c29f; } .item-teaching .channel-more a:hover, .item-teaching .channel-more a:focus { background-position: right -1502px; color: #9a7016; } .item-unparalleled .channel-more a:hover, .item-unparalleled .channel-more a:focus { background-position: right -1686px; color: #a61d31; } .item-social .channel-more a:hover, .item-social .channel-more a:focus { background-position: right -1908px; color: #293352; } .channel-more a:hover, .channel-more a:focus { -webkit-transition: color 50ms linear; /* Saf3.2+, Chrome */ -moz-transition: color 50ms linear; /* FF3.7+ */ -o-transition: color 50ms linear; /* Opera 10.5+ */ transition: color 50ms linear; /* futureproofing */ } .layout-a .expandable .data { position: absolute; bottom: 10px; font-size: .9em; } .layout-a .expandable .from_gazette { position: absolute; bottom: 7px; padding-left: 130px; font-size: .9em; margin:0px; } .layout-a .expandable .from_gazette img { margin: 0 5px 0 0; padding-bottom: 2px; } .layout-a .expandable .from_gazette a { text-decoration: none; } .layout-b .expandable .listing { position: relative; padding-bottom: 36px; } .layout-b .expandable .data { position: absolute; bottom: 10px; font-size: .9em; } .layout-b .expandable .data em { font-style: normal; } .layout-b .expandable .from_gazette { position: absolute; bottom: 30px; font-size: .9em; margin: 0; } .layout-b .expandable .from_gazette img { margin: 0 5px 0 0; padding-bottom: 2px; border: 0;} .layout-b .expandable .from_gazette a { text-decoration: none; } .excerpt .who, .layout-a .excerpt .who { margin-bottom: 13px; padding-left: 50px; background: url(../../a/screen/bg-who.gif) no-repeat 0 2px; color: #474747; text-transform: uppercase; font: 600 1.33em/1.38 Helvetica, Arial, sans-serif; line-height: 1.2em; } .item-social .excerpt p { color: #1f1f1f; font: 1.66em/1.5 Georgia, "Times New Roman", serif; } .item-social .excerpt p a { text-decoration: none; } .item-social .excerpt p a:hover , .item-social .excerpt p a:focus { text-decoration: underline; } .expandable .listing p img { float: left; margin-right: 18px; } .item-social h3 { color: #293352; } .item-social>div { position: relative; } .lead-video h3 { margin-top: -40px; } .lead-video h3 img { position: absolute; top: -10px; left: -13px; } .block-date { float: left; width: 39px; margin-right: 20px; padding: 16px 12px; background: #4080c1; color: #fff; text-align: center; font: 3em/.7 Georgia, "Times New Roman", serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .block-date abbr { display: block; font: .45em Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .05em; border: none; } .lead-date { margin-bottom: 20px; border-bottom: 1px dashed #bcbcbc; } .lead-date h3, .lead-date p { margin-left: 83px; } .lead-date strong { display: block; } .layout-a .lead-date h3 { margin-bottom: 8px; } .details { margin-bottom: 20px; } .split-b .details li { float: none; font-size: 1em; list-style: none; } .details a { text-decoration: none; } .details a:hover, .details a:focus { text-decoration: underline; } .layout-a .expandable .details p { font-size: 1em; } .expandable .listing .caption { float: left; margin-right: 15px; } .caption img { margin-bottom: 0; } .layout-a .expandable .caption p { width: 120px; padding: 10px; color: #fff; font-size: 1em; line-height: 1.6; text-transform: uppercase; } .item-arts .caption p { background: #cb59af; } .item-campus .caption p { background: #a2a012; } .item-global .caption p { background: #184ae1; } .item-health .caption p { background: #e2920c; } .item-public .caption p { background: #4384c4; } .item-science .caption p { background: #52854c; } .item-sustainability .caption p { background: #13c29f; } .item-teaching .caption p { background: #9a7016; } .item-unparalleled .caption p { background: #a61d31; } .item-social .caption p { background: #293352; } .link-reply { position: absolute; display: block; z-index: 20; top: -14px; right: 0; padding: 16px 13px 9px; background: #4989c7; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1em; text-decoration: none; background: #4989c7; /* Old browsers */ background: -moz-linear-gradient(top, #4989c7 0%, #3c7bbe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4989c7), color-stop(100%,#3c7bbe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4989c7 0%,#3c7bbe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4989c7 0%,#3c7bbe 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #4989c7 0%,#3c7bbe 100%); /* IE10+ */ background: linear-gradient(top, #4989c7 0%,#3c7bbe 100%); /* W3C */ } .link-reply:hover, .link-reply:focus { background: #252f4b; color: #fff; } .load { display: block; margin-bottom: 30px; padding: 11px 0 10px; background: #3b7abd; color: #fff; font-size: 1.2em; text-transform: uppercase; font-weight: bold; text-align: center; text-decoration: none; cursor:pointer; } .load:hover, .load:focus { background: #303958; color: #fff; cursor:pointer; -webkit-transition: background-color 75ms linear; /* Saf3.2+, Chrome */ -moz-transition: background-color 75ms linear; /* FF3.7+ */ -o-transition: background-color 75ms linear; /* Opera 10.5+ */ transition: background-color 75ms linear; /* futureproofing */ } .load span { padding: 5px 32px 5px 0; background: url(../../a/screen/bg-load.png) no-repeat right 0; } .load:hover span, .load:focus span { background-position: right -125px; } .filter-wrap { margin-bottom: 23px; background: #919191; background: -moz-linear-gradient(top, #919191 0%, #8b8b8a 51%, #838383 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(51%,#8b8b8a), color-stop(100%,#838383)); background: -webkit-linear-gradient(top, #919191 0%,#8b8b8a 51%,#838383 100%); background: -o-linear-gradient(top, #919191 0%,#8b8b8a 51%,#838383 100%); background: -ms-linear-gradient(top, #919191 0%,#8b8b8a 51%,#838383 100%); background: linear-gradient(top, #919191 0%,#8b8b8a 51%,#838383 100%); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } .filter-wrap li { font-size: 1.08em; font-weight: bold; list-style: none; } .filter { float: right; position: relative; background: url(../../a/screen/bg-filter-dvdr.gif) 0 0 repeat-y; } .filter ul { display: none; position: absolute; width: 100%; z-index: 100; } .filter:hover ul, .filter:focus ul, #filter-drop .over ul { display: block; } .filter a { display: block; padding: 8px 12px; background: #494949; color: #f6f6f4; font-size: 1.15em; letter-spacing: .025em; line-height: 1.4; font-weight: bold; text-decoration: none; border-bottom: 1px solid #383838; border-top: 2px solid #4d4d4d; } .filter a:hover { background: #333; } .filter .filter-arts a { padding-top: 11px; background: #494949 url(../../a/screen/bg-filter-ul.png) repeat-x 0 0; border-top: none; } .filter .filter-arts a:hover, .filter .filter-arts a:focus { background: #cb59af; border-top-color: #cb59af; } .filter .filter-community a:hover, .filter .filter-community a:focus { background: #a2a012; border-top-color: #a2a012; } .filter .filter-global a:hover, .filter .filter-global a:focus { background: #184ae1; border-top-color: #184ae1; } .filter .filter-health a:hover, .filter .filter-health a:focus { background: #e2920c; border-top-color: #e2920c; } .filter .filter-public a:hover, .filter .filter-public a:focus { background: #4384c4; border-top-color: #4384c4; } .filter .filter-science a:hover, .filter .filter-science a:focus { background: #52854c; border-top-color: #52854c; } .filter .filter-sustainability a:hover, .filter .filter-sustainability a:focus { background: #13c29f; border-top-color: #13c29f; } .filter .filter-teaching a:hover, .filter .filter-teaching a:focus { background: #9a7016; border-top-color: #9a7016; } .filter .filter-unparalleled a:hover, .filter .filter-unparalleled a:focus { background: #a61d31; border-top-color: #a61d31; } .filter .filter-social a:hover, .filter .filter-social a:focus { background: #293352; border-top-color: #293352; } .filter strong { display: block; padding: 11px 37px 9px 20px; background: url(../../a/screen/bg-filter-arrow.gif) no-repeat 90% center; color: #fff; font-size: 1.08em; cursor: pointer; text-transform: uppercase; } .filter strong:hover, .filter strong:focus, .filter:hover strong, .filter:focus strong { background-repeat: no-repeat; background-position: 90% center; background: #4c4c4c url(../../a/screen/bg-filter-arrow.gif) no-repeat 90% center; background-image: url(../../a/screen/bg-filter-arrow.gif), -moz-linear-gradient(top, #4c4c4c 0%, #454545 27%, #353535 69%, #2f2f2f 100%); background-image: url(../../a/screen/bg-filter-arrow.gif), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(27%,#454545), color-stop(69%,#353535), color-stop(100%,#2f2f2f)); background-image: url(../../a/screen/bg-filter-arrow.gif), -webkit-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background-image: url(../../a/screen/bg-filter-arrow.gif), -o-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background-image: url(../../a/screen/bg-filter-arrow.gif), -ms-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background-image: url(../../a/screen/bg-filter-arrow.gif), linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); } .filter strong span { display: block; padding: 5px 10px 5px 36px; background: url(../../a/screen/bg-filter.gif) 0 0 no-repeat; } .filter strong.filter-all:hover span, .filter strong.filter-all:focus span, .filter:hover .filter-all span, .filter:focus .filter-all span { background-position: 0 -78px; } .filter .filter-arts span { background-position: 0 -155px; } .filter strong.filter-arts:hover span, .filter strong.filter-arts:focus span, .filter:hover .filter-arts span, .filter:focus .filter-arts span { background-position: 0 -254px; } .filter .filter-community span { background-position: 0 -345px; } .filter strong.filter-community:hover span, .filter strong.filter-community:focus span, .filter:hover .filter-community span, .filter:focus .filter-community span { background-position: 0 -444px; } .filter .filter-global span { background-position: 0 -540px; } .filter strong.filter-global:hover span, .filter strong.filter-global:focus span, .filter:hover .filter-global span, .filter:focus .filter-global span { background-position: 0 -639px; } .filter .filter-health span { background-position: 0 -747px; } .filter strong.filter-health:hover span, .filter strong.filter-health:focus span, .filter:hover .filter-health span, .filter:focus .filter-health span { background-position: 0 -846px; } .filter .filter-public span { background-position: 0 -950px; } .filter strong.filter-public:hover span, .filter strong.filter-public:focus span, .filter:hover .filter-public span, .filter:focus .filter-public span { background-position: 0 -1049px; } .filter .filter-science span { background-position: 0 -1158px; } .filter strong.filter-science:hover span, .filter strong.filter-science:focus span, .filter:hover .filter-science span, .filter:focus .filter-science span { background-position: 0 -1257px; } .filter .filter-sustainability span { background-position: 0 -1367px; } .filter strong.filter-sustainability:hover span, .filter strong.filter-sustainability:focus span, .filter:hover .filter-sustainability span, .filter:focus .filter-sustainability span { background-position: 0 -1466px; } .filter .filter-teaching span { background-position: 0 -1579px; } .filter strong.filter-teaching:hover span, .filter strong.filter-teaching:focus span, .filter:hover .filter-teaching span, .filter:focus .filter-teaching span { background-position: 0 -1678px; } .filter .filter-unparalleled span { background-position: 0 -1803px; } .filter strong.filter-unparalleled:hover span, .filter strong.filter-unparalleled:focus span, .filter:hover .filter-unparalleled span, .filter:focus .filter-unparalleled span { background-position: 0 -1902px; } .filter .filter-social span { background-position: 0 -2003px; } .filter strong.filter-social:hover span, .filter strong.filter-social:focus span, .filter:hover .filter-social span, .filter:focus .filter-social span { background-position: 0 -2102px; } .filter-nav { float: left; margin-bottom: 0; } .filter-nav li { float: left; padding: 0 2px 0 0; background: url(../../a/screen/bg-filter-dvdr.gif) right 0 repeat-y; } .filter-nav .active { padding: 0; } .filter-nav li a { display: block; padding: 16px 37px 13px; color: #fff; text-transform: uppercase; text-decoration: none; } .filter-nav .active a, .filter-nav .active a:hover, .filter-nav .active a:focus { position: relative; background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 0%, #454545 27%, #353535 69%, #2f2f2f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(27%,#454545), color-stop(69%,#353535), color-stop(100%,#2f2f2f)); background: -webkit-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background: -o-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background: -ms-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background: linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); } .filter-nav a:hover, .filter-nav a:focus { background: #919191; background: -moz-linear-gradient(top, #919191 0%, #7f7f7f 54%, #595959 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(54%,#7f7f7f), color-stop(100%,#595959)); background: -webkit-linear-gradient(top, #919191 0%,#7f7f7f 54%,#595959 100%); background: -o-linear-gradient(top, #919191 0%,#7f7f7f 54%,#595959 100%); background: -ms-linear-gradient(top, #919191 0%,#7f7f7f 54%,#595959 100%); background: linear-gradient(top, #919191 0%,#7f7f7f 54%,#595959 100%); } .filter-nav .active a:after { content: url(../../a/screen/bg-filter-nav-on.png); position: absolute; bottom: -8px; left: 47%; } @media screen and (-webkit-min-device-pixel-ratio:0) { .filter-nav .active a:after { bottom: -7px; } } .feature { margin-bottom: 15px; padding: 23px 26px; background: #2a3452; } .feature img { float: right; margin: 0 0 0 15px; } .feature h2 { margin: 6px 0 6px; font-size: 3em; } .feature p { margin-bottom: 9px; line-height: 1.8; font-size: 1.4em; } .feature h2, .feature p { color: #fff; } .feature h2 a, .feature p a { color: #fff; text-decoration: none; } .feature .more { float: left; margin-bottom: 0; } .feature .more a { padding: 7px 13px; background: #fff; color: #3B7AB8; font: italic 1em Georgia, "Times New Roman", serif; text-transform: none; } .feature .more a:hover, .feature .more a:focus { background: #3b7abd; color: #fff; text-decoration: none; } .nav { padding-bottom: 7px; border-top: 4px solid #a51c30; } .nav li { list-style: none; } .nav a { display: block; padding: 13px 14px 9px; background: #fff; text-decoration: none; color: #6c6c6c; text-transform: uppercase; font-weight: bold; line-height: 1.33; } .nav a:hover, .nav a:focus { text-decoration: underline; } .nav .active a, .nav .active-trail a { color: #fff; background: #63212b; } .audience .nav .active a, .audience .nav .active-trail a { color: #fff; background: #A51C30; } .nav .active a:hover, .nav .active-trail a:hover, .nav .active a:focus { text-decoration: none; } .page-arts .nav .active a { background: #cb59af; } .page-community .nav .active a { background: #a2a012; } .page-global .nav .active a { background: #184ae1; } .page-health .nav .active a { background: #e2920c; } .page-public .nav .active a { background: #4384c4; } .page-science .nav .active a { background: #52854c; } .page-sustainability .nav .active a { background: #13c29f; } .page-teaching .nav .active a { background: #9a7016; } .page-unparalleled .nav .active a { background: #a61d31; } .page-social .nav .active a { background: #293352; } .nav li ul { background: #a51c30; padding-bottom: 5px; margin-bottom: 0;} .nav li ul li a { text-transform: none; font-size: 0.9em; font-weight: normal; padding: 8px 14px 4px 24px; } .nav li ul li ul li a { font-size: 12px; padding: 4px 10px 2px 40px; } .nav .active ul li a, .nav .active-trail ul li a { background: #a51c30; } .nav .active ul li a:hover, .nav .active-trail ul li a:hover { text-decoration: underline; } .nav li ul li.active>a, .nav li ul li ul li.active>a { text-decoration: underline; } .directory-search { margin-bottom: 0; } .directory-search p { float: left; margin: 0 0 0 10px; } .directory-search .first { margin: 0; } .directory-search label { display: block; margin-bottom: 3px; } .directory-search input { width: 133px; background: #f3f3f1; } .directory-search .btn { margin-top: 1.25em; padding: 6px 15px; } .directory-search input.email { width: 240px; } .feature-update { margin-bottom: 0; padding: 19px 20px 27px 19px; background: #293352; } .feature-update h2 { margin-bottom: 14px; padding-bottom: 15px; color: #fdfdfc; font: bold 1.2em Helvetica, Arial, sans-serif; text-transform: uppercase; border-bottom: 1px solid #3d4c7b; } .feature-update p { margin-bottom: .8em; color: #fdfdfc; font: 2.2em/1.6 Georgia, "Times New Roman", serif; } .feature-update a { text-decoration: none; } .feature-update a.more { font-size: 0.9em; } .feature-update a:hover, .feature-update a:focus { text-decoration: underline; color: #3b7ab8; } .feature-update .data { margin-bottom: 23px; color: #c7cad1; font: bold 1.1em Helvetica, Arial, sans-serif; text-transform: uppercase; } .feature-update .data-tweet p { color: #fff; font: 1.4em/1.71 Helvetica, Arial, sans-serif; } .feature-update .data-tweet strong { display: block; font: bold 1.28em/1.33 Helvetica, Arial, sans-serif; } .feature-update img.social-img { display: block; margin: 15px auto; } ul.data-tweet { padding-top: 20px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .data-tweet li { margin-bottom: 2.2em; list-style: none; } .data-tweet img { float: left; margin: 0 16px 0 0; } .data-tweet p { margin-left: 62px; font-size: 1.16em; line-height: 1.3; } .data-tweet li p + p.data { margin-top: -1.8em; } .data-tweet .who { margin-bottom: 0; color: #474747; font-weight: bold; } .data-tweet .data { font-size: .91em; color: #b5b5b5; font-weight: normal; text-transform: none; } .data-tweet .data strong { font-weight: normal; color: #474747; } .data-tweet a { text-decoration: none; } .data-tweet a:hover, .data-tweet a:focus { text-decoration: underline; } .follow-up { color: #b5b5b5; font-weight: bold; font-size: 1.1em; text-transform: uppercase; } .follow-up a { padding-left: 20px; background: url(../../a/screen/bg-follow.gif) no-repeat 5px 0; text-transform: none; text-decoration: none; } .follow-up a:hover, .follow-up a:focus { text-decoration: underline; } .adjoin-options{ float: right; border: 1px solid #d5d5d5; } .adjoin-header { float: left; border: 1px solid #d5d5d5; } .adjoin-options li, .adjoin-header li { font-size: 1.4em; list-style: none; } .adjoin-header, ul.adjoin-header { width: 142px; margin-right: 12px; padding: 1px; } .adjoin-header a { display: block; padding: 9px 10px; font-weight: bold; text-decoration: none; } .adjoin-header li .active { background: #4384c4; color: #fff; } .adjoin-options { width: 100%; } /* .adjoin-options li:nth-child(even) a { background: #f7f7f5; } comment out until the even/odd can be figured out correctly */ .adjoin-options a { display: block; padding: 8px; text-decoration: none; } /*------------------------------------------- Forms -------------------------------------------*/ form { margin-bottom: 1.5em; } fieldset { border: none; } label, .form-heading { color: #6c6c6c; text-transform: uppercase; font-weight: bold; } p label { font-size: .92em; } .inline li { list-style-type: none; } .inline label { display: inline; margin-left: 5px; } input, textarea { box-shadow: inset 0 1px 1px rgb(0, 0, 0); } input, textarea { padding: 9px 5px; border: 1px solid #ddd; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); } .btn, .directory-search .btn { width: auto; min-height: 33px; padding: 6px 9px; color: #fff; text-transform: uppercase; font-weight: bold; border: none; cursor: pointer; background: #4d8cc8; /* Old browsers */ background: -moz-linear-gradient(top, #4d8cc8 0%, #3c7bbe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d8cc8), color-stop(100%,#3c7bbe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4d8cc8 0%,#3c7bbe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4d8cc8 0%,#3c7bbe 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #4d8cc8 0%,#3c7bbe 100%); /* IE10+ */ background: linear-gradient(top, #4d8cc8 0%,#3c7bbe 100%); /* W3C */ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .btn:hover, .btn:focus { background: #313b59; } p.btn { float: left; min-height: inherit; padding: 6px 15px 3px; font-size: 1.2em; } p.btn a { color: #fff; text-decoration: none; } form p .btn { font-size: .92em; } input[type=submit] { -webkit-appearance: none; -moz-border-radius: 0px;} select { max-width: 100%;} form#user-login div.description { display: none; } form#user-login input { margin-bottom: 10px; } form div.form-item label { width: 130px; display: inline-block; vertical-align: middle; } form div.form-item div.description { padding-left: 140px; } form div.form-item input, form div.form-item select { margin: 5px 0; } form div.form-item-wysiwyg-status { margin: 10px 0; } form div.form-type-checkboxes label, form div.form-type-radios label, form div.webform-component-radios label { vertical-align: top; } form div.form-type-checkbox label, form div.form-type-radio label { width: auto; display: inline-block; font-weight: normal; text-transform: none; vertical-align: middle; padding-left: 2px;} form div.form-checkboxes, form div.form-radios { display: inline-block; } form div.form-item-wysiwyg-status label { width: 90%; } fieldset { padding: 10px; border: 1px solid #ddd; } legend { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; } form.subscribe input#subscribe-gazette { color: #999; font-style: italic; } /*------------------------------------------- General Styles -------------------------------------------*/ p.more a { display: inline-block; padding-right: 16px; background: url(../../a/screen/mrkr-more.gif) no-repeat right 0px; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: .92em; } p.more a:hover, p.more a:focus { text-decoration: underline; } .streamer-more a { display: inline-block; padding-right: 14px; padding-left: 14px; background: url(../../a/screen/mrkr-more.gif) no-repeat right 0px; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: .92em; } p.streamer-more a:hover, p.streamer-more a:focus { text-decoration: underline; } p a.more { font-style: italic; text-decoration: none; font-family: Georgia, "Times New Roman", serif; } p a.more:hover, p a.more:focus { text-decoration: underline; } .sub a p { line-height: 1.85; } .adjunct { background: url(../../a/screen/bg-extra.gif) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 20px; } .section .adjunct { margin-bottom: 0; padding: 23px 0 0; background: none; border-top: 1px solid #d5dcdc; } .adjunct h2, .adjunct h3 { margin-bottom: 7px; color: #6c6c6c; font: bold 1.2em Helvetica, Arial, sans-serif; text-transform: uppercase; } .adjunct h3 { margin-bottom: 11px; } .adjunct ul, .adjunct ol { margin: 0 0 10px 8px; } .sub .adjunct ul, .sub .adjunct ol { margin: 0 0 10px 16px; } .adjunct li { margin-bottom: 3px; font-size: 1.3em; } .section .adjunct li { margin-bottom: 6px; font-size: 1.2em; } .adjunct li a { color: #293352; font-weight: bold; line-height: 1.5; text-decoration: none; } .adjunct li a:hover, .adjunct li a:focus, .adjunct li a:hover cite, .adjunct li a:focus cite { text-decoration: underline; } .adjunct li cite { display: inline-block; margin-right: 1px; padding-right: 5px; color: #293352; font-weight: bold; font-style: normal; border-right: 1px solid #293352; } .theme_sidebar .adjunct { padding: 20px 20px 20px 16px; background: url(../../a/screen/bg-extra.gif) repeat-x 0 top; margin: 20px 0;} .messages ul, .messages li { list-style: none; } .error { color: #ff4943; } input.error, textarea.error { color: #6c6c6c; border: 1px solid #ff4943; } .main .content img.left-align { float: left; margin: 0 15px 15px 0; } .main .content img.right-align { float: right; margin: 0 0px 15px 15px; } .main .content img.center-align { display: block; margin: 0 auto; } .main .content .img_caption_wrapper { display: block; } .main .content .img_caption_wrapper img { margin: 0; } .main .content .img_caption_wrapper .img_caption { display: inline-block; width: 90%; font-size: 12px; line-height: 1.4em; padding: 10px 5%; background: #F3F3F1; text-align: center; color: #666; text-decoration: none; cursor: text; } /* hedu custom block */ #hedu_ga_top .adjunct, #hedu_chartbeat_top .adjunct { border-top: 0; padding-top: 0; } #hedu_ga_top .adjunct .topper, #hedu_chartbeat_top .adjunct .topper { } .data abbr { border: none; } .sidebar_left { margin: 24px 0; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .sidebar_left .block .content .text-block { padding: 20px 23px; background: #fff; line-height: 1.4em; } .sidebar_left .block .content ol, .sidebar_left .block .content ul { margin: 0 0 10px 16px; font-size: 13px; } .sidebar_left .block .content p, .sidebar_left .block .content li{ font-size: 13px; line-height: 1.4em; } .section { margin: 0 0 24px; padding: 20px 23px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .layout-c .section { padding: 20px 23px; background: #eae9e5; border: 0px solid #dadada; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .layout-c .main .section { background: #fff; border-top: 4px solid #9a9188; } .fullwidth .main .section { border-top: 0px; position: relative; background: #fff url(../../a/screen/bg-fullwidth-box.gif) repeat-y top left; padding: 30px 30px 30px 278px; min-height: 400px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .fullwidth .main .section h1 { color: #A51C30; } .fullwidth .main .section #left-blue-bar { width: 210px; position: absolute; top: 30px; left: 20px; } .fullwidth .main .section #left-blue-bar p, .fullwidth .main .section #left-blue-bar h3 { color: #fff; line-height: 1.4em; margin-bottom: 1em;} .fullwidth .main .section #left-blue-bar p { font-size: 1.1em; } .fullwidth .main .section #left-blue-bar .more a { background: url(../../a/screen/mrkr-more-heading.gif) no-repeat right 0; color: #fff; font-size: .8em; padding-right: 13px; } .fullwidth .main .section #left-blue-bar .more a:hover, .fullwidth .main .section #left-blue-bar .more a:focus { background-position: right -50px; text-decoration: none; } .fullwidth .main .section #left-blue-bar a { color: #6db7ff; text-decoration: none; } .fullwidth .main .section #left-blue-bar a:hover { color: #fff; } .fullwidth .main .section #left-blue-bar h3.itunes { background: url(../../a/screen/icon-itunes-blue.png) no-repeat top left; padding: 12px 0 18px 54px; } .fullwidth .main .section #left-blue-bar h3.harvard-itunesu { background: url(../../a/screen/icon-harvard-blue.png) no-repeat top left; padding: 0px 0 15px 54px; } .fullwidth .main .section #left-blue-bar h3.harvard-extension-itunesu { background: url(../../a/screen/icon-harvard-extension-blue.png) no-repeat top left; padding: 0px 0 15px 54px; } .fullwidth .main .section #left-blue-bar h3.more a { background-position: right 2px; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; } .fullwidth .main .section #left-blue-bar h3.more a:hover, .fullwidth .main .section #left-blue-bar h3.more a:focus{ background-position: right -48px; } .fullwidth .main .section #left-blue-bar hr { margin: 20px 0; clear: both; border: 0px; color: #4f618e; background-color: #4f618e; height: 1px; } .sub .section { padding: 25px 15px; } .sub .section p.more { margin-bottom: 0; } .section .topper { position: relative; left: -23px; margin: -20px 0 18px; } .sub .section .topper { left: -15px; margin: -25px 0 18px; } .video-section { padding: 20px 23px 7px 19px; } .video-container { position: relative; margin-bottom: 8px; } .caption-overlay { display: none; } #home_content .data { margin-bottom: 0; color: #b5b5b5; font-weight: bold; font-size: 0.9em; text-transform: uppercase; } .data { margin-bottom: 0; color: #b5b5b5; font-weight: bold; font-size: 0.8em; text-transform: uppercase; } #home_content ul li p { overflow:hidden; } .caption { font-size: .91em; font-weight: bold; } .caption a { text-transform: none; text-decoration: none; } .social .caption { font-size: 12px; } .media-co ul { margin-bottom: 28px; } .media-co ul:last-of-type { margin-bottom: 20px; padding-bottom: 25px; border-bottom: 1px solid #dbdbdb; } .media-co a { text-decoration: none; } .media-co p.btn { margin-right: 10px; } .media-co .caption { margin-bottom: 0; color: #3b7ab8; } .media-co .caption strong { color: #6c6c6c; text-transform: uppercase; font-size: 1.09em; } .media-co a:hover .caption, .media-co a:focus .caption { color: #2d3754; } .media-co a:hover .caption strong, .media-co a:focus .caption strong { color: #6c6c6c; } .video-co { display: block; position: relative; } .play { position: absolute; display: block; bottom: 67px; left: 73px; height: 55px; width: 55px; background: url(../../a/widgets/video-co.png) no-repeat center -554px; } .expandable .play { bottom: 144px; left: 114px; } .video-co:hover .play, .video-co:focus .play { background-position: center 0; text-decoration: none; } .expandable .video-co { padding-top: 225px; } /*------------------------------------------- Header -------------------------------------------*/ h1.logo { margin-top: 3px; } .logo { float: left; } .logo a { width: 228px; height: 58px; background-image: url(../../a/titles/logo.gif); } .header { position: relative; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .header li { float: left; list-style: none; } .header li a { text-decoration: none; } .utility { margin-bottom: 24px; background: #000; } .utility ul { float: left; width: 670px; margin: 0; } .utility li { margin: 13px 0 13px 27px; } .utility li a { color: #fff; font-weight: bold; } .utility li a:hover, .utility li a:focus { text-decoration: underline; } .utility form { float: left; margin: 6px 0 0; padding-left: 20px;} #searchlabel { float: left; width: 62px; color: #fff; display: block; padding-top: 7px; font-weight: normal;} #searchtext { float: left; width: 165px; min-height: 14px; padding: 6px 15px 5px; background: #555; color: #fff; font-size: .92em; text-transform: uppercase; border: none; } #searchtext:focus { background: #fff; color: #000; text-transform: none; } #searchtext-btn { float: left; width: 25px; height: 25px; background-image: url(../../a/widgets/btn-search.gif); border: none; cursor: pointer; } #main-nav { float: right; margin: 0 0 18px; } #main-nav li { position: relative; } #main-nav a { position: relative; z-index: 0; height: 40px; background: url(../../a/screen/main-nav.gif) no-repeat 0 0; } #main-nav a:hover, #main-nav a:focus, #main-nav li:hover a, #main-nav li:focus a { z-index: 102; } #main-nav .about-harvard { width: 183px; } #main-nav li:hover .about-harvard, #main-nav li:focus .about-harvard { background-position: 0 -80px; } #main-nav li .about-harvard:hover, #main-nav li .about-harvard:focus { background-position: 0 -40px; } #main-nav .admissions-aid { width: 209px; background-position: -182px 0; } #main-nav li:hover .admissions-aid, #main-nav li:hover .admissions-aid { background-position: -182px -80px; } #main-nav li .admissions-aid:hover, #main-nav li .admissions-aid:focus { background-position: -182px -40px; } #main-nav .schools { width: 115px; background-position: -390px 0; } #main-nav li:hover .schools, #main-nav li:focus .schools { background-position: -390px -80px; } #main-nav li .schools:hover, #main-nav li .schools:focus { background-position: -390px -40px; } #main-nav .resources-offices { width: 225px; background-position: -504px 0; } #main-nav li:hover .resources-offices, #main-nav li:focus .resources-offices { background-position: -504px -80px; } #main-nav li .resources-offices:hover, #main-nav li .resources-offices:focus { background-position: -504px -40px; } #main-nav ul { position: absolute; display: none; z-index: 1; width: 230px; margin-top: -1px; background: #fff; border: 1px solid #d7d7d7; padding-bottom: 15px; } #main-nav ul.last { width: 223px; } #main-nav li:hover ul, #main-nav li:focus ul { display: block; z-index: 100; } #main-nav ul li { float: none; margin: 0; } #main-nav ul a { display: block; height: auto; padding: 7px 10px 6px; background: none; text-indent: 0; color: #6c6c6c; font: .974em/1.2 Helvetica, Arial, sans-serif; } #main-nav ul a:hover, #main-nav ul a:focus { background: #a61d31; color:#fff; } .header-nav { clear: right; float: right; margin: 0; border-left: 1px solid #ddd; } .header-nav li a { display: block; padding: 8px 12px; border-right: 1px solid #ddd; color: #6c6c6c; /*a9a9a9;*/ font-weight: bold; text-transform: uppercase; } .header-nav li a:hover, .header-nav li a:focus { color: #000; } /*------------------------------------------- Footer -------------------------------------------*/ .action-footer { margin: 0; padding: 25px 0; background: #ebebe9; } .action-footer .streamer { border-bottom: none; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .action-footer .streamer .heading { border-top: none; } .action-footer .streamer .listing li { height:170px; } .streamer-find { margin-bottom: 0; } .streamer-find .col { width: 393px; } .streamer-find .first { width: 458px; border-right: 1px solid #c3c3c3; } .streamer-find .col .first { border-right: none; } .streamer-find .split .split .col { width: 166px; } .streamer-find .more { margin-bottom: 0; padding: 0 30px; } .streamer-social, .streamer-social .heading, .streamer-social .prime { display: block; } .streamer-social .heading { width: 946px; } .streamer-social .prime { width: 976px; } .streamer-social .listing { background-image: none; border-left: none; } .streamer-social .listing li, .streamer-social .listing .first { width: 237px; border-left: 1px solid #c3c3c3; } .action-footer .streamer-social .listing .first { padding: 30px 14px 30px 24px; } .streamer-social .twitter-feed a { text-decoration: none; } .streamer-social .twitter-feed .listing a:hover, .streamer-social .twitter-feed .listing a:focus { text-decoration: underline; } .streamer-social .twitter-feed .data { margin-bottom: 16px; color: #b5b5b5; font: bold 1em Helvetica, Arial, sans-serif; text-transform: uppercase; } .streamer-social .twitter-feed .data a { text-transform: lowercase; font-weight: normal; } .streamer-social p { color: #1e1e1e; font: 1.16em/1.3 Georgia, "Times New Roman", serif; } .heading-tab { float: left; width: 143px; padding-top: 28px; } .heading-tab h3 { position: relative; right: -20px; width: 77px; padding: 11px 5px 9px 42px; color: #fff; background: #3f3f3f url(../../a/screen/streamer-sprite.png) no-repeat 5px -312px; font: bold 1em Helvetica, Arial, sans-serif; text-transform: uppercase; } .heading-tab h3.youtube { background-position: 5px -428px; } .heading-tab h3.itunes { background-position: 5px -541px; } .heading-tab h3:after { position: absolute; top: 0; right: -15px; content: url(../../a/screen/bg-heading-tab.gif); } .heading-tab li { list-style: none; } .action-footer .heading { padding-top: 20px; } .action-footer .prime { border: 1px solid #c3c3c3; } .action-footer .streamer .listing { width: 832px; background-color: #fbfbfb; border-left: 1px solid #c3c3c3; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .action-footer .streamer .listing li { padding: 30px 19px; border-top: none; } .streamer-more { margin-bottom: 3px; font-size: 1.25em; text-align: right; } .subscribe { margin-bottom: 0; padding: 30px 16px; } .subscribe h3 { margin: 0 0 14px 10px; font-size: 1em; } .subscribe label { display: block; color: #6c6c6c; font: italic 1.6em/1.375 Georgia, "Times New Roman", serif; text-transform: none; } .subscribe label strong { display: block; margin-bottom: 3px; color: #363636; font-size: 1.375em; font-style: normal; font-weight: normal; } .subscribe p { float: left; border: 10px solid #ebebe9; } #subscribe-gazette { float: left; width: 300px; } #subscribe-gazette-submit { width: 94px; padding: 0px; min-height: 34px; line-height: 34px; } .all-social { padding: 30px 30px 3px; } .all-social li { float: none; margin-bottom: 20px; list-style: none; } .all-social li:last-of-type { margin-bottom: 0; } .all-social a { display: inline-block; padding: 3px 0 3px 27px; background: url(../../a/screen/icon-social-v4.png) no-repeat 0 0; text-transform: uppercase; text-decoration: none; font-weight: bold; } .all-social .twitter { background-position: 0 -153px; } .all-social .youtube { background-position: 0 -292px; } .all-social .itunes { background-position: 0 -429px; } .all-social .foursquare { background-position: 0 -597px; } .all-social .rss { background-position: 0 -744px; } .all-social .gplus { background-position: 0 -1091px; } .all-social .instagram { background-position: 0 -1605px; } .all-social .stumbleupon { background-position: 0 -922px; } .all-social .allmobile { background-position: 0 -1431px; } .all-social .linkedin { background-position: 0 -1261px; } .all-social a:hover, .all-social a:focus { text-decoration: underline; } #social_media_directory { position: relative; } #social_media_directory #social_media_directory_filter_placeholder { height: 40px; } #social_media_directory .view-filters { position: absolute; top: 55px; left: 26px; } #social_media_directory #edit-title-wrapper { float: left; } #social_media_directory #edit-title-wrapper label { float: left; padding: 15px 10px 10px 0; display: none; } #social_media_directory input#edit-title { width: 128px; font-size: 13px; color: #666; } #social_media_directory .views-widget, #social_media_directory .views-exposed-widget { float: left; } #social_media_directory #edit-submit-hedu-social-directory, #social_media_directory #edit-reset { float: left; margin: 5px 0 0 5px; text-transform: uppercase; font-weight: bold; padding: 11px; } #social_media_directory #edit-submit-hedu-social-directory { color: #fff; background: #4d8cc8; } #social_media_directory #edit-submit-hedu-social-directory:hover, #social_media_directory #edit-submit-hedu-social-directory:focus { background: #313b59; } #social_media_directory .adjoin-options { height: 420px; } #feed_url .custom_feed_wrap { display: block; padding: 6px; margin: 10px 0; font-size: 1.2em; border: 10px solid #ebebe9; } #feed_url .subscribe_copy { padding-top:0px; } #feed_url .subscribe_copy a { display:inline; padding:0px; margin:0px 20px 0px 0px; border:none; } #feed_url .subscribe_copy a img { display:inline; padding:0px; margin:0px; max-width:none; } #feed_url .subscribe_copy .copy { margin-top:10px; } #feed_url .subscribe_copy .copy a { margin:0px; } .footer { padding-top: 30px; background: #000; } .footer address { float: left; width: 450px; margin-bottom: 14px; color: #fff; font: 1.5em/1.43 Georgia, "Times New Roman", serif; } .footer address abbr { border: none; } .footer ul { float: right; padding: 5px 0 0 22px; border-left: 1px solid #9c9c9c; } .footer li { margin: 0 0 1.2em; list-style: none; } .footer li:last-of-type { margin-bottom: .8em; } .footer a { color: #a9a9a9; font: bold 1.166em/1.15 Helvetica, Arial, sans-serif; text-decoration: none; } .footer address a { font: normal 1.0em/1.15 Georgia;} .footer a:hover, .footer a:focus { text-decoration: underline; } .footer .logo a { float: left; width: 228px; height: 58px; margin: 2px 40px 75px 0; background-image: url(../../a/titles/logo-footer.gif); } .copy-footer { padding: 12px 0 33px; background: #333; } .copy-footer ul { margin: 0; } .copy-footer li { float: left; margin-right: 15px; padding-left: 15px; list-style: none; background: url(../../a/screen/mrkr-copy-footer.gif) no-repeat 0 center; line-height: 2; } .copy-footer .first { padding-left: 0; background-image: none; } .copy-footer li a { color: #a9a9a9; text-decoration: none; text-transform: uppercase; font-size: .833em; letter-spacing: .025em; font-weight: bold; } .copy-footer a:hover, .copy-footer a:focus { text-decoration: underline; } /*------------------------------------------- Carousel ------------------------------------------- colors: comp-a: Ivy: 52854c comp-b: Mortar: 8c8179 comp-c: Indigo: 293352 comp-d: Crimson: a51c30 */ .carousel { height: 348px; overflow: hidden; background: #262626; } .carousel .wrap { position: relative; } .slide-caption { position: relative; z-index: 10; float: left; width: 376px; min-height: 280px; padding: 68px 40px 0; background-image: url(../../a/screen/vignette.png); background-position: left top; background-repeat: no-repeat; } .comp-a { background-color: #52854c; } .comp-b { background-color: #8c8179; } .comp-c { background-color: #293352; } .comp-d { background-color: #a51c30; } .slide-caption h2 { margin-bottom: 32px; color: #fff; font-size: 4.2em; line-height: 1.21; } .slide-caption h2 a { color: #fff; text-decoration: none; } .slide-caption h2 a:hover, .slide-caption h2 a:focus { color: #e6eae2; text-decoration: none; } .slide-callout { width: 900px; } .slide-callout p { float: left; max-width: 750px; min-height: 19px; margin-bottom: 5px; padding: 9px 20px 6px 14px; background: #fff; background: rgba(255,255,255,.9); text-transform: uppercase; color: #363636; font-weight: bold; font-size: 1.2em; line-height: 1.5; } .slide-callout p:hover { background: #e6eae2; } .slide-callout p a { color: #363636; text-decoration: none; } .slide-callout p a:hover, .slide-callout p a:focus { color: #363636; text-decoration: none; } .slide-callout .more { padding: 0; } .comp-a .slide-callout .more { background-color: #52854c; } .comp-b .slide-callout .more { background-color: #8c8179; } .comp-c .slide-callout .more { background-color: #293352; } .comp-d .slide-callout .more { background-color: #a51c30; } .slide-callout .more a { display: inline-block; min-height: 19px; padding: 8px 10px 7px 10px; background: none; color: #fff; text-transform: none; font-weight: normal; font: italic 1.15em Georgia, "Times New Roman", serif; } .slide-callout .more a:hover, .slide-callout .more a:focus { background: #000; text-decoration: none; color:#fff; } .carousel-image { position: absolute; right: 0; } .carousel-item { position: relative; } .carousel-item-secondary { display: none; } #hedu_preview .slide-caption h2 { margin-bottom: 32px; color: #fff; font-size: 3.15em; line-height: 1.21; } #hedu_preview .slide-callout p { float: left; max-width: 750px; min-height: 19px; margin-bottom: 5px; padding: 9px 20px 6px 14px; background: #fff; background: rgba(255,255,255,.9); text-transform: uppercase; color: #363636; font-weight: bold; font-size: 0.9em; line-height: 1.5; } #hedu_preview .slide-callout p.more { padding: 0; } #hedu_preview .comp-a .slide-callout p.more { background-color: #52854c; } #hedu_preview .comp-b .slide-callout p.more { background-color: #8c8179; } #hedu_preview .comp-c .slide-callout p.more { background-color: #293352; } #hedu_preview .comp-d .slide-callout p.more { background-color: #a51c30; } /* flat color for headshot variant */ #carousel_slide_headshot { background-image: none; } /*------------------------------------------- Emergency Messaging ------------------------------------------- */ .emergency { padding: 22px 0 0; } .emergency .wrap { position: relative; } .emergency h2, .main .region-content .emergency h2 { float: left; margin: 0 10px 5px 52px; font: bold 18px Helvetica, Arial, sans-serif; color: white; } .main .region-content .emergency h2 { float: none; } .emergency .meta { float: left; margin-top: 4px; padding: 2px 0 2px 5px; text-transform: uppercase; font-size: 1.2em; font-weight: bold; border-left: 1px solid #fff; clear: left; margin-left: 52px; } .main .region-content .emergency .meta { float:none; font-size:1.0em; border-left:none; margin-left: 52px; } .emergency .message { clear: left; margin-left: 54px; } .emergency .message p, .main .region-content .emergency .message p { line-height:1.5em; margin-right:20px;} .emergency .more { font-size: 1.1em; } .emergency img { position: absolute; top: 0; left: 0; } .main .region-content .emergency img { left: 10px; } .emergency .close { display: none; } .low-priority { background-color: #d16103; border-bottom: 1px solid #f0ce68; } .low-priority * { color: #fff; } .low-priority .meta { color: #f1b07a; border-color: #f1b07a; } /*----------------- Home page load more video ------------------- */ #home_items_loading { width:300px; height:100px; margin:auto; text-align:center; vertical-align:middle; } #home_items_loading img { display:inline; } .layout-a .expandable .lead-video { padding:0px 0px 35px; width:313px; } .lead-video h3 { margin:10px 13px; } .lead-video p { margin:0px 13px; } .lead-video object { margin:0px 0px; } /*----------------- Newsle block ------------------- */ #block-views-faculty-news-block li { clear:both; } #block-views-faculty-news-block .left { width:60px; overflow:hidden; float:left; padding-bottom:0.5em; } #block-views-faculty-news-block .right { width:150px; float:right; padding-bottom:0.5em; } #block-views-faculty-news-block h4 { margin:0 0 0.2em; font: 1.0em/1.36 Georgia, "Times New Roman", serif;} #block-views-faculty-news-block p { font-size:1.0em; margin:0 0 0.2em; padding:0; } #block-views-faculty-news-block p.date { font-size:0.8em; line-height:1em; font-weight:normal; font-style:italic;} /*----------------------- General Content Style ------------------------- */ .pager { list-style: none; } .pager li { list-style: none; padding: 3px; font-size: 1.4em; font-weight: bold; float: left; display: inline-block; margin-right: 4px; } .main .region-content { font-size: 1.3em; line-height: 1.6em; color: #6c6c6c; } .main .region-content .section { color: #6c6c6c; } /* section has white bg, so can use lighter text color */ .main .region-content h1 { font: normal 2.2em/1.3 Georgia, "Times New Roman", serif; } .main .region-content h2 { margin: 0 0 20px; color: #363636; font: normal 1.7em/1.36 Georgia, "Times New Roman", serif; } .main .region-content h3 { margin: 0 0 12px; font: 1.4em/1.36 Georgia, "Times New Roman", serif; color: #363636; } .main .view-faq-list h3 { color: #6C6C6C; font: bold 1.2em/1.8 Helvetica,Arial,sans-serif; margin-bottom: 0px; text-transform: uppercase; } .main .region-content h4 { font-size: 0.9em; } .main .region-content h5 { font-size: 0.9em; } .main .region-content h6 { font-size: 0.9em; } .main .region-content p { font-size: 1em; line-height: 1.8em; color: #6c6c6c;} .main .region-content p.subhead { font: normal 1.6em/1.3 Helvetica, Arial, sans-serif; color: #8c8179; } .main .region-content p.intro { font: normal 1.4em/1.3 Georgia, "Times New Roman", serif; color: #8c8179; } .main .region-content ul, .main .region-content ol { padding-left: 20px; } .main .region-content li { font-size: 1.0em; line-height: 1.5em; } .main .region-content blockquote { border-left: 3px solid; color: #A61D31; padding: 0 10px; } .main .region-content p.pullquote { margin: 0.3em 1em 0.5em 0; padding: 10px 15px; border: 1px solid #ddd; background: #fff; width: 350px; float:left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #616161; line-height:1.4em; } .main .region-content p.pullquote .name { display: block; font-size: 11px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #b5b5b5; text-transform: uppercase; margin: 10px 0 2px;} .main .region-content cite { text-align: right; } .main .region-content dd, .main .region-content dl { font-size: 1.0em; } .main .region-content address { font-style: italic; font-size: 0.9em } .main .region-content .compact { margin-bottom: 0px; } .main .region-content h4 .col { float:none; } .main .region-content img.float-right { float: right; padding: 0 0 10px 10px; } .main .region-content img.float-left { float: left; padding: 0 10px 10px 0; } .main .region-content hr { margin: 20px 0; clear: both; border: 0px; color: #e2e2e2; background-color: #e2e2e2; height: 1px; } .main .region-content .ltd ul { margin-bottom: 24px; padding-left: 0; } .main .region-content .ltd li { float: none; margin-bottom: 5px; font-size: 1.0em; list-style: none; } /* .main .section .view-content { font-size: 1.2em; line-height: 1.6em; color: #444; } .main .section .view-content h3 { margin: 0 0 20px; font: 1.6em/1.36 Georgia, "Times New Roman", serif; color: #363636; } .main .section .view-content li { padding-bottom: 10px; } */ .main .section .view-content ul, .main .section .view-content ol { padding-left: 20px; } .main .section .view-content li { line-height: 1.8em; } .editor_msg { font-style: italic; color: #A61D31; } table { border: 0px solid #BEBFB9; font-size: 0.923em; margin: 0 0 10px; width: 100%; } table caption {} table td, table th { border: 0 none; padding: 8px 10px; vertical-align: middle; line-height: 1.4em; } table tr{background: none repeat scroll 0 0 #FFFFFF; border-color: #BEBFB9; border-style: solid; border-width: 0 0px; } tr.even, tr.odd { background: none repeat scroll 0 0 #F3F3F1; border-color: #BEBFB9; border-style: solid; border-width: 0 0px; } tr.odd { background: none repeat scroll 0 0 #FFFFFF; } tr.drag { background: none repeat scroll 0 0 #FFEE77; } tr.drag-previous { background: none repeat scroll 0 0 #FFFFBB; } table th { background: none repeat scroll 0 0 #fff; border-color: #BEBFB9; border-style: solid; border-width: 0px 0 1px 0; font-weight: normal; padding: 3px 10px; text-transform: uppercase; } table.valigntop td, table.valigntop th { vertical-align: top; } fieldset { border: 1px solid #CCCCCC; margin: 1em 0; padding: 2.5em 0 0; position: relative; } fieldset .fieldset-legend { margin-top: 0.5em; padding-left: 15px; position: absolute; text-transform: uppercase; } fieldset .fieldset-wrapper { padding: 0 13px 13px 15px; } fieldset.collapsed { background-color: transparent; } .sidebar-site-banner img { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); margin: 0 0 24px; } .layout-c .sidebar-site-banner img { box-shadow: none; border: 1px solid #dadada; margin: 0 0 24px; } .embed-container { position: relative; padding-bottom: 66%; padding-top: 0px; height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .content .embed-container { padding-bottom: 61%; } /* three column layout with middle content column */ .layout-d .content .embed-container { padding-bottom: 75%; } /* * Gazette Top Stories/Trending Now headers */ .layout-c #hedu_chartbeat_top { background: #eae9e5 url(../../a/screen/bg-gazette-head-tn.png) no-repeat top left; padding-top: 90px;} .layout-c #hedu_ga_top { background: #eae9e5 url(../../a/screen/bg-gazette-head-ts.png) no-repeat top left; padding-top: 90px;} .layout-c #hedu_chartbeat_top .topper, .layout-c #hedu_ga_top .topper { display: none; } /* * Featured events */ .view-hedu-homepage-events ul { list-style: none; padding: 0; } .view-hedu-homepage-events ul .views-row-odd { margin-left: 0; clear: left; } .view-hedu-homepage-events ul .views-row-even { margin-left: 3%; } .view-hedu-homepage-events ul li { display: block; list-style: none; padding: 0; width: 48.5%; float: left; } .view-hedu-homepage-events ul li .event_box { position: relative; border: 0px solid #eae9e5; padding: 20px 12px 12px 65px; margin-bottom: 0px; } .view-hedu-homepage-events ul li .event_box .date_stamp { position: absolute; background: #4384c4; width: 44px; height: 30px; top: 0; left: 10px; padding: 5px 0; text-align: center; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 1.4em;} .view-hedu-homepage-events ul li .event_box .date_stamp span { font-size: 1.5em; } .view-hedu-homepage-events ul li .event_box .img_wrapper { width: 70px; height: 70px; float: right; overflow: hidden; text-align: center; margin-left: 12px; } .view-hedu-homepage-events ul li .event_box p { font-size: 1.0em; line-height: 1.4em; } .view-hedu-homepage-events ul li .event_box h2 { font-size: 13px; font-weight: bold; font-family: Helvetica, sans-serif; line-height: 1.2em; margin: 0 0 5px 0; } .view-hedu-homepage-events ul li .event_box h2 a { color: #293352; text-decoration: none; } .streamer .view-hedu-homepage-events .data { color: #6C6C6C; } .lead_story { height: 317px; border-top: 4px solid #897e76; background: #2b3553; padding-right: 12px; } .img_right .lead_story { padding-right: 0; } .lead_story_wrapper, .live_stream_player { padding: 0 0 20px 0; background: url(../../a/screen/bg-extra.gif) repeat-x 0 bottom; margin-bottom: 20px;} .lead_story img { float: left; margin: 0 15px 0 0; } .lead_story h2 { margin: 6px 0 12px; font-size: 2em; } .main .region-content .lead_story h2 { margin: 6px 0 6px; font-size: 1.6em; } .lead_story h2 a { color: #fff; text-decoration: none; } .lead_story p a { color: #fff; text-decoration: underline; } .lead_story p.date { margin: 28px 0 12px; line-height: 1.4; font-size: 1.2em; text-transform: uppercase; color: #b7bbc6; } .lead_story p { line-height: 1.4; color: #fff; } .main .region-content .lead_story h2, .main .region-content .lead_story p { color: #fff; } .lead_story .more { float: left; margin-bottom: 0; } .lead_story .more a { padding: 7px 13px; background: #fff; color: #3B7AB8; text-decoration: none; font: italic 1em Georgia, "Times New Roman", serif; text-transform: none; } .lead_story .more a:hover, .lead_story .more a:focus { background: #3b7abd; color: #fff; text-decoration: none; } .img_right .lead_story img { float: right; margin: 0 0 0 15px; } .crimson .lead_story { background: #a51c30; } .ivy .lead_story { background: #52854c; } .indigo .lead_story { background: #293352; } .mortar .lead_story { background: #8c8179; } .lead_story .story_content_wrapper { padding: 24px 20px; } .view-hedu-homepage-events .listing { padding-left: 2px; background: url(../../a/screen/bg-events.gif) 0 bottom no-repeat; } .view-hedu-homepage-events .listing .first { margin-left: 0; } .view-hedu-homepage-events .listing li { border-top: 1px solid #CDCDCD; margin-left: 28px; } .view-hedu-homepage-events .split-a li { width: 48%; } /* * School page */ #school-list ul { list-style: none; margin: 20px 0; } #school-list li { height: 72px } #school-list li img { float: left; padding: 0 20px 0 0; } /* * President Site */ .president .primary { min-height: 605px; min-width: 978px; background: #e9e9e9 url("../../a/screen/bg-prez-blue-top.gif") repeat-x center 0; } .president .primary h1 { color: #fff; letter-spacing: 1px; height: 51px; } .prez_nav { margin: 10px 0 15px; text-transform: uppercase; } .prez_nav ul { margin: 0; list-style: none; height: 38px; } .prez_nav li { list-style: none; display: inline-block; float: left; } .prez_nav li a { display: inline-block; padding: 0 10px; float: left; line-height: 36px; color: #fff; font-size: 12px; text-decoration: none; padding-top: 2px;} .prez_nav li.active a { background-color: #3b79bd; } .prez_nav li a:hover, .prez_nav li a:focus { background-color: #191e30; } .president #ticketing_primary { /* background: #262626 url("../../a/screen/bg-intro-seal-only-prez.gif") no-repeat center 0; */ padding-top: 20px; } .president #ticketing_primary .prez_nav { margin-top: 30px; } .president .content .img_caption_wrapper { display: block; } .president .content .img_caption_wrapper img { margin: 0; } .president .content .img_caption_wrapper .img_caption { display: inline-block; width: 90%; font-size: 12px; line-height: 1.4em; padding: 10px 5%; background: #F3F3F1; text-align: center; color: #666; text-decoration: none; cursor: text; } #prez_home { width: 315px; float: right; } #prez_home img { } #prez_home .prez_intro { width: 95%; } #prez_home h2, #prez_home p { } #prez_home h2 { font-size: 2.8em; font-weight: normal; margin: 0 0 10px; } #prez_home p { font: 1.8em/1.7em Georgia,"Times New Roman",serif; font-weight: normal; margin: 0 0 20px; } #prez_home p.byline { font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; } #prez_homenews { width: 625px; float: left; } #prez_homenews .news_header, .related_items .news_header { height: 34px; padding: 0 20px; background: #991a2c; position: relative; margin: 30px 0; } #prez_homenews .news_header h2, .related_items .news_header h2 { color: #fff; text-transform: uppercase; height: 34px; line-height: 34px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } #prez_homenews .news_header .more, .related_items .news_header .more { width: 200px; position: absolute; top: 0; right: 0; text-align: right; padding: 12px 20px 0 0; } #prez_homenews .news_header .more a, .related_items .news_header .more a { display: inline-block; padding-right: 16px; background: url(../../a/screen/icon-arrow-white.png) no-repeat right top; text-transform: uppercase; text-decoration: none; font-weight: normal; font-size: 1.2em; line-height: 1.0em; color: #fff; } #prez_homenews .news_header .more a:hover, #prez_homenews div.news_header .more a:focus, .related_items .news_header .more a:hover, .related_items div.news_header .more a:focus { text-decoration: none; background: url(../../a/screen/icon-arrow-white.png) no-repeat right top; color: #3B7AB8; } #prez_homenews .prez_news_item { background: #fff; margin-bottom: 20px; } #prez_homenews .prez_news_item .img_wrapper { width: 50%; text-align: center; position: relative; float: left; } #prez_homenews .prez_news_item .img_wrapper img { width: 100%; margin: 0; } #prez_homenews .prez_news_item .img_wrapper .icon_play { width: 39px; height: 38px; background: url(../../a/screen/icon-play.png) no-repeat top left; position: absolute; right: 12px; bottom: 12px; z-index: 999; } #prez_homenews .prez_news_item .news_content { float: right; width: 40%; padding-right: 5%; } #prez_homenews .prez_news_item h3 a { color: #293352; text-decoration: none; } #prez_homenews .prez_news_item h3 a:hover { text-decoration: underline; } #prez_homenews .prez_news_item h3 { font: normal 2em/1.4 Georgia, serif; margin: 12px 0 6px 0; } #prez_homenews .prez_news_item p { line-height: 1.2em; margin: 0 0 0.5em; } #prez_homenews .prez_news_item p.date { font-style: normal; font-size: 1.2em; } #prez_homenews .prez_news_item.large { background: #252525; color: #fff; } #prez_homenews .prez_news_item.large .news_content { width:auto; float: none; padding: 5%; } #prez_homenews .prez_news_item.large h3 { font: normal 2.6em/1.4 Georgia, serif; margin: 6px 0; } #prez_homenews .prez_news_item.large h3 a { color: #fff; } #prez_homenews .prez_news_item.large p { color: #ccc; } #prez_homenews .prez_news_item.large .img_wrapper { float: none; width: 100%; } .prez_news_item .mediatype { color: #A51C30; } .prez_news_item h3 a.external { padding-left: 15px; background: url(../screen/icon-external.png) no-repeat 0px 3px; } #prez_top { border-top: 7px solid #991a2c; background: #fafaf9; } #prez_top { padding: 25px 48px 2px; position: relative; } #prez_top h2 { margin: 0 0 8px 0; letter-spacing: 1px; font-size: 30px; color: #000; } #prez_top .meta { font-size: 13px; line-height: 2em; } #prez_top .meta .date { font-weight: bold; text-transform: uppercase; color: #444; } #prez_top a { display: block; position: absolute; width: 150px; height: 30px; top: 20px; right: 20px; text-decoration: none; font-size: 1.2em; font-weight: normal; text-transform: uppercase; text-align: right; padding-right: 16px; background: url(../../a/screen/icon-arrow-white.png) no-repeat top right; } #prez_content { } #prez_content .middle { float: right; width: 725px; } #prez_content .middle .middle_content, #prez_content .prez_wide_content { background: #fafaf9; padding: 30px 0; } #prez_content .middle .middle_content p, #prez_content .prez_wide_content p { font-size: 16px; line-height: 1.6em; padding: 0 48px; } #prez_content .middle .middle_content form, #prez_content .prez_wide_content form { font-size: 13px; line-height: 1.6em; padding: 0 48px; } #prez_content .middle .middle_content form label, #prez_content .prez_wide_content form label { display: block; margin-top: 6px; } #prez_content .middle .middle_content form .form-actions, #prez_content .prez_wide_content form .form-actions { margin: 10px 0; } #prez_content .middle .middle_content h1, #prez_content .prez_wide_content h1, #prez_content .middle .middle_content h2, #prez_content .prez_wide_content h2, #prez_content .middle .middle_content h3, #prez_content .prez_wide_content h3, #prez_content .middle .middle_content h4, #prez_content .prez_wide_content h4, #prez_content .middle .middle_content h5, #prez_content .prez_wide_content h5, #prez_content .middle .middle_content h6, #prez_content .prez_wide_content h6 { padding: 0 48px; } #prez_content .middle .middle_content .field-name-body h1 { font-size: 36px; color: black; } #prez_content .middle .middle_content .field-name-body h2 { font-size: 30px; } #prez_content .middle .middle_content .field-name-body h3 { font-size: 24px; } #prez_content .middle .middle_content .field-name-body h4 { font-size: 18px; } #prez_content .middle .middle_content .field-name-body h5 { font-size: 18px; } #prez_content .middle .middle_content img.img-left {float: left; padding: 0 15px 0 0; } #prez_content .middle .middle_content img.img-right {float: right; padding: 10px 0 10px 15px; } #prez_content .moreinfo_wrapper { border-top: 1px solid #d5dcdc; padding: 15px 0; margin: 45px 48px 0; } #prez_content .moreinfo_wrapper h2 { padding: 0 !important; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; margin-bottom: 12px; } #prez_content .moreinfo_wrapper p { padding: 0 !important; font-size: 14px!important; } #prez_content .middle .middle_content p.full-bleed, #prez_content .prez_wide_content p.full-bleed { padding: 0; } #prez_content .sidebar { float: left; width: 223px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); background: #fff; margin-bottom: 25px; } #prez_content .sidebar .sidebar_wrapper { padding: 5px 20px; } #prez_content .sidebar .adjunct { margin-bottom: 0; padding: 15px 0 0; background: none; } #prez_content .sidebar .adjunct ul, #prez_content .sidebar .adjunct ol { margin-left: 16px; } #prez_content .sidebar .adjunct.category_list ul { margin-left: 0; list-style: none; padding-left: 0; } #prez_content .sidebar .adjunct.category_list ul li { padding-bottom: 0; text-transform: capitalize; } #prez_content .sidebar .adjunct.category_list ul li a { font-weight: normal; color: #3b7ab8; } #prez_content .sidebar p { line-height: 1.4em; margin-bottom: 1em; } #prez_content .sidebar .prez_news_item { clear: both; margin: 20px 0; background: none; position: relative; padding-left: 60px; min-height: 50px; } #prez_content .sidebar .prez_news_item .img_wrapper { width: 50px; height: 50px; position: absolute; top: 0px; left: 0px; overflow: hidden; } #prez_content .sidebar .prez_news_item .news_content p { display: none; } #prez_content .sidebar .prez_news_item .news_content h3 { text-transform: none; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; } #prez_content .prez_news_browse { float: left; width: 220px; border: 1px solid #DADADA; background: #fff; } #prez_content .prez_news_browse h3 { font: bold 1.3em/1.3 Helvetica,Arial,sans-serif; color: #a51c30; margin: 30px 12px 6px; text-transform: uppercase; } #prez_content .prez_news_browse ul { list-style: none; padding: 0; margin: 0 } #prez_content .prez_news_browse ul li { list-style: none; padding: 0; margin:0; text-transform: capitalize; } #prez_content .prez_news_browse ul li a { font: bold 1.2em/1.3 Helvetica,Arial,sans-serif; display: block; text-decoration: none; color: #6c6c6c; padding: 10px 12px; } #prez_content .prez_news_browse ul li a.active { background: #191e30; color: #fff; } #prez_content .prez_news_browse ul li a:hover { background: #28314F; color: #fff; } #prez_content .middle .prez_news_item { clear: both; margin-bottom: 30px; padding-left: 48px; padding-right: 48px; } #prez_content .middle .related_items .prez_news_item { padding-left: 0; padding-right: 0; } #prez_content .middle .prez_news_item .news_content p, #prez_content .middle .prez_news_item .news_content h3 { padding: 0; } #prez_content .middle .prez_news_item .news_content p { font-size: 14px; } #prez_homenews .middle .prez_news_item { clear: both; margin-bottom: 20px; background: none; } #prez_content .middle .prez_news_item .img_wrapper, #prez_homenews .middle .prez_news_item .img_wrapper { width: 75px; height: 75px; float: left; margin-right: 20px; overflow: hidden; position: relative; } #prez_content .middle .prez_news_item .img_wrapper .icon_play, #prez_homenews .middle .prez_news_item .img_wrapper .icon_play { display: none; } #prez_content .middle .prez_news_item .news_content, #prez_homenews .middle .prez_news_item .news_content { width: 485px; float: left; } #prez_content .middle .prez_news_item h3, #prez_homenews .middle .prez_news_item h3 { font-weight: normal; margin: 0 0 4px 0; } #prez_content .middle .prez_news_item h3 a, #prez_homenews .middle .prez_news_item h3 a { color: #293352; text-decoration: none; } #prez_content .middle .prez_news_item h3 a:hover, #prez_homenews .middle .prez_news_item h3 a:hover { text-decoration: underline; } #prez_content .middle .prez_news_item p, #prez_homenews .middle .prez_news_item p { margin: 0; line-height: 1.4em; } #prez_content .region-content ul, #prez_content .region-content ol { padding: 0 48px 0 68px; } #prez_content .region-content ul ul, #prez_content .region-content ol ol { padding-left: 20px; } #prez_content .region-content li { font-size: 16px; line-height: 1.6em; padding-bottom: 10px; color: #444; } #prez_content .middle .middle_content blockquote { padding-left: 18px; border-left: 4px solid #e9e9e9; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; color: #666; margin: 25px 48px; } #prez_content .middle .middle_content blockquote p { padding: 0; color: #666; font-size: 22px; } #prez_content .social-share { margin: 20px 0; } #prez_content .social-share a { display: block; font-size: 13px; line-height: 50px; text-transform: uppercase; padding-left: 50px; height: 50px; text-decoration: none; margin-bottom: 7px; background: #f3f3f3 url("../screen/icons/icons-share-half.png") no-repeat top center; background-size: 50px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #prez_content .social-share a span { background: white; display: block; height: 50px; line-height: 50px; padding: 0 10px; } #prez_content .social-share a:hover { background-color: #407db5; } #prez_content .social-share a.facebook { background-position: 0px -35px; } #prez_content .social-share a.facebook:hover { background-position: 0px 15px; } #prez_content .social-share a.twitter { background-position: 0px -132px; } #prez_content .social-share a.twitter:hover { background-position: 0px -82px; } #prez_content .social-share a.linkedin { background-position: 0px -235px; } #prez_content .social-share a.linkedin:hover { background-position: 0px -185px; } #prez_content .social-share a.google { background-position: 0px -335px; } #prez_content .social-share a.google:hover { background-position: 0px -285px; } #prez_content .social-share a.email { background-position: 0px -432px; } #prez_content .social-share a.email:hover { background-position: 0px -382px; } #prez_content .flexslider { margin-bottom: 30px; background: none; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } #prez_content .flexslider .slides li { position: relative; } #prez_content .flexslider .flex-caption { padding: 15px 20px 10px; font-size: 13px; color: #f3f3f3; background: #2b2b2b; position: absolute; bottom: 25px; left: 0; opacity: 0.8; filter: alpha(opacity=80); } #prez_content .flexslider .flex-caption a, #prez_content .flexslider .flex-caption a:hover { color: white; } #prez_content .flexslider .flex-control-nav { bottom: 0; } #prez_content .region-content .flexslider ul { padding-left: 0; } .flexslider .flex-direction-nav a { width: 36px; height: 38px; margin: -20px 0 0; display: block; background: url(../screen/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .flexslider .flex-direction-nav a:hover { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=90); } .flexslider .flex-direction-nav .flex-next { background-position: 0 -39px; right: 0px; } .flexslider .flex-direction-nav .flex-prev { left: 0px; } .flexslider:hover .flex-next, .flexslider:hover .flex-prev { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } div#president_history div.faust { background: url("../../a/screen/bg-extra.gif") repeat-x scroll 0 bottom transparent; margin-bottom: 30px; padding: 0 0 20px;} div#president_history div.faust div.headshot { width: 319px; float: right; padding: 0 0 0 10px; text-align: right; } div#president_history div.faust h3 { font-size: 28px; } div#president_history div.faust p { margin: 0 0 5px 0; } div#president_history div.oneperson {clear: both; margin-bottom: 30px; } div#president_history div.oneperson p { margin: 0 0 5px 0; width: 585px; float: right; } div#president_history div.oneperson h3 { margin: 0 0 5px 0; width: 585px; float: right; } div#president_history div.oneperson div.headshot { width: 90px; float: left; padding: 5px 0 10px 0; } div#president_history div.oneperson:after, div#president_history div.faust:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } /* * Preview page template */ #preview_pane .tabs { list-style: none; } #preview_pane .tabs li { display: inline-block; margin-right: 4px; line-height: 30px; text-align:center; background: #A61D31; font-weight: bold;font-size: 12px; float: left; padding: 0 5px; } #preview_pane .tabs li.active { background: #293352; text-align:center; } #preview_pane .tabs li a { color: white; text-decoration: none; line-height: 30px;} #preview_pane .tabs li a:hover { text-decoration: underline; } /* * use this wrapper to offset font size back */ #preview_wrapper { margin: 20px 0;} #preview_wrapper .feature { width: 728px; } /* * Search */ #header_suggestion_form p { margin:0px 0 0 -10px; border: 10px solid #ebebe9; display: inline-block; } /* Classes for search results */ #search_results { margin-top:20px; } #search_results .oneitem { margin-bottom:15px; } #search_results .oneitem p { margin-bottom:5px; line-height:1.3em; word-wrap: break-word; overflow:hidden;} #search_results p.keymatch_title { margin:0px; } #search_results table.keymatch { margin-bottom:15px;} #search_results table.keymatch td { color: #6c6c6c; font-size: 1.3em; line-height:1.3em; } #search_results table.keymatch td.right {text-align:right; vertical-align:top; } .search_count { font-size: 1.2em; text-align: right; } .search p.url, .search p.keymatch_title { font-style: normal; color: #999; } /* Classes for pagination */ .pagings span.number { font-weight:bold; } .pagings .number {margin-right:7px;} .pagings .previous { margin-right:15px; } .pagings .next { margin-left:15px; } .pagings { margin:20px 0px; text-align:center; } .pagings a { text-decoration:none; } .pagings a:visited, .pagings a:hover { } .pagings a:hover { text-decoration:underline; } /* Classes for suggestion box */ .ss-gac-m { background: white; border: 1px solid black; cursor: default; font-size: 13px; line-height: 17px; margin: 0; position: absolute; z-index: 99; } .ss-gac-b { background: #36c; color: white; } .ss-gac-c { overflow: hidden; padding-left: 3px; text-align: left; white-space: nowrap; } .ss-gac-d { color: green; font-size: 10px; overflow: hidden; padding: 0 3px; text-align: right; white-space: nowrap; } .ss-gac-b td { color: white; } .ss-gac-e td { font-size: 10px; line-height: 15px; padding: 0 3px 2px; text-align: right; } .ss-gac-e span { color: #00c; cursor:pointer; text-decoration: underline; } /* * Visitors Site */ .visitors .primary .wrap .main { width: 100%; } .visitors-nav-bar { margin: 20px 0 0 0; background: #919191; background: -moz-linear-gradient(top, #919191 0%, #8b8b8a 51%, #838383 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(51%,#8b8b8a), color-stop(100%,#838383)); background: -webkit-linear-gradient(top, #919191 0%,#8b8b8a 51%,#838383 100%); background: -o-linear-gradient(top, #919191 0%,#8b8b8a 51%,#838383 100%); background: -ms-linear-gradient(top, #919191 0%,#8b8b8a 51%,#838383 100%); background: linear-gradient(top, #919191 0%,#8b8b8a 51%,#838383 100%); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } .visitors-nav-bar li { font-size: 1.08em; font-weight: bold; list-style: none outside none; } .visitors-nav { float: left; margin-bottom: 0; } .visitors-nav li { float: left; padding: 0 2px 0 0; background: url(../../a/screen/bg-filter-dvdr.gif) right 0 repeat-y; } .visitors-nav li a { display: block; padding: 16px 37px 13px; color: #fff; text-transform: uppercase; text-decoration: none; } .visitors-nav li.active a, .visitors-nav li.active-trail a, .visitors-nav li.active a:hover, .visitors-nav li.active-trail a:hover, .visitors-nav li.active a:focus { position: relative; background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 0%, #454545 27%, #353535 69%, #2f2f2f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(27%,#454545), color-stop(69%,#353535), color-stop(100%,#2f2f2f)); background: -webkit-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background: -o-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background: -ms-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background: linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); } .visitors-nav li a:hover, .visitors-nav li a:focus { background: #595959; background: -moz-linear-gradient(top, #919191 0%, #7f7f7f 54%, #595959 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(54%,#7f7f7f), color-stop(100%,#595959)); background: -webkit-linear-gradient(top, #919191 0%,#7f7f7f 54%,#595959 100%); background: -o-linear-gradient(top, #919191 0%,#7f7f7f 54%,#595959 100%); background: -ms-linear-gradient(top, #919191 0%,#7f7f7f 54%,#595959 100%); background: linear-gradient(top, #919191 0%,#7f7f7f 54%,#595959 100%); } .visitors-wrap { min-height: 450px; padding: 30px; background: #fefefe; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); margin-bottom: 20px; } .visitors #visitors_top { background: #2b2b2b; padding: 30px;} .visitors #visitors_top .visitors_intro { width: 390px; float: left; padding-top: 16px; } .visitors #visitors_top .visitors_intro h2 {color: #fff; font: bold 2.5em/1.6 Helvatica, Arial, sans-serif; text-transform: none; } .visitors #visitors_top .visitors_intro p {color: #fff; margin: 0; font: normal 1.8em/1.85 Georgia, "Times New Roman", serif; } .visitors #visitors_top #image_wrapper { position: relative; width: 440px; height: 293px; overflow: hidden; float: right; } .visitors #visitors_top #image_wrapper img { margin: 0; } .visitors #image_wrapper #text { position: absolute; bottom: 0px; left: 30px; height: 52px; padding: 46px 0 40px 0; width: 400px; margin: 0; overflow: hidden; z-index: 99999; } .visitors #image_wrapper #text a { color: rgba(255, 255, 255, 0.8); font-size: 108px; text-decoration: none; line-height: 1.0em; z-index: 99999; } .visitors #visitors_home_separator { margin-bottom: 10px; height: 4px; padding-bottom: 16px; background: url(../../a/screen/bg-stripe.gif) repeat-x bottom left; } .visitors #visitors_home_blocks { background: url(../../a/screen/bg-visitors-home-bottom.gif) repeat-y bottom right; } .visitors #visitors_home_blocks .home-block { padding: 20px 23px; } .visitors #visitors_home_blocks .home-block p { line-height: 1.5em; } .visitors #spud { padding: 5px; background: #fff; border: 1px solid #ddd; height: 188px; overflow: hidden; margin-bottom: 1em; } .visitors .visitors-wrap h1 { color: #333; font-family: Helvetica, sans-serif; font-weight: normal; font-size: 28px; padding-bottom: 16px; background: url(../../a/screen/bg-stripe.gif) repeat-x bottom left; text-transform: uppercase;} .visitors .section { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-top: none; background: none; } .visitors #visitors_sidebar { width: 285px; float: left; } .visitors #visitors_sidebar .section { background: #f1f1ef; } .visitors #visitors_sidebar .section h3 { font-family: Helvetica, sans-serif; color: #333; font-size: 15px; text-transform: uppercase; border-bottom: 1px solid #cecece; padding-bottom: 10px; } .visitors #visitors_sidebar .section ul { padding-left: 13px; } .visitors #visitors_sidebar .section li { line-height: 2em; } .visitors #visitors_content { width: 600px; float: right; } .visitor_side_nav ul { list-style: none; padding: 0; margin: 0 0 20px 0; background: #898888; } .visitor_side_nav li { list-style: none; padding: 0; margin: 0; } .visitor_side_nav li a { color: #fff; font: bold 13px/34px Helvatica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; display: block; padding: 0 20px; border-top: 1px solid #a09f9f; border-bottom: 1px solid #676767;} .visitor_side_nav li a.active, .visitor_side_nav li a:hover { background: #494949; border-top: 1px solid #262626; border-bottom: 1px solid #676767;} /* * Tour request form */ .webform-container-inline { display: inline-block; } .visitors .webform-client-form label { font-size: 13px; font-weight: normal; text-transform: none; width: 130px; padding: 0 10px 0 0; clear: left; } .visitors .webform-client-form label.option { width: auto; } .visitors .webform-client-form .webform-datepicker label { display: none; } .visitors .webform-client-form .form-item, .visitors .webform-client-form .form-radios { display: inline-block; margin-bottom: 5px 0; } .visitors .webform-client-form input.webform-calendar-day-0 { padding: 0 0 0 10px; float: right;-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; display:none; } .visitors #webform-component-age-level { clear: left; display: block; } .visitors #edit-submitted-special-requests { display: block; margin: 10px 0; } .visitors .lens-legend img { float: left; padding-right: 20px; } .visitors .lens-legend p { clear: both; } /* * Feedback form */ #webform-client-form-1884 label { display: block; margin: 10px 0 2px 0; width: 100%; } #webform-client-form-1884 #edit-actions { margin: 10px 0 } /* * RSS page */ #rss_lead_text { border-top: 0; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); padding-left: 100px; background: #fff url(../../a/screen/icon-rss-l.png) no-repeat 20px 20px; } #rss_feeds .col { width: 30%; margin-left: 4.8%; } #rss_feeds .first { margin-left: 0; } #rss_feeds a { display: block; padding: 12px; color: #fff; text-transform: uppercase; width: 200px; height: 33px; margin-bottom: 26px; text-decoration: none; font-size: 12px; line-height: 1.5em; } #rss_feeds a.arts { background: #cb59af url(../../a/screen/icon-arrow-white.png) no-repeat 122px 17px; } #rss_feeds a.community { background: #a2a012 url(../../a/screen/icon-arrow-white.png) no-repeat 156px 17px; } #rss_feeds a.global { background: #184ae1 url(../../a/screen/icon-arrow-white.png) no-repeat 155px 17px; } #rss_feeds a.health { background: #e2920c url(../../a/screen/icon-arrow-white.png) no-repeat 137px 17px; } #rss_feeds a.public { background: #4384c4 url(../../a/screen/icon-arrow-white.png) no-repeat 117px 17px; } #rss_feeds a.science { background: #52854c url(../../a/screen/icon-arrow-white.png) no-repeat 169px 17px; } #rss_feeds a.sustainability { background: #13c29f url(../../a/screen/icon-arrow-white.png) no-repeat 106px 35px; } #rss_feeds a.teaching { background: #9a7016 url(../../a/screen/icon-arrow-white.png) no-repeat 90px 35px; } #rss_feeds a.unparalleled { background: #a61d31 url(../../a/screen/icon-arrow-white.png) no-repeat 94px 35px; } #rss_feeds a:hover { text-decoration: underline; } /* * Two Panel Page */ .two-panel div.col {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); background: white;} .two-panel div.col div { padding: 20px; } .two-panel div.col div img { float: left; padding: 0 10px 10px 0; } /* * itunes items */ .itunes-items { list-style:none; } .itunes-items li { padding:0px; margin:0px; } .itunes-items li img { width:20%; border:1px solid #ccc; padding:1px; float:left; margin-right: 3%; } .itunes-items li span { float:left; width: 72%; display:block; padding-top:2px; font-weight: bold; line-height: 1.4; } /* * Google CSE search */ .gsc-control-cse { padding: 0!important; } .gsc-control-cse table { margin: 0; } .gsc-control-cse table.gsc-resultsHeader { display: none; } .gsc-control-cse table.gsc-table-result td { border: 0; padding: 0; } .gsc-control-cse table.gsc-table-result tr { background: transparent; } .gsc-control-cse .gs-result .gs-title { font-size: 14px!important; margin-bottom: 4px; } .gsc-control-cse table.gsc-table-result td div { line-height: 1.3em; } .gsc-control-cse table.gsc-table-result td div.gs-per-result-labels { margin: 4px 0; } .gsc-control-cse .gsc-tabsArea { padding-bottom: 4px; border-bottom: 1px solid #ccc; margin: 0; } .gsc-control-cse .gsc-tabsArea .gsc-tabHeader { line-height: 22px; } .gsc-control-cse .gsc-tabsArea .gsc-tabHeader.gsc-tabhInactive { text-decoration: underline; } .gsc-control-cse .gsc-tabsArea .gsc-tabHeader.gsc-tabhActive { border: 0; font-weight: bold; } .gsc-control-cse .gsc-above-wrapper-area { padding-bottom: 0; border-bottom: 0; } .gsc-control-cse .gsc-above-wrapper-area table td { padding: 0; } .gsc-control-cse .gsc-wrapper { margin-bottom: 35px; } .gsc-control-cse .gsc-result .gs-title { height: auto !important; } .gsc-control-cse img.gcsc-branding-img-noclear { max-width: none; } .gsc-control-cse .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { background-color: transparent; } /* * Livestream page */ .fullwidth-band { background: #000; color: #fff; margin-bottom: 30px; color: #ddd; } .fullwidth-band .wrap { position: relative; } .fullwidth-band h1 { color: #fff; } .fullwidth-band h1 span { display: inline-block; background: #cd1a19; text-transform: uppercase; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 5px 7px; vertical-align: middle; } .fullwidth-band h2 { color: #fff; margin: 20px 0 10px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 28px; } .fullwidth-band .video-summary p { color: #ddd; font-size: 16px; line-height: 1.4em; } .fullwidth-band .video-summary a { color: #3b7ab8; } .fullwidth-band .video-summary a:hover { color: #fff; } .fullwidth-band.livestream .youtube { position: absolute; top: 70px; right: 2px; } .split-b.livestream-banners li { float: left; list-style: none; } .split-b.livestream-banners .views-row-1, .split-b.livestream-banners .views-row-4, .split-b.livestream-banners .views-row-7 { margin-left: 0; } .fullwidth-band .breadcrumb li { color: #999; } .fullwidth-band .daily_signup { background: #0d2640; font-size: 14px; padding: 20px 0; } .fullwidth-band .daily_signup .daily_signup_text { display: inline-block; float: left; margin: 0; line-height: 32px; } .fullwidth-band .daily_signup .daily_signup_form { display: inline-block; float: right; margin: 0; } .fullwidth-band .daily_signup .wrap { line-height: 32px; } .fullwidth-band .daily_signup img { display: inline-block; margin: 0 12px 0 0; vertical-align: middle; } .fullwidth-band .daily_signup form { margin: 0; } .fullwidth-band .daily_signup input[type="text"], .fullwidth-band .daily_signup input[type="email"] { border: 0; width: 260px; padding: 8px; background: white; color: #6c6c6c; font-style: italic; font-size: 13px; } .fullwidth-band .daily_signup input[type="submit"] { font-weight: normal; font-size: 13px; min-height: 32px; line-height: 32px; padding: 0 15px; } .main .region-content ul.no-padding { list-style: none; padding: 0; margin: 10px 0; } .main .region-content ul.no-padding li { padding: 0; margin: 0 0 5px; width: auto; } .main .region-content ul.no-padding ul { list-style: none; margin: 5px 0; }