/* ************************************************* 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: #EEF8EF url("../images/bg-seal.gif") no-repeat 0 650px; color: #6c6c6c; font: normal 62.5% times new roman; } body.layout-d { background: #EEF8EF; } /* 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; } .school-main span{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 0 0; max-width: 100%; height: auto; } a img { border: none; } .sub .section img.topper { max-width: 223px; } iframe { max-width: 100%; } 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; } .bit-streamer { border-collapse: separate; } .bit-streamer td { padding: 1px; margin: 0; } .bit-streamer .heading { position: relative; ; padding: 16px; border-top: 3px solid #4384c4; height: 100%; background: #35405f; /* Old browsers */ background: -moz-linear-gradient(top, #006699 0%, #002E44 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #002E44), color-stop(100%, #006699)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #006699 0%, #002E44 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #006699 0%, #002E44 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #006699 0%, #002E44 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#002E44', GradientType=0); /* IE6-9 */ background: linear-gradient(top, #006699 0%, #002E44 100%); /* W3C */ } .bit-streamer .heading a { color: white; font-size: 24px; text-decoration: none } .bit-streamer .item { border: 2px solid #999; background: #C8D6D9; font-size: 16px; } .bit-streamer .item a { line-height: 1.5em !important; color: #1B2B5C; text-decoration: none } .bit-list-main { float: left !important; margin-bottom: 20px !important; margin-left: 29px !important; width: 474px !important; } .bit-list-sub { float: left !important; margin-bottom: 20px !important; margin-left: 29px !important; width: 223px !important; } .secondary { float: left; margin-bottom: 20px; width: 223px; } .bit-header-home { width: 978px; height: 60px; padding: 30px 0; margin: 0 auto 0 auto; background: #000 url(../images/logo-home.png) no-repeat 30px center; ; color: #fff; font-family: Times New Roman, 楷体; font-weight: bold; font-size: 18px; } .bit-header-text { margin-left: 40px; padding-left: 120px; line-height: 1.5em; } .bit-header-home-chs { font-size: 18px; line-height: 2.5em; } .bit-header-list { width: 978px; height: 100px; margin: 0 auto 0 auto; background: #000 url(../images/logo-list.png) no-repeat 20px center; ; } .bit-header-school-text { font-size: 24px; font-weight: bold; color: #000; font-family: times new roman; padding: 20px 0 0px 130px; } .bit-list-seal a { background: url(../images/seal-list.png) no-repeat 0 15px; width: 140px; height: 150px; float: left; } .bit-list-header-text { font-size: 24px; line-height: 2em; color: #0C090F; font-family: Times New Roman, 楷体; padding: 20px 0 0 0; font-weight: bold; } .bit-footer { width: 978px; padding: 30px 0; margin: 0 auto 0 auto; background: #000 url(../images/logo-foot.png) no-repeat 50px center; ; color: #fff; font-family: arial; font-size: 14px; } .bit-footer-left { margin-left: 40px; padding-left: 150px; height: ; line-height: 2em; } .bit-footer-right { padding-top: 30px; float: right; line-height: 2em; padding-right: 150px; } .bit-footer-sub { width: 978px; margin: 0 auto 0 auto; font-size: 14px; text-indent: 40px; background: #8CA1A6; color: #fff; line-height: 2em; } .expandable .item-bit ul { list-style: none; margin: 0 30px; } .expandable .item-bit { font-size: 16px; line-height: 1.3em; font-family: Times New Roman !important; } .expandable .item-bit:nth-child(2),.expandable .item-bit:nth-child(3){text-align: center;} .expandable .item-bit:nth-child(2) p a, .expandable .item-bit:nth-child(3) p a{ line-height: 1.7; } .expandable .item-bit .nl li { display: block; width: 100% !important; text-decoration: none !important; padding: 6px 0; } .no-margin .nl { margin: 1em !important; } .expandable .nl li a { text-decoration: none; } .layout-d .primary { background: url(../images/bg-seal.gif) no-repeat center 0; } .section .nl { list-style: none; font-size: 14px; } .section .nl li { padding: 10px 0; } .section .nl a { color: #333; } .school-main { width: 978px; margin: 0 auto 0 auto; } .school-main-nav { text-align: right; background: #0D164F; } .school-main-nav .breadcrumb { right: 20px; margin: 0; padding: 10px 0; } .school-main-nav .breadcrumb a { color: #DFDDDC; } .school-left { width: 350px; background-color: #FAF4E8; padding: 0; padding-right: 11px; vertical-align: top; } .school-programs-title { background: #0D164F; padding: 0 20px 10px; font-size: 16px; color: #fff; font-family: times new roman; } .school-left .nl { list-style: none; } .school-left .nl li { background: url(../images/school-li.gif) repeat-x; padding: 10px 0 10px 20px; border-bottom: 1px solid #B5AB9C; } .school-left .nl a { color: #000; font-family: times new roman; font-size: 14px; } .school-left .bit-steps { background: #E8DDC5 url(../images/school-step-bg.gif) no-repeat right bottom; list-style: none; } .school-left .bit-steps li { border-bottom: 2px solid #FAF4E8; padding: 10px 20px; font-size: 14px; line-height: 1.5em; color: #000; } a.bit-apply-btn { display: block; width: 160px; height: 40px; background: #0D164F url(../images/btn-apply.png) no-repeat; color: #DFDDDC; line-height: 40px; font-size: 18px; text-align: center; text-decoration: none; } a.bit-apply-btn2 { display: inline-block; width: 280px; height: 40px; background: #0D164F url(../images/btn-apply2.png) no-repeat; color: #DFDDDC; line-height: 40px; font-size: 18px; text-align: center; text-decoration: none; margin-right: 30px; } .nl a { text-decoration: none !important; } .bit-school-form { background: #0D164F; } .home .bit-header-home { background-color: #6d1526 } .school-a .bit-header-home, .school-a .bit-footer, .school-a .school-main-nav, .school-a .school-programs-title, .school-a a.bit-apply-btn, .school-a a.bit-apply-btn2, .school-a .bit-school-form { background-color: #293352; } .school-b .bit-header-home, .school-b .bit-footer, .school-b .school-main-nav, .school-b .school-programs-title, .school-b a.bit-apply-btn, .school-b a.bit-apply-btn2, .school-b .bit-school-form { background-color: #52854c; } .school-c .bit-header-home, .school-c .bit-footer, .school-c .school-main-nav, .school-c .school-programs-title, .school-c a.bit-apply-btn, .school-c a.bit-apply-btn2, .school-c .bit-school-form { background-color: #8c8179; } .school-d .bit-header-home, .school-d .bit-footer, .school-d .school-main-nav, .school-d .school-programs-title, .school-d a.bit-apply-btn, .school-d a.bit-apply-btn2, .school-d .bit-school-form { background-color: #a51c30; } .school-e .bit-header-home, .school-e .bit-footer, .school-e .school-main-nav, .school-e .school-programs-title, .school-e a.bit-apply-btn, .school-e a.bit-apply-btn2, .school-e .bit-school-form { background-color: #77817E; } .cflag1, .cflag2, .cflag3, .cflag4, .cflag5, .cflag6, .cflag7, .cflag8, .cflag9, .cflag10, .cflag11, .cflag12, .cflag13, .cflag14, .cflag15, .cflag16, .cflag17, .cflag18, .cflag19, .cflag20, .cflag21, .cflag22, .cflag23, .cflag24 { background: url(../images/flag.png); width: 39px; height: 31px; display: block; } .cflag2 { background-position: -71px 0; } .cflag3 { background-position: -146px 0; } .cflag4 { background-position: -221px 0; } .cflag5 { background-position: 0 -50px; } .cflag6 { background-position: -71px -50px; } .cflag7 { background-position: -146px -50px; } .cflag8 { background-position: -221px -50px; } .cflag9 { background-position: 0 -98px; } .cflag10 { background-position: -71px -98px; } .cflag11 { background-position: -146px -98px; } .cflag12 { background-position: -221px -98px; } .cflag13 { background-position: 0 -148px; } .cflag14 { background-position: -71px -148px; } .cflag15 { background-position: -146px -148px; } .cflag16 { background-position: -221px -148px; } .cflag17 { background-position: 0 -197px; } .cflag18 { background-position: -71px -197px; } .cflag19 { background-position: -146px -197px; } .cflag20 { background-position: -221px -197px; } .cflag21 { background-position: 0 -246px; } .cflag22 { background-position: -71px -246px; } .cflag23 { background-position: -146px -246px; } .cflag24 { background-position: -221px -246px; } /* 分页 */ .pager { font-family: verdana; font-size: 12px; padding: 5px; height: 25px; clear: both; word-break: keep-all } .pager ul { padding: 0; margin: 0; list-style-type: none; line-height: 1.2em } .pager li { float: left; margin: 0 5px 0 0; color: #999 } .pager li.p_total { background: #FFF; font-weight: bold; color: #88af3f; ; border: 1px solid #ddd; padding: 3px 5px } .pager li.p_current { background: #999; color: #FFF; border: 1px solid #666; padding: 3px 5px } .pager li.p_nolink { color: #ccc; border: 1px solid #f3f3f3; padding: 3px 5px } .pager li a:link, .pager li a:visited { float: left; color: #88af3f; background: #fff; border: 1px solid #ddd; padding: 3px 5px; text-decoration: none !important } .pager li a:hover, .pager li a:active { background: #f1ffd6; color: #638425; border-color: #85bd1e } .pager li input { float: left; font-family: verdana; font-size: 12px; border: 1px solid #ddd; color: #999; background: url(../images/inputborder.gif); width: 3em; height: 1.3em; padding: 2px 0; text-align: center } /*------------------------------------------- Global combinations -------------------------------------------*/ .logo a, #form #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-width: 978px; } .home .primary { padding-top: 20px; /*background-position: fixed;*/ } .intro-wrap { padding: 0 0 87px; background: #262626 url(../images/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; } /*------------------------------------------- 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-bit, .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, #006699 0%, #002E44 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #002E44), color-stop(100%, #006699)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #006699 0%, #002E44 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #006699 0%, #002E44 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #006699 0%, #002E44 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#002E44', GradientType=0); /* IE6-9 */ background: linear-gradient(top, #006699 0%, #002E44 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(../images/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(../images/bg-streamer-4.gif) repeat-y 0 0; background: rgba(243, 243, 241, .7) url(../images/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(../images/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(../images/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-top: 1.2em; margin-bottom: 0.7em; text-align: center; 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: #192A72; 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(../images/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-bit .channel-more a:hover, .item-bit .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(../images/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-bit .excerpt p { color: #1f1f1f; font: 1.66em/1.5 Georgia, "Times New Roman", serif; } .item-bit .excerpt p a { text-decoration: none; } .item-bit .excerpt p a:hover, .item-bit .excerpt p a:focus { text-decoration: underline; } .expandable .listing p img { float: left; margin-right: 18px; } .item-bit h3 { color: #293352; font-family: Georgia !important; font-weight: bold !important } .item-bit>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-bit .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(../images/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 { 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(../images/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(../images/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(../images/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(../images/bg-filter-arrow.gif) no-repeat 90% center; background-image: url(../images/bg-filter-arrow.gif), -moz-linear-gradient(top, #4c4c4c 0%, #454545 27%, #353535 69%, #2f2f2f 100%); background-image: url(../images/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(../images/bg-filter-arrow.gif), -webkit-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background-image: url(../images/bg-filter-arrow.gif), -o-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background-image: url(../images/bg-filter-arrow.gif), -ms-linear-gradient(top, #4c4c4c 0%,#454545 27%,#353535 69%,#2f2f2f 100%); background-image: url(../images/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(../images/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(../images/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(../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: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; } 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(../images/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; } 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(../images/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; background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/icon-itunes-blue.png) no-repeat top left; padding: 12px 0 18px 54px; } .fullwidth .main .section #left-blue-bar h3.harvard-itunesu { background: url(../images/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(../images/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(../images/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: 90px; height: 90px; background: url(../images/logo.gif) no-repeat 0 center; } .header { position: relative; z-index: 999; /* -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; z-index: 888; } .utility { margin-bottom: 10px; background: #000 url(../images/head-bar.gif) no-repeat 0 0; height: 120px; position: relative; } #search { padding: 5px 0; padding-right: 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: 3px 15px 3px; background: #555; color: #fff; font-size: 1.3em; 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(../images/btn-search.gif); border: none; cursor: pointer; } #main-nav { float: right; margin: 15px 0 0 0; } #main-nav li { position: relative; } #main-nav a { position: relative; z-index: 0; height: 40px; background: url(../images/main-nav.png) 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 .home-bit { width: 100px; background-position: -30px 0; } #main-nav li:hover .home-bit, #main-nav li:focus .about-bit { background-position: -30px -80px; } #main-nav li .home-bit:hover, #main-nav li .about-bit:focus { background-position: -30px -40px; } #main-nav .about-bit { width: 149px; background-position: -130px 0; } #main-nav li:hover .about-bit, #main-nav li:focus .about-bit { background-position: -130px -80px; } #main-nav li .about-bit:hover, #main-nav li .about-bit:focus { background-position: -130px -40px; } #main-nav .admissions-aid { width: 209px; background-position: -278px 0; } #main-nav li:hover .admissions-aid, #main-nav li:hover .admissions-aid { background-position: -278px -80px; } #main-nav li .admissions-aid:hover, #main-nav li .admissions-aid:focus { background-position: -278px -40px; } #main-nav .schools { width: 115px; background-position: -486px 0; } #main-nav li:hover .schools, #main-nav li:focus .schools { background-position: -486px -80px; } #main-nav li .schools:hover, #main-nav li .schools:focus { background-position: -486px -40px; } #main-nav .resources-contact { width: 255px; background-position: -600px 0; } #main-nav li:hover .resources-contact, #main-nav li:focus .resources-contact { background-position: -600px -80px; } #main-nav li .resources-contact:hover, #main-nav li .resources-contact:focus { background-position: -600px -40px; } #main-nav ul { position: absolute; display: none; z-index: 1000; width: 230px; margin-top: -1px; background: #EEF8EF; 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; 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(../images/streamer-sprite.gif) 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(../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; } .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(../images/icon-social-v3.gif) 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 .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(../images/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(../images/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; z-index: 100 } .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(../images/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; display: none } .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; */ overflow: hidden; } .main1 .region-content ul, .main1 .region-content ol { padding-left: 0px; } .main .region-content li { font-size: 1.0em; line-height: 1.5em; /* width: 33%; */ /* float: left; */ list-style: none; } .main .region-content .list-paddingleft-2 li { width:33%; float:left;} .main .region-content .list-paddingleft-22 li { width: 100%; float: none; } .main .region-content .nl1 li { width: 100%; float: none; } .main1 .region-content ul { overflow: hidden; } .main1 .region-content li { list-style: none; width: 33.3%; float: left; } .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: 56.25%; 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: 68.4%; } /* * Gazette Top Stories/Trending Now headers */ .layout-c #hedu_chartbeat_top { background: #eae9e5 url(../images/bg-gazette-head-tn.png) no-repeat top left; padding-top: 90px; } .layout-c #hedu_ga_top { background: #eae9e5 url(../images/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(../images/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(../images/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("../images/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: #191e30; } .prez_nav li a:hover, .prez_nav li a:focus { background-color: #191e30; } .president #ticketing_primary { min-height: 605px; min-width: 978px; /* background: #262626 url("../images/bg-intro-seal-only-prez.gif") no-repeat center 0; */ padding-top: 20px; } .president #ticketing_primary .prez_nav { margin-top: 30px; } #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 div.news_header { height: 34px; padding: 0 20px; background: #991a2c; position: relative; margin: 30px 0; } #prez_homenews .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 { width: 200px; position: absolute; top: 0; right: 0; text-align: right; padding: 12px 20px 0 0; } #prez_homenews .news_header .more a { display: inline-block; padding-right: 16px; background: url(../images/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 { text-decoration: none; background: url(../images/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(../images/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(../images/icon-external.png) no-repeat 0px 3px; } #prez_top { background-color: #991a2c; } #prez_top { padding: 10px 30px 2px; position: relative; min-height: 55px; } #prez_top h2 { color: #fff; margin: 0 0 8px 0; letter-spacing: 1px; } #prez_top div { font-size: 1.2em; color: #fff; margin: 0 0 3px 0; } #prez_top a { display: block; position: absolute; width: 150px; height: 30px; top: 20px; right: 20px; text-decoration: none; color: #fff; font-size: 1.2em; font-weight: normal; text-transform: uppercase; text-align: right; padding-right: 16px; background: url(../images/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; } #prez_content .sidebar { float: left; width: 223px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); background: #E9E9E9; } #prez_content .sidebar .sidebar_wrapper { padding: 0px 12px; } #prez_content .sidebar .adjunct { margin-bottom: 0; padding: 23px 0 0; background: none; border-top: 1px solid #d5dcdc; } #prez_content .sidebar .adjunct ul, #prez_content .sidebar .adjunct ol { margin-left: 16px; } #prez_content .sidebar p { line-height: 1.4em; margin-bottom: 1em; } #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: 12px; 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; } #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; } #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-left: 20px; } #prez_content .region-content li { font-size: 1.3em; line-height: 1.5em; } div#president_history div.faust { background: url("../images/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(../images/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(../images/bg-stripe.gif) repeat-x bottom left; } .visitors #visitors_home_blocks { background: url(../images/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(../images/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(../images/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(../images/icon-arrow-white.png) no-repeat 122px 17px; } #rss_feeds a.community { background: #a2a012 url(../images/icon-arrow-white.png) no-repeat 156px 17px; } #rss_feeds a.global { background: #184ae1 url(../images/icon-arrow-white.png) no-repeat 155px 17px; } #rss_feeds a.health { background: #e2920c url(../images/icon-arrow-white.png) no-repeat 137px 17px; } #rss_feeds a.public { background: #4384c4 url(../images/icon-arrow-white.png) no-repeat 117px 17px; } #rss_feeds a.science { background: #52854c url(../images/icon-arrow-white.png) no-repeat 169px 17px; } #rss_feeds a.sustainability { background: #13c29f url(../images/icon-arrow-white.png) no-repeat 106px 35px; } #rss_feeds a.teaching { background: #9a7016 url(../images/icon-arrow-white.png) no-repeat 90px 35px; } #rss_feeds a.unparalleled { background: #a61d31 url(../images/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; }