/************************************************** Georgetown University Top Tier Screen Styles Created by Happy Cog **************************************************/ /*------------------------------------------- General Selectors -------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1.4; } body { background: #fff url(../m/screen/bg-body.jpg) no-repeat center bottom; color: #333; font: normal 62.5% Georgia, 'Times New Roman', serif; } body.home { background-image: url(../m/screen/bg-body-home.jpg); } #main .topic-nav a.hide{display:none;} @font-face { font-family: 'VegurBold'; src: url('http://gucms-ui.georgetown.edu/www/f/Vegur-B_0500-webfont.eot'); src: local('☺'), url('http://gucms-ui.georgetown.edu/www/f/Vegur-B_0500-webfont.woff') format('woff'), url('http://gucms-ui.georgetown.edu/www/f/Vegur-Bold.otf') format('opentype'), url('http://gucms-ui.georgetown.edu/www/f/Vegur-B_0500-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'VegurRegular'; src: url('http://gucms-ui.georgetown.edu/www/f/Vegur-R_0500-webfont.eot'); src: local('☺'), url('http://gucms-ui.georgetown.edu/www/f/Vegur-R_0500-webfont.woff') format('woff'), url('../f/vegur-reg.otf') format('opentype'), url('http://gucms-ui.georgetown.edu/www/f/Vegur-R_0500-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } /* block level */ h1 { margin: 0 0 0.4em; color: #48443e; font: normal 37px/1.1 "DIN Next W01 Condensed Medium", "Arial Narrow", "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px; } h2 { margin: 0 0 1.2em; padding: 2px 9px 4px; background: #e6e7de; color: #494949; font: normal 19px "DIN Next W01 Condensed Medium", "Arial Narrow", "Trebuchet MS", Arial, sans-serif; line-height: 1.2; text-transform: uppercase; border-top: 1px solid #d6d3c5; } #main h2 a { font-style: normal; text-decoration: none; } .listing h2, .video-player h2 { padding: 5px 9px; font-size: 25px; font-family: Georgia, serif; text-transform: none; font-style: italic; } .video-player h2 { margin-bottom: 0; } h3, .summary h5, .topic-intro h5, .summary-lead h5 { margin: 0 0 0.3em; color: #48443e; font-size: 30px; line-height: 1.05; } h3 a, .summary h5 a, .topic-intro h5 a, .summary-lead h5 a { color: #366fac; text-decoration: none; line-height: 1; } h3 a:hover, h3 a:focus, .summary h5 a:hover, .summary h5 a:focus, .summary-lead h5 a:hover, .summary-lead h5 a:focus, .topic-intro a:hover, .topic-intro a:focus { color: #123965; } h4, .topic-landing-page .split-2-alt .first h2 { margin: 0 0 1em; padding: 7px 0 0; color: #494949; font: normal 20px/1 "DIN Next W01 Condensed Medium", "Arial Narrow", "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; border-top: 1px solid #d4d1c4; } /*CMS generates dynamic module title in h2. Styles h2 like h4.*/ h4 a { color: #366fac; text-decoration: none; font-style: normal !important; line-height: 1; } h4 a:hover, h4 a:focus { color: #123965; } .topic-landing-page .split-2-alt .first h2 { background:none; } /*Styles CMS h2 as h4*/ h5 { margin: 0 0 0.4em; color: #333; font-size: 13px; font-weight: normal; line-height: 1.3; } h5 a { font-style: normal !important; text-decoration: none; line-height: 1.2; } .related-stories h5, .summary-thumbnail-alt h5 { margin-bottom: 0.2em; padding: 0; border: none; } .results h5 { margin-bottom: 0.2em; padding: 0; font: normal normal 18px Georgia, serif; border: none; } .summary-unit h5 { margin-bottom: 0.2em; padding: 0; font: normal normal 13px Georgia, serif; border: none; } .results h5 a, .summary-unit h5 a { color: #366fac; } .results h5 a:hover, .results h5 a:focus, .summary-unit h5 a:hover, .summary-unit h5 a:focus { color: #123965; } h6 { margin: 0 0 0.5em; font-size: 18px; color: #726761; } h3, .summary h5, .summary-lead h5, .topic-intro h5, .listing h2, .video-player h2{font-family:"Caslon 540 LT W01 Italic";} p, ul, dl, ol, td, .asset-body { margin: 0 0 1.5em; font-size: 14px; } .banner p { padding-top: 7px; } ul li { list-style-type: none; padding: 0 0 0 20px; background: transparent url(../m/screen/marker-list.gif) no-repeat 1px 0.4em; } #content .wrap ol { padding-left: 25px; } table { margin: 0 0 1em; border-collapse: collapse; border-top: 1px solid #cac7bf; border-bottom: 3px solid #d6d3c5; } caption { caption-side: bottom; width: auto; margin-bottom: 3em; padding: 7px 0; font-size: 12px; font-style: italic; text-align: left; } caption strong { color: #494949; font-size: 10px; font-style: normal; text-transform: uppercase; } th { padding: 8px 20px; color: #494949; font: normal normal 12px VegurBold, "Trebuchet MS", Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-align: left; line-height: 1.1; border-top: 4px solid #d6d3c5; } tbody tr { background: #fafaf8; } tbody tr:nth-child(2n) { background: #fdfdfd; } td { padding: 11px 20px; line-height: 1.45; border-top: 1px solid #d6d3c5; } hr { height: 1px; margin: 0 0 20px; background-color: #d4d1c4; color: #d4d1c4; border: none; } em { font-style: italic; } strong { font-weight: bold; } a { color: #123965; } a:hover, a:focus { color: #366fac; } #main a { font-style: italic; } #main a.more, #main .more a, #main .related-stories h5 a, #main .summary-thumbnail-alt h5 a, .footer-option .summary-medium .more a { color: #88322c; font: normal normal 11px VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; } #main .related-stories h5 a, #main .summary-thumbnail-alt h5 a { font-size: 13px; line-height: 1; } #main a.more:hover, #main a.more:focus, #main .more a:hover, #main .more a:focus, #main .related-stories h5 a:hover, #main .related-stories h5 a:focus, #main .summary-thumbnail-alt h5 a:hover, #main .summary-thumbnail-alt h5 a:focus, .footer-option .summary-medium .more a:hover, .footer-option .summary-medium .more a:focus { text-decoration: underline; } .module_more_link { margin-bottom: 1.5em; font-size: 14px; } #main .module_more_link a, #sub .module_more_link a { padding: 6px 10px 4px; background: #f3f1e8; color: #366fac; text-transform: uppercase; text-decoration: none; font: normal normal 11px/1.5 VegurBold, "Trebuchet MS", Arial, sans-serif; letter-spacing: 0.5px; border: 1px solid #d9d6c9; } #main .col .module_more_link a, #sub .module_more_link a { display: table-cell; line-height: 1.2; } .home #sub .module_more_link a { display: inline-block; } #main .module_more_link a:hover, #main .module_more_link a:focus, #sub .module_more_link a:hover, #sub .module_more_link a:focus { background: #dfdccf; color: #123965; } div.teaser { margin-bottom: 20px; font-size: 14px; } div.teaser p { font-size: 1em; } div.teaser + span.more { display: block; margin-top: -0.8em; } .summary-thumbnail-alt div.teaser + span.more, .summary-lead div.teaser + span.more { margin-top: -1.2em; } .summary div.teaser { margin-bottom: 1em; } .summary div.teaser + span.more { display: block; margin-top: -1.2em; } .home div.teaser + span.more { display: block; margin: -1.8em 0 2em; } .summary-lead span.more { margin-bottom: 10px; } p img { display: block; margin: 0 0 10px; } #main img, #sub li img { border: 3px solid #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 0px 1px #6f6f6f; -webkit-box-shadow: 0px 0px 1px #6f6f6f; box-shadow: 0px 0px 1px #6f6f6f; } .related-stories li img { margin-bottom: 8px; } .home #main .related-stories li img { width: 150px; height: 97px; } .caption img { margin-bottom: 5px; } #main .topic-image img, #main .lead-image img, #main .video-player li img, #content img.borderless, #content div.borderless img { display: block; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #main .lead-image img { margin-bottom: 10px; } a img { border: none; } form { margin-bottom: 1.5em; } fieldset { border: none; } label, .form-heading { display: block; margin-bottom: 7px; color: #494949; font-size: 12px; line-height: 1.1; text-transform: uppercase; letter-spacing: 1px; } .inline label { display: inline; margin-left: 5px; font-family: VegurRegular, "Trebuchet MS", Arial, sans-serif; text-transform: none; letter-spacing: 0.5px; } input, textarea { margin-top: 5px; padding: 3px 5px 1px; outline: #f2f2ed solid 5px; border: 1px solid #9d8d85; color: #494949; font: normal bold 13px "Lucida Grande", Arial, sans-serif; border-top: 3px groove #cdcdcd; } #main input, #main textarea { width: 446px; } #main input { min-height: 21px; } .inline input, .submit input, .input-image, #search input, .input-submit, .subscribe-news .options input { width: auto !important; min-height: 0 !important; margin-top: 0; outline: none; border: none; } p.submit { margin-bottom: 3em; color: #726761; font-size: 12px; font-family: VegurRegular, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .input-submit { margin: 0 2px 0 3px; padding: 2px 15px; background: #9a3027 url(../m/screen/btn-submit-bg.gif) repeat-x 0 0; color: #fff; font: normal 17px "DIN Next W01 Condensed Medium", "Arial Narrow", "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .input-submit:hover, .input-submit:focus { background: #862318 url(../m/screen/btn-submit-bg.gif) repeat-x 0 -974px; cursor: pointer; } .input-reset { padding: 0; background: transparent; color: #123965; font: italic normal 13px Georgia, serif; text-decoration: underline; text-transform: capitalize; } .input-reset:hover, .input-reset:focus { color: #366fac; cursor: pointer; } code { font: 12px/1 'Courier New', Courier, monospace; } sub, sup, br { line-height: 0; } noscript p { padding-top: 10px; } /*------------------------------------------- Global combinations -------------------------------------------*/ .logo a, #main-nav li a, #utility-nav li a, #action-nav li a, .video-icon, .audio-icon, .webcast-icon, .photos-icon, .date span, .help, .close, h2.current-topic, .controls li a, h2.ir-gu-social-media, h4.ir-more-stories a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; } #service:after, #action-nav:after, #content .wrap:after, #dossier ul:after, .summary li:after, .results li:after, .related-stories ul:after, .split-3:after, .split-2-alt:after, .split-2-alt-reversed:after, .inline:after, .footer-option:after, #footer .tab-wrap:after, .full:after, .video-player ul:after, .col .video-player li:after, .subscribe-news .options li:after, .topic-nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } .move { position: absolute; left: -9999px; } .hide { display: none; } /*------------------------------------------- Structure -------------------------------------------*/ #header { position: relative; margin-bottom: 9px; background: #174274 url(../m/screen/head-bg-xy.gif) repeat 0 0; background: url(../m/screen/head-bg-bottom.gif) 0 bottom repeat-x, url(../m/screen/head-bg-top.gif) 0 0 repeat-x, url(../m/screen/head-bg-xy.gif) 0 0 repeat; } .home #header { margin-bottom: 0; } #header .wrap { position: relative; width: 548px; margin: 0 auto; padding: 52px 11px 7px 432px; } .home #header .wrap { min-height: 300px; background: none; } #service { width: 991px; margin: 0 auto; } #content { padding-bottom: 122px; background: transparent url(../m/screen/bg-content.jpg) repeat-x 0 122px; } .home #content { padding-bottom: 0; background-image: url(../m/screen/bg-content.png); background-position: 0 0; } #content .wrap { position: relative; top: 122px; width: 991px; margin: 0 auto; } .home #content .wrap { top: 0; } #sub-wrap { float: left; position: relative; left: 13px; width: 249px; padding: 0 0 0 9px; background: transparent url(../m/screen/bg-sub-nav.png) no-repeat 0 0; } .home #sub-wrap { width: 375px; padding-top: 6px; background: none; } #sub { margin-top: -122px; border-top: 1px solid #e6e5dc; } .home #sub { margin-top: 0; } .sub-block { position: relative; left: 15px; width: 200px; margin-bottom: 50px; } #main-wrap { float: right; width: 720px; padding: 0 0 0 12px; background: transparent url(../m/screen/bg-main.png) repeat-y 0 0; } .home #main-wrap { width: 559px; padding-left: 8px; background-image: url(../m/screen/bg-main-home.png); } #main { width: 640px; min-height: 1441px; margin-top: -122px; padding: 14px 9px 0 60px; background: white; border-top: 1px solid #e6e5dc; border-right: 1px solid #e6e5dc; } .home #main { position: relative; z-index: 10; width: 525px; min-height: 0; margin-top: -170px; padding: 11px 11px 0; border-color: #d6d3c5; } .col { float: left; } .split-2-alt, .split-2-alt-reversed, .split-3 { clear: both; margin-bottom: 1.5em; } .split-2-alt .col { width: 199px; margin-left: 43px; } .split-2-alt .first { width: 398px; margin-left: 0; } .split-2-alt .col .first { width: auto; } .split-2-alt-reversed .col { width: 398px; margin-left: 43px; } .split-2-alt-reversed .first { width: 199px; margin-left: 0; } .split-2-alt-reversed .col .first { width: auto; } .split-2 .col { width: 45%; margin-left: 10%; } .split-2 .first { margin-left: 0; } .split-3 .col { width: 200px; margin-left: 15px; } .split-2-alt .split-3 .col { width: 122px; } .split-3 .first { margin-left: 0; } ul.split-3 li, .related-stories li { list-style-type: none; float: left; width: 186px; margin-left: 28px; padding-left: 0; } .topic-body .related-stories li { width: 159px; margin-left: 24px; } ul.split-3 li.first, .related-stories li.first { margin-left: 0; } /*------------------------------------------- General Styles -------------------------------------------*/ .subhead { margin-bottom: 1.7em; color: #69605b; font-size: 16px; font-style: italic; } h1 + .subhead { margin-top: -0.65em; } .line { display: block; } .line strong { font-family: VegurBold, "Trebuchet MS", Arial, sans-serif; font-weight: normal; } .caption { margin-bottom: 25px !important; text-align: center; } .caption p { margin-bottom: 0.3em; color: #726761; font-size: 12px; font-style: italic; } strong.credit { display: block; font-size: 10px; font-weight: bold; font-style: normal; text-transform: uppercase; letter-spacing: 1px; line-height: 2; } .meta { color: #494949; font: normal 11px VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1; } .related-stories li .meta, .summary-thumbnail-alt .meta { display: block; margin-bottom: 1em; font-size: 11px; } #main .meta a { display: block; margin-bottom: 1em; font-style: normal; color: #366fac; text-decoration: none; letter-spacing: 0.5px; } #main .meta a:hover, #main .meta a:hover { color: #123965; } .source { text-transform: uppercase; letter-spacing: 1px; } .source a { text-transform: none; } .intro { color: #333; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .inline li { list-style-type: none; float: left; padding: 10px; background: #f2f2ed; } .inline li * { vertical-align: middle; } .inline label { margin-bottom: 0; } .inline input { padding: 0; } .additional p, .additional ul { font-size: 12px; } .video-icon, .audio-icon, .webcast-icon, .photos-icon { display: inline-block; margin-right: 5px; height: 15px; background: transparent url(../m/widgets/icon-media.gif) no-repeat 0 0; } .video-icon { width: 14px; background-position: -13px -300px; } .audio-icon { position: relative; top: 3px; width: 15px; background-position: -13px -600px; } .webcast-icon { width: 40px; height: 15px; background-position: 0 0; } .photos-icon { width: 16px; height: 14px; background-position: -12px -900px;} .related-stories .video-icon, .related-stories .audio-icon, .related-stories .webcast-icon, .related-stories .photos-icon, .summary-window .video-icon, .summary-window .audio-icon, .summary-window .webcast-icon, .summary-window .photos-icon, .summary-thumbnail-alt .video-icon, .summary-thumbnail-alt .audio-icon, .summary-thumbnail-alt .webcast-icon, .summary-thumbnail-alt .photos-icon, .summary-archive .video-icon, .summary-archive .audio-icon, .summary-archive .webcast-icon, .summary-archive .photos-icon, .video-player .video-icon, .video-player .audio-icon, .video-player .webcast-icon, .video-player .photos-icon { display: none; } .related-media .video-icon, .related-media .audio-icon, .related-media .webcast-icon, .related-media .photos-icon { display: inline-block; } .lead-image { padding-bottom: 10px; } .lead-image + p { margin-top: -10px; } /*------------------------------------------- Elements -------------------------------------------*/ .block-quarter { width: 183px; } .block-half { width: 350px; } .block-two-thirds { width: 398px; } .right { float: right; margin: 0 0 24px 28px; } .left { float: left; margin: 0 28px 24px 0; } blockquote { padding: 0 40px 0 20px; } .body-copy blockquote.right { margin-right: -110px; padding: 15px 30px 15px 65px; background: #f8f8f6; border: 7px solid #f2f2ed; } blockquote p { color: #726761; font-size: 13px; font-style: italic; line-height: 1.8; } blockquote cite { display: block; margin-top: -0.8em; font-size: 11px; text-transform: uppercase; } blockquote cite em { font-size: 14px; text-transform: none; } blockquote.adorn { width: 245px; padding: 25px 45px 25px 65px; background: #f8f8f6 url(../m/screen/bg-adorn.gif) no-repeat 21px 22px; border: 7px solid #f2f2ed; } blockquote.adorn p { color: #282827; font-size: 14px; line-height: 1.4; } h2 + .pagination_top, h2 + .pagination_bottom { margin-top: -1.5em; } .results + .pagination_top, .results + .pagination_bottom { margin-top: -3em; } .pagination_top ul.sort-year, .pagination_bottom ul.sort-year { margin-bottom: 5px; padding-bottom: 1px; border-bottom: 1px solid #d6d3c5; } .pagination_top ul.sort-page, .pagination_bottom ul.sort-page { margin-bottom: 1px; padding-bottom: 1px; border-bottom: 2px solid #d6d3c5; } .pagination_top li, .pagination_bottom li { padding-left: 0; background: none; display: inline; font-size: 11px; line-height: 1; } .pagination_top li:after, .pagination_bottom li:after { content: "/"; color: #a3a8ad; font: normal 12px VegurBold, "Trebuchet MS", Arial, sans-serif; vertical-align: top; padding: 0 2px 0 7px; } #main .pagination_top a, #main .pagination_bottom a { color: #396eaa; font: normal normal 12px VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; line-height: 1; } #main .pagination_top a:hover, #main .pagination_top a:focus, #main .pagination_bottom a:hover, #main .pagination_bottom a:focus { color: #123965; } .summary li, .summary-thumbnail li, .summary-thumbnail-alt li, .summary-lead li, .recent-news li, .summary-window li, .summary-archive li, .summary-unit li, .related-stories li, .video-player li { padding: 0; background: none; } .video-player { clear: both; } .video-player .module_more_link { padding-top: 1.2em; } .recent-news h4, .upcoming-events h4 { margin-bottom: 0.6em; font-size: 27px; border: none; } .upcoming-events h4 { margin-bottom: 0.8em; } .summary-lead li { float: left; width: 398px; margin-right: 43px; margin-bottom: 30px; } .summary-lead li.first { float: none; width: auto; margin-right: 0; } .summary-lead li .thumb { display: none; } .lead-pairing { width: 199px; float: left; } /*we are hiding these temporarily. remove the following line and uncomment the block directly after it */ .parent-links{display:none;} /* .parent-links:before { content: url(../m/titles/topics.gif); position: relative; top: 5px; padding-right: 3px; } .parent-links li, .summary-lead .parent-links li { display: inline-block; margin: 0 0 0 1px; width: auto; float: none; } .parent-links li:after{content:" - "} .parent-links li:last-child:after{content:" "} */ .summary .thumb, .results .thumb, .summary-lead li.first .thumb { display: block; float: right; margin: 0 0 15px 15px; } .recent-news .thumb, .listing .summary .thumb, .summary-thumbnail-alt .thumb { display: block; float: left; margin: 0 15px 6px 0; } .thumb a { display: block; } .summary li img , .summary-lead li img { width: 177px; height: 115px; } .related-stories li img { width: 177px; } .summary-thumbnail-alt li { margin-bottom: 20px; } .listing { margin-bottom: 40px; } .summary li { margin-bottom: 20px; } .summary li:nth-child(even) .thumb { float: left; margin: 0 28px 15px 0; } .summary-lead li { margin-bottom: 30px; } .summary-window { margin-bottom: 40px; } .lead-image + div .col .summary-window h4 { padding-top: 0; border-top: none; } .summary-window ul { border-bottom: 2px solid #d6d3c5; } .summary-window li, .summary-archive li { padding-top: 7px; border-top: 1px solid #d6d3c5; } .summary-window h5, .summary-archive h5 { margin-bottom: 0.2em; } .summary-window .meta, .summary-archive .meta { display: block; margin-bottom: 7px; } .related-media .summary-window .meta { display: inline; } .summary-archive { margin-bottom: 25px; } .summary-archive ul { border-bottom: 1px solid #d6d3c5; } .summary-unit li { border-top:1px solid #D6D3C5; padding:10px 0 5px; } .summary-unit li { padding: 10px 0 5px; border-top: 1px solid #d6d3c5; } .summary-unit li.first { padding-top: 0; border: none; } .unit-website, .unit-map, .unit-courses, .unit-faculty { display: block; margin-bottom: 4px; color: #282827; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .unit-faculty { margin-bottom: 10px; } .unit-website a, .unit-map a, .unit-courses a, .unit-faculty a { font-size: 12px; text-transform: none; letter-spacing: 0; } .col .summary-thumbnail li { margin-bottom: 1.5em; } .col .summary-thumbnail li .meta { /* display: inline-block; */ margin-bottom: 1em; font-size: 11px; line-height: 1.2; } .col .summary-thumbnail .teaser { padding-top: 10px; } .col .summary-thumbnail li p { font-style: italic; font-size: 13px; } .col .summary-thumbnail .more { display: none; } .video-player { margin-bottom: 40px; } .lead-image + p + .video-player { padding-top: 15px; } .video-player ul { margin-bottom: 0; padding: 10px 0 0; background: #e6e7de; border: 1px solid #d6d3c5; border-top-color: #f2f2ef; } .video-player li { float: left; width: 177px; margin: 0 0 20px 28px; } .video-player li.first { margin-left: 26px; } .video-player li .thumb { display: block; margin-bottom: 10px; } .video-player li.on .thumb { position: relative; } .video-player li .thumb a { padding: 5px; background: #e6e7de;} .video-player li .thumb a:hover, .video-player li .thumb a:focus { background: #d6d3c5; } .video-player li .thumb a img { width: 167px; height: 108px; } .video-player li.on .thumb a , .video-player li.on .thumb a:hover, .video-player li.on .thumb a:focus { background: #396eaa; } .video-player li h5 { margin-bottom: 0; } .now-playing { position: absolute; top: 5px; left: 5px; } .col .video-player ul { margin-bottom: 0.5em; padding: 0; border-top: none; border-bottom: none; border-left: 1px solid #d6d3c5; border-right: 1px solid #d6d3c5; } .col .video-player li { clear: both; float: none; width: auto; margin: 0; padding: 9px 8px 3px; border-bottom: 1px solid #d6d3c5; border-top: 1px solid #f2f2ef; } .col .video-player li.on { background: #fbfcfa; } .col .video-player li .thumb { float: left; margin: 0 10px 6px 0; } .col .video-player li h5 { margin-bottom: 0.2em; font-size: 14px; } /* video player: updated */ .video { position: relative; overflow: hidden; display: block; margin: 2em auto; background: #fff url(../m/widgets/ajax-loader-gu-blue.gif) no-repeat center center; } .video iframe, .video.flash { display: block; border: none; outline: none; } .video video, .video audio, .video iframe, .video object { display: block; border-collapse: collapse; } .video p { padding: 1em; font-size: 2em; text-align: center; } .video img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; border: none !important; border-radius: 0 !important; box-shadow: none !important; } .video img.play { cursor: pointer; opacity: 0.75; position: absolute; left: 50%; top: 50%; width: 65px; height: 65px; margin: -32px 0 0 -32px; } .video img.play:hover, .video img.play:focus { opacity: 1; } .related-media { float: right; width: 177px; background: #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; } .related-media h4 { margin-bottom: 0.4em; } .related-media li.first { border: none; } .related-media li { padding: 10px 0 8px; } #main .related-media img { -webkit-border-radius: 0; -moz-border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; } /* video gallery */ .video-gallery { clear: both; } .video-gallery .video { display: none; margin-bottom: 0; } .video-gallery .video:first-child { display: block; } .video-list { margin-bottom: 1em; } .video-list ul { overflow: hidden; width: 638px; margin: 0; padding: 0; border-width: 1px; border-style: solid; border-color: #F2F2EF #D6D3C5 #D6D3C5; background: #E6E7DE; } .video-list li { position: relative; float: left; width: 186px; margin: 0; padding: 10px 13px; background: none; } .video-list li:nth-child(3n+1) { clear: left; } .video-list li:nth-child(3n+2) { width: 187px; } .video-list li * { margin: 0 0 0.5em; padding: 0; } .video-list a { display: block; line-height: 1.2; text-decoration: none; } #main .video-list img { width: 177px; height: 108px; border: 5px solid #E6E7DE; border-radius: 0; box-shadow: none; } #main .video-list li:first-child img { border-color: #366FAC; } .video-list li:first-child img + h5:before { content: "Now playing"; display: block; position: absolute; left: 18px; top: 15px; width: 167px; padding: 5px; background: #4E607C; color: #ffffff; font: 11px/1 VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .video-list h5 { color: #123965; font-weight: bold; font-size: 13px; font-family: Georgia, "Times New Roman", serif; text-transform: none; } .video-list p { font-size: 12px; } .topic-landing-page .split-2-alt .col .video-gallery { overflow: hidden; } .topic-landing-page .split-2-alt .col .video-gallery .video { margin: 0; } .topic-landing-page .split-2-alt .col .video-list ul { width: auto; } .topic-landing-page .split-2-alt .col .video-list li, .topic-landing-page .split-2-alt .col .video-list li a { overflow: hidden; width: 100%; float: none; } .topic-landing-page .split-2-alt .col .video-list li { border-top: 1px solid #F2F2EF; } .topic-landing-page .split-2-alt .col .video-list li:first-child { border: none; } .topic-landing-page .split-2-alt .col .video-list li img { float: left; margin-right: 1em; } .results { margin-bottom: 3em; border-top: 1px solid #d6d3c5; } .results li { padding: 17px 0 10px; background: none; border-bottom: 1px solid #d6d3c5; } .results p { margin-bottom: 1em; } .results p.source { font-size: 11px; } .recent-news { margin-bottom: 32px; } .recent-news ul { margin-bottom: 1em; } .recent-news li { padding-bottom: 4px; border-top: 1px solid #d6d3c5; } .recent-news li.first { border: none; } .recent-news h5 { margin-bottom: 0; padding: 7px 0 0; border-top: 1px solid #fff; } .recent-news .first h5 { padding-top: 0; font-size: 18px; border: none; } .recent-news .first h5 a { color: #366fac; } .recent-news .first h5 a:hover, .recent-news .first h5 a:focus { color: #123965; } .recent-news .teaser { padding-top: 5px; } .recent-news .first p { margin-bottom: 0.7em; font-style: italic; } .recent-news .more { display: none !important; } .related-stories { clear: both; padding-bottom: 5px; } h4.ir-more-stories { margin: 0; padding: 0; border: none;} h4.ir-more-stories a { width: 78px; height: 45px; background-image: url(../m/titles/more-stories.gif); } h4.ir-more-stories a:hover, h4.ir-more-stories a:focus { background-position: 0 -45px; } .bg-rec-stories { padding-left: 32px; background: transparent url(../m/screen/bg-rec-stories.gif) no-repeat 0 13px; } .bg-fac-experts { padding-left: 31px; background: transparent url(../m/screen/bg-fac-experts.gif) no-repeat 0 6px; } .split-2-alt .split-3 .col li, .full li, .additional li { margin-bottom: 1em; padding-left: 0; background: none; font-size: 12px; line-height: 1.3; } .full li { margin-bottom: 0.4em; font-size: 13px; } #main .topic-nav a { } .topic-image .video { margin: 0; } .topic-nav { background: #243343 url(../m/screen/bg-topic-ul.png) repeat-x 0 0; } .topic-nav li { float: left; padding: 0; background: #182331; } #main .topic-nav a { display: block; width: 88px; padding: 10px 5px 10px 10px; background: #182331 url(../m/screen/bg-topic-li.png) repeat-x 0 0; font: normal normal 15.5px/1.1 "DIN Next W01 Condensed Medium", "Arial Narrow", Tahoma, "Trebuchet MS", Arial, sans-serif; color: #e2e2e2; text-transform: uppercase; text-decoration: none; border-left: 1px solid #2e4057; border-right: 1px solid #111b26; } #main .topic-nav a:hover, #main .topic-nav a:focus { background: #1d456f url(../m/screen/bg-topic-li-hover.png) repeat-x 0 0; border-left-color: #305f91; border-right-color: #153960; } #main .topic-nav .on a { background: #366fac !important; border-left-color: #4886c8; border-right-color: #133a64;} .topic-body .related-stories { margin-bottom: 10px; } .topic-body .related-stories h2 { margin-bottom: 0.8em; } .topic-body .related-stories ul { position: relative; left: 1px; } .upcoming-events { padding: 8px 0 20px; background: transparent url(../m/screen/bg-events-title.gif) repeat-x 0 0; } .upcoming-events li { position: relative; margin-bottom: 10px; padding: 6px 0 0 71px; background: none; min-height: 56px; } .upcoming-events li h5 { padding-bottom: 12px; border-bottom: 1px solid #d6d3c5; } .date { position: absolute; left: 10px; top: 0; width: 37px; height: 56px; } .date span { position: absolute; left: 0; width: 37px; background: transparent url(../m/screen/date.png) no-repeat left top; } .date .jan { top: 0; height: 21px; background-position: 0 0; } .date .feb { top: 0; height: 21px; background-position: -37px 0; } .date .mar { top: 0; height: 21px; background-position: -74px 0; } .date .apr { top: 0; height: 21px; background-position: -111px 0; } .date .may { top: 0; height: 21px; background-position: -148px 0; } .date .jun { top: 0; height: 21px; background-position: -185px 0; } .date .jul { top: 0; height: 21px; background-position: -222px 0; } .date .aug { top: 0; height: 21px; background-position: -259px 0; } .date .sep { top: 0; height: 21px; background-position: -296px 0; } .date .oct { top: 0; height: 21px; background-position: -333px 0; } .date .nov { top: 0; height: 21px; background-position: -370px 0; } .date .dec { top: 0; height: 21px; background-position: -407px 0; } .date .day1 { top: 20px; height: 36px; background-position: 0 -20px; } .date .day2 { top: 20px; height: 36px; background-position: -37px -20px; } .date .day3 { top: 20px; height: 36px; background-position: -74px -20px; } .date .day4 { top: 20px; height: 36px; background-position: -111px -20px; } .date .day5 { top: 20px; height: 36px; background-position: -148px -20px; } .date .day6 { top: 20px; height: 36px; background-position: -185px -20px; } .date .day7 { top: 20px; height: 36px; background-position: -222px -20px; } .date .day8 { top: 20px; height: 36px; background-position: -259px -20px; } .date .day9 { top: 20px; height: 36px; background-position: -296px -20px; } .date .day10 { top: 20px; height: 36px; background-position: -333px -20px; } .date .day11 { top: 20px; height: 36px; background-position: -370px -20px; } .date .day12 { top: 20px; height: 36px; background-position: -407px -20px; } .date .day13 { top: 20px; height: 36px; background-position: -444px -20px; } .date .day14 { top: 20px; height: 36px; background-position: -481px -20px; } .date .day15 { top: 20px; height: 36px; background-position: -518px -20px; } .date .day16 { top: 20px; height: 36px; background-position: -555px -20px; } .date .day17 { top: 20px; height: 36px; background-position: -592px -20px; } .date .day18 { top: 20px; height: 36px; background-position: -629px -20px; } .date .day19 { top: 20px; height: 36px; background-position: -666px -20px; } .date .day20 { top: 20px; height: 36px; background-position: -703px -20px; } .date .day21 { top: 20px; height: 36px; background-position: -740px -20px; } .date .day22 { top: 20px; height: 36px; background-position: -777px -20px; } .date .day23 { top: 20px; height: 36px; background-position: -814px -20px; } .date .day24 { top: 20px; height: 36px; background-position: -851px -20px; } .date .day25 { top: 20px; height: 36px; background-position: -888px -20px; } .date .day26 { top: 20px; height: 36px; background-position: -925px -20px; } .date .day27 { top: 20px; height: 36px; background-position: -962px -20px; } .date .day28 { top: 20px; height: 36px; background-position: -999px -20px; } .date .day29 { top: 20px; height: 36px; background-position: -1036px -20px; } .date .day30 { top: 20px; height: 36px; background-position: -1073px -20px; } .date .day31 { top: 20px; height: 36px; background-position: -1110px -20px; } .gift-form p { text-align: center; } .gift-form p strong { font: normal normal 32px/1.1 "DIN Next W01 Condensed Medium", "Arial Narrow", "Trebuchet MS", Arial, sans-serif; color: #48443e; text-transform: uppercase; } .gift-form .inline { padding-left: 20px; } .gift-form .inline li { position: relative; float: none; margin-bottom: 10px; padding: 0; background: transparent; line-height: 1.1; } .gift-form .inline li * { vertical-align: inherit; } .gift-form .inline input { position: absolute; left: 0; top: 0; } .gift-form .inline label { display: block; padding-left: 15px; } .gift-form input[type="text"] { width: 60%; } .current-topics { position: relative; width: 213px; } h2.current-topic { width: 213px; height: 29px; margin-bottom: 30px; padding: 0; background-image: url(../m/titles/current-topics.jpg); } .current-topics ul { position: absolute; left: -9999px; width: 207px; background: #fff; border: 3px solid #d6d3c5; } .current-topics:hover ul { top: 29px; left: 0; } .current-topics li { padding-left: 0; background: none; } #main .current-topics li a { display: block; padding: 5px 5px 5px 8px; color: #488cd9; font-size: 12px; font-style: normal; text-decoration: none; } #main .current-topics li a:hover, #main .current-topics li a:focus { background-color: #e6e7dd; color: #123965; text-decoration: underline; } .current-topics li.all-topics { width: 48%; background: #d6d3c5; } #main .current-topics li.all-topics a { color: #396eaa; padding-top: 8px; font: normal normal 12px/1 VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; text-decoration: none; } .current-topics li.all-topics a:after { content: "»"; padding-left: 3px; } .gu-social { margin: -9px 0 0 40px; padding-bottom: 30px; background: url(../m/screen/bg-gu-social.gif) no-repeat center bottom; } h2.ir-gu-social-media { width: 122px; height: 64px; margin: 0 4px 12px; background-image: url(../m/titles/social-media-and-networks.gif); border-top: none; } .gu-social .connect-nav { margin-bottom: 15px; } .gu-social .connect-nav li { margin-right: 0; background: none; } .gu-social .connect-nav li a { display: block; width: 118px; padding: 6px 0 6px 42px; color: #726761; font: 11px/1.1 VegurRegular,"Trebuchet MS",Arial,sans-serif; text-decoration: none; } .gu-social .connect-nav li a:hover, .gu-social .connect-nav li a:focus { text-decoration: underline; } .subscribe-news { border-width: 0 1px 1px; border-color: #e6e7de; border-style: solid; margin-bottom: 2.2em; } .subscribe-news .expand-head { position: relative; padding: 17px 20px 10px; background: #494949 url(../m/screen/bg-subscribe-email.png) repeat-x 0 0; } .subscribe-news .expand-head a.collapse, .subscribe-news .expand-head a.expand { position: absolute; z-index: 10; top: 21px; right: 2px; min-height: 25px; padding: 2px 42px 0 0; background: url(../m/widgets/icon-controls.png) no-repeat right 0; color: #7bace4; font-size: 12px; text-decoration: underline; cursor: pointer; } .subscribe-news .expand-head a.collapse:hover, .subscribe-news .expand-head a.collapse:focus { background-position: right -500px; color: #bbb7aC !important; } .subscribe-news .expand-head a.expand { background-position: right -1000px; } .subscribe-news .expand-head a.expand:hover, .subscribe-news .expand-head a.expand:focus { background-position: right -1500px; color: #bbb7aC !important; } .subscribe-news .expand-body { padding-top: 2.2em; } .subscribe-news h2 { margin: 0; padding: 0 100px 0 0; background: none; color: #d6d3c5; border-top: none; } .subscribe-news h2 a { padding-left: 32px; color: #7bace4; background: url(../m/screen/subscribe-envelope.png) no-repeat 0 7px; } .subscribe-news h2 a:hover, .subscribe-news h2 a:focus { color: #bbb7aC; } .subscribe-news p { padding: 0 14px 0 19px; } .subscribe-news form { margin: 0 14px 0 19px; border-top: 1px solid #d4d1c4; } .subscribe-news form p { padding: 0; } .subscribe-news .split-2 .col { margin-bottom: 22px; margin-left: 30px; width: 43%; } .subscribe-news .split-2 .first { width: 45%; margin-left: 0; } .subscribe-news form h4 { padding-top: 18px; font-family: VegurBold, "Trebuchet MS", Arial, sans-serif; font-size: 13px; border-top: none; } #main .subscribe-news form input { width: 216px; } .subscribe-news .inline li { padding: 0 10px 0 0; background: none; } .subscribe-news .disabled label { color: #c2c2c2; } #main .subscribe-news a.help { float: right; left: inherit; right: 43px; width: inherit; height: auto; min-height: 14px; padding: 12px 18px 0 0; background-position: right 10px; color: #366fac; font: 11px/1.1 VegurRegular,"Trebuchet MS", Arial, sans-serif; font-style: normal; text-decoration: none; text-indent: 0; } #main .subscribe-news a.help:hover, #main .subscribe-news a.help:focus { background-position: right -490px; text-decoration: underline; } .subscribe-news form p { position: relative; } .subscribe-news p.submit { clear: left; } .subscribe-news .options { background: transparent; } .subscribe-news .options li { padding: 8px 24px; background: none; } .subscribe-news .options li.first { width: auto; padding-left: 10px; font-family: VegurBold, "Trebuchet MS", Arial, sans-serif; border-width: 2px 0 1px 0; border-color: #f2f3ee; border-style: solid; } .subscribe-news .options li.first label { font-family: VegurBold, "Trebuchet MS", Arial, sans-serif; } .subscribe-news .options li:nth-child(2n+3) { background: #f2f3ee; } .subscribe-news .options input { float: left; outline: none; border: none; } .subscribe-news .options label { float: left; margin: 0; padding: 2px 0 0 6px; color: #726761; font: 12px/1 VegurRegular, "Trebuchet MS", Arial, sans-serif; text-transform: none; width: 90%; } .subscribe-news .input-reset { cursor: pointer; } .subscribe-news p.email label { display: inline; } .subscribe-news p.email input { margin-left: 10px; } .subscribe-news ul.options { margin-bottom: 14px; } /*------------------------------------------- Header -------------------------------------------*/ .logo a { position: absolute; left: 50px; top: 79px; width: 314px; height: 74px; background: transparent url(../m/titles/logo-sub.gif) no-repeat 0 0; } .logo a:hover, .logo a:focus { background-position: 0 -74px; } .home .logo a { left: 45px; top: 53px; width: 369px; height: 291px; background-image: url(../m/titles/logo-home.gif); } .home .logo a:hover, .home .logo a:focus { background-position: 0 0; } #header li { padding-left: 0; background: none; } #main-nav {/* position: absolute; left: 22px; top: 0; */ } #main-nav li { list-style-type: none; } #main-nav li a { position: absolute; top: 0; height: 42px; background: transparent url(../m/screen/nav/main-nav.png) no-repeat 0 0; } #main-nav li.cid1242244501235 a { left: 22px; width: 104px; } #main-nav li.cid1242244501235 a:hover, #main-nav li.cid1242244501235 a:focus { background-position: 0 -42px; } #main-nav li.cid1242244501235 a:active { background-position: 0 -84px; } #main-nav li.cid1242244501257 a { left: 126px; width: 319px; background-position: -104px 0; } #main-nav li.cid1242244501257 a:hover, #main-nav li.cid1242244501257 a:focus { background-position: -104px -42px; } #main-nav li.cid1242244501257 a:active { background-position: -104px -84px; } #main-nav li.cid1242244501251 a { left: 445px; width: 149px; background-position: -423px 0; } #main-nav li.cid1242244501251 a:hover, #main-nav li.cid1242244501251 a:focus { background-position: -423px -42px; } #main-nav li.cid1242244501251 a:active { background-position: -423px -84px; } #main-nav li.cid1242244501271 a { left: 594px; width: 136px; background-position: -572px 0; } #main-nav li.cid1242244501271 a:hover, #main-nav li.cid1242244501271 a:focus { background-position: -572px -42px; } #main-nav li.cid1242244501271 a:active { background-position: -572px -84px; } #main-nav li.cid1242244501263 a { left: 730px; width: 160px; background-position: -708px 0; } #main-nav li.cid1242244501263 a:hover, #main-nav li.cid1242244501263 a:focus { background-position: -708px -42px; } #main-nav li.cid1242244501263 a:active { background-position: -708px -84px; } #main-nav li.cid1242244501277 a { left: 890px; width: 93px; background-position: -868px 0; } #main-nav li.cid1242244501277 a:hover, #main-nav li.cid1242244501277 a:focus { background-position: -868px -42px; } #main-nav li.cid1242244501277 a:active { background-position: -868px -84px; } #utility-nav { width: 205px; margin: -21px 0 0; border-top: 1px solid #103968; } #utility-nav li { padding: 4px 7px 5px; border-top: 1px solid #19477d; border-bottom: 1px solid #103968; } #utility-nav a { height: 8px; background-color: transparent; background-image: url(../m/screen/nav/utility-nav.png); background-repeat: no-repeat; } #utility-nav li.nav-events a { width: 107px; background-position: 0 0; } #utility-nav li.nav-events a:hover, #utility-nav li.nav-events a:focus { background-position: 0 -8px; } #utility-nav li.nav-events a:active { background-position: 0 -16px; } #utility-nav li.nav-directory a { width: 64px; background-position: -107px 0; } #utility-nav li.nav-directory a:hover, #utility-nav li.nav-directory a:focus { background-position: -107px -8px; } #utility-nav li.nav-directory a:active { background-position: -107px -16px; } #utility-nav li.nav-athletics a { width: 63px; background-position: -171px 0; } #utility-nav li.nav-athletics a:hover, #utility-nav li.nav-athletics a:focus { background-position: -171px -8px; } #utility-nav li.nav-athletics a:active { background-position: -171px -16px; } #utility-nav li.nav-alumni a { width: 63px; background-position: -291px 0; } #utility-nav li.nav-alumni a:hover, #utility-nav li.nav-alimni a:focus { background-position: -291px -8px; } #utility-nav li.nav-alumni a:active { background-position: -291px -16px; } #utility-nav li.nav-libraries { border-bottom: none; } #utility-nav li.nav-libraries a { width: 56px; background-position: -234px 0; } #utility-nav li.nav-libraries a:hover, #utility-nav li.nav-libraries a:focus { background-position: -234px -8px; } #utility-nav li.nav-libraries a:active { background-position: -234px -16px; } #action-nav { clear: both; margin-bottom: 0; border-top: 1px solid #103968; border-bottom: 1px solid #19477d; } .home #action-nav { margin-bottom: 8em; } #action-nav li { list-style-type: none; float: left; padding: 11px 6px 10px; background: transparent url(../m/screen/bg-action-nav-li.gif) no-repeat right center; border-top: 1px solid #19477d; border-bottom: 1px solid #103968; } #action-nav a { height: 14px; background-color: transparent; background-image: url(../m/screen/nav/action-nav.gif); background-repeat: no-repeat; } #action-nav li.nav-plan a { width: 88px; background-position: 0 0; } #action-nav li.nav-plan a:hover, #action-nav li.nav-plan a:focus { background-position: 0 -14px; } #action-nav li.nav-plan a:active { background-position: 0 -28px; } #action-nav li.nav-connect a { width: 94px; background-position: -88px 0; } #action-nav li.nav-connect a:hover, #action-nav li.nav-connect a:focus { background-position: -88px -14px; } #action-nav li.nav-connect a:active { background-position: -88px -28px; } #action-nav li.nav-make a { width: 66px; background-position: -182px 0; } #action-nav li.nav-make a:hover, #action-nav li.nav-make a:focus { background-position: -182px -14px; } #action-nav li.nav-make a:active { background-position: -182px -28px; } #action-nav li.nav-work { padding-right: 18px; background-image: none; } #action-nav li.nav-work a { width: 78px; background-position: -250px 0; } #action-nav li.nav-work a:hover, #action-nav li.nav-work a:focus { background-position: -250px -14px; } #action-nav li.nav-work a:active { background-position: -250px -28px; } #action-nav li.nav-schools { position: relative; z-index: 20; padding: 4px 0 0; } #action-nav li.nav-schools a { width: 162px; height: 29px; background: transparent url(../m/titles/schools-and-campuses.gif) no-repeat 0 -28px; } #action-nav li.nav-schools:hover a, #action-nav li.nav-schools:focus a { background-position: 0 -28px; } .flyout-schools { position: absolute; left: -9999px; width: 534px; padding: 5px; background: #fff; border: 3px solid #d6d3c5; } #action-nav li.nav-schools:hover .flyout-schools, #action-nav li.nav-schools:focus .flyout-schools { left: auto; right: 0; } #action-nav li.nav-schools .flyout-schools li { float: none; padding: 2px 0; background: none; line-height: 1; border: none; } #action-nav li.nav-schools .flyout-schools a { display: inline; width: auto; height: auto; background: none; text-indent: 0; } #action-nav li.nav-schools .flyout-schools strong a { line-height: 12px; } .flyout-schools strong { display: block; margin-bottom: 4px; border-bottom: 1px solid #d6d3c5; } .flyout-schools .col { width: 168px; margin-left: 15px; } .flyout-schools .first { margin-left: 0; } .flyout-schools li a { color: #488cd9; font-size: 12px; text-decoration: none; } .flyout-schools li a:hover { color: #123965; text-decoration: underline; } .flyout-schools .learn-more { display: block; position: absolute; left: 0; bottom: 0; width: 120px; margin: 0; padding: 8px 0px 2px 9px; background: #d6d3c5; } #action-nav li.nav-schools .flyout-schools .learn-more, #action-nav li.nav-schools .flyout-schools .learn-more a { line-height: 1em; } .flyout-schools .learn-more a { color: #396eaa; text-decoration: none; } .flyout-schools .learn-more a:after { content: "»"; padding-left: 3px; } .flyout-schools .learn-more a:hover { color: #123965; } #search { float: right; position: relative; top: -21px; left: 2px; width: 305px; margin-bottom: 12px; border: 1px solid #103968; border-bottom-color: #19477d; } #search p { margin-bottom: 0; padding: 5px 5px 5px 7px; border-top: 1px solid #19477d; border-bottom: 1px solid #103968; } #search p * { vertical-align: middle; } #search #searchtext { width: 206px !important; min-height: 23px !important; padding: 2px 5px 2px; background: #ecf4fc; border-top: 2px solid #d5dce3; } #search .input-search { margin-left: -3px; padding: 0; } #emergency { margin: -9px 0 12px; padding: 18px 10px 16px; background: #88322c url(../m/screen/emergency-shadow.gif) repeat-x 0 0; } .home #emergency { margin: 0 0 12px; padding: 10px 10px 14px; background: #88322c; text-align: center; } #emergency div.wrap { width: 766px; margin: 0 auto; padding-left: 194px; } .home #emergency div.wrap { width: auto; padding-left: 0; } #emergency div.wrap div { overflow: hidden; } #emergency img { float: left; margin-left: -64px; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .home #emergency img { float: none; margin-left: 0; } #emergency h2 { float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; background: transparent url(../m/screen/emergency-border.gif) no-repeat right center; color: #fff; font: 16px/1.4 Georgia, "Times New Roman", serif; text-transform: none; border: none; } #emergency h2 a { color: #ffffff; font-style: italic; text-decoration: underline; } .home #emergency h2 { float: none; margin-right: 0; padding-right: 0; background: transparent; } #emergency .meta { display: block; padding-top: 8px; color: #fff; font-size: 12px; letter-spacing: 0.1em; } .home #emergency .meta { margin-bottom: 7px; padding-top: 0; } .home #emergency .teaser { margin-top: 0; } #emergency .teaser { margin-bottom: 0; color: #fff; font-size: 12px; font-style: italic; } #emergency .teaser p { margin-bottom: 0; letter-spacing: 0.1em; } #emergency .teaser a { margin-left: 5px; padding: 5px; color: #fff; font-size: 11px; } .home #emergency .teaser a { margin-left: 3px; padding: 0; color: #fff; font: normal 11px VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; } #emergency .teaser a:hover, #emergency .teaser a:focus { background-color: #6f1212; } .home #emergency .teaser a:hover, .home #emergency .teaser a:focus { background-color: transparent; text-decoration: underline; } /*------------------------------------------- Service -------------------------------------------*/ #service ul { margin-bottom: 5px; } #service li { padding-left: 0; background: none; } #service a, .flyout-schools strong a, .flyout-schools .learn-more, #main p.share a { color: #396eaa; font: normal normal 12px/1 VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; } #service a:hover, #service a:focus, .flyout-schools strong a:hover, .flyout-schools strong a:focus, .flyout-schools .learn-more:hover, .flyout-schools .learn-more:focus, #main p.share a:hover, #main p.share a:focus { color: #123965; } #breadcrumbs { float: left; width: 574px; margin-left: 22px; } #breadcrumbs li { list-style-type: none; display: inline; font: normal normal 12px/1 VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.5px; } #breadcrumbs li:after { content: "/"; color: #a3a8ad; font: normal 12px/1 VegurBold, "Trebuchet MS", Arial, sans-serif; vertical-align: baseline; padding: 0 4px 0 7px; } /* previous Share (add this) version */ #service .act { float: right; padding-right: 7px; } #service .act li { list-style-type: none; display: inline; margin-left: 5px; } #service .act li a, #sub a.subscribe, p.share a { padding: 6px 25px 4px 0; background: transparent url(../m/widgets/icon-act.gif) no-repeat right 0; font-size: 12px; } #sub a.subscribe { margin-left: 10px; border: none; } #sub div.module_more_link a.subscribe, #main div.module_more_link a.subscribe { background-position: right 2px; } #service .act li.act-subscribe a:hover, #service .act li.act-subscribe a:focus { background-position: right -1000px; } #sub a.subscribe:hover, #sub a.subscribe:focus { background: transparent url(../m/widgets/icon-act.gif) no-repeat right -1000px; } #service .act li.act-share a, p.share a { background-position: right -2000px; } #service .act li.act-share a:hover, #service .act li.act-share a:focus, p.share a:hover, p.share a:focus { background-position: right -3000px; } /* new Share (add this) version */ #service .addthis_toolbox { float: right; width: 380px; margin-right: 10px; } #service .addthis_toolbox a { margin: 0; padding: 0; } #service .addthis_toolbox a.addthis_button_facebook_like { width: 90px; } #service .addthis_toolbox a.addthis_button_expanded { width: 38px !important; height: 17px; padding-top: 3px; font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important; font-size: 11px; line-height: 1; text-align: center; vertical-align: middle; white-space: nowrap; } #service .addthis_toolbox a iframe { margin: 0; padding: 0; } /*------------------------------------------- Suggestive Search -------------------------------------------*/ .suggestive { margin-bottom: 35px; padding-left: 7px; } .suggestive p { position: relative; } .suggestive * { vertical-align: middle; } #main #phrase { width: 360px; min-height: 16px; outline: 6px solid #f2f2ed; } .suggestive .input-submit { margin-top: 5px; outline: #f2f2ed solid 5px; } .result-title { margin: 0 0 1px; padding: 10px 5px 13px; color: #726761; font: italic normal 18px Georgia, serif; border-top: 1px solid #d6d3c5; text-transform: none; border-bottom: 2px solid #d6d3c5; } /*------------------------------------------- Sub -------------------------------------------*/ #sub-nav { width: 235px; margin-bottom: 60px; padding: 14px 0 14px 14px; background: #fff; border-left: 1px solid #e8e6de; border-bottom: 1px solid #e8e6de; } #sub-nav ul { margin-bottom: 0; } #sub-nav li { padding-left: 0; } #sub-nav li a { display: none; } #sub-nav li li { list-style-type: none; padding-left: 0; background: none; } #sub-nav li li a { display: block; padding: 13px 30px 11px; background: #cac7bf; color: #494949; font: normal normal 13px/1.1 VegurBold, "Trebuchet MS", Arial, sans-serif; text-decoration: none; border-bottom: 1px solid #e6e7de; } #sub-nav li li a:hover, #sub-nav li li a:focus { background: #bbb7ac; } #sub-nav li li a:active { background: #356fac; color: #fff; } #sub-nav li li a.on { padding: 15px 30px 12px; background: #356fac !important; color: #fff; border: none; } #sub-nav li li ul { margin-bottom: 0; padding: 8px 0 10px; background: #e6e7de url(../m/screen/bg-sub-li-on.gif) repeat-x 0 top; } #sub-nav li li li a { padding: 7px 30px; background: #e6e7de; color: #726761; text-transform: uppercase; } #sub-nav li li li a:hover, #sub-nav li li li a:focus { background: #e6e7de; color: #7bace4; } #sub-nav li li li a:active { background: #e6e7de; color: #366fac; } #sub-nav li li li a.on { padding: 8px 30px 6px 49px; background: transparent url(../m/screen/bg-sub-li-li-on.gif) no-repeat 30px 10px !important; color: #366fac; } #sub-nav li li li ul {background: none;} #sub-nav li li li li a{background:none !important;padding:8px 30px 6px 59px} #sub-nav li li li li a.on{background:none !important; font-style:italic;padding:8px 30px 6px 59px;} /*------------------------------------------- Dossier -------------------------------------------*/ #dossier { margin-top: 60px; padding: 16px 0 80px 99px; background: transparent url(../m/screen/bg-dossier-seal.jpg) no-repeat 0 0; } #dossier p { margin-bottom: 0.4em; } #dossier em { color: #494949; font: normal normal 13px VegurBold, "Trebuchet MS", Arial, sans-serif; letter-spacing: 0.4px; text-transform: uppercase; line-height: 1; } #dossier strong { clear: both; display: block; padding: 8px 0 0; color: #555; font: normal normal 11px VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.5px; border-top: 1px solid #d4d1c4; } #dossier .line { font-size: 13px; } #dossier ul { margin-bottom: 10px; } #dossier li { list-style-type: none; float: left; background: none; } .dossier-nav li { margin-left: 5px; padding-left: 5px; line-height: 1; border-left: 1px solid #d6d3c5; } .dossier-nav li.first { margin: 0; padding: 0; border: none; } .connect-nav { position: relative; left: -5px; width: 300px; } .connect-nav li { display: block; width: 90px; height: 30px; margin-right: 10px; padding: 5px 0 0; } .home .connect-nav li { margin-right: 4px; } .connect-nav a { padding: 11px 0 13px 37px; background: transparent url(../m/widgets/icon-social.png) no-repeat 0 0; height: 11px; } .connect-facebook a { background-position: 0 0; } .connect-facebook a:hover, .connect-facebook a:focus { background-position: 0 -35px; } .connect-flickr a { background-position: 0 -70px; } .connect-flickr a:hover, .connect-flickr a:focus { background-position: 0 -105px; } .connect-itunes a { background-position: 0 -140px; } .connect-itunes a:hover, .connect-itunes a:focus { background-position: 0 -175px; } .connect-twitter a { background-position: 0 -210px; } .connect-twitter a:hover, .connect-twitter a:focus { background-position: 0 -245px; } .connect-linkedin a { background-position: 0 -280px; } .connect-linkedin a:hover, .connect-linkedin a:focus { background-position: 0 -315px; } .connect-youtube a { background-position: 0 -350px; } .connect-youtube a:hover, .connect-youtube a:focus { background-position: 0 -385px; } .connect-georgetown a, .connect-mobile a { background-position: 0 -420px; } .connect-georgetown a:hover, .connect-georgetown a:focus, .connect-mobile a:hover, .connect-mobile a:focus { background-position: 0 -455px; } .connect-vimeo a { background-position: 0 -490px; } .connect-vimeo a:hover, .connect-vimeo a:focus { background-position: 0 -525px; } .connect-google-plus a { background-position: 0 -560px; } .connect-google-plus a:hover, .connect-google-plus a:focus { background-position: 0 -595px; } .connect-meetup a { background-position: 0 -630px; } .connect-meetup a:hover, .connect-meetup a:focus { background-position: 0 -665px; } .connect-yelp a { background-position: 0 -700px; } .connect-yelp a:hover, .connect-yelp a:focus { background-position: 0 -735px; } #dossier a { color: #7bace4; font: normal 10px/1.4 VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; text-decoration: none; /* letter-spacing: 0.5px; */ } #dossier a:hover, #dossier a:focus { color: #123965; } /*------------------------------------------- Footer -------------------------------------------*/ #footer { position: relative; bottom: 0; z-index: 100; width: 100%; height: auto; margin-top: -30px; background: url(../m/screen/bg-footer-top.gif) repeat-x 0 29px; } #footer { bottom: -4px; background-image: url(../m/screen/bg-footer-top1.gif); background-position: 0 31px; } #footer .tab-wrap { width: 937px; margin: 0 auto; padding: 0 0; } .footer-option { display: none; } #default-footer { display: block; } #footer .static { float: left; height: 29px; background: url(../m/screen/bg-footer-tab.png) no-repeat right 0; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } #footer .static { height: 33px; background-image: url(../m/screen/bg-footer-tab1.png); } #footer h4 { float: left; height: 29px; margin: 0; padding: 0 57px 0 36px; background: url(../m/screen/bg-footer-tab-arrow.png) no-repeat 12px 12px; color: #fff; font: normal 12px/3.2 VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; border: none; } #footer h4 { height: 33px; line-height: 0.4; padding-left: 42px; padding-top: 5px; background-image: url(../m/screen/bg-footer-tab-arrow1.png); } #footer .tip { position: absolute; top: 10px; right: 36px; z-index: 20000; width: 15px; height: 15px; } #footer .tip { top: 14px; right: 31px; } .options { margin: 14px 0 0 0; background: #f4f1e8; } .options-wrap { position: relative; width: 100%; } .footer-option { position: relative; width: 938px; margin: 0 auto; padding: 10px 0 25px; } .footer-option ul ol li { display: list-item; list-style-type: decimal; } .footer-option .lead strong, #default-footer .summary-link, .footer-option .lead h5 { color: #123965; font: normal 19px/1.1 "DIN Next W01 Condensed Medium", "Arial Narrow", "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .footer-option .summary-link { float: left; width: 225px; margin: 0 24px 0 0; padding: 0; border-top: 1px solid #dfddcf; } .footer-option .summary-link li { clear: both; float: left; width: 100%; margin: 0; padding: 0; background: none; } .footer-option .summary-link h5 { margin-bottom: 0; } .footer-option .summary-link a { display: block; padding: 2px 0 3px 17px; background: url(../m/screen/marker-footer.gif) no-repeat 5px 8px; color: #123965; font-size: 12px; text-decoration: none; line-height: 16px; border-bottom: 1px solid #dfddcf; } .footer-option .summary-link a:focus, .footer-option .summary-link a:hover { color: #366fac; background: #e7e5da; } #default-footer .summary-link { width: 250px; margin: 0 34px 0 0; } #default-footer .summary-link a { padding: 7px 0 8px; background: none; color: #366fac; line-height: 15px; font-size: 15px;} #default-footer .summary-link a:focus, #default-footer .summary-link a:hover { background: #e7e5da; color: #123965; } .footer-option .lead h5 { width: 290px; float: left; } .footer-option .lead h5 a { color: #366FAC; } .footer-option .lead h5 a:focus, #footer .lead h5 a:hover { color: #123965; text-decoration: underline; } .footer-option p.lead { float: left; width: 210px; margin: 5px 43px 15px 0; padding: 0 45px 0 0; background:url(../m/screen/marker-footer-arrow.gif) no-repeat right 18px; } .footer-option div.lead { float: left; width: 300px; padding-top: 10px; } .footer-option .close { position: absolute; top: 10px; right: 0; width: 70px; height: 26px; background-image: url(../m/widgets/btn-close.png); cursor: pointer; } .footer-option .close:focus, .footer-option .close:hover { background-position: 0 -26px; } .change { float: left; margin: 0; } .change a { float: left; padding: 1px 8px 0; color: #366fac; font: normal 11px/1.8 VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; border: 1px solid #dfddcf; } .change a:focus, .change a:hover { background: #e7e5da; color: #123965; } .footer-option .asset-body { clear: both; float: left; width: 220px; margin: 0 70px 0 0; padding:0; font-size: 14px;} .footer-option .asset-body .asset-body {padding-top:15px;} .footer-option .asset-body strong { display:block; margin: 0; color: #4b4b4b; font: normal 12px/1.6 VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 0.5px; } .footer-option .asset-body ul li { margin: 0; padding: 0; background: none; font-size: 12px; line-height: 20px; } .footer-option .asset-body ol li { font-size: 12px; } .footer-option .asset-body ul a { font-style: italic; } .footer-option .asset-body .change a { font-size: 12px; } .footer-option .asset-body p { margin-bottom: .5em; } .footer-option .summary-medium { float: left; width: 310px; } .footer-option .summary-medium li { padding-left: 0; background: none; font-size: 14px; } .footer-option .summary-medium li a { font-size: 14px; } .footer-option .summary-medium img { float: right; margin: 0 0 5px 5px; border: 1px solid #c6c7c2; } .footer-option .summary-medium p, #footer .asset-body p { font-size: 13px; line-height: 1.6; font-style: italic; } .footer-option div.teaser + span.more { margin-top: -1.3em; } .footer-option .summary-medium h5 { font-size: 18px; line-height: 1; font-weight: normal; } .footer-option .summary-medium h5 a { color: #366FAC; text-decoration: none; } .footer-option .summary-medium h5 a:focus, .footer-option .summary-medium h5 a:hover { color: #123965; text-decoration: underline; } /*------------------------------------------- Photo Gallery -------------------------------------------*/ .photo-gallery { width: 640px; margin-bottom: 20px; background: #e6e7de; border: 1px solid #d6d3c5; position:relative; } .primary-photo { float: right; position: relative; width: 539px; padding: 0 0 2px; background: #494949 url(../m/screen/bg-media-gallery.png) no-repeat 0 0; text-align: center; line-height: 1; border-left: 1px solid #d6d3c5; } #main .primary-photo img { display: inline; margin: 0; border: none; max-height:360px;max-width:560px;} .info-controls { position: absolute; bottom: 0; left: 0; width: 359px; padding: 5px 90px 10px; background: #0d0d0d; background: rgba(0,0,0,.8); color: #cac7bf; font-style: italic; text-align: center; border: 1px solid #171717; border-width: 1px 0; border-color: rbga(18,18,18,.8); border-color: #171717; } .info-controls p { margin-bottom: 0; } #main .info-controls p a { display: block; margin: 5px 0 0 0; color: #7bace4; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px; } #main .info-controls p a:hover, #main .info-controls p a:focus { text-decoration: underline; color: #366fac; } .controls { margin: 0 } .controls li { position: absolute; top: 335px; left: 113px; padding: 0; background: none; } .controls li.next { left: auto; right: 13px; } .controls li a { width: 14px; height: 13px; background-image: url(../m/widgets/btn-media-gallery.png); } .controls li.next a { background-position: -14px 0; } .controls li a:hover, .controls li a:focus { background-position: 0 -13px; } .controls li.next a:hover, .controls li.next a:focus { background-position: -14px -13px; } .photo-gallery { float:left;} .gallery-thumbs { margin: 0; padding: 9px 10px 0; width:90%; float:left; border:none;} .gallery-thumbs li { margin: 0 0 6px 0; padding: 0; background: none; line-height: 1; clear:both;} .gallery-thumbs li a { display: block; line-height: 1; } #main .gallery-thumbs li a img { padding: 3px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #main .gallery-thumbs li.on img { padding: 0; border: 3px solid #366fac; opacity: 1; } #main .gallery-thumbs li a:hover img { opacity: 1; padding: 0;border: 3px solid #d6d3c5; } #main .gallery-thumbs li a img { float:left; margin:0 5px 5px 0;} .secondary-options { clear: both; position: relative; z-index: 10; width: 616px; height: 2.75em; padding: 9px 12px; background: #e6e7de; border-top: 1px solid #f2f2ef; } .secondary-options .operate { float: right; margin: 0; line-height: 1; } #main .secondary-options .operate a { padding: 0; } .photo-gallery .sort-page { float: left; position: relative; left: -6px; width: 60%; margin: 0; padding: 0; } .photo-gallery .sort-page li { float: left; margin: 0; padding: 0; background: none; font-size: 14px; line-height: 1; } .photo-gallery .sort-page li a { display: block; margin-right: 5px; padding: 0 7px 3px; background: #f2f2ef; color: #396eaa; text-decoration: none; border-bottom: 1px solid #fafaf8; border-top: 1px solid #d6d3c5; } .photo-gallery .sort-page li a:hover, .photo-gallery .sort-page li a:focus { background: #dfdccf; } .photo-gallery .sort-page li.on a { background: #366fac; color: #fff; } #main .photo-gallery .sort-page li a.prev, #main .photo-gallery .sort-page li a.next, #main .secondary-options .operate a { padding-bottom: 0; background: none; color: #396eaa; font: normal 11px/2.5 VegurBold, "Trebuchet MS", Arial, sans-serif; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; border: none; } #main .photo-gallery .sort-page li a:hover.next, .photo-gallery #main .sort-page li a:hover.next, #main .photo-gallery .sort-page li a:hover.prev, .photo-gallery #main .sort-page li a:hover.prev, #main .photo-gallery .secondary-options .operate a:hover, #main .secondary-options .operate a:focus { color: #366fac; text-decoration: underline; } /*--------------------------------------------- Single Column Code * Integrate with appropriate sections -----------------------------------------------*/ /* #content { padding-bottom: 122px; background: transparent url(../m/screen/bg-content.jpg) repeat-x 0 122px; } #content .wrap { position: relative; top: 122px; width: 991px; margin: 0 auto; } #sub-wrap { float: left; position: relative; left: 13px; width: 249px; padding: 0 0 0 9px; background: transparent url(../m/screen/bg-sub-nav.png) no-repeat 0 0; } #sub { margin-top: -122px; border-top: 1px solid #e6e5dc; } .sub-block { position: relative; left: 15px; width: 200px; margin-bottom: 50px; } #main-wrap { float: right; width: 720px; padding: 0 0 0 12px; background: transparent url(../m/screen/bg-main.png) repeat-y 0 0; } #main { width: 640px; min-height: 1441px; margin-top: -122px; padding: 14px 9px 0 60px; background: white; border-top: 1px solid #e6e5dc; border-right: 1px solid #e6e5dc; } */ .single-col .wrap{background:url(../m/screen/wide-shadow32.png) no-repeat 11px 0;} .single-col #main-wrap { float: right; width: 969px;/*720+249*/ padding: 0 0 0 12px; background: transparent url(../m/screen/bg-main.png) repeat-y right 0; } .single-col #main { width: 889px; min-height: 1441px; margin-top: -122px; padding: 14px 9px 0 60px;/*using subnav padding*/ background: white; border-top: 1px solid #e6e5dc; border-right: 1px solid #e6e5dc;border-left: 1px solid #e6e5dc; } /*THESE NEED HOMES WITHIN CSS*/ .home .topic-body .topic-intro .meta, .home .related-stories li .meta { display: none; } .summary-unit div.teaser { font-size:13px; margin-bottom:5px; } /*Note: style obsolete? Deprecated the listing of Disciplines within Discipline Group Landing Pages*/ /* Explore styles */ #main form[name=login] { margin: 1em auto 0; text-align: center; } #main form[name=login] label { margin: 0; padding: 0; font-size: 16px; line-height: 1.4; text-transform: none; letter-spacing: normal; } #main form[name=login] input { width: 350px; margin-bottom: 1em; } #main form[name=login] input[type=submit] { width: 7em; text-transform: uppercase; }