/*----------------------------------------------------------------------------------- Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, figure, figcaption, form, label, legend, menu, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; } img { vertical-align: middle; } ul { list-style: none; } ol { margin-bottom: 10px; margin-left: 18px; } ol li { font-size: 12px; line-height: 18px; } p { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; } p small { font-size: 10px; } :focus { outline: 0; } :invalid { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } table { border-collapse: collapse; border-spacing: 0; margin: 0 0 35px 0;} a { text-decoration: none; } header, footer, nav, summary, section, article { display: block; } *, *:link, *:visited, *:hover, *:active, *:focus { transition: color 0.1s linear, background-color 0.1s linear/*opacity 0.3s linear*/ , border-color 0.1s linear; -moz-transition: color 0.1s linear, background-color 0.1s linear /*opacity 0.3s linear */, border-color 0.1s linear ; -webkit-transition: color 0.1s linear, background-color 0.1s linear /*opacity 0.3s linear */, border-color 0.1s linear ; } .contain { overflow: hidden; } /*------------------------------------------- UI - Revolvers -------------------------------------------*/ .revolver .barrel { overflow: hidden; position: relative; } .revolver .cylinder { position: absolute; width: 100000px; } .revolver .chamber { float: left; } .revolver .trigger { line-height: 9px; overflow: hidden; text-align: center; height: 11px; width: 100%; } .revolver .trigger span { background: url(../images/sprites.png) no-repeat -80px 0; cursor: pointer; display: inline-block; height: 11px; margin: 0 4px; text-indent: -99999px; width: 11px; } .revolver .trigger span.selected { background-position: -69px 0; } .revolver .trigger span:hover { background-position: -91px 0; } /* Global Styles */ /*html * { visibility: hidden; } .wf-active * { visibility: visible; } */ html * { -webkit-font-smoothing: antialiased; } body { background: #222; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-weight: 400; min-width: 1000px; } h1 { color: #222; font-size: 48px; font-weight: 400; line-height: 54px; margin: 0; overflow: hidden; padding-top: 3px; } h2 { color: #333; font-family: futura-pt; font-size: 28px; font-weight: 400; line-height: 34px; margin: 0 0 17px 0; text-transform: uppercase; } h3 { color: #333; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 22px; font-weight: 400; line-height: 26px; margin: 0 0 13px 0; } h3 .detail { color: #666; font-size: 24px; } h4 { color: #345290; font-family: futura-pt; font-size: 14px; font-weight: 400; line-height: 18px; margin: 0 0 13px 0; text-transform: uppercase; } hr { background: url(../images/dotted-line-sprite.png) repeat-x; border: 0; height: 1px; margin: 0 0 25px 0; } hr.no_margin { margin: 0; } hr.less_margin { margin: 0 0 15px 0; } hr.white { background: url(../images/dotted-line-h-white.png); } hr.dark { background-image: url(../images/dotted-line-h-dark.png); } hr.solid { background: #DDD; } a { color: #333; } a:hover { text-decoration:underline; } p { color: #666; font-size: 14px; line-height: 18px; } blockquote { background: url(../images/dotted-line-sprite.png) repeat-y -3px -1px; color: #333; font-size: 18px; font-style: italic; line-height: 24px; margin: 0 0 25px 0; padding: 0 0 0 20px; } .clear { clear: both; } .enclose { overflow: hidden; } .left { float: left; } .right { float: right; } .block_left, .photo-left { float: left; margin: 0 24px 24px 0; } .block_right, .photo-right { float: right; margin: 0 0 24px 24px; } .photo-center { display: inline-block; margin: 0 auto; } .wrap { margin: 0 auto; width: 940px; } .green { background-color: #718C40; border-color: #718C40; } .blue { background-color: #345290; border-color: #345290; } .red { background-color: #AE2300; border-color: #AE2300; } .orange { background-color: #EF8C40; border-color: #EF8C40; } .yellow { background-color: #FFCF01; border-color: #FFCF01; } .gray { background-color: #666; border-color: #666; } .purple { background-color: #493266; border-color: #493266; } .black { background-color: #222222; border-color: #CCC; } .green:hover { background-color: #5E7535; border-color: #5E7535; } .blue:hover { background-color: #2b4477; border-color: #2b4477; } .red:hover { background-color: #8c1c00; border-color: #8c1c00; } .orange:hover { background-color: #ec7921; border-color: #ec7921; } .yellow:hover { background-color: #deb400; border-color: #deb400; } .gray:hover { background-color: #555; border-color: #555; } .purple:hover { background-color: #39274f; border-color: #39274f; } .black:hover { background-color: #333333; border-color: #39274f; } .outage { color:#AE2300 !important; } /* ##### darker color values green #5E7535 blue #2b4477 red #8c1c00 orange #ec7921 yellow #deb400 gray #555 purple #39274f */ .button { border: 1px solid #CCC; display: block; float: left; color: #333; } .button.center {float:none; display:inline-block; } .content .button { color: #333; } .button span { background: #E5E5E5; border: 2px solid #FFF; cursor: pointer; display: block; font-size: 16px; font-style: italic; height: 26px; line-height: 26px; padding: 2px 20px 0 20px; } .button .back { padding: 2px 55px 0 65px; background: #E5E5E5 url(../images/back-white.png) no-repeat 8px 5px; } .button:hover { text-decoration: none; } .button:hover span { background: #FFCF01; } .button:hover .back { background: #FFCF01 url(../images/back-white.png) no-repeat 8px 5px; } .simple_button { background: #FFCF01; border: 1px solid #CCC; color: #333; cursor: pointer; display: block; float: left; font-family: adobe-caslon-pro; font-size: 16px; font-style: italic; height: 36px; line-height: 26px; margin-right:5px; padding: 2px 23px 0 23px; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; } .simple_button:hover { background-color:#333; color:#fff; } nav.dots { float: right; overflow: hidden; } nav.dots a { background: url(../images/sprites.png) no-repeat -80px 0; display: block; height: 11px; width: 11px; float: left; margin: 0 0 0 7px; } nav.dots a.active { background-position: -69px 0; } nav.dots a:hover { background-position: -91px 0; } .content_twitter_feed { margin: 25px 0; } /* Header */ header.main { background: url(../images/radial.jpg) no-repeat center bottom; min-width: 940px; overflow: hidden; } header.main .wrap { overflow: hidden; } header.main .logo { background: url(../images/sprites.png) no-repeat 0px -440px; display: block; height: 60px; margin: 77px auto 45px auto; text-indent: -1000px; width: 342px; } nav.consistent { float: right; padding: 15px 0; } nav.consistent-left {float: left; padding: 15px 0; } nav.consistent li, nav.consistent-left li { float: left; margin: 0 0 0 18px; } nav.consistent-left li.first { float: left; margin: 0 0 0 10px; } nav.consistent a, nav.consistent-left a { color: #999; display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 12px; } nav.consistent a:hover, nav.consistent-left a:hover { color: #FFCF01; text-decoration:none; } nav.consistent li.search { position:relative; } nav.consistent li.search a { color: #FFCF01; padding-bottom: 10px; width:54px; } nav.consistent li.search a span { background: url(../images/sprites.png) no-repeat 0px -36px; float: right; height: 8px; margin: 3px 0 0 3px; width: 8px; } nav.consistent li.search form { background:#FFCF01; border-width:1px; display: none; padding:5px; position: absolute; right:0; top: 20px; width: 200px; box-shadow: -3px 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: -3px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: -3px 3px 3px rgba(0,0,0,0.3); } nav.consistent li.search form input { float: left; margin:0; padding:5px; width:146px; } nav.consistent li.search form input.submit { border:0; background:#FFCF01 url(../images/sprites.png) no-repeat -120px 0px; height: 22px; margin:3px 5px 0 10px; padding:0; cursor: pointer; width: 22px; } #tweet_handle { background: url(../images/sprites.png) no-repeat; border-top:0px solid #FFCF01; display: block; float: left; height: 36px; width: 34px; transition: border-width 0.2s linear; -moz-transition: border-width 0.2s linear; -webkit-transition: border-width 0.2s linear; } #tweet_handle:hover { border-top-width:5px; transition: border-top-width 0.2s linear; -moz-transition: border-top-width 0.2s linear; -webkit-transition: border-top-width 0.2s linear; } #tweet_handle.open { background-position: -34px 0; border-color: #444444; } #tweet_handle.open:hover { border-color: #444444; } #tweets { border-bottom: 1px solid #3D3D3D; height:0px; overflow: hidden; position:relative; width: 100%; } #tweets .wrap { overflow: visible; padding: 12px 0; position:relative; } #tweets aside { background: #FFCF01; height: 80px; padding: 20px 20px; position:absolute; width: 100px; z-index: 10; } #tweets aside p { color: #212121; line-height: 20px; margin: 0 0 5px 0; } #tweets aside a { color: #666; display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 11px; font-style: italic; } #tweets ul { left: 140px; position: relative; } #tweets ul li { background: #333; cursor:pointer; float: left; height: 80px; margin: 0 0 0 20px; padding: 20px; width: 340px; } #tweets ul li img { float: left; height: 48px; margin: 0 10px 0 0; width: 48px; } #tweets ul li .content { float: left; width: 282px; } #tweets ul li .author { margin: 0 0 -5px 0; } #tweets ul li .author a { color: #FFCE00; font-size: 16px; line-height: 14px; } #tweets ul li .author a:hover { color: #FFCE00; text-decoration: none; } #tweets ul li .tweet { color: #999; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 11px; line-height: 15px; margin: 0; } #tweets ul li .tweet a { color: #ccc; } #tweets ul li .time { color: #666; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 11px; line-height: 15px; margin: 0; } #tweets menu { height:40px; position: absolute; right: 0; top: 11px; width: 145px; -moz-transform: rotate(90deg) translate(40px, -53px); -webkit-transform: rotate(90deg) translate(40px, -53px); -o-transform: rotate(90deg) translate(40px, -53px); -ms-transform: rotate(90deg) translate(40px, -53px); transform: rotate(90deg) translate(40px, -53px); box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); } #tweets menu a { background: #FFCE00; display:block; font-size: 11px; height: 20px; padding:10px 20px; text-align:center; text-transform: uppercase; width: 105px; } #tweets menu a:hover { background: #fff; text-decoration: none; } /* Secondary Nav */ #secondary_nav_handle { background: url(../images/sprites.png) no-repeat; border-top:0px solid #FFCF01; display: block; float: left; height: 36px; width: 34px; transition: border-width 0.2s linear; -moz-transition: border-width 0.2s linear; -webkit-transition: border-width 0.2s linear; } #secondary_nav_handle:hover { border-top-width:5px; transition: border-top-width 0.2s linear; -moz-transition: border-top-width 0.2s linear; -webkit-transition: border-top-width 0.2s linear; } #secondary_nav_handle.open { background-position: -34px 0; border-color: #444444; } #secondary_nav_handle.open:hover { border-color: #444444; } #secondary_nav { border-bottom: 1px solid #3D3D3D; height:0px; overflow: hidden; position:relative; width: 100%; } #secondary_nav .wrap { overflow: visible; padding: 12px 0; position:relative; } nav.secondary_nav { background-color: #111111; border-bottom: 1px solid #FFCF01; font-family: futura-pt,sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; width: 100%; } nav.secondary_nav ul { list-style-type: none; margin: 0 auto; text-align: center; width: 970px; } nav.secondary_nav li { border-right: 1px solid #333333; display: inline; } nav.secondary_nav li.last { border: medium none; } nav.secondary_nav a { color: #FFCF01; padding: 5px 24px; text-decoration: none; transition: all 0.5s ease 0s; } nav.secondary_nav a:hover { background-color: #FFCF01; color: #000000; } nav.main { height: 50px; margin: 0 auto; position:relative; width: 940px; z-index:200; } nav.main li { border-right: 1px solid #1E1E1E; float: left; width: 115px; } nav.main li.last { border-right: none; } nav.main li a { color: #FFF; display: block; font-family: futura-pt; font-size: 13px; font-weight: 400; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; width: 115px; transition: none; -moz-transition: none; -webkit-transition: none; } nav.main li ul { display: none; } nav.main li:hover a { text-decoration: none; } nav.main li.hover a { background: #FFF; color: #333; text-decoration: none; transition: none; -moz-transition: none; -webkit-transition: none; } nav.main li.hover ul { box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); display: block; position: absolute; } nav.main li ul li { border-right: none; border-top: 1px solid #DDDDDD; float: none; width: auto; } nav.main li ul li a { background: #FFF; color: #666; display: block; font-size: 14px; height: auto; line-height: 20px; padding: 10px; text-align: left; text-transform: none; width: 200px; transition: color 0.1s linear, background-color 0.1s linear; -moz-transition: color 0.1s linear, background-color 0.1s linear; -webkit-transition: color 0.1s linear, background-color 0.1s linear; } nav.main li ul li a:hover { background: #333; color: #FFF; transition: color 0.1s linear, background-color 0.1s linear; -moz-transition: color 0.1s linear, background-color 0.1s linear; -webkit-transition: color 0.1s linear, background-color 0.1s linear; } nav.main li.active a { background: #F1CB00; color: #222; } nav.main li.active ul { display: none !important; } section.alert { background: #FFF; border-top: 5px solid #F9CA01; padding:20px 0; } .home section.alert { border-bottom: 5px solid #F9CA01; } section.alert .alert_body { margin:0 auto; overflow: hidden; width: 700px; } section.alert .date_block { float: left; margin:0; width: 58px; } section.alert .day_of_week { background: #222; border:1px solid #222; color: #fff; display:block; font-family: futura-pt; font-size: 11px; font-weight: 400; line-height: 10px; padding:4px 0; text-align:center; } section.alert .month { background: #F9F9F9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; color: #666; display:block; font-family: futura-pt; font-size: 14px; font-weight: 400; line-height: 14px; padding:8px 0 4px 0; text-align:center; text-transform:uppercase; } section.alert .day { background: #F9F9F9; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; color: #222; display:block; font-family: adobe-caslon-pro; font-size: 25px; font-style:italic; font-weight: 400; line-height: 25px; padding:0px 0 4px 0; text-align:center; } section.alert .alert_body p { font-size: 18px; line-height: 22px; margin:4px 0 0 70px; } /* Footer */ footer.main { background: url(../images/radial.jpg) no-repeat center 0px; border-top: 4px solid #F1CB00; min-width: 940px; padding: 30px 0; } footer.main .wrap { overflow: hidden; } footer.main .logo { background: url(../images/sprites.png) no-repeat 0px -89px; float: left; height: 145px; width: 187px; } footer.main .social_media { float: right; } footer.main .social_media a { background: #333; color: #EEE; display: block; font-family: futura-pt; font-size: 12px; font-weight: 500; height: 22px; line-height: 22px; margin: 0 0 10px 0; padding: 9px 8px; text-transform: uppercase; width: 180px; } footer.main .social_media a:hover { background: #454545; text-decoration: none; } footer.main .social_media img { float: left; height: 22px; margin: 0 10px 0 0; width: 24px; } footer.main .divider { background: url(../images/dotted-line-sprite.png) repeat-y -2px -1px; float: left; height: 165px; margin: 0 20px; width: 1px; } footer.main .contact { float: left; padding: 10px 0; width: 200px; } footer.main .contact p { color: #EDEDED; font-size: 16px; line-height: 20px; } footer.main .contact a { background: #333; color: #EEE; display: block; font-family: futura-pt; font-size: 12px; font-weight: 500; height: 22px; line-height: 22px; margin: 15px 0 0 0; padding: 9px 8px; text-transform: uppercase; width: 184px; } footer.main .contact a:hover { background: #454545; text-decoration: none; } footer.main .contact span { background: url(../images/sprites.png) no-repeat -222px 0; float: left; height: 22px; margin: 0 10px 0 0; width: 26px; } footer.main .quick_links { float: left; padding: 10px 0; } footer.main .quick_links a { color: #EEE; display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 11px; line-height: 10px; margin: 0 0 10px 0; } footer.main .quick_links a:hover { color: #F1CB00; text-decoration:none; } footer.main .quick_links span { background: url(../images/sprites.png) no-repeat -248px 0; float: left; height: 7px; margin: 1px 7px 0 0; width: 4px; } /* Home Page */ .home h1 { color: #222; font-size: 48px; font-weight: 400; margin: 0; } .home h2 { color: #333; font-family: futura-pt; font-size: 20px; font-weight: 400; line-height: 26px; margin: 0 0 22px 0; text-transform: uppercase; } .home h3 { color: #333; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 18px; font-weight: 400; line-height: 22px; margin: 0 0 8px 0; } .home h4 { color: #333; font-family: futura-pt; font-size: 16px; font-weight: 400; line-height: 26px; margin: 0 0 12px 0; text-transform: uppercase; } .home h4 a { background: url(../images/sprites.png) no-repeat -102px 0px; float: right; height: 18px; margin-top: 4px; overflow: hidden; width: 18px; text-indent: -1000px; } .home h4 a:hover { background-position: -102px -18px; } .feature_wrapper { height: 358px; overflow:hidden; width: 100%; position:relative; } .feature_wrapper .loading_shade { background-color:rgba(34,34,34,.9); color:#fff; height: 358px; position:absolute; width:100%; z-index: 50; } .feature_wrapper .loading_shade p { color:#ccc; font-family: futura-pt; font-size: 18px; font-weight: 400; line-height: 30px; margin-top: 100px; text-align:center; text-transform: uppercase; } .category_wrapper { background:#222 url(../images/image_bg.png); bottom: -67px; height: 67px; left: 0; width: 100%; overflow: hidden; position: absolute; z-index: 30; } .category_wrapper menu.categories { margin:5px auto 0 auto; width: 960px; } .category_wrapper a.category_button { border:none; color:#fff; display:inline-block; float:left; font-family: adobe-caslon-pro; font-size: 14px; font-style: italic; font-weight: 400; margin:10px 8px 10px 0; padding:4px 16px; text-transform: lowercase; } .category_wrapper a.category_button:hover { background-color: #fff; color: #222; text-decoration: none; } .category_wrapper a.all { background-color: #333; } #home_features { background: #222; height: 358px; margin:0 auto; width: 960px; } #home_features .barrel { height:358px; overflow:visible;} #home_features figure { border-bottom-width: 8px; border-bottom-style: solid; cursor: pointer; display: block; height:350px; overflow:hidden; position: relative; } #home_features figure img { background:#222 url(../images/image_bg.png); } #home_features figure div.label { bottom:-67px; left: 0; position:absolute; width: 100%; } #home_features figure div.label div { padding:8px 16px 0px 16px; height: 59px; } #home_features figure:hover .green { background-color: #5E7535; border-color: #5E7535; } #home_features figure:hover .blue { background-color: #2b4477; border-color: #2b4477; } #home_features figure:hover .red { background-color: #8c1c00; border-color: #8c1c00; } #home_features figure:hover .orange { background-color: #ec7921; border-color: #ec7921; } #home_features figure:hover .yellow { background-color: #deb400; border-color: #deb400; } #home_features figure:hover .gray { background-color: #555; border-color: #555; } #home_features figure:hover .purple { background-color: #39274f; border-color: #39274f; } #home_features figure div.label h2 { color: #fff; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 12px; font-weight: 400; margin:0; text-transform: uppercase; } #home_features figure div.label a.button { background-color:rgba(0,0,0,.1); border:none; color:#fff; display:inline-block; float:none; font-family: adobe-caslon-pro; font-size: 14px; font-style: italic; font-weight: 400; padding:4px 16px; text-transform: lowercase; } #home_features figure div.label a.button:hover { background-color:rgba(0,0,0,.3); } #home_features figure p.caption { color:#fff; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size:12px; line-height:18px; opacity:0; padding: 16px; margin: 0; } #home_features figure:hover p.caption { opacity:1; } #home_features figure.green p.caption { background-color: rgba(113, 140, 64, .8); text-shadow: 1px 1px 2px #718C40; filter: dropshadow(color=#718C40, offx=1, offy=1); } #home_features figure.blue p.caption { background-color: rgba(52, 82, 144, .8); text-shadow: 1px 1px 2px #345290; filter: dropshadow(color=#345290, offx=1, offy=1); } #home_features figure.red p.caption { background-color: rgba(174, 35, 0, .8); text-shadow: 1px 1px 2px #AE2300; filter: dropshadow(color=#AE2300, offx=1, offy=1); } #home_features figure.orange p.caption { background-color: rgba(239, 140, 64, .8); text-shadow: 1px 1px 2px #EF8C40; filter: dropshadow(color=#EF8C40, offx=1, offy=1); } #home_features figure.yellow p.caption { background-color: rgba(239, 207, 1, .8); text-shadow: 1px 1px 2px #FFCF01; filter: dropshadow(color=#FFCF01, offx=1, offy=1); } #home_features figure.gray p.caption { background-color: rgba(102, 102, 102, .8); text-shadow: 1px 1px 2px #666; filter: dropshadow(color=#666, offx=1, offy=1); } #home_features figure.purple p.caption { background-color: rgba(73, 50, 102, .8); text-shadow: 1px 1px 2px #493266; filter: dropshadow(color=#493266, offx=1, offy=1); } #home_features figure p.caption, #home_features figure:hover p.caption { transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear ; -webkit-transition: opacity 0.3s linear; } #home_features .feature_more { height:40px; position: absolute; right: 0; top: 118px; width: 145px; -moz-transform: rotate(90deg) translate(40px, -53px); -webkit-transform: rotate(90deg) translate(40px, -53px); -o-transform: rotate(90deg) translate(40px, -53px); -ms-transform: rotate(90deg) translate(40px, -53px); transform: rotate(90deg) translate(40px, -53px); box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); } #home_features .feature_more span { background: #FFCE00; cursor: pointer; display:block; font-size: 11px; height: 20px; padding:10px 20px; text-align:center; text-transform: uppercase; width: 105px; } #home_features .feature_more span:hover { background: #fff; text-decoration: none; } #home_features .feature_share { height:40px; position: absolute; left: 0; top: 118px; width: 145px; -moz-transform: rotate(90deg) translate(40px, 53px); -webkit-transform: rotate(90deg) translate(40px, 53px); -o-transform: rotate(90deg) translate(40px, 53px); -ms-transform: rotate(90deg) translate(40px, 53px); transform: rotate(90deg) translate(40px, 53px); box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); } #home_features .feature_share span { background: #FFCE00; cursor: pointer; display:block; font-size: 11px; height: 20px; padding:10px 20px; text-align:center; text-transform: uppercase; width: 105px; } #home_features .feature_share span:hover { background: #fff; text-decoration: none; } #share_form { background: #fff; display: none; height: 252px; left: 41px; overflow: hidden; padding: 24px; position: absolute; top: 24px; width: 476px; z-index:31; box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); } #share_form label { border-bottom: 1px solid #E5E5E5; color: #666; display: block; font-family: futura-pt; font-size: 14px; font-weight: 400; margin-bottom: 6px; padding-bottom:6px; text-transform: uppercase; } #share_form .no_border { border:none; margin:12px 0 0 0; } #share_form .column { float: left; overflow:hidden; margin-right:24px; width: 224px; } #share_form .end { margin-right: 0; } #share_form textarea { border-top: 1px solid #7C7C7C; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #DDDDDD; margin-bottom: 12px; padding: 5px; font-size: 11px; height: 66px; width:462px; resize: none; } #share_form input.submit { background: #FFCF01; border: 1px solid #CCC; color: #333; cursor: pointer; display: block; float: left; font-family: adobe-caslon-pro; font-size: 16px; font-style: italic; height: 36px; line-height: 26px; margin-right:5px; padding: 2px 23px 0 23px; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; } #share_form input.cancel { background: #ccc; border: 1px solid #CCC; color: #333; cursor:pointer; display: block; float: left; font-family: adobe-caslon-pro; font-size: 16px; font-style: italic; height: 36px; line-height: 26px; margin-right:12px; padding: 2px 23px 0 23px; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; } #share_form input.submit:hover, #share_form input.cancel:hover { background-color:#333; color:#fff; } #share_form a.rules { color:#666; font-family: adobe-caslon-pro; font-size: 14px; font-style: italic; line-height: 36px; } #share_form .thank_you { display:none; } #share_form .loading_shade { background-color:rgba(255,255,255,.9); color:#ccc; height: 252px; position:absolute; width:476px; z-index: 50; } #home_features .hint { background:url("../images/direction_hints.png")no-repeat 0 -70px; display:block; height:70px; opacity:0; overflow:hidden; position: absolute; top:142px; width:70px; } #home_features .hint_left { background-position: 0 -70px; left:60px; } #home_features .hint_right { background-position: 0 0px; right:60px; } .home_middle { background: #DDD url(../images/home-mid-gradient.png) repeat-x; border-bottom: 1px solid #CCC; min-width: 940px; padding: 30px 0; } .home_left { float: left; width: 700px; } .home_left nav { margin: 5px 0 0 0; } .home_left .block, .home_events .block { float: left; width: 375px; } .home_right { float: right; width: 220px; } .home_events li, .home_news li { border-bottom: 1px solid #CFCFCF; margin: 0 0 15px 0; overflow: hidden; padding: 0 0 15px 0; } .home_events li p a { color: #333; } .home_events li.last, .home_news li.last { border-bottom: none; } .home_events .date { color: #666; float: left; font-family: futura-pt; font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; width: 60px; } .home_events .date strong { color: #345290; display: block; font-family: Georgia; font-size: 25px; font-weight: normal; line-height: 15px; } .home_events .divider { background: url(../images/dotted-line-sprite.png) repeat-y -1px -1px; float: left; height: 55px; margin: 0 15px 0 0; width: 1px; } .home_events .time { color: #345290; display: block; } .home_events .block_image_link { width: 294px; } .content .home_events ul { list-style: none; margin:0; padding:0; } .content .home_events ul li { background: none; margin: 0 0 15px 0; padding: 0 0 15px 0; } .content .home_events li p { margin: 0; font-size: 14px; line-height: 18px; } .visitor_types { border-bottom: 1px solid #CDCDCD; width: 220px; } .visitor_types a { background: url(../images/sprites.png) no-repeat 0px -44px; border-top: 1px solid #CDCDCD; color: #333; display: block; font-family: futura-pt; font-size: 12px; font-weight: 400; height: 45px; line-height: 45px; padding: 0 10px; text-transform: uppercase; } .visitor_types a:hover { background: #222; color: #FFF; text-decoration: none; } .visitor_types a span { float: right; height: 18px; margin: 13px 0 0 0; width: 18px; } .visitor_types a:hover span { background: url(../images/sprites.png) no-repeat -84px -18px; } .home_news strong { color: #345290; display: block; font-family: futura-pt; font-size: 12px; font-weight: 400; margin: 0 0 3px 0; text-transform: uppercase; } .home_bottom { background: #FFF; min-width: 940px; padding: 40px 0; } .home_bottom h1 { color: #666; float: left; font-size: 22px; line-height: 30px; width: 460px; } .home_bottom .block_image_link { float: right; margin: 0 0 0 20px; } .home_bottom .block_image_link p { text-align: center; } h4.btn { margin: 50px 0 12px 0; } .more_numbers { color: #999; cursor: pointer; float: right; font-family: futura-pt; font-size: 14px; font-weight: 500; line-height: 16px; margin: 55px 0 0 0; text-transform: uppercase; } .more_numbers span { background: url(../images/sprites.png) no-repeat -142px 0; float: left; height: 16px; margin: 0 5px 0 0; width: 12px; } .more_numbers:hover { color:#333; text-decoration:none; } .by_the_numbers { height: 150px; } .by_the_numbers li { float: left; margin: 0 20px 0 0; width: 220px; } .by_the_numbers li.last { margin: 0; } .by_the_numbers strong { background: transparent; font-family: futura-pt; font-size: 48px; font-weight: 300; vertical-align: baseline; } .by_the_numbers strong small { font-size: 18px; font-weight: 500; } .by_the_numbers p { font-size: 16px; line-height: 20px; } .by_the_numbers .black, .by_the_numbers .black:hover { background-color:transparent; color: #000; } .by_the_numbers .green, .by_the_numbers .green:hover { background-color:transparent; color: #718C40; } .by_the_numbers .blue, .by_the_numbers .blue:hover { background-color:transparent; color: #345290; } .by_the_numbers .orange, .by_the_numbers .orange:hover { background-color:transparent; color: #EF8C40; } .by_the_numbers .red, .by_the_numbers .red:hover { background-color:transparent; color: #AE2300; } /* Sub Pages */ .subpage { background: #FFF url(../images/content-gradient.png) repeat-x; border-top: 5px solid #F1CB00; min-height:600px; overflow-x: hidden; overflow-y: auto; padding: 50px 0; min-width: 980px; } .subpage_noborder { border-top: none; } .subpage_nobottom { padding-bottom:0; } .breadcrumb a { border-bottom: 1px solid #eee; color: #808080; display: block; float: left; font-family: futura-pt; font-size: 14px; font-weight: 400; text-transform: uppercase; white-space: nowrap; } .breadcrumb a:hover { border-bottom: 1px solid #ddd; color: #222; text-decoration: none; } .breadcrumb a.active { color: #222; } .breadcrumb li { float: left; margin: 0 10px 0 0; } .breadcrumb li span { background: url(../images/sprites.png) no-repeat -255px 0; float: left; height: 10px; margin: 4px 8px 0 0; width: 4px; } /* Side Bar */ .sidebar { float: left; width: 220px; position: relative; z-index: 10; } nav.sub { margin: 0 0 20px 0; overflow: hidden; } nav.sub ul li { margin: 0; } nav.sub ul li a { background: #FFF; border:1px solid #eee; color: #666; display: block; font-family: futura-pt; font-size: 14px; line-height: 20px; margin-top:-1px; padding: 8px 19px; text-transform: uppercase; } nav.sub ul li a:hover { background:#FFCF01; border-color:#FFCF01; color:#222; text-decoration: none; } nav.sub ul li.active a, nav.sub ul li.active a:hover { background: #333; border-color: #333; color: #FFF; } nav.sub ul li.active ul li a { background: #eee; border-color: #eee; color: #333; padding: 9px 20px 9px 30px; text-transform: none; } nav.sub ul li.active ul li a:hover { background:#FFCF01; border-color: #FFCF01; color:#222; text-decoration: none; } nav.sub ul li.active ul li.active a { background:#FFCF01; border-color: #FFCF01; color:#222; text-decoration: none; } nav.sub ul li.active ul li.active ul li a { background: #FFF; color: #666; padding: 9px 20px 9px 40px; text-transform: none; } nav.sub ul li.active ul li.active ul li.active a { background: #333; color: #FFF; } /* Content Area */ .content { float: right; width: 700px; } .content pre { width: 700px; display: block; overflow: hidden; margin: 0 0 15px 0; } .link_external span { background: url(../images/sprites.png) no-repeat -348px -38px; height: 12px; width: 20px; display: inline-block; margin: 0 0 0 5px; } .link_xls span, .link_xlsx span { background: url(../images/sprites.png) no-repeat -328px -38px; height: 12px; width: 20px; display: inline-block; margin: 0 0 0 7px; } .link_pdf span { background: url(../images/sprites.png) no-repeat -348px -26px; height: 12px; width: 20px; display: inline-block; margin: 0 0 0 7px; } .link_doc span, .link_docx span { background: url(../images/sprites.png) no-repeat -328px -26px; height: 12px; width: 20px; display: inline-block; margin: 0 0 0 7px; } .link_ppt span, .link_pptx span { background: url(../images/sprites.png) no-repeat -368px -26px; height: 12px; width: 20px; display: inline-block; margin: 0 0 0 7px; } .content img { max-width: 700px; } .content p { color: #666; font-size: 18px; line-height: 24px; margin: 0 0 20px 0; } .content p.caption { font-size: 12px; line-height: 16px; font-family: Arial, sans-serif; margin: 5px 0 0 0; font-style: italic; } .content p a { color: #335290; } .content p.introduction { font-size: 24px; font-style: italic; font-weight: 400; line-height: 32px; } .content p.password-instructions { font-size: 24px; font-weight: 400; line-height: 32px; text-align:center;} .content table th { background: #FFCF01; color: #333; font-family: futura-pt; font-size: 12px; font-weight: 400; line-height: 16px; padding: 8px 20px; text-align: left; text-transform: uppercase; } .content table td { background: #F5F5F5; color: #666; font-size: 14px; line-height: 18px; padding: 10px 20px; } .content table td p { font-size: 14px; line-height: 18px; margin: 0 0 10px 0; } .content table tr:nth-child(even) td { background: #FFF; } .content table.layout tr td { background: transparent; } .content ul { list-style: none; margin: 0 0 25px 0; } .content ul li { background: url(../images/li-bg-solid.png) no-repeat 0px 4px; color: #666; font-size: 18px; line-height: 24px; margin: 0 0 10px 0; padding: 0 0 0 25px; } .content ul ul { margin: 0 0 15px 0; } .content ul ul li { background: url(../images/li-bg-empty.png) no-repeat 25px 8px; padding: 0 0 0 50px; } .content li a { color: #335290; } .content ol { list-style: decimal; margin: 0 0 25px 25px; } .content ol.roman { list-style: upper-roman; } .content ol li { color: #666; font-size: 16px; line-height: 22px; margin: 0 0 10px 0; } .content ol ol { list-style: lower-alpha; margin: 0 0 15px 25px; } .content .gallery { margin-bottom: 20px; } .content .gallery .gallery_no_title { margin-bottom: 10px; } .content .gallery .barrel { height:350px; overflow: visible; } .content .gallery .chamber { margin-right: 20px; position: relative; cursor: pointer; } .content .gallery .chamber figcaption { background-color: rgba(34,34,34,.5); bottom: 0; position: absolute; width:100%; } .content .gallery .chamber figcaption p { color:#fff; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size:12px; line-height:18px; margin:0; padding: 10px 20px; text-shadow: 1px 1px 2px #000; filter: dropshadow(color=#000, offx=1, offy=1); } .content .gallery nav.dots li { background:none; float: left; height: 11px; margin: 0 0 0 7px; padding:0; overflow: hidden; width: 11px; } .content .gallery nav.dots a.gallery_next { border-top-left-radius: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 0px; float: right; background: #999; color: #ECECEC; font-size: 12px; line-height: 20px; height: 20px; margin: 0 0 0 1px; padding: 0 10px 0 7px; font-family: futura-pt, Arial, sans-serif; text-transform:uppercase; width:auto; } .content .gallery nav.dots a.gallery_prev { border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 10px; float: right; background: #999; color: #ECECEC; font-size: 12px; line-height: 20px; height: 20px; padding: 0 7px 0 10px; font-family: futura-pt, Arial, sans-serif; text-transform:uppercase; width: auto; } .content .gallery nav.dots a.gallery_next:hover, .content .gallery nav.dots a.gallery_prev:hover { background:#222; text-decoration:none; } .block_image_link { background: #FFF; border: 1px solid #CCC; display: block; padding: 2px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .block_image_link p { color: #FFF; font-size: 14px; margin: 2px 0 0 0; padding: 10px 15px; } .block_image_link p small { display: block; font-family: futura-pt; font-size: 12px; font-weight: 400; margin: 0 0 7px 0; text-transform: uppercase; } .block_image_link p em { display: block; font-family: adobe-caslon-pro; font-size: 16px; font-style: italic; line-height: 16px; } .block_image_link p.yellow { color: #333; } a.block_image_link:hover { box-shadow: 0 0 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); text-decoration: none; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .block_image_link:hover .green { background-color: #5E7535; color: #fff; } .block_image_link:hover .blue { background-color: #2b4477; color: #fff; } .block_image_link:hover .red { background-color: #8c1c00; color: #fff; } .block_image_link:hover .orange { background-color: #ec7921; color: #fff; } .block_image_link:hover .yellow { background-color: #deb400; color: #333; } .block_image_link:hover .gray { background-color: #555; color: #fff; } .block_image_link:hover .purple { background-color: #39274f; color: #fff; } .center p { text-align: center; } .content .block_image_link { margin: 0 0 25px 0; } .columns_2 { overflow: hidden; margin: 0 0 35px 0; } .columns_2 section { float: left; width: 325px; } .columns_2 section p:last-child { margin: 0; } .columns_2 .divider { background: url("../images/dotted-line-sprite.png") repeat-y -1px -1px; width: 1px; height: 100px; margin: 0 25px 0 24px; float: left; } .columns_3 { overflow: hidden; } .columns_3 section { float: left; margin: 0 20px 0 0; width: 220px; } .columns_3 section.last { margin: 0; } .columns_3 hr { margin-bottom: 15px; } .columns_3 hr.no_margin { margin: 0; } .columns_3 ul li { background-position: 5px 4px; font-size: 16px; line-height: 24px; } .columns_3 ul li a { color: #333; } .masonry { width: 720px; } .social_blocks { float: right; width: 220px; margin: 0 0 0 20px; } .social_blocks section { margin: 0 0 1px 0; padding: 20px 15px; } .social_blocks h4 { color: #FFF; font-size: 15px; line-height: 17px; margin: 0 0 22px 0; } .social_blocks h4 span { background: url(../images/sprites.png) no-repeat; float: left; height: 17px; margin: 0 7px 0 0; width: 10px; } .social_blocks a { border-bottom: 1px solid #627AAD; color: #FFF; display: block; font-size: 14px; line-height: 18px; margin: 0 0 10px 0; padding: 0 0 10px 0; } .social_blocks a.last, .social_blocks a:last-child { border: none; margin: 0; padding: 0; } .social_blocks .facebook { background: #3B5998; } .social_blocks .facebook h4 span { background-position: -260px 0; } .social_blocks .twitter { background: #4ED3FF; } .social_blocks .twitter h4 span { background-position: -270px 0; } .social_blocks .twitter a { border-color: #71DCFF; } .social_blocks .linkedin { background: #0274b3; margin-bottom:25px; } .social_blocks .linkedin h4 span { background: url(../images/linkedin-icon.png) no-repeat; margin: 0 7px 0 0; width: 17px; } .social_blocks .linkedin a { border-color: #71DCFF; } .callout .social_blocks { margin: 0; float: none; } .callout .social_blocks h4 { color: #FFF; font-size: 15px; line-height: 17px; margin: 0 0 22px 0; } .social-networks-narrow { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 2px; } .social-networks-narrow div {background: #333333; color: #EEEEEE; display: block; height: 22px; line-height: 22px; margin: 0 0 0px; padding: 9px 8px; font-size: 14px; } .social-networks-narrow span { display:block; width: 135px; float:left; margin:3px 8px 0 0; font-size:13.4px;} .events_scroller { height: 190px; margin: 0 0 25px 0; } .events_scroller .event { height: 190px; position: absolute; width: 700px; } .events_scroller .block_image_link { float: left; } .events_scroller .info { float: left; height: 190px; margin: 0 0 0 20px; overflow: hidden; /*width: 380px; Commenting out because of the FIX for zooming out*/ width: 379px;} .events_scroller h3 { font-size: 18px; line-height: 22px; margin: 0 0 5px 0; } .events_scroller p { font-size: 14px; line-height: 18px; margin: 0 0 5px 0; } .events_scroller .button { float: left; margin: 10px 0 0 0; } .events_scroller .tweet { float: left; margin: 15px 0 0 10px; } .events_scroller .fb-like { float: left; margin: 6px 0 0 10px; } .content span.date { color: #345290; font-family: futura-pt; font-size: 14px; font-weight: 400; line-height: 18px; text-transform: uppercase; } .content span.time { color: #666; font-family: adobe-caslon-pro; font-size: 14px; font-style: italic; font-weight: 400; line-height: 18px; text-transform: lowercase; } .features .info_window { background: #333; height: 310px; padding: 20px; position: absolute; width: 180px; z-index: 2; } .features .info_window h4 { color: #999; margin: -3px 0 10px 0; } .features .info_window h3 { color: #FFF; font-size: 18px; line-height: 22px; margin: 0 0 5px 0; } .features .info_window p { color: #999; font-size: 14px; line-height: 18px; margin: 0; } .features .info_window .button { margin: 15px 0 0 0; } .features .info_window .button span { padding: 2px 30px 0 30px; } .features .info_window section { height: 285px; overflow: hidden; position: absolute; width: 180px; } .features { margin-bottom: 20px; } .features .gallery_no_title { margin-bottom: 10px; } .features .barrel { height:350px; margin-left: 220px; overflow: visible; } .features .chamber { margin-right: 20px; position: relative; cursor: pointer; overflow:hidden; width: 480px; } .features nav.dots a:hover { background-position: -69px 0; } .content .features nav.next_prev { margin-top: -4px; } .content .features nav.dots a.gallery_next { background-color:#666; } .content .features nav.dots a.gallery_prev { background-color:#666; } .content .features nav.dots a.gallery_next:hover, .content .features nav.dots a.gallery_prev:hover { background:#999; text-decoration:none; } .features .button span { background: #FFCF01; } .features .button:hover span { background: #E5E5E5; } .helpful_links { float: right; width: 220px; margin: 0 0 0 20px; } .helpful_links ul { background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(255,255,255) 0%, rgb(246,246,246) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F6F6F6, endColorstr=#FFFFFF);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F6F6F6, endColorstr=#FFFFFF)"; zoom:1; padding: 15px; } .helpful_links ul li { font-size: 16px; line-height: 20px; margin: 0 0 20px 0; } .double_callouts { clear: both; } .double_callouts section { float: left; margin: 0 20px 20px 0; width: 340px; } .double_callouts section.last { margin: 0 0 20px 0; } .double_callouts section.single { float: none; margin: 0 0 20px 0; width: 700px; } .double_callouts .block_image_link { margin: 0 0 15px 0; } .double_callouts p { margin: 0 0 15px 0; } .double_callouts h3 { margin: 0 0 8px 0; } .double_callouts section.single .block_image_link, .double_callouts section.single .block_image { float: left; margin: 0 20px 15px 0; } .double_callouts section.single article { float: left; width: 340px; } .split_link_lists { margin: 0 0 35px 0; overflow: hidden; } .split_link_lists section { float: left; margin: 0 20px 0 0; width: 340px; } .split_link_lists section.last { margin: 0; } .split_link_lists ul { background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(255,255,255) 0%, rgb(246,246,246) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F6F6F6, endColorstr=#FFFFFF);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F6F6F6, endColorstr=#FFFFFF)"; zoom:1; padding: 15px; } .split_link_lists ul li { float: left; font-size: 16px; line-height: 20px; margin: 0 0 20px 0; padding: 0 10px 0 20px; width: 125px; } .split_link_lists ul li a { color: #333; } .block_image { background: #FFF; border: 1px solid #CCC; margin: 0 0 35px 0; padding: 2px; } .block_image .overlay_links { background: rgba(0,0,0,0.6); height: 204px; margin: 18px 0 0 238px; padding: 0; position: absolute; width: 436px; } .block_image .overlay_links li { background: url(../images/dotted-line-h-white.png) repeat-x left bottom; height: 41px; margin: 0; padding: 0; } .block_image .overlay_links li.last { background: transparent; } .block_image .overlay_links li a { color: #FFF; display: block; font-size: 18px; height: 40px; line-height: 40px; padding: 0 0 0 10px; } .block_image .overlay_links li a span { background: url(../images/sprites.png) no-repeat -121px -22px; float: right; height: 18px; margin: 11px 10px 0 0; width: 18px; } .block_image .overlay_links li a:hover { background: rgba(0,0,0,.6); text-decoration: none; } .block_image .overlay_links_3 { height: 123px; } .block_image .overlay_links_4 { height: 163px; margin: 42px 0 0 238px;} /*.section-academics .block_image .overlay_links { margin: 58px 0 0 238px;}*/ /* added for Hubbard Center - Commented out on 11/8/13 because they had me add in a 5th link, added BACK in 7/31/14 because they had me cut it to 3 links. commented out on 8/20/15 because they wanted 5 again */ .one_third_two_third { margin: 0 0 35px 0; } .one_third_two_third section { float: left; width: 220px; } .one_third_two_third section.last { margin: 0 0 0 20px; width: 460px; } .one_third_two_third h3, .columns_3 h3 { font-size: 18px; line-height: 22px; margin: 0 0 8px 0; } .one_third_two_third p, .columns_3 p { font-size: 14px; line-height: 18px; margin: 0 0 15px 0; } .one_third_two_third section.last h3 { font-size: 22px; line-height: 26px; } .one_third_two_third .block_image_link, .columns_3 .block_image_link { margin: 0 0 15px 0; } .two_third_one_third { margin: 0 0 35px 0; overflow: hidden; } .two_third_one_third section { float: left; margin: 0 20px 0 0; width: 460px; } .two_third_one_third section.last { margin: 0; width: 220px; } .two_third_one_third section.pad { padding: 20px 0 0 0; } .two_third_one_third section.last .block_image_link img { width: 214px; } .two_third_one_third section.in_the_media { width: 190px; } .two_third_one_third .image_col { float: left; width: 220px; } .two_third_one_third .image_col_last { float: right; } .two_third_one_third .image_col .block_image_link, .two_third_one_third .image_col .block_image { margin: 0 0 10px 0; } .two_third_one_third .image_col p { margin: 0 0 10px 0; font-size: 14px; line-height: 18px; color: #262626; } .two_third_one_third .image_col p a { display: block; color: #262626; font-size: 14px; line-height: 18px; } .two_third_one_third .image_col p .date { font-size: 12px; line-height: 12px; display: block; margin: 0 0 15px 0; } .two_third_one_third .image_col .like { float: left; width: 51px; height: 20px; overflow: hidden; margin: 0 5px 0 0; } .two_third_one_third .image_col .tweet { float: left; } .article_scroller { height: 190px; margin: 0 0 25px 0; } .article_scroller article { height: 190px; position: absolute; width: 700px; } .article_scroller .block_image_link { float: left; } .article_scroller .info { float: left; height: 190px; margin: 0 0 0 20px; overflow: hidden; width: 375px; } .article_scroller h3 { font-size: 18px; line-height: 22px; margin: 0 0 5px 0; } .article_scroller p { font-size: 14px; line-height: 18px; margin: 0 0 5px 0; } .article_scroller .button { float: left; margin: 10px 0 0 0; } .fb_reset { display: none; } .article_scroller .tweet { float: left; height: 32px; margin: 15px 0 0 10px; width:55px; } .article_scroller .fb-like { float: left; height: 32px; margin: 6px 0 0 10px; width:55px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .article_scroller .fb-like { float: left; height: 32px; margin: 8px 0 0 10px; width:55px; } } .new_noteworthy { float: left; width: 460px; } .new_noteworthy .feature .info { float: left; margin: 0 0 0 14px; width: 225px; } .new_noteworthy .feature .info p { color: #666; font-size: 14px; line-height: 18px; margin: 0 0 5px 0; } .new_noteworthy .feature .info h3 { font-size: 18px; line-height: 22px; margin: 0; } .new_noteworthy .feature .left .block_image_link { margin: 0; } .new_noteworthy .double_feature section { float: left; margin: 0 20px 0 0; width: 220px; } .new_noteworthy .double_feature section.last { margin: 0; } .new_noteworthy .double_feature p { font-size: 14px; line-height: 18px; margin: 0 0 5px 0; } .new_noteworthy .double_feature p a { color: #262626; } .new_noteworthy .double_feature .block_image_link { margin: 0 0 10px 0; } .new_noteworthy .more { border-bottom: 1px solid #EDEDED; border-top: 1px solid #EDEDED; margin: 15px 0 0 0; padding: 20px 0; } .new_noteworthy .more .dots { background: #FFF; margin: -26px 0 0 0; } .new_noteworthy .more .hidden { margin: 0 20px; overflow: hidden; width: 419px; } .new_noteworthy .more .hidden div { width: 10000px; } .new_noteworthy .more .hidden div section { float: left; width: 420px; } .new_noteworthy .more section p { font-size: 14px; margin: 0; } .new_noteworthy .more section hr { margin: 15px 0; } .new_noteworthy .more a { color: #262626; } .featured_blog .block_image_link { margin: 0 0 20px 0; } .featured_blog p { font-size: 14px; line-height: 18px; color: #666; margin: 0 0 10px 0; } .featured_blog h3 { font-size: 18px; line-height: 22px; margin: 0 0 8px 0; } .in_the_media { background: #F6F6F6; margin: 0 0 1px 0; padding: 20px 15px; } .in_the_media h3 a { background: url(../images/sprites.png) no-repeat -179px -22px; } .in_the_media ul { margin: 0; } .in_the_media ul li { background: transparent; border-bottom: 1px solid #E5E5E5; margin: 0 0 10px 0; padding: 0 0 10px 0; } .in_the_media ul li.last { border: none; margin: 0; padding: 0; } .in_the_media p { font-size: 14px; line-height: 18px; margin: 0 0 5px 0; } .in_the_media p a { color: #262626; } .in_the_media img { display: block; margin: 0 0 15px 0; width: 100%; } .in_the_media.arts p a { color: #222; display: block; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size:16px; font-weight: 400; line-height:18px; margin:0 0 2px 0; text-transform:none; } section.featured_photos { border:1px solid #EDEDED; padding:3px; width:452px; } section.featured_photos iframe, section.featured_photos embed, section.featured_photos object { width: 452px; height: 254px; display: block; } #featured_photo_video { margin: 0 0 15px 0; overflow:hidden; max-height: 452px; cursor: pointer; } #featured_photo_video_caption { color:#333; margin: 10px 0 10px 0; font-size: 16px; text-align: center; text-transform:capitalize;} .photo_video_scroller { height: 75px; margin: 0; padding:10px 0; overflow: hidden; width: 451px; } .photo_video_scroller .more { height: 75px; width: 10000px; } .photo_video_scroller section { float: left; height: 75px; padding-left: 10px; width: auto; margin: 0; } .photo_video_scroller a { float: left; margin: 0 14px 0 0; } .photo_video_scroller a.last { margin: 0; } .photo_video_scroller a.active { border-bottom:1px solid #333; padding-bottom: 3px; } .photo_video_bar { padding: 2px 10px 0 10px; } .photo_video_bar nav { margin:0; padding:0; } .photo_video_bar a { color:#999; font-family: futura-pt; font-size:12px; line-height:16px; margin-right:2px; } .photo_video_bar a.active, .photo_video_bar a:hover { color:#333; text-decoration: none;} .video-container { height: 0; overflow: hidden; padding-top: 30px; padding-bottom: 56.25%; position: relative; } .video-container iframe, .video-container object, .video-container embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .quick_links_two_thirds { float: left; width: 440px; } .quick_links_two_thirds ul li { background-position: 5px 4px; float: left; padding-right: 10px; width: 185px; } .quick_links_two_thirds ul li a { color: #333; font-size: 16px; line-height: 24px; } .quick_links_thirds { overflow: hidden; } .quick_links_thirds ul li { background-position: 5px 4px; float: left; margin: 0 20px 10px 0; width: 188px; } .quick_links_thirds ul li.last { margin: 0 0 10px 0; } .quick_links_thirds ul li a { color: #333; font-size: 16px; line-height: 24px; } .photo_gallery_page a { display: block; float: left; height: 340px; width: 340px; margin: 0 20px 20px 0; } .photo_gallery_page a.last { margin: 0 0 20px 0; } /* Begin Photo Gallery Styles */ .photo_gallery_page figure, .photo_gallery_page figcaption { display: block; } .photo_gallery_page .chamber { float: left; position: relative; cursor: pointer; display: block; height: 340px; width: 340px; margin: 2px 2px; } .photo_gallery_page .chamber figcaption { background-color: rgba(34,34,34,.5); bottom: 0; position: absolute; width:100%; } .photo_gallery_page .chamber figcaption p { color:#fff; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size:12px; line-height:18px; margin:0; padding: 10px 20px; text-shadow: 1px 1px 2px #000; filter: dropshadow(color=#000, offx=1, offy=1); } .photo_gallery_photo .pagination { color: #eee; font-family: futura-pt; font-size: 13px; height: 30px; width: 100%;} .photo_gallery_photo .pagination a { color: #333; } .photo_gallery_photo .pagination .right { margin-top: 5px; } .photo_gallery_photo .vr { background: #C2C2C2; display: inline-block; height: 15px; margin: 0 10px -3px; width: 1px; } .photo_gallery_photo figure, figcaption, h1 {overflow: visible;} .photo_gallery_photo figure img {width:940px;} .photo_gallery_photo a.gallery_next { border-top-left-radius: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 0px; float: right; background: #999; color: #ECECEC; font-size: 12px; line-height: 20px; height: 20px; margin: 0 0 0 1px; padding: 0 10px 0 7px; font-family: futura-pt, Arial, sans-serif; text-transform:uppercase; width:auto; } .photo_gallery_photo a.gallery_prev { border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 10px; float: right; background: #999; color: #ECECEC; font-size: 12px; line-height: 20px; height: 20px; padding: 0 7px 0 10px; font-family: futura-pt, Arial, sans-serif; text-transform:uppercase; width: auto; } .photo_gallery_photo a.gallery_next:hover, .photo_gallery_photo a.gallery_prev:hover { background:#222; text-decoration:none; } /* End Photo Gallery Styles */ .three_events { overflow: hidden; margin: 0 0 35px 0; } .three_events section { display: block; float: left; width: 200px; margin: 0 0 0 19px; padding: 0 0 0 20px; border-left: 1px solid #EDEDED; } .three_events section.first { margin: 0; border: none; padding: 0; } .three_events section p { margin: 0; font-size: 14px; line-height: 18px; } .three_events section p a { color: #333; } .three_events section em { display: block; font-size: 12px; color: #666; } .upcoming_events { float: right; width: 220px; } .upcoming_events ul li { background: transparent; border-bottom: 1px solid #EDEDED; margin: 0; padding: 15px 0; } .upcoming_events ul li.last { border: none; } .upcoming_events ul li a { color:#262626; } .upcoming_events strong { color: #345290; display: block; font-family: futura-pt; font-size: 12px; font-weight: 400; margin: 0 0 2px 0; text-transform: uppercase; } .upcoming_events em { color: #666; display: block; font-size: 14px; line-height: 14px; margin: 0 0 5px 0; } .upcoming_events p { color: #262626; display: block; font-size: 14px; line-height: 18px; margin: 0; } .events_with_featured { } .events_with_featured .featured { float: left; width: 300px; } .events_with_featured .normal { float: right; width: 380px; } .events_with_featured .normal li { background: transparent; border-bottom: 1px solid #EDEDED; margin: 0 0 15px 0; overflow: hidden; padding: 0 0 10px 0; } .events_with_featured .normal li.last { border-bottom: none; } .events_with_featured .normal .date { color: #666; float: left; font-family: futura-pt; font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; width: 60px; } .events_with_featured .normal .date strong { color: #345290; display: block; font-family: Georgia; font-size: 25px; font-weight: normal; line-height: 15px; } .events_with_featured .normal .divider { background: url(../images/dotted-line-sprite.png) repeat-y -1px -1px; float: left; height: 55px; margin: 0 15px 0 0; width: 1px; } .events_with_featured .normal .time { color: #666; display: block; } .events_with_featured .normal p { font-size: 14px; line-height: 18px; } .events_with_featured .normal p a { color: #262626; } .events_with_featured .normal_double { width: 340px; margin: 0 0 0 20px; } .events_with_featured .last { margin: 0; } .nd_social {overflow: hidden; margin: 0 0 5px 0; width:300px; } .nd_tweet { float: left; margin: 0 10px 0 0; } .nd_fb_like { float: left; margin: -3px 0 0 0; } /* News Details Social */ .nd_fb_button { float: left; margin: -7px 0 0 0; } .nd_tweet_button { float: left; margin: 1px 5px 0 0; width:56px; height:20px; } .nd_email_button { float: left; margin: 1px 5px 0 0; width:56px; height:18px; border:1px solid #ccc; padding-right:2px; background-image: linear-gradient(bottom, rgb(224,221,224) 48%, rgb(247,244,247) 100%); background-image: -o-linear-gradient(bottom, rgb(224,221,224) 48%, rgb(247,244,247) 100%); background-image: -moz-linear-gradient(bottom, rgb(224,221,224) 48%, rgb(247,244,247) 100%); background-image: -webkit-linear-gradient(bottom, rgb(224,221,224) 48%, rgb(247,244,247) 100%); background-image: -ms-linear-gradient(bottom, rgb(224,221,224) 48%, rgb(247,244,247) 100%); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .nd_email_button:hover { background-image: linear-gradient(bottom, rgb(184,184,184) 41%, rgb(222,222,222) 71%); background-image: -o-linear-gradient(bottom, rgb(184,184,184) 41%, rgb(222,222,222) 71%); background-image: -moz-linear-gradient(bottom, rgb(184,184,184) 41%, rgb(222,222,222) 71%); background-image: -webkit-linear-gradient(bottom, rgb(184,184,184) 41%, rgb(222,222,222) 71%); background-image: -ms-linear-gradient(bottom, rgb(184,184,184) 41%, rgb(222,222,222) 71%); } .nd_email_button a {padding:0; margin:0; line-height: 18px; color:#333;} .nd_email_button img {margin:2px 2px 3px 2px; width:16px; float:left;} .nd_email_button span { font-size:.7em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:block; float:left;} /* Sidelets */ .callout { margin: 0 0 20px 0; } .callout h4 { color: #333; font-family: futura-pt; font-size: 16px; font-weight: 400; line-height: 26px; margin: 0 0 12px 0; text-transform: uppercase; } .callout h3 { color: #333; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 18px; font-weight: 400; line-height: 22px; margin: 0 0 8px 0; } .sidelets .block_image_link { margin: 0 0 20px 0; } .sidelets .block_image_link p { text-align: center; } h3.smaller { font-family: futura-pt; font-size: 16px; font-weight: 400; line-height: 18px; text-transform: uppercase; } h3.smaller a { background: url(../images/sprites.png) no-repeat -179px -22px; float: right; height: 18px; width: 18px; } h3.smaller a:hover { background-position: -102px -18px; } .sidelets hr { margin: 0 0 15px 0; } .sidelets hr.no_margin { margin: 0; } .sidelets ul.gray { background: #E5E5E5; } .sidelets .important_dates { margin: 0 0 20px 0; } .sidelets .important_dates li { border-top: 1px solid #D7D7D7; padding: 15px; } .sidelets .important_dates li.first { border: none; } .sidelets .important_dates strong { color: #345290; display: block; font-family: futura-pt; font-size: 12px; font-weight: 400; margin: 0 0 5px 0; text-transform: uppercase; } .sidelets .important_dates a { color: #262626; display: block; font-size: 14px; line-height: 18px; } .sidelets .important_dates em { color: #666; display: block; font-size: 14px; line-height: 14px; margin: 0 0 5px 0; } .sidelets .important_dates p { margin: 0; } .flexible_gray { background: #F6F6F6; padding: 20px 15px; overflow: hidden; } .flexible_gray .button span { background: #FFCF01; } .flexible_gray .button:hover span { background: #E5E5E5; } .flexible_gray h3.smaller { color: #262626; font-family: futura-pt; text-transform: uppercase; font-size: 16px; line-height: 18px; font-weight: 400; } .flexible_gray p:last-child { margin: 0; } .popular_links { background: #F0F0F0; margin: 0 0 20px 0; padding: 20px 10px; } .popular_links li { margin: 0 0 20px 0; overflow: hidden; } .popular_links li span { background: url(../images/sprites.png) no-repeat -140px -22px; color: #FFF; float: left; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 9px; height: 18px; line-height: 16px; margin: 0 10px 0 0; text-align: center; width: 18px; } .popular_links li a { float: left; font-size: 16px; line-height: 18px; width: 172px; } .top_resources { background: #345290; margin: 0 0 20px 0; padding: 20px; } .top_resources h3 { color: #FFF; font-size: 14px; line-height: 14px; margin: 0 0 10px 0; } .top_resources select { width: 180px; } .request_information { background: #F6F6F6; display: block; font-size: 14px; line-height: 14px; margin: 0 0 20px 0; padding: 18px; } .request_information span { background: url(../images/sprites.png) no-repeat -283px 0; float: left; height: 14px; margin: -2px 10px 0 0; width: 22px; } .admission_status { overflow: hidden; margin: 0 0 20px 0; } .admission_status a { background: #F6F6F6; display: block; font-size: 14px; line-height: 14px; margin: 0 0 1px 0; padding: 18px; overflow: hidden; } .admission_status span { background: url(../images/sprites.png) no-repeat; float: left; } .admission_status p { float: left; width: 150px; float: right; margin: 0; padding: 3px 0 0 0; color: #333; } .admission_status .check_status { background-position: -326px -1px; width: 22px; height: 21px; } .admission_status .information { background-position: -349px -1px; width: 22px; height: 21px; } .admission_status .pay_deposit { background-position: -372px -1px; width: 16px; height: 21px; } .contact_sidelet { background: #F6F6F6; margin: 0 0 20px 0; padding: 15px; } .contact_sidelet p { color: #262626; font-size: 14px; line-height: 18px; } .contact_sidelet p a { color: #345290; } .by_the_numbers_sidelet { background: #F6F6F6; margin: 0 0 20px 0; padding: 15px; } .by_the_numbers_sidelet p { color: #262626; font-size: 14px; line-height: 18px; } .by_the_numbers_sidelet p a { color: #345290; } .by_the_numbers_sidelet hr { margin: 0 0 5px; } .by_the_numbers_sidelet strong { background: transparent; font-family: futura-pt; font-size: 48px; font-weight: 300; vertical-align: baseline; } .by_the_numbers_sidelet strong small { font-size: 18px; font-weight: 500; } .by_the_numbers_sidelet .black { background-color:transparent; color: #000; } .by_the_numbers_sidelet .green { background-color:transparent; color: #718C40; } .by_the_numbers_sidelet .blue { background-color:transparent; color: #345290; } .by_the_numbers_sidelet .orange { background-color:transparent; color: #EF8C40; } .by_the_numbers_sidelet .red { background-color:transparent; color: #AE2300; } .dark_callout { background: #FFF; border: 1px solid #CCC; padding: 2px; } .dark_callout div { background: #222; overflow: hidden; padding: 12px; } .dark_callout img { display: block; margin: 0 0 15px 0; } .dark_callout h3 { color: #FFF; margin: 0 0 3px 0; } .dark_callout p { color: #FFF; font-size: 14px; line-height: 18px; margin: 0 0 15px 0; } .dark_callout p a { color: #FFCF01; } .dark_callout .button span { background: #FFCF01; } .dark_callout .button:hover span { background: #E5E5E5; } .sidelets .dark_callout { margin: 0 0 20px 0; } .sidelets .give_button { display: block; float: none; margin: 0 0 20px 0; } .sidelets .give_button span { background: #FFCF01; text-align: center; } .sidelets .give_button:hover span { background: #E5E5E5; } .giving_callout { float: right; margin: 0 0 15px 15px; } .giving_callout div { width: 189px; } .single_margin { margin: 0 0 1px 0; } /* Calendar */ .content .calendar { overflow: hidden; margin: 0 0 25px 0; } .calendar .content h2 { color: #222; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size:18px; font-weight: 400; line-height:24px; margin:0 0 2px 0; text-transform:none; } .calendar .content h2.hashtag-title {color: #333333; font-family: futura-pt; font-size: 28px; font-weight: 400; line-height: 34px; margin: 0 0 17px; text-transform: uppercase;} .calendar .content h3, .content .calendar h3 { color: #222; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif;font-size:14px; font-weight: 400; line-height:18px; margin:0 0 2px 0; text-transform:none; } .calendar .content p, .content .calendar p { color: #666; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif;font-size:14px; font-weight: 400; line-height:18px; margin:0 0 2px 0; } .calendar .primary { border-bottom: 1px solid #ddd; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px; } .calendar .primary .block_image_link { float: left; margin-right: 20px; margin-bottom:0px; } .calendar .secondary { float: left; margin-right: 20px; overflow: hidden; width: 220px; } .calendar .end { margin:0; } .calendar .secondary .block_image_link { margin-bottom:5px; } .calendar .secondary img { width: 214px; } .calendar .wide { width: 340px; } .calendar .wide img { width: 334px; } .calendar .featured_events { overflow: hidden; } .calendar .events menu { background: #345290; color: #fff; height: 41px; line-height:41px; margin-top: 20px; position: relative; text-align: center; } .calendar .events menu span { display: inline-block; margin-top: 3px; } .calendar .events menu .next { background: url(../images/sprites.png) no-repeat -222px -22px; height: 22px; overflow:hidden; position: absolute; right:10px; text-indent:-999px; top: 10px; width: 22px; } .calendar .events menu .previous { background: url(../images/sprites.png) no-repeat -244px -22px; height: 22px; overflow: hidden; position: absolute; left:10px; text-indent:-999px; top: 10px; width: 22px; } .calendar .events .day_group { border-bottom: 1px solid #DDD; overflow: hidden; } .calendar .events .date_block { float: left; margin:20px 0; width: 58px; } .calendar .events .day_of_week { background: #345290; border:1px solid #345290; color: #fff; display:block; font-family: futura-pt; font-size: 11px; font-weight: 400; line-height: 10px; padding:4px 0; text-align:center; } .calendar .events .month { background: #F9F9F9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; color: #666; display:block; font-family: futura-pt; font-size: 14px; font-weight: 400; line-height: 14px; padding:8px 0 4px 0; text-align:center; text-transform:uppercase; } .calendar .events .day { background: #F9F9F9; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; color: #345290; display:block; font-family: adobe-caslon-pro; font-size: 25px; font-style:italic; font-weight: 400; line-height: 25px; padding:0px 0 4px 0; text-align:center; } .calendar .events .event_list { float: right; width: 625px; } .calendar .events .event { background: url(../images/dotted-line-h.png) repeat-x top; padding:20px 20px 20px 0; } .calendar .events .start { background-image: none; } .calendar .events .event h3 { font-size:16px; line-height:20px; } .calendar .events .event a.add_event { background: url(../images/sprites.png) no-repeat -267px -22px; display:block; float: left; height: 16px; margin:0 5px 0 0; overflow: hidden; text-indent:-999px; width: 16px; } .calendar .events .event a.add_event:hover { background-position: -267px -38px; } .calendar .events .event .show_more { background: url(../images/row_closed.png) no-repeat 580px 20px; cursor:pointer; display: block; text-decoration:none; } .calendar .events .event .show_more:hover { background: url(../images/row_closed_hover.png) no-repeat 580px 20px; } .calendar .events .event span.open { background: url(../images/row_open.png) no-repeat 580px 20px; } .calendar .events .event span.open:hover { background: url(../images/row_open_hover.png) no-repeat 580px 20px; } .calendar .events .event .more_info { height:0; overflow: hidden; } .calendar .events .event .more_info div { overflow: hidden; } .calendar .events .event .more_info p { margin-top:10px; } .calendar .events .event img { width: 80px; float: left; margin: 0 15px 0 0; } .calendar .events .no_result h3 { color:#666; font-size:24px; font-style: italic; margin-top:25px; } .calendar .events .event:nth-child(even), .calendar .events .even { background: url(../images/dotted-line-h.png) repeat-x top, -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */ background: url(../images/dotted-line-h.png) repeat-x top, -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */ background: url(../images/dotted-line-h.png) repeat-x top, -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(../images/dotted-line-h.png) repeat-x top, -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* Opera11.10+ */ background: url(../images/dotted-line-h.png) repeat-x top, -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */ background: url(../images/dotted-line-h.png) repeat-x top, linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* W3C */ } .calendar nav.sub { margin-bottom: 1px; } .calendar nav.sub ul li { background: #eee; position: relative; } .calendar nav.sub ul li a { background: #eee; } .calendar nav.sub ul li a:hover, .calendar nav.sub ul li.active, .calendar nav.sub ul li.active a { background: #999; color:#fff; border-color: #EEE; } .calendar nav.sub .today { background: #ccc; color:#fff; display:inline-block; float: right; font-size: 13px; height:22px; padding:0; position: absolute; right:10px; text-align: center; text-transform:none; top:10px; width:60px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; } .calendar nav.sub .today:hover { background-color: #345290; } .calendar nav.calendars ul li { background: #eee; padding: 5px 0; } .calendar nav.calendars ul li a { background: #eee; padding-left: 50px; text-transform: none; } .calendar nav.calendars ul li a:hover, .calendars nav.sub ul li.active a { color: #345290; } .calendar nav.calendars a.academic, .calendar nav.calendars a.academic:hover { background: #eee url(../images/sprites.png) no-repeat 20px -221px; } .calendar nav.calendars a.housing, .calendar nav.calendars a.housing:hover { background: #eee url(../images/sprites.png) no-repeat 20px -254px; } .calendar nav.calendars a.shuttle, .calendar nav.calendars a.shuttle:hover { background: #eee url(../images/sprites.png) no-repeat 20px -285px; } /* Table Like Content */ .content .row_header { clear: both; color: #345290; font-family: futura-pt; font-size: 12px; font-weight: 400; line-height: 16px; margin:30px 0 10px 0; overflow: hidden; padding:0; text-transform:uppercase; } .content .row { background: url(../images/dotted-line-h.png) repeat-x top; clear: both; font-size: 14px; line-height: 18px; overflow:hidden; padding: 20px 0; } .content .row:nth-child(even), .content .even { background: url(../images/dotted-line-h.png) repeat-x top, -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */ background: url(../images/dotted-line-h.png) repeat-x top, -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */ background: url(../images/dotted-line-h.png) repeat-x top, -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(../images/dotted-line-h.png) repeat-x top, -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* Opera11.10+ */ background: url(../images/dotted-line-h.png) repeat-x top, -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */ background: url(../images/dotted-line-h.png) repeat-x top, linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* W3C */ } .content .start { background-image: none; } .content .r_70 { display: block; float:left; margin-right: 7px; width: 69%; } .content .r_60 { display: block; float:left; margin-right: 7px; width: 59%; } .content .r_50 { display: block; float:left; margin-right: 7px; width: 49%; } .content .r_40 { display: block; float:left; margin-right: 7px; width: 39%; } .content .r_30 { display: block; float:left; margin-right: 7px; width: 29%; } .content .r_25 { display: block; float:left; margin-right: 7px; width: 29%; } .content .r_20 { display: block; float:left; margin-right: 7px; width: 19%; } .content .r_15 { display: block; float:left; margin-right: 7px; width: 14%; } .content .r_10 { display: block; float:left; margin-right: 7px; width: 9%; } .content .row .name { font-size: 16px; } .content .row a { color: #345290; } .content .email { font-style:italic; } .content .web { font-style:italic; } .content .row span img { width: 60px; } .content .message { color: #666; font-size: 24px; font-style: italic; line-height: 28px; margin-top: 20px; } .content .insert { width: 220px; } .content .portrait { margin-bottom: 20px; width:220px; } .people .web { display: block; margin: 5px 0 0 0; } menu.tabs { border-bottom: 1px solid #d9d9d9; height: 37px; margin: 10px 0 20px 0; } menu.tabs a { background:#ececec; border:1px solid #d9d9d9; display: block; color: #666; float: left; font-family: futura-pt; font-size: 12px; font-weight: 400; height:16px; line-height: 16px; margin:0 2px 0 0; overflow: hidden; padding:10px 20px; text-decoration: none; text-transform:uppercase; } menu.tabs a:hover { background: #f3f3f3; } menu.tabs a.active, menu.tabs a.active:hover { background: #f3f3f3; border-bottom-color: #f3f3f3; } /*------------------------------------------- Shared Sidebar Elements -------------------------------------------*/ .sidebar .drop_down { background: #345290; margin-bottom: 1px; padding: 20px; } .sidebar .drop_down h4 { color: #fff; margin-bottom: 0; } .sidebar .drop_down select { width: 180px; } .sidebar .section_search { background: #ccc; padding: 20px; } .sidebar .section_search h4 { color: #222; margin-bottom: 0; } .sidebar input.submit { background: #FFCF01; border: 1px solid #CCC; color: #333; cursor: pointer; display: block; font-family: adobe-caslon-pro; font-size: 16px; font-style: italic; height: 36px; line-height: 26px; margin-right:5px; padding: 2px 23px 0 23px; box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; } .sidebar input.submit:hover { background-color:#333; color:#fff; } .content .letter_pagination { border-bottom: 1px solid #ddd; margin: 10px 0; padding: 0 0 10px 0; } .content .letter_pagination a { color: #345290; display: inline-block; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 16px; line-height: 16px; margin: 0; padding: 5px 5px 0px 5px; text-transform: uppercase; } .content .letter_pagination a:hover, .content .letter_pagination a.active { background: #345290; color: #fff; text-decoration: none; } .content .letter_pagination select { float: right; } .content .news_pagination { border-bottom: none; margin: 10px 0 0 0; } .content .news_pagination select { min-width: 120px; } /*------------------------------------------- Datepicker styles -------------------------------------------*/ #datepicker { margin:0; padding: 10px 20px 20px 20px; } #datepicker .ui-datepicker { color: #333; font-family: futura-pt; font-size: 14px; font-weight: 400; line-height: 16px; overflow: hidden; } #datepicker .ui-datepicker .ui-datepicker-header { background: #345290; color: #fff; font-size: 12px; padding: 8px 0; position:relative; text-align:center; text-transform:uppercase; } #datepicker .ui-datepicker .ui-datepicker-header a { background: transparent; border:none; color: #AEBAD3; cursor: pointer; display: inline-block; font-size: 11px; margin: 0; padding:0; position: absolute; top: 6px; width:auto; } #datepicker .ui-datepicker .ui-datepicker-header a:hover { color: #fff; } #datepicker .ui-datepicker .ui-datepicker-header a.ui-datepicker-prev { left:10px; } #datepicker .ui-datepicker .ui-datepicker-header a.ui-datepicker-next { right:10px; } #datepicker .ui-datepicker thead { display:none; } #datepicker .ui-datepicker table { background-color: #ccc; border-collapse: separate; width: 100%; } #datepicker .ui-datepicker td { background-color: #fff; border: 1px solid #eee; border-width: 0 1px 1px 0; margin:1px; text-align: center; } #datepicker .ui-datepicker td a { background-color: #fff; border:none; margin:0; color: #333; font-family: futura-pt; font-size: 12px; font-weight: 400; line-height: 16px; padding:4px; text-decoration: none; } #datepicker .ui-datepicker td a:hover { background-color: #eee; } #datepicker .ui-datepicker .ui-state-disabled { background-color: #F8F8F8; } #datepicker .ui-datepicker .ui-state-active { background-color: #ccc; color: #fff; } #datepicker .ui-datepicker .ui-state-active:hover { background-color: #345290; } /* !Admissions Landing Page */ .feature_label_wrapper { background:#fff; border-bottom:1px solid #ccc; padding: 24px 0 20px; } .feature_label { margin: 0 auto; padding-bottom:14px; } .feature_label span { background: #fff; cursor: pointer; padding:0 15px; } .feature_label span:hover { color:#333; } .feature_label h2 { border-bottom: 3px double #eee; color:#666; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 22px; font-weight: 400; height:12px; margin-bottom: 0; text-align: center; } .admissions_feature { background: #eee; height: 353px; overflow: hidden; position: relative; width: 100%; } .admissions_feature .contents { height: 353px; position: absolute; width: 10000px; } .admissions_feature .column { float: left; height: 352px; padding: 1px 0 0 0; width: 385px; } .admissions_feature .feature_more { height:40px; position: absolute; right: 0; top: 118px; width: 145px; z-index: 111; -moz-transform: rotate(90deg) translate(40px, -53px); -webkit-transform: rotate(90deg) translate(40px, -53px); -o-transform: rotate(90deg) translate(40px, -53px); -ms-transform: rotate(90deg) translate(40px, -53px); transform: rotate(90deg) translate(40px, -53px); box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); } .admissions_feature .feature_more span { background: #FFCE00; cursor: pointer; display:block; font-size: 11px; height: 20px; padding:10px 20px; text-align:center; text-transform: uppercase; width: 105px; } .admissions_feature .feature_more span:hover { background: #fff; text-decoration: none; } .admissions_feature .ask_question { height:40px; position: absolute; left: 0; top: 118px; width: 145px; z-index:112; -moz-transform: rotate(90deg) translate(40px, 53px); -webkit-transform: rotate(90deg) translate(40px, 53px); -o-transform: rotate(90deg) translate(40px, 53px); -ms-transform: rotate(90deg) translate(40px, 53px); transform: rotate(90deg) translate(40px, 53px); box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); } .admissions_feature .ask_question span { background: #FFCE00; cursor: pointer; display:block; font-size: 11px; height: 20px; padding:10px 20px; text-align:center; text-transform: uppercase; width: 105px; } .admissions_feature .ask_question span:hover { background: #fff; text-decoration: none; } .admissions_feature .green:hover { background-color: #718C40; border-color: #FFF; } .admissions_feature .blue:hover { background-color: #345290; border-color: #FFF; } .admissions_feature .red:hover { background-color: #AE2300; border-color: #FFF; } .admissions_feature .orange:hover { background-color: #EF8C40; border-color: #FFF; } .admissions_feature .yellow:hover { background-color: #FFCF01; border-color: #FFF; } .admissions_feature .gray:hover { background-color: #666; border-color: #FFF; } .admissions_feature .purple:hover { background-color: #493266; border-color: #FFF; } .admissions_feature .purple p { color: #7F6E94; } .admissions_feature .green p { color: #9DB078; } .admissions_feature .red p { color: #B95539; } .admissions_feature .orange p { color: #EEB079; } .admissions_feature .blue p { color: #6577AA; } .admissions_feature .gray p { color: #B0B0B0; } .admissions_feature .submit { background: url(../images/sprites.png) no-repeat -461px 0; height: 181px; margin: 81px 0 0 0; position: absolute; width: 39px; z-index: 2; } .admissions_feature .submit:hover { background-position: -422px 0; } .admissions_feature form { background: #FFF; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5); height: 267px; margin: 25px 0 0 41px; padding: 18px 22px; position: absolute; width: 421px; z-index: 2; } .admissions_feature form label { color: #666; display: block; font-family: futura-pt; font-size: 12px; line-height: 12px; margin: 0 0 10px 0; text-transform: uppercase; } .admissions_feature form fieldset { float: left; margin: 0 20px 0 0; width: 200px; } .admissions_feature form fieldset.last { margin: 0; } .admissions_feature form fieldset input { border-top: 1px solid #7C7C7C; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #DDDDDD; padding: 5px; width: 188px; } .admissions_feature form textarea { border-top: 1px solid #7C7C7C; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #DDDDDD; display: block; height: 100px; margin: 0 0 15px 0; padding: 5px; width: 409px; } .admissions_feature form .send { margin: 0 5px 0 0; } .admissions_feature form .send span { background: #FFCF01; } .admissions_feature form .cancel:hover span { background: #E6E6E6; } .admissions_feature form .thank_you { display:none; } .admissions_feature .cell { cursor: pointer; margin: 0 0 1px 0; overflow: hidden; position: relative; width: 384px; -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, .2); box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, .2); } .admissions_feature .cell span { background: #000; bottom: -33px; color: #FFF; display: block; font-family: futura-pt; font-size: 13px; height: 33px; line-height: 33px; position: absolute; text-align: center; text-transform: uppercase; width: 384px; transition: bottom 0.3s ease-in-out; -moz-transition: bottom 0.3s ease-in-out; -webkit-transition: bottom 0.3s ease-in-out; } .admissions_feature .cell:hover span { bottom: 0; } .admissions_feature .cell div { display: none; } .admissions_feature .cell blockquote { background: transparent; color: #FFF; color: rgba(255,255,255,.4); font-size: 24px; font-style:normal; line-height: 30px; margin: 0; padding: 20px; } .admissions_feature .cell p { font-family: futura-pt; font-size: 15px; line-height: 15px; margin: 0; padding: 15px; text-align: right; } .admissions_feature .cell:hover blockquote { color: #FFF; } .admissions_feature .cell_full { height: 351px; } .admissions_feature .cell_full blockquote { height: 266px; } /*.admissions_feature .cell_full span { margin: 318px 0 0 0; }*/ .admissions_feature .cell_half { height: 175px; } .admissions_feature .cell_half blockquote { height: 90px; } /*.admissions_feature .cell_half span { margin: 142px 0 0 0; }*/ .admissions_feature .cell_quarter { height: 87px; } .admissions_feature .cell_quarter blockquote { height: 20px; } .admissions_feature .cell_quarter p { padding: 0 15px 0 0; } /*.admissions_feature .cell_quarter span { margin: 54px 0 0 0; }*/ .admissions_feature .details { border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; height: 325px; padding: 13px 0; position: absolute; width: 100%; z-index: 112; } .admissions_feature .details .wrap { height: 351px; margin: 0 auto; width: 840px; } .admissions_feature .details .close { background: url(../images/sprites.png) no-repeat -390px 0; float: right; height: 32px; width: 32px; } .admissions_feature .details h2 { color: #FFF; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 29px; font-style: normal; line-height: 35px; margin: 0; padding: 25px 0 20px 0; text-transform: none; } .admissions_feature .details div { overflow: hidden; } .admissions_feature .details div p { color: #EEE; color: rgba(255,255,255,0.7); font-size: 18px; line-height: 24px; margin: 0 0 25px 0; } .admissions_feature .details div p a { color: #fff; } .admissions_feature .details hr { margin: 0 0 20px 0; } .admissions_feature .details .vote { background: rgba(255,255,255,0.25); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #FFF; float: right; font-size: 11px; height: 20px; line-height: 22px; margin: 0 0 0 12px; text-align: center; width: 20px; } .admissions_feature .details .vote:hover { background: rgba(0,0,0,0.5); color: #fff; text-decoration: none; } .admissions_feature .details label { color: #FFF; float: right; font-family: futura-pt; font-size: 14px; line-height: 20px; } .admissions_feature .details .thanks { color: #FFF; float: right; font-family: futura-pt; font-size: 14px; line-height: 20px; margin-top:50px; } .is_depauw_right_for_you, .explore_our_campus { background: #FFF; border: 1px solid #CCC; margin: 0 0 10px 0; padding: 2px; width: 453px; } .is_depauw_right_for_you div { background: url(../images/is-depauw-right-for-you.jpg) no-repeat; height: 186px; width: 453px; } .is_depauw_right_for_you h2 { color: #FFF; float: left; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 32px; line-height: 36px; margin: 30px 0 0 20px; text-shadow: 1px 1px 1px #000; text-transform: none; width: 200px; } .is_depauw_right_for_you article { background: #333; background: rgba(0,0,0,0.5); float: right; height: 89px; margin: 55px 20px 0 0; width: 206px; } .is_depauw_right_for_you article p { background: url(../images/dotted-line-h-white.png) repeat-x left bottom; color: #FFF; font-size: 14px; height: 32px; line-height: 16px; margin: 0; padding: 6px 10px 7px 10px; } .is_depauw_right_for_you article p.last { background: transparent; padding-bottom: 6px; } .is_depauw_right_for_you article p a { color: #FFCF01; } .is_depauw_right_for_you .button { margin: 15px 0 0 20px; } .explore_our_campus div { background: url(../images/explore-our-campus.jpg) no-repeat; height: 186px; width: 453px; } .explore_our_campus h2 { color: #212121; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 32px; line-height: 36px; margin: 0 0 5px 0; padding: 30px 0 0 20px; text-transform: none; } .explore_our_campus p { color: #333; color: rgba(51,51,51,0.7); font-size: 18px; line-height: 24px; margin: 0 0 10px 0; padding: 0 20px; } .explore_our_campus .button { margin: 0 0 0 20px; } .admissions_checklist { margin: 0 0 35px 0; overflow: hidden; } .admissions_checklist h2 { background: #FFCF01; color: #333; font-size: 12px; line-height: 12px; margin: 0; padding: 10px 20px; } .content .admissions_checklist .row { background: #F5F5F5 url(../images/row_closed.png) no-repeat 668px center; cursor: pointer; padding: 0; } .content .admissions_checklist .row:hover { background-image: url(../images/row_closed_hover.png); } .content .admissions_checklist .expanded { background-image: url(../images/row_open.png); } .content .admissions_checklist .expanded:hover { background-image: url(../images/row_open_hover.png); } .content .admissions_checklist .alt_row { background-color: #FFF; } .admissions_checklist .border { background: url(../images/dotted-line-h.png) repeat-x left bottom; overflow: hidden; padding: 20px; } .admissions_checklist .checkbox { background: #FFF; border: 1px solid #CCC; cursor: pointer; float: left; height: 20px; margin: 0 15px 0 0; width: 20px; } .admissions_checklist .checkbox .checked { background: url(../images/sprites.png) no-repeat -308px -1px; width: 18px; height: 18px; display: block; margin: 3px 0 0 3px; } .admissions_checklist .info { float: left; width: 590px; } .admissions_checklist h3 { color: #333; color: rgba(51,51,51,0.75); font-size: 18px; line-height: 18px; margin: 5px 0 0 0; } .admissions_checklist header { color: #333; font-size: 16px; line-height: 30px; margin: 0 0 5px 0; overflow: hidden; } .admissions_checklist header span { background: url(../images/sprites.png) no-repeat; float: left; margin: 0 10px 0 0; } .admissions_checklist header a.link_pdf span { display:none;} .admissions_checklist .mouse { background-position: -223px -94px; height: 25px; width: 19px; } .admissions_checklist .paper { background-position: -244px -94px; height: 25px; width: 19px; } .admissions_checklist .letter { background-position: -267px -95px; height: 16px; width: 25px; } .admissions_checklist .thumb { background-position: -294px -94px; height: 25px; width: 19px; } .admissions_checklist .arrow { background-position: -315px -94px; height: 19px; width: 25px; } .admissions_checklist .writing { background-position: -342px -94px; height: 25px; width: 26px; } .admissions_checklist .calendar { background-position: -369px -94px; height: 22px; width: 22px; margin: 0 10px 0 0; } .admissions_checklist p { color: #8C8C8C; font-size: 16px; line-height: 24px; margin: 0 0 15px 0; } .admissions_checklist p small { display: block; font-size: 14px; line-height: 18px; margin: 5px 0 0 0; } .admissions_checklist ul li { float: left; font-size: 16px; line-height: 24px; padding: 0 0 0 20px; width: 275px; } .admissions_checklist footer { background: #ACB8CF; padding: 20px; } .admissions_checklist footer h4 { color: #FFF; } .admissions_checklist footer h4 span { background: url(../images/sprites.png) no-repeat -267px -113px; float: left; height: 16px; margin: 0 10px 0 0; width: 25px; } .admissions_checklist footer p { color: #FFF; font-size: 14px; line-height: 18px; padding: 0 0 0 35px; } .admissions_checklist .more { margin: 10px 0 0 0; overflow: hidden; } .admissions_checklist p:last-child { margin: 0; } .admissions_checklist article { float: left; width: 295px; padding: 15px 0 0 0; } .admissions_checklist article em { display: block; margin: 0 0 10px 0; font-size: 15px; color: #333; } .admissions_checklist .or { width: 60px; float: left; text-align: left; font-weight: 600; font-style: italic; font-size: 17px; color: #CCC; padding: 15px 0 0 0; } .admissions_checklist article.last { width: 255px; } .admissions_checklist article.last ul li { width: 255px; } /* !Libraries Landing Page */ .ask_librarian { background: #CCC; margin: 0 0 1px 0; padding: 15px 20px 30px 20px; } .ask_librarian .chat_online { display: block; font-size: 16px; height: 45px; line-height: 36px; } .ask_librarian .chat_online span { background: url(../images/sprites.png) no-repeat -223px -57px; float: left; height: 31px; margin: 0 10px 0 0; width: 35px; } .ask_librarian .phone { color: #333; font-size: 16px; line-height: 30px; margin: 0 0 10px 0; } .ask_librarian .phone span { background: url(../images/sprites.png) no-repeat -259px -57px; float: left; height: 25px; margin: 0 10px 0 0; width: 28px; } .ask_librarian .sms { color: #333; font-size: 16px; line-height: 30px; margin: 0 0 10px 0; } .ask_librarian .sms span { background: url(../images/sms.png) no-repeat 0px 0px; float: left; height: 24px; margin: 0 10px 0 0; width: 28px; }*/ .ask_librarian .email { display: block; font-size: 16px; line-height: 18px; } .ask_librarian .email span { background: url(../images/sprites.png) no-repeat -289px -58px; float: left; height: 18px; margin: 0 10px 0 0; width: 28px; } /* Library styles to override the LibChat button default styles */ #libchat_btn_widget { position: fixed !important; z-index: 997 !important; right: -5px !important; bottom: 150px !important; } .library_search { background: #FFF; margin: 25px 0 40px 0; overflow: hidden; padding: 20px; } .library_search .left { float: left; width: 440px; } .library_search .right { float: left; width: 180px; } .library_search .button { margin: 24px 0 0 0;} .library_search .button span { font-size: 14px;} .wf-active .library_search .button span { font-size: 16px;} .library_search .divider { background: url(../images/dotted-line-v.png); float: left; height: 82px; margin: 0 19px 0 20px; width: 1px; } .library_search label { color: #333; display: block; font-family: futura-pt; font-size: 18px; font-weight: 400; line-height: 14px; margin: 0 0 10px 0; text-transform: uppercase; } .library_search label a { display: inline-block; margin: 0 0 0 15px; font-family: adobe-caslon-pro; text-transform: none; font-style: italic; font-size: 16px; } .library_search .qwrap { float: left; margin: 0 10px 0 0; padding: 3px 0; } .library_search .query { border: 1px solid #999; font-size: 10px; height: 18px; padding: 3px 5px; width: 323px; } .library_search .submit { background: #FFCF01; border: 1px solid #CCC; box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; color: #333; cursor: pointer; display: block; float: left; font-family: adobe-caslon-pro; font-size: 16px; font-style: italic; height: 36px; line-height: 26px; margin: -1px 0 0 0; padding: 2px 23px 0 23px; } .library_search .submit:hover { background-color: #333; color: #fff; } .library_search .more { width: 660px; float: left; } .library_search .more a { display: block; margin: 10px 0 0 0; } .library_search .more .column { width: 210px; float: left; margin: 0 15px 0 0; } .library_search .more .column_last { margin: 0; } .library_more { width: 660px; float: left; margin-bottom:20px; } .library_more a { display: block; margin: 10px 0 0 0; } .library_more .column { width: 210px; float: left; margin: 0 15px 0 0; } .library_more .column_last { margin: 0; } .library_outage {color:#AE2300 !important;} .library_landing .library_search { margin: 15px 0 10px; overflow: hidden; padding: 20px;} .library_landing .library_search label { color: #333; display: block; font-family: futura-pt; font-size: 18px; font-weight: 400; line-height: 14px; margin: 0 0 10px 0; text-transform: uppercase; } .library_landing .library_search label a { display: inline-block; margin: 0 0 0 15px; font-family: adobe-caslon-pro; text-transform: none; font-style: italic; font-size: 16px; } .library_landing .library_search .query { border: 1px solid #999999; font-size: 16px; height: 26px; padding: 3px 5px; width: 430px;} .library_landing .library_search .submit {margin: 2px 0 0 0; } /* Library updates on June 14th to Make the Library Search More section have bullets */ .library_landing .library_search .qwrap { margin: 0 16px 0 0;} .library_landing .library_more { width: 100%; margin-top:10px; } .library_landing .column a {background: url("../images/li-bg-solid.png") no-repeat scroll 0 4px transparent; margin: 0 15px 10px 0; width: 202px; /* 208 max*/ padding: 0 0 0 20px;} .library_landing .column_last {margin-left:27px;} .library_tweets { height: 150px; margin: 0 0 40px 0; overflow: hidden; width: 700px; } .library_tweets .more { height: 150px; width: 10000px; } .library_tweets section { float: left; height: 150px; width: 700px; } .library_tweets article { background: #FFF; border: 1px solid #EEE; float: left; margin: 0 20px 0 0; padding: 3px; width: 212px; } .library_tweets article.last { margin: 0; } .library_tweets p { background: #F8F8F8; color:#808080; font-size: 13px; height: 83px; line-height: 16px; margin: 0 0 3px 0; overflow: hidden; padding: 15px; } .library_tweets em { background: #4ED3FF; color: #FFF; display: block; font-size: 12px; font-style: italic; height: 25px; line-height: 25px; padding: 0 15px; } /* Library Dashboard */ .library_dashboard { height: 435px; overflow: hidden; position: relative; width: 700px; } .library_dashboard .column { float: left; height: 435px; padding: 1px 0 0; width: 350px; } .library_dashboard .cell { cursor: pointer; margin: 0 0 1px; overflow: hidden; position: relative; width: 328px; height: 125px; padding: 10px; } .library_dashboard .cell blockquote { background: none; font-size: 24px; font-style: normal; line-height: 30px; margin: 0; font-family: futura-pt; padding-left: 0; } .library_dashboard blockquote span { font-size: 48px; font-weight: 300; } .library_dashboard div { font-family: adobe-caslon-pro, "Georgia", serif; font-weight: normal; color: #666666; line-height: 20px; margin-top:10px; } .more_library_dashboard { color: #999; cursor: pointer; float: right; font-family: futura-pt; font-size: 14px; font-weight: 500; line-height: 16px; margin: 5px 0 0 0; text-transform: uppercase; } .more_library_dashboard span { background: url(http://www.depauw.edu/images/sprites.png) no-repeat -142px 0; float: left; height: 16px; margin: 0 5px 0 0; width: 12px; } .more_library_dashboard:hover { color: #333; text-decoration: none; } .library_dashboard .green {color: #718C40;} .library_dashboard .blue {color: #345290;} .library_dashboard .red {color: #AE2300;} .library_dashboard .orange {color: #EF8C40;} .library_dashboard .yellow {color: #FFCF01;} .library_dashboard .gray {color: #666666;} .library_dashboard .purple {color: #493266;} .library_dashboard .black {color: #CCCCCC;} .more_library_archives_dashboard { color: #999; cursor: pointer; float: right; font-family: futura-pt; font-size: 14px; font-weight: 500; line-height: 16px; margin: 5px 0 0 0; text-transform: uppercase; } .more_library_archives_dashboard span { background: url(http://www.depauw.edu/images/sprites.png) no-repeat -142px 0; float: left; height: 16px; margin: 0 5px 0 0; width: 12px; } .more_library_archives_dashboard:hover { color: #333; text-decoration: none; } /* !News Landing Page */ .search_sidelet { background: #CCC; margin: -20px 0 0 0; padding: 20px; } .search_sidelet h3 { font-size: 14px; line-height: 14px; margin: 0 0 10px 0; } .search_sidelet .query { border: 1px solid #999; display: block; font-size: 10px; height: 16px; margin: 0 0 10px 0; padding: 3px 5px; width: 168px; } .search_sidelet .checkbox { float: left; margin: 0 5px 0 0; } .search_sidelet .radio { float: left; margin: 0 5px 0 0; } .search_sidelet label { float: left; font-size: 12px; line-height: 12px; margin: 0 15px 0 0; padding: 2px 0; } .search_sidelet .submit { display: block; } .rss_news_feed { background: #F6F6F6; color: #333; display: block; font-family: futura-pt; font-size: 14px; font-weight: 400; line-height: 18px; margin: 1px 0; padding: 15px 20px; } .rss_news_feed span { background: url(../images/sprites.png) no-repeat -159px -23px; float: left; height: 18px; margin: 0 10px 0 0; width: 18px; } .rss_news_feed:hover { color: #345290; text-decoration: none; } .news_column_right { float: right; width: 220px; } .news_column_right .in_the_media { padding-top: 0; } .news_column_left { float: left; width: 460px; } .news_list .row h3 { font-size: 18px; line-height: 22px; margin: 0; } .news_list .row h3 a { color: #333; } .news_list .row p { margin: 0; font-size: 14px; line-height: 18px; } .news_list .row p .date { margin: 0 0 10px 0; display: block; } /* !Academics Pages */ .academic_programs { float: left; margin: 15px 0 0 20px; width: 300px; } .academic_departments { float: left; margin: 15px 0 0 0; width: 380px; } .academic_programs ul li, .academic_departments ul li { background-position: 5px 4px; font-size: 16px; } .academic_departments ul li a, .academic_programs ul li a { color: #333; } .self_designed_majors { float: left; margin: 0 20px 0 0; width: 460px; } .self_designed_majors p { font-size: 14px; line-height: 18px; } .self_designed_examples { float: left; width: 220px; } .self_designed_examples ul li { background-position: 5px 4px; color: #333; font-size: 16px; } .academic_news { background: #F6F6F6; float: left; margin: 0 20px 0 0; padding: 15px; width: 190px; } .academic_middle { float: left; width: 460px; } .academic_middle p { font-size: 14px; line-height: 18px; margin: 0 0 15px 0; } /* !School of Music */ /* Styles switched out 4/1 for the new music landing and music news pages */ /* !School of Music */ .som_overlay { width: 694px; height: 241px; position: absolute; z-index: 5; } .som_overlay h2 { position: absolute; color: #FFF; font-size: 49px; line-height: 49px; margin: 20px 0 0 20px; text-shadow: 1px 1px 1px #000; text-transform: none; font-weight: 400; } .som_overlay .button span { background: #FFCF01; position: absolute; margin: 188px 0 0 237px; width:392px; text-align:center;} .som_overlay .button:hover span { background: #E5E5E5; } .som_overlay p { position: absolute; background: #000; background: rgba(0,0,0,0.5); color: #FFF; font-size: 16px; line-height: 20px; padding: 10px 15px; width: 426px; height: 80px; margin: 69px 0 0 218px; } .som_overlay_img img.som_shadow {position: absolute; z-index: 4; } .som_overlay_img img.som_image {position: relative; top:0; z-index: 3; } .music_landing .contact_sidelet { background:none; margin-bottom:0; padding:0; padding-bottom:10px;} .music_landing .social-networks-narrow, .music-news-template .social-networks-narrow {border:none; /*padding-bottom:10px;*/ padding: 0 0 0 20px; background:none; margin-bottom:0;} .music_landing .social-networks-narrow a, .music-news-template .social-networks-narrow a {display:block; height:40px; } .music_landing .social-networks-narrow span, .music-news-template .social-networks-narrow span { display:inline-block; float:none; font-size: 14px; font-family: futura-pt; width: 135px; color: #666; margin-left:10px; position:relative; top:3px; } .music_landing .columns_3 .block_image_link img {width: 214px;} .music_landing .columns_3 h3 {font-family: futura-pt; text-transform:uppercase;} .music_bottom_block p { font-size:24px; line-height:28px; color:#222; margin-bottom:0;} .music-news-template section.music-news p { font-size: 14px; margin: 0; } .music-news-template section.music-news p a {color: #262626;} .music-news-template section hr { margin: 15px 0; } .music-news-template section.music-news { border-bottom: 1px solid #EDEDED; border-top: 1px solid #EDEDED; margin: 15px 0 15px 0; padding: 20px 0; } .music-news-template .search_sidelet {margin-bottom:10px;} .music-news-template h4.older-news { color: #333333; font-family: futura-pt; font-size: 16px; font-weight: 400; line-height: 26px; margin: 0 0 12px; text-transform: uppercase; float:right; } .music-news-template h4.older-news a { background: url("../images/sprites.png") no-repeat scroll -102px 0 rgba(0, 0, 0, 0); float: right; height: 18px; margin-top: 4px; margin-left:10px; overflow: hidden; text-indent: -1000px; width: 18px; } /* original music styles */ .flexible_gray section.info { margin-top: 10px; } .music_apply { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; display: block; padding: 2px; transition: all 0.3s linear 0s; } .music_apply p { color: #FFFFFF; font-size: 14px; margin: 0; padding: 10px 15px; } .black { background-color: #222222; border-color: #CCCCCC; } .music_events td { vertical-align: top; } .music_events .middle { padding: 10px 5px 10px 5px; margin:0 5px; } .content table .music_row1 td { background: #FFF; padding:10px; } .content table .music_row2 td { background: #F5F5F5 !important; padding:10px; } .music_events table {margin: 0 0 10px;} .music_events .block_image { margin-bottom: 10px; padding-right:2px; width:200px; } .music_events .event h4 { margin-bottom:10px; height: 34px; } .music_read_more { color: #333333; font-family: futura-pt; font-size: 14px; font-weight: 400; line-height: 18px; margin: 0 0 13px; text-transform: uppercase; text-align: left; } /* !Anniversary Styles */ .subpage_no_border { border-top: none; } .anniversary_media { background: #DDD; padding: 25px 0; position: relative; border-bottom: 1px solid #CCC; overflow:hidden; } .anniversary_media section { height:360px; width: 940px; margin: 0 auto; position:relative; } .anniversary_media h2 { border-bottom: 3px double #CCC; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 18px; font-weight: 400; height: 12px; margin-bottom: 0; text-align: center; color: #666; line-height: 30px; } .anniversary_media h2 span { background: #DDD; padding: 0 15px; } .anniversary_media .motd { width: 100000px; height: 300px; left:0; margin: 35px 0 0 0; position:absolute; } .anniversary_media .motd article { width: 452px; height: 300px; float: left; margin: 0 20px 0 0; padding: 0 20px 0 0; border-right: 1px solid #CCC; } .anniversary_media .motd article:last-child { border: none; padding: 0; margin: 0; } .anniversary_media .motd article p { background: #FFF; padding: 2px; position: absolute; margin: 17px 0 0 -20px; } .anniversary_media .motd article p span { border: 1px solid #EEE; width: 44px; height: 22px; line-height: 24px; display: block; text-align: center; font-size: 14px; color: #335290; } .anniversary_media .motd article img, .anniversary_media .motd article iframe, .anniversary_media .motd article embed, .anniversary_media .motd article object { width: 452px; height: 300px; } .anniversary_media .anniversary_more { height:40px; position: absolute; right: 0; top: 165px; width: 145px; -moz-transform: rotate(90deg) translate(40px, -53px); -webkit-transform: rotate(90deg) translate(40px, -53px); -o-transform: rotate(90deg) translate(40px, -53px); -ms-transform: rotate(90deg) translate(40px, -53px); transform: rotate(90deg) translate(40px, -53px); box-shadow: 0 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3); } .anniversary_media .anniversary_more span { background: #FFCE00; cursor: pointer; display:block; font-size: 11px; height: 20px; padding:10px 20px; text-align:center; text-transform: uppercase; width: 105px; } .anniversary_media .anniversary_more span:hover { background: #fff; text-decoration: none; } /* Form Styles */ .formbuilder fieldset { overflow: hidden; margin: 0 0 25px 0; } .formbuilder label { display: block; margin: 0 0 10px 0; font-family: futura-pt; font-weight: 400; color: #666; line-height: 14px; font-size: 14px; text-transform: uppercase; } .formbuilder label.required { background:url("../images/form_required.png") no-repeat left; padding-left: 10px; } .formbuilder .fb_sublabel { margin: 5px 0 0 0; font-family: "Lucida Grande"; font-size: 10px; color: #999; line-height: 10px; text-transform: none; } .formbuilder .fb_centered { text-align: center; } .formbuilder input { border-top: 1px solid #7C7C7C; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #DDDDDD; height: 21px; padding: 3px 5px; width: 450px; font-size: 13px; } .formbuilder textarea { border-top: 1px solid #7C7C7C; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #DDDDDD; padding: 5px; font-size: 11px; width: 450px; height: 100px; } .formbuilder .fb_radio { margin: 0 0 10px 0; font-size: 14px; line-height: 14px; padding: 0 0 0 5px; } .formbuilder .fb_radio input { width: auto; height: auto; margin: 0 5px 0 0; } .formbuilder .fb_radio_last { margin: 0; } .formbuilder .fb_checkbox { margin: 0 0 10px 0; font-size: 14px; line-height: 14px; } .formbuilder .fb_checkbox input { width: auto; height: auto; margin: 0 5px 0 0; } .formbuilder .fb_checkbox_last { margin: 0; } .formbuilder select { display: block; } .formbuilder .fb_wrap { overflow: hidden; } .formbuilder .fb_firstname, .formbuilder .fb_lastname, .formbuilder .fb_split, .formbuilder .fb_column { float: left; margin: 0 20px 0 0; width: 221px; } .formbuilder .fb_firstname input, .formbuilder .fb_lastname input, .formbuilder .fb_split input, .formbuilder .fb_column input { width: 209px; } .formbuilder .fb_column textarea { width: 209px; } .formbuilder .fb_column .fb_checkbox input, .formbuilder .fb_column .fb_radio input { width: auto; height: auto; } .formbuilder .fb_date_2 { float: left; width: 40px; margin: 0 10px 0 0; } .formbuilder .fb_date_2 input { width: 28px; } .formbuilder .fb_date_4 { float: left; width: 55px; } .formbuilder .fb_date_4 input { width: 43px; } .formbuilder .fb_date_picker { background: #FFF url(../images/icon_calendar.jpg) no-repeat 434px 3px; } .formbuilder .fb_full { margin: 0 0 15px 0; overflow: hidden; } .formbuilder .fb_split { margin: 0 20px 15px 0; overflow: hidden; } .formbuilder .fb_phone_3 { float: left; width: 40px; margin: 0 10px 0 0; } .formbuilder .fb_phone_3 input { width: 28px; } .formbuilder .fb_phone_4 { float: left; width: 55px; } .formbuilder .fb_phone_4 input { width: 43px; } .formbuilder fieldset p { font-size: 14px; line-height: 16px; margin: 0 0 10px 0; } .formbuilder .fb_submit { background: url(../images/dotted-line-h.png) repeat-x; padding: 15px 0 0 0; width: 462px; } .formbuilder .fb_submit input { width: auto; border: 0; height: auto; padding: 0; } .formbuilder input.error, textarea.error { border-color: #AE2300; } .formbuilder div.error { border-color:#AE2300; border-top: 1px solid #AE2300; border-left: 1px solid #AE2300; border-right: 1px solid #AE2300; border-bottom: 1px solid #AE2300; padding: 5px; } .formbuilder .fb_errors, .fb_errors { background: #AE2300; padding: 15px; color: #fff !important; vertical-align:top; border: 1px solid #AE2300; -webkit-box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; -webkit-box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; -webkit-box-shadow: inset 0px 0px 0px 1px #fff; box-shadow: inset 0px 0px 0px 1px #fff; -moz-box-shadow: inset 0px 0px 0px 1px #fff; -webkit-box-shadow: inset 0px 0px 0px 1px #fff; } .section-libraries .formbuilder .fb_errors { position:absolute; top:240px;} /*.formbuilder .error { line-height: 55px; }*/ .recaptchatable .recaptcha_r2_c1 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -18px 0 transparent !important; } .recaptchatable .recaptcha_r2_c2 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -27px 0 transparent !important; } .recaptchatable .recaptcha_r4_c2 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -36px 0 transparent !important; } .recaptchatable .recaptcha_r4_c4 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -214px 0 transparent !important; } /* Dogwood Styles */ .dogwood_posts { overflow: hidden; margin: 15px 0; } .dogwood_posts hr { clear:both;} .dogwood_image { float: right; margin: 0 0 25px 25px; } .dogwood_image img { width: 300px; } .dogwood_post_small_image { float: right; margin: 0 0 15px 15px; } .dogwood_post_small_image img { width: 200px; } .dogwood_posts h3 { margin: 0 0 3px 0; } .dogwood_posts p { margin: 0 0 10px 0; font-size: 16px; line-height: 20px; } .dogwood_posts .dogwood_post_links { margin: 0 0 25px 0; } .dogwood_sidebar { } .dogwood_sidebar nav.sub { margin-bottom: 20px; } .dogwood_sidebar nav.sub ul li { background: #eee; position: relative; } .dogwood_sidebar nav.sub ul li a { background: #eee; text-transform:none; } .dogwood_sidebar nav.sub ul li a:hover, .dogwood_sidebar nav.sub ul li.active a:hover { background: #999; color:#fff; border-color: #999; } .dogwood_sidebar nav.sub ul li.active a { background: #eee; color:#666; border-color: #EEE; border-left:4px solid #999; padding-left: 15px; } .dogwood_sidebar .parent_nav nav.sub { margin: 0 0 20px 0; overflow: hidden; } .dogwood_sidebar .parent_nav nav.sub ul li { margin: 0; } .dogwood_sidebar .parent_nav nav.sub ul li a { background: #FFF; border:1px solid #eee; color: #666; display: block; font-family: futura-pt; font-size: 14px; line-height: 20px; margin-top:-1px; padding: 8px 19px; text-transform: uppercase; } .dogwood_sidebar .parent_nav nav.sub ul li a:hover, .dogwood_sidebar .parent_nav nav.sub ul li.active a:hover { background:#FFCF01; border-color:#FFCF01; color:#222; text-decoration: none; } .dogwood_sidebar .parent_nav nav.sub ul li.active a { background:#FFCF01; border-color: #FFCF01; color:#222; text-decoration: none; } .dogwood_comments { } .dogwood_comments ul { margin: 0; padding: 0; } .dogwood_comments ul li { background:#eee; margin:0 0 1px 0; padding:20px 20px 10px 20px; } .dogwood_comments ul li p { } .dogwood_comments .dogwood_comment_author { color:#222; font-style:italic; } /* Search Styles */ #cse { } #cse table, #cse td { background: none; border: none; padding: 0; margin: 0; } #cse .gsc-control-cse { background: none; border: none; padding: 0; margin: 0; width: 100%; } #cse .gsc-results { width: 100%; } #cse .gsc-tabsArea, #cse .gsc-resultsHeader { display: none; } #cse .gsc-search-box { padding: 0 0 10px 0; } #cse .gsc-adBlockVertical { display: none; } #cse table.gsc-search-box { border: none; } #cse table tbody { border: none !important; } #cse form.gsc-search-box { width: 675px; } #cse .gsc-search-box td { border: none; padding:0; } #cse .gsc-search-box input.gsc-input { background: #FFF; background-position: 10px !important; border: 1px solid #E5E5E5; color: #666; display: block; font-family: futura-pt, sans-serif; font-size: 20px; height: 30px; line-height: 30px; padding: 8px 10px; width: 560px; } #cse .gsc-search-box input.gsc-search-button { background: #FFCF01; border: 1px solid #CCC; color: #333; cursor: pointer; display: block; float: left; font-family: adobe-caslon-pro; font-size: 16px; font-style: italic; height: 48px; line-height: 26px; margin-right:5px; padding: 2px 23px 0 23px; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; box-shadow: inset 0px 0px 0px 3px #fff; -moz-box-shadow: inset 0px 0px 0px 3px #fff; -webkit-box-shadow: inset 0px 0px 0px 3px #fff; } #cse .gsc-search-box input.gsc-search-button:hover { background-color:#333; color:#fff; text-shadow: none; } #cse .gsc-search-box td.gsc-clear-button { width: 50px; } #cse .gsc-search-box div.gsc-clear-button { display:none; } #cse .gsc-thinWrapper { width: 100%; } #cse .gs-spelling b, #cse .gs-spelling i, #cse .gs-spelling a { color: #666; font-weight: normal; text-decoration: none; } #cse .gsc-result-info { border: none; color: #999; font-family: futura-pt, sans-serif; font-size: 14px; margin: 8px 0; padding:0;} #cse .gsc-table-result { color: #666; font-family: futura-pt, sans-serif; font-size: 14px } #cse .gsc-result { background: url(../images/dotted-line-h.png) repeat-x top; border: none; clear: both; font-family: futura-pt, sans-serif; font-size: 14px; line-height: 18px; margin: 0 ; overflow:hidden; padding: 20px 0; } #cse .gsc-result:nth-child(even) { background: url(../images/dotted-line-h.png) repeat-x top, -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */ background: url(../images/dotted-line-h.png) repeat-x top, -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */ background: url(../images/dotted-line-h.png) repeat-x top, -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(../images/dotted-line-h.png) repeat-x top, -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* Opera11.10+ */ background: url(../images/dotted-line-h.png) repeat-x top, -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */ background: url(../images/dotted-line-h.png) repeat-x top, linear-gradient(left, rgba(255,255,255,0) 0%,rgba(246,246,246,1) 100%); /* W3C */ } #cse .gs-result img.gs-image { border:none; max-width: 60px; } #cse .gs-result .gs-web-image-box { padding:0; margin:0 10px 0 0; } #cse .gs-no-results-result .gs-snippet { background: none; border: none; font-size: 24px; font-style: italic; font-weight: 400; line-height: 32px; } #cse .gs-title { color: #345290; height: auto; text-decoration: none; } #cse .gs-title b { color: #345290; text-decoration: none; font-wight: normal; } #cse a.gs-title { color: #345290; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 18px; font-weight: normal; } #cse a.gs-title:hover b, #cse a.gs-title:hover { font-wight: normal; text-decoration: underline; } #cse .gs-snippet { color: #666; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-size: 14px; line-height: 20px; } #cse .gs-snippet b { color: #333; font-weight: normal; } #cse .gs-visibleUrl { color: #999; font-size: 14px; margin: 8px 0 0; } #cse .gs-visibleUrl-short { display: none; } #cse .gs-visibleUrl-long { display: block; overflow: visible; } #cse .gsc-cursor-box { border-top: solid 1px #EBEBEA; padding: 18px 0 8px; overflow: hidden; } #cse .gsc-cursor { } #cse .gsc-cursor-page { color: #666; display: block; font-family: futura-pt, sans-serif; font-size: 14px; font-weight: normal; float: left; line-height: 24px; text-align: center; width: 24px; text-decoration: none; height: 24px; } #cse .gsc-cursor-page:hover { background: #eee; } #cse .gsc-cursor-current-page, #cse .gsc-cursor-current-page:hover { background: #345290; color: #fff; font-weight: normal; } #cse .gsc-trailing-more-results { /* display:none; */ } .content.sitemap { float: none; width: auto; } .content.sitemap ul li { background-position: left 4px; float: left; font-size: 15px; line-height: 1.2; padding: 0 0 0 2%; overflow: hidden; width: 31%; } .content.sitemap > ul > li > a, .content.sitemap > ul > li > span { color: #335290; font-size: 17px; } .content.sitemap ul li ul li { float: none; padding: 0 0 0 20px; margin: 0; width: auto; } .content.sitemap ul li ul li a { color: #333; } .content.sitemap ul li ul li ul li { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 12px; } .content.sitemap ul li ul li ul li a { color: #666; } .content.sitemap ul ul { margin: 15px 0 0; } .arts_landing_gallery_link { margin-bottom: 3px; } /* Fixes by Andrea A. */ .content .course-catalog ul li { font-size: 14px; line-height: 18px; margin: 0 0 10px 0; padding: 0 0 0 25px; } .section-news-media .content { color: #666; font-size: 18px; line-height: 24px; margin: 0 0 20px 0; } /* catches old news content that fell outside of paragraphs */ .section-handbooks h2 a, .section-handbooks h3 a { text-decoration:underline;} /* styles so that links that are headers in the Handbook are underlined */ .section-handbooks h2 a:hover, .section-handbooks h3 a:hover { color: #335290;} /* styles so that links that are headers in the Handbook are underlined */ /* Faculty Experts Guide */ #expert-guide h1 {margin-bottom:.5em;} #expert-guide h3 {margin-bottom:0;} #expert-guide .highlight h3 {margin: 0 0 8px;} #expert-guide .highlight .block_left { float: left; margin: 0 20px 15px 0;} #expert-guide h3 a {color: #335290;} #expert-guide p {margin: 0 0 15px;} #expert-guide h4 {color:#333;} #expert-guide h4.department {font-size: 18px; font-style: italic; font-family: "adobe-caslon-pro-n4","adobe-caslon-pro","Georgia",serif; font-weight: 400; line-height: 32px; text-transform:none; color: #666;} #expert-guide ul.expertlist li { background:none; padding: 0} #expert-guide ul.expertlist li span, #expert-guide-details span { float:left; margin-right:0.5em; font-family: futura-pt, sans-serif; text-transform:uppercase; font-size:0.8em; line-height:1.4em;} #expert-guide ul.expertlist li.specialties p, div.guide-details p {font-style:italic; font-weight:bold;} div.guide-details {margin-bottom:2em;} #expert-guide em { color: #666;} #expert-guide .thumbnail {width:120px; height:83px; float:right;} #expert-list { min-height:400px;} #expert-guide-details h3 {font-family: futura-pt, sans-serif; text-transform:uppercase; font-size:1em;} /* Department Announcements */ #announcement-list .block_left {float: left; margin: 0 25px 0 0;} #announcement-list .content .block_image_link {margin: 0;} #announcement-list .row h3 {font-size: 18px; line-height: 22px; margin: 0;} #announcement-list .row h6 {font-size: 10px; color:#999; font-family: futura-pt; font-weight: 400; text-transform: uppercase; padding-bottom:10px;} #announcement-list .row p {font-size: 14px; line-height: 18px; margin: 0;} #announcement-list .row p .date {display: block; margin: 0 0 10px;} #announcement-list .row h3 a, #announcement-list .row h3 a p {color: #333; font-size: 18px;} /* Handbooks Styles */ .handbooks ol{list-style:none;margin:18px 0 0} .handbooks ol .title{color:#222;font-size:28px;font-weight:400;line-height:54px;margin:0} .handbooks ol ol{margin:18px 0 0 36px} .handbooks ol ol li{list-style:upper-roman;font-size:22px} .handbooks ol ol ol li{list-style:upper-alpha;font-size:18px} .handbooks ul li{list-style:none!important;font-size:16px!important;margin:18px 0 0 24px} .handbooks ol ol .title{color:#333;font-family:futura-pt;font-size:24px;line-height:20px;font-weight:400;text-transform:uppercase;margin:0 0 17px} .handbooks ol ol .handbook_content{padding-left:48px} .handbooks ol ol ol .title{color:#333;font-family:adobe-caslon-pro;font-size:22px;font-weight:400;line-height:26px;margin:0 0 13px} .handbooks ol ol ol ol .title{color:#345290;font-family:futura-pt;font-size:14px;font-weight:400;line-height:18px;text-transform:uppercase;margin:0 0 13px} .handbooks ol li.handbook_section .handbook_content{font-size:18px!important} .handbooks ol.level-1{margin:0 0 0 48px} .handbooks ol.level-2,.handbooks ol.level-3,.handbooks ol.level-4,.handbooks ol.level-5,.handbooks ol.level-6{margin:0} .handbooks ol ol ol ol li,.handbooks ol ol ol ol ol ol li{list-style:decimal;font-size:16px} .handbooks ol ol ol ol ol li,.handbooks ol ol ol ol ol ol ol li{list-style:lower-alpha;font-size:16px} /* Safety Log */ .safety-log #field_Latitude,#field_Longitude{color:#666;background-color:#CCC} .safety-log dform.module .date_float{width:223px;float:left;margin:0 15px 0 0} .safety-log form.module .date_float input{width:213px;background:#FFF url(../images/icon_calendar.jpg) no-repeat 192px 2px} .safety-log form.module .time_float{width:322px;float:left;margin:0 15px 0 0} .safety-log form.module .time_float input{width:212px;background:#FFF url(../images/icons/time.png) no-repeat 197px 3px} .safety-log .pagination{font-family:futura-pt;margin:40px 0} .safety-log .pagination ul{display:inline;margin:0 0 0 1px;padding:0} .safety-log .pagination ul li,.perpg ul li{background:none;display:inline;margin:0;padding:0} .safety-log .pagination ul li a,.pagination li.active{border:1px solid lightgray;font-size:14px;margin:2px;padding:4px 6px} .safety-log .perpg{border:0 solid #0FF;float:right;font-family:futura-pt;font-size:12px;margin:0} .safety-log .perpg ul{margin-left:1px;display:inline;padding:0} .safety-log .perpg ul li a{border:1px solid lightgray;font-size:12px;margin:2px;padding:4px} .safety-log .perpg ul li.active {border:1px solid lightgray;font-size:12px;margin:2px;padding:4px;background-color:#333;color:#fff} .safety-log table#Activity_Log tbody td{font-size:14px;font-family:futura-pt;vertical-align:top;padding:5px} .safety-log table#Activity_Log .reported,table#Activity_Log .occurred{width:90px} .safety-log .pagination .active,.perpg .active a{border:1px solid #000;background-color:#333;color:#fff} .safety-log .pagination .next-off,#pagination .previous-off,.perpg .next-off,#pagination .previous-off{color:lightgray} .safety-log .pagination .active {padding:4px 6px;} .pagination ul li.previous-off,.pagination ul li.next-off {border: 1px solid lightgray; font-size: 14px; margin: 2px; padding: 4px 6px; color:lightgray} .ask-a-librarian-widget {position: fixed; z-index: 997; right: 0; bottom: -248px; margin-right: 10px;} .ask-a-librarian-widget h5 { text-align: right; font-weight: normal; font-style: italic; font-size: 20px; position: relative; height: 40px; } .ask-a-librarian-widget h5 a{ display: block; color: #000; background-color: #FFCE00; float: right; padding: 10px 10px; margin-bottom: -4px; border: 4px solid #fff; box-shadow: 0px -1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.2); border-bottom: none; } .ask-a-librarian-widget .box { background-color: #FFCE00; clear: right; height: 224px; width: 410px; padding: 10px 10px; border: 4px solid #fff; box-shadow: 0px -1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.2); border-bottom: none; font-family:futura-pt; color: #000; } /* '------------------------------------------------------------ ' Start - Search '------------------------------------------------------------ */ #HPsearch { /*background-color:#fff;*/ padding: 0px 10px 5px 10px; } #HPsearch h2 { margin: -3px 0 0px 0; text-transform:uppercase; } #HPsearch .searchTabs { list-style: none; margin: -35px 0 0 0; } #HPsearch .searchTabs li {display: inline;} #HPsearch {} #HPsearch .searchForm {margin: 0;padding: 0; } .Wide #HPsearch .searchForm {width:485px;} #HPsearch .searchForm div { background: #ccc repeat-x scroll center top; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; min-height: 130px; margin: 0; padding: 0; } #HPsearch .searchForm div form{ margin-top:10px;} #HPsearch .searchTab { margin: 0; background:none; padding: 0 35px 0 0;} #HPsearch .searchTab a { padding: 7px 10px; border: 1px solid #ccc; border-bottom: none; color: #000; font-weight: bold; font-family: arial; font-size: 85%; } #HPsearch .searchTab a.selectedTab span { font-weight: bold !important; } #HPsearch .searchTab a.selectedTab { padding: 7px 10px; background: #ccc repeat-x scroll center top; border: 1px solid #ccc; border-bottom: none; color: #000; font-size: 85%; outline: none; } #HPsearch a.askLibrarian { left: 300px; display: block; position: relative; text-decoration: none; width: 160px; margin: 0 0 13px 0; } #HPsearch .askLibrarian span { visibility:hidden; } #HPsearch .searchForm form.database { margin: 0; margin: 0px 0 -2px 105px; padding: 7px 0 5px 10px; font-size: 95%; } #HPsearch .searchForm form label{ font-size: 12px; } #HPsearch form.catalogHome { margin: 0 !important; vertical-align: bottom; padding: 10px 0 15px 10px; } #HPsearch form.worldcat { margin: 0 !important; vertical-align: bottom; padding: 0px 0 0 10px; } #HPsearch form.databaseSearch { margin: 0px 0 0 0 !important; vertical-align: bottom; padding: 10px 0 0px 10px; } #HPsearch form.journalSearch { margin: 0px 0 0 0 !important; vertical-align: bottom; padding: 20px 0 15px 10px; } #HPsearch form.quickSearch { margin: 0px 0 0 0 !important; vertical-align: bottom; padding: 20px 0 5px 10px; } #HPsearch form.googleSearch { margin: 0px 0 0 0 !important; vertical-align: bottom; padding: 0px 0 7px 10px; } #HPsearch ul.abcSearch { margin: -5px 0 0 0; padding: 0 0 0 10px; font-family: Verdana, Arial; font-size: 90%; font-weight: bold; } #HPsearch ul.abcSearch li{ margin: 0; padding: 3px 5px 0 3px; list-style: none; display: inline; background: none; } #HPsearch ul.otherSearch { margin: 10px 0 7px 0px; padding: 0 0 0 15px; font-family: Arial, verdana; font-size: 90%; } #HPsearch ul.otherSearch li{ margin: 10px 0px 0px 0px; list-style: none; display: inline; font-size: 90%; } #HPSearch ul.otherSearch li a { font-weight: bold !important; } #HPsearch form.quickSearch p.searchNote { font-family: Arial, verdana; font-size: 82%; margin: -10px 0 10px 0; padding: 0 0 0 0; } #HPsearch form.quickSearch table td { font-family: Arial, verdana; font-size: 82%; margin: -10px 0 10px 0; padding: 0 0 0 0; } #HPsearch ul.otherSearchwNote { margin: 0px 0 0 0px; padding: 0 0 0 15px; font-family: Arial, verdana; font-size: 90%; font-weight: bold; } #HPsearch ul.otherSearchwNote li{ margin: 0px 0px 0px 0px; list-style: none; display: inline; font-size: 90%; } #HPsearch ul.noborderABC { margin: -20px 0 0 -30px; padding: 5px 0 0 40px; } #HPsearch ul.noborderABC li { font-size: 85%; padding: 1px 4px 1px 4px; display: inline; } /* '------------------------------------------------------------ ' End - Search Tabs '------------------------------------------------------------ */ .section-news-media .AudioLink, .section-news-media .VideoLink { font-size: 15px; } .section-news-media .AudioLink img, .section-news-media .VideoLink img { margin: 0px 4px 10px 4px; } .athletics-listen-live,.athletics-live-video,.athletics-live-stats { font-size: 13px; color: #666; padding: 0 0 0 6px; } /* LDAP Form ------------------------------------------------------------*/ #LDAPAuthenticationForm { width: 270px; margin: 0 auto; padding: 60px 0 0 0; text-align: center; font-family: futura-pt,sans-serif; } #LDAPAuthenticationForm form { background-color: #ccc; background-color: rgba(0,0,0,0.1); margin: 20px auto 10px auto; padding: 10px 20px 20px 20px; -moz-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #LDAPAuthenticationForm .oneField { margin: 0 0 15px 0; } #LDAPAuthenticationForm label { display: block; color: #000; text-align: left; text-transform: uppercase; font-weight: normal; } #LDAPAuthenticationForm #dpu_username, #LDAPAuthenticationForm #dpu_password { font-size:20px; margin-right:6px; padding:3px; width:97%; } #LDAPAuthenticationForm .submitButton { float: right; font-size: 110%; width: 10em; } #LDAPAuthenticationForm .notice { width: 75%; margin: 20px auto 10px auto; padding: 10px 20px 20px 20px; background-color: rgba(255,255,255,0.1); -moz-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: none; color: #fff; } #LDAPAuthenticationForm .notice a { color: #fff; } #LDAPAuthenticationForm .notice h4 { margin-bottom: 10px; } #LDAPAuthenticationForm .notice p { margin: 0; } /* Responsive Mobile Menu v1.0 Plugin URI: responsivemobilemenu.com Author: Sergio Vitov Author URI: http://xmacros.com License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/ */ .rmm { display:block; position:relative; padding:0px; margin:0 auto !important; text-align: center; line-height:19px !important; } .rmm * { -webkit-tap-highlight-color:transparent !important; } .rmm .rmm-main-list, .rmm .rmm-main-list li { margin:0px; padding:0px; } .rmm ul { display:block; width:auto !important; margin:0 auto !important; overflow:hidden; list-style:none; } /* sublevel menu - in construction */ .rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a { display:none !important; height:0px !important; width:0px !important; } /* */ .rmm .rmm-main-list li { display:inline; padding: 0px; margin:0px !important; } .rmm-toggled { display:none; position:relative; overflow:hidden; margin:0 auto !important; } .rmm-button:hover { cursor:pointer; } .rmm .rmm-toggled ul { display:none; margin:0px !important; padding:0px !important; } .rmm .rmm-toggled ul li { display:block; margin:0 auto !important; width:100%; } /* MINIMAL STYLE */ .rmm.minimal a { color:#999; } .rmm.minimal .rmm-main-list li a { display:inline-block; padding:15px 10px 15px 10px; margin:0px -3px 0px -3px; } .rmm.minimal .rmm-toggled { width:95%; min-height:36px; background-color:#222; } .rmm.minimal .rmm-toggled-controls { display:block; height:36px; text-align:left; position:relative; } .rmm.minimal .rmm-toggled-title { position:relative; top:9px; left:9px; color:#999; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif; font-size: 12px; } .rmm.minimal .rmm-button { display:block; position:absolute; right:9px; top:7px; color:#999; } .rmm.minimal .rmm-button span { display:block; margin:4px 0px 4px 0px; height:2px; width:25px; background:#999; } .rmm.minimal .rmm-toggled ul li a { display:block; width:100%; text-align:center; padding:5px 0px 5px 0px; } .rmm.minimal .rmm-toggled ul li:first-child a { border-top:1px solid #999; } nav.consistent-left { float: left; padding: 0; width: 359px; } nav.consistent { float: right; padding: 0; width: 377px; margin-right: 0px; } /* Responsive styles for Google doesn't bury us */ @media screen and (max-width: 320px) { body {min-width: 100%;} footer.main, .home_middle, .home_bottom { min-width: 95%; width: 95%; padding: 10px; } header.main, #home_features .barrel, #home_features, .feature_wrapper, .subpage{ min-width: 98%; width: 100%; } nav.main, nav.main ul,nav.main ul li, nav.main ul li a {width:100%;} nav.main ul li a {padding:0;} .wrap, footer.main ul.quick_links { min-width: 98%; width: 98%; } #home_features p.caption, header.wrap { min-width: 98%; width: 100%; } .subpage {min-height:inherit;} nav.consistent-left { float: left; padding: 0; width: 44%; } nav.consistent { float: right; padding: 0; width: 44%; margin-right: 0px; } nav.main { position: relative; min-height: 160px; height:160px; font-family: futura-pt; text-transform: uppercase; font-weight: 400; margin:0; } nav.main li, nav.main ul li, nav.main ul ul, nav.main ul ul, nav.main li:hover ul { margin: 0; width:49%; float:left; } nav.main li ul li {width:100%; background-color:#fff;} nav.main li ul li a {width:auto; padding:10px;} nav.main a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; line-height:1; } nav.main li a {height:40px; line-height: 40px;} nav.main .nav-first a { background: none; color: #fff; } /* on nav hover */ nav.main ul:hover { background-image: none; } nav.main ul:hover li { display: block;} nav ul:hover .nav-first { background: url(images/icon-check.png) no-repeat 10px 7px; } nav.main ul ul, nav.main li:hover ul {display:none;} .home_left { width: 98%; float: none; } nav.main a:hover { color: #FFCF01; } nav.main .nav-first a { color: #fff; } header .wrap nav.sub {margin-top:20px;} header .wrap nav.sub .nav-first {border-top:1px solid #eee;} header .wrap nav.sub, header .wrap nav.sub ul, header .wrap nav.sub ul li, header .wrap nav.sub ul li a {width:100%;} header .wrap nav.sub ul li a {padding:0; line-height: 40px; border:none; border-bottom:1px solid #eee; border-top:1px solid #eee; } header .wrap nav.sub { font-family: futura-pt; text-transform: uppercase; font-weight: 400; margin:0; overflow:auto;} header .wrap nav.sub ul { margin: 0; padding: 0; position: absolute; top: 0; left: 0; background: #222 /*url(http://www.depauw.edu/images/mobile/icon-menu.png) no-repeat 20px*/; color:#999;} header .wrap nav.sub ul li ul { background: none repeat scroll 0 0 #EEEEEE; border-color: #EEEEEE; color: #333333; text-transform: none; position: relative; text-align:left; } header .wrap nav.sub ul li ul a {text-align:left; } header .wrap nav.sub ul li.active ul li a { padding:0 0 0 30px;} header .wrap nav.sub li { display: none; margin: 0; } header .wrap nav.sub ul li { display: none; margin: 0; } header .wrap nav.sub .nav-first { display: block; } header .wrap nav.sub a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 40px; } header .wrap nav.sub li a {height:40px; text-align:center;} header .wrap nav.sub .nav-first a { background: none; color: #fff; } header .wrap nav.sub ul:hover { background-image: none; z-index:200; } header .wrap nav.sub ul:hover li { display: block;} header .wrap nav.sub a:hover { color: #FFCF01; } header .wrap nav.sub .nav-first a { color: #fff; line-height: 40px;} p { max-width: 100%; margin: 10px auto; } header.main .logo { background: url(http://www.depauw.edu/images/mobile/mobile-logo.png) no-repeat 10px; } .content img { max-width: 100%; } footer.main { background: #222; } footer.main .social_media { width: 102px; float: none; overflow: auto; margin: 20px auto; } footer.main .social_media li { display: inline; } footer.main .social_media a { display: inline; padding: 0; } footer.main .social_media a span { display: none; } footer.main .divider { display: none; } footer.main .logo { display:block; width:187px; margin-left: auto; margin-right: auto; float:none; } footer.main .contact { clear: both; width: 95%; text-align: center; } footer.main .contact a { margin-left: auto; margin-right: auto; } footer.main ul.quick_links li { float: left; display: block; width: 46%; background: #333333; color: #EEEEEE; padding: 5px; margin: 2px; } footer.main ul.quick_links li:hover { background: #454545; } /* Homepage styles */ #home_features .feature_more { right:0px; } .home_left .block, .home_events .block { float: left; width: 100%; } .revolver .barrel, .content .gallery .barrel { overflow: hidden; width: 98%; } .feature_wrapper, .cylinder { height: 358px; overflow: hidden; position: relative;} .home_right, .home_left, .double_callouts section, .masonry, section.left, .new_noteworthy { float: none; width: 98%; margin-top: 20px; overflow:auto; } .home_bottom .block_image_link { width: 46%; margin: 0 0 20px 0; float: left; } .home_bottom .block_image_link p em { font-size: 14px; } .home_bottom .block_image_link img { width: 100%; height: auto; } .home_bottom h1 { width: 100%; } .home_right .block_image_link { width: 214px; } .home_events { } .home_events .block { float: left; } /* Subpage styles */ .content { float:none; width:100%; clear:both; overflow:auto; margin-top:20px; padding:5px;} .content .gallery .gallery_no_title, .content .gallery {margin:10px 10px 15px 0;} .sidebar { float:none; width:100%; position: relative;} .sidebar nav { margin-bottom:40px; } .sidebar .callout {padding:5px;} .double_callouts section.single {width: 98%;} .double_callouts section.single article {width: 98%;} .double_callouts section.single .block_image_link, .double_callouts section.single .block_image, .sidelets .block_image_link {float:none; margin: 10px auto; display:inline-block; text-align:center; } .events_scroller {height:420px; overflow:auto;} .events_scroller .event, .events_scroller .info {width:280px;} .events_scroller .info {height:280px;} .library_tweets { min-width: 98%; width: 100%; } .block_image .overlay_links {min-width: 98%; width: 100%; margin: 0; padding: 0; position: relative;} .social_blocks {float: left; margin: 0 0 40px; width: 220px;} .som_overlay {width:90%; height:100px;} .som_overlay h2 {font-size:36px; margin: 60px 0 0 20px;} .som_overlay .button span {margin:110px 0 0 0; width:90%; font-size:12px;} .block_image .overlay_links_3 { height: 123px; } .block_image .overlay_links_4 { height: 163px; margin: 0; } .section-academics .block_image .overlay_links { margin: 0; } .one_third_two_third { margin: 0 0 35px; } .one_third_two_third section { float: left; width: 90%; } .one_third_two_third section.last, .one_third_two_third .block_image_link, .columns_3 .block_image_link { width: 90%; } .block_right, .photo-right {float:none; margin:25px;} .helpful_links, .upcoming_events, .social_blocks {float:none; width:98%; margin:0;} /* styles for news & media */ .section-news-media .article_scroller {height:450px;} .section-news-media .article_scroller article {width:98%; height:auto;} .section-news-media .article_scroller .block_image_link, .section-news-media .article_scroller .info {float:none;} .section-news-media .article_scroller .info {margin:0; width:98%; height:auto;} .section-news-media .news_column_left, .section-news-media .new_noteworthy, .section-news-media .news_column_right {width:98%;} .section-news-media section.featured_photos {width:98%;} .section-news-media h1 {font-size:2em; line-height:1.2em;} /* styles for calendar */ .calendar .events .event_list {width:95%;} .calendar .events .date_block {margin-right:20px;} .calendar .events .event .show_more {background: url("../images/row_closed.png") no-repeat scroll 100% 20px rgba(0, 0, 0, 0);} .calendar .events .event .show_more:hover {background: url("../images/row_closed_hover.png") no-repeat scroll 100% 20px rgba(0, 0, 0, 0);} } @media only screen and (min-width : 321px) and (max-width : 568px){ body {min-width: 100%;} footer.main, .home_middle, .home_bottom { min-width: 95%; width: 95%; padding: 10px; } header.main, #home_features .barrel, #home_features, .feature_wrapper, .subpage{ min-width: 98%; width: 100%; } nav.main, nav.main ul,nav.main ul li, nav.main ul li a {width:100%;} nav.main ul li a {padding:0;} .wrap, footer.main ul.quick_links { min-width: 98%; width: 98%; } #home_features p.caption, header.wrap { min-width: 98%; width: 100%; } .subpage {min-height:inherit;} nav.main { position: relative; min-height: 160px; height:160px; font-family: futura-pt; text-transform: uppercase; font-weight: 400; margin:0; } nav.main li, nav.main ul li, nav.main ul ul, nav.main ul ul, nav.main li:hover ul { margin: 0; width:49%; float:left; } nav.main li ul li {width:100%; background-color:#fff;} nav.main li ul li a {width:auto; padding:10px;} nav.main a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 100%; line-height:1; } nav.main li a {height:40px; line-height: 40px;} nav.main .nav-first a { background: none; color: #fff; } /* on nav hover */ nav.main ul:hover { background-image: none; } nav.main ul:hover li { display: block;} nav ul:hover .nav-first { background: url(images/icon-check.png) no-repeat 10px 7px; } nav.main ul ul, nav.main li:hover ul {display:none;} .home_left { width: 98%; float: none; } nav.main a:hover { color: #FFCF01; } nav.main .nav-first a { color: #fff; } header .wrap nav.sub {margin-top:20px;} header .wrap nav.sub .nav-first {border-top:1px solid #eee;} header .wrap nav.sub, header .wrap nav.sub ul, header .wrap nav.sub ul li, header .wrap nav.sub ul li a {width:100%;} header .wrap nav.sub ul li a {padding:0; line-height: 40px; border:none; border-bottom:1px solid #eee; border-top:1px solid #eee; } header .wrap nav.sub { font-family: futura-pt; text-transform: uppercase; font-weight: 400; margin:0; overflow:auto;} header .wrap nav.sub ul { margin: 0; padding: 0; position: absolute; top: 0; left: 0; background: #222 url(http://www.depauw.edu/images/mobile/icon-menu.png) no-repeat 20px; } header .wrap nav.sub ul li ul { background: none repeat scroll 0 0 #EEEEEE; border-color: #EEEEEE; color: #333333; text-transform: none; position: relative; text-align:left; } header .wrap nav.sub ul li ul a {text-align:left; } header .wrap nav.sub ul li.active ul li a { padding:0 0 0 30px;} header .wrap nav.sub li { display: none; margin: 0; } header .wrap nav.sub ul li { display: none; margin: 0; } header .wrap nav.sub .nav-first { display: block; } header .wrap nav.sub a { padding: 3px 12px; text-decoration: none; color: #fff; line-height: 40px; } header .wrap nav.sub li a {height:40px; text-align:center;} header .wrap nav.sub .nav-first a { background: none; color: #fff; } header .wrap nav.sub ul:hover { background-image: none; z-index:200; } header .wrap nav.sub ul:hover li { display: block;} header .wrap nav.sub a:hover { color: #FFCF01; } header .wrap nav.sub .nav-first a { color: #fff; line-height: 40px;} p { max-width: 100%; margin: 10px auto; } header.main .logo { background: url(http://www.depauw.edu/images/mobile/mobile-logo.png) no-repeat 10px; } .content img { max-width: 100%; } footer.main { background: #222; } footer.main .social_media { width: 102px; float: none; overflow: auto; margin: 20px auto; } footer.main .social_media li { display: inline; } footer.main .social_media a { display: inline; padding: 0; } footer.main .social_media a span { display: none; } footer.main .divider { display: none; } footer.main .logo { display:block; width:187px; margin-left: auto; margin-right: auto; float:none; } footer.main .contact { clear: both; width: 95%; text-align: center; } footer.main .contact a { margin-left: auto; margin-right: auto; } footer.main ul.quick_links li { float: left; display: block; width: 46%; background: #333333; color: #EEEEEE; padding: 5px; margin: 2px; } footer.main ul.quick_links li:hover { background: #454545; } /* Homepage styles */ #home_features .feature_more { right:0px; } .home_left .block, .home_events .block { float: left; width: 100%; } .revolver .barrel, .content .gallery .barrel { overflow: hidden; width: 98%; } .feature_wrapper, .cylinder { height: 358px; overflow: hidden; position: relative;} .home_right, .home_left, .double_callouts section, .masonry, section.left, .new_noteworthy { float: none; width: 98%; margin-top: 20px; overflow:auto; } .home_bottom .block_image_link { width: 46%; margin: 0 0 20px 0; float: left; } .home_bottom .block_image_link p em { font-size: 14px; } .home_bottom .block_image_link img { width: 100%; height: auto; } .home_bottom h1 { width: 100%; } .home_right .block_image_link { width: 214px; } .home_events { } .home_events .block { float: left; } /*Subpage styles */ .content { float:none; width:98%; clear:both; overflow:auto; margin-top:20px; padding:5px;} .content .gallery .gallery_no_title, .content .gallery {margin:10px 10px 15px 0;} .sidebar { float:none; width:100%; position: relative;} .sidebar nav { margin-bottom:40px; } .sidebar .callout {padding:5px;} .double_callouts section.single {width: 98%;} .double_callouts section.single article {width: 98%;} .double_callouts section.single .block_image_link, .double_callouts section.single .block_image, .sidelets .block_image_link, .events_scroller .block_image_link {float:none; margin: 10px auto; display:inline-block; text-align:center; } .events_scroller {height:420px; overflow:auto;} .events_scroller .event, .events_scroller .info {width:280px;} .events_scroller .info {height:280px;} .library_tweets { min-width: 98%; width: 100%; } .block_image .overlay_links {min-width: 98%; width: 100%; margin: 0; padding: 0; position: relative;} .social_blocks {float: left; margin: 0 0 40px; width: 220px;} .som_overlay {width:90%; height:100px;} .som_overlay h2 {font-size:36px; margin: 60px 0 0 20px;} .som_overlay .button span {margin:110px 0 0 0; width:90%; font-size:12px;} .block_image .overlay_links_3 { height: 123px; } .block_image .overlay_links_4 { height: 163px; margin: 0; } .section-academics .block_image .overlay_links { margin: 0; } .one_third_two_third { margin: 0 0 35px; } .one_third_two_third section { float: left; width: 90%; } .one_third_two_third section.last { width: 90%; } .one_third_two_third section.last, .one_third_two_third .block_image_link, .columns_3 .block_image_link { width: 90%; } .block_right, .photo-right {float:none; margin:25px;} .helpful_links, .upcoming_events, .social_blocks {float:none; width:98%; margin:0;} /* styles for news & media */ .section-news-media .article_scroller {height:450px;} .section-news-media .article_scroller article {width:98%; height:auto;} .section-news-media .article_scroller .block_image_link, .section-news-media .article_scroller .info {float:none;} .section-news-media .article_scroller .info {margin:0; width:98%; height:auto;} .section-news-media .news_column_left, .section-news-media .new_noteworthy, .section-news-media .news_column_right {width:98%;} .section-news-media section.featured_photos {width:98%;} .section-news-media h1 {font-size:2em; line-height:1.2em;} /* styles for calendar */ .calendar .events .event_list {width:95%;} .calendar .events .date_block {margin-right:20px;} .calendar .events .event .show_more {background: url("../images/row_closed.png") no-repeat scroll 100% 20px rgba(0, 0, 0, 0);} .calendar .events .event .show_more:hover {background: url("../images/row_closed_hover.png") no-repeat scroll 100% 20px rgba(0, 0, 0, 0);} /* styles for Library */ .library_landing .library_search .query {width:90%;} .library_search {background: #E6E6E6;} nav.consistent-left { float: left; padding: 0; width: 44%; } nav.consistent { float: right; padding: 0; width: 44%; margin-right: 0px; } } @media only screen and (min-width : 569px){ .rmm.minimal .rmm-main-list li a {padding:0; margin: 0;} .rmm.minimal { padding: 12px 0 15px 0; } .rmm .rmm-main-list li {margin: 0 0 0 17px !important;} nav.consistent li.search form {z-index:80;} nav.consistent {z-index:9;} nav.consistent .rmm-main-list li {margin: 0 0 0 18px !important;} nav.consistent-left .rmm-main-list li:first-child { margin: 0 0 0 10px !important;} .rmm ul { overflow: visible;} }