/* vocation.nd.edu common styles Updated:2011.10.17 ENR Author:Erik Runyon ----------------------------------------------------*/ /* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors:Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/ ----------------------------------------------------*/ *, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} @-ms-viewport {width:device-width; zoom:1;} @-o-viewport {width:device-width; zoom:1;} @viewport {width:device-width; zoom:1;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} iframe {width:100%;} body {line-height:1;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} a {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;} ins {background-color:#ff9; color:#000; text-decoration:none;} mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;} del {text-decoration:line-through;} abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse:collapse; border-spacing:0; width:100% !important;} input, select {vertical-align:middle;} figcaption {display:block; text-align:center;} /* REDECLARATIONS ----------------------------------------------------*/ html {height:100%; width:100%; font-size:14px; overflow-y:scroll; background:url(images/bg.png) 0 0 repeat;} body {float: left; display: block; width:100%; color:#2c2c2c; line-height:1.4em; -webkit-font-smoothing:antialiased; font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } p {margin:0 0 1em;} p + p {margin:1em 0;} a {outline:none;} a:link {color:#004aaa;} a:visited {color:#8929da;} a:hover, a:active {color:#c59217; outline:none;} a:link {-webkit-tap-highlight-color:#f6efd2;} strong, b {font-weight:bold;} em, i {font-style:italic;} h1,h2,h3,h4,h5,h6 {margin:1.4em 0 8px; color:#1c3042; line-height:1.1em; font-weight:bold; text-rendering:optimizeLegibility;font-family:"Helvetica","Arial", sans-serif;} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#002b54;} h1 {margin:0 0 20px; font-size:190%; font-family:"myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif;} h2 {font-size:160%;} h3 {font-size:150%;} h4 {font-size:130%;} h5 {font-size:120%;} h6 {font-size:100%;} ol,ul {margin:10px 0 10px 30px;} li {margin:3px 0;} table {width:auto; margin:10px 0 20px; border-collapse:collapse;} th {color:#fff; background-color:#202024;} th, td {padding:2px 8px; border:1px solid #202024;} td, td img {vertical-align:top;} sup {vertical-align:super; font-size:smaller;} sub {vertical-align:sub; font-size:smaller;} pre, code, kbd, samp {font-family:monospace, sans-serif;} button {width:auto; overflow:visible;} figcaption {display:block; text-align:center;} hr {border:none; background: url(images/rule.jpg) top center no-repeat; height:22px; /*height: 35px;*/ clear:both;} #b-get-connected h3 {margin-top:0;} /* STYLES ----------------------------------------------------*/ .noborder, .noborder img {border:none !important;} .ical {padding:1px 0 0 20px; background:url(/images/icons/ical.gif) left center no-repeat;} .feed {padding:1px 0 0 20px; background:url(/images/icons/feed.gif) left center no-repeat;} .pdf {padding:1px 0 0 20px; background:url(/images/icons/pdf.gif) left center no-repeat;} .ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat;} .hr {clear:both; /* float:left; */width:100%; display:block; height:22px; border:none; margin:20px 0 15px; padding:0; background:url(images/hr.png) center center no-repeat;} .hr hr {display:none; border:none;} .hr + h2, .hr + h3 {margin-top:0;} .breadcrumbs {height:auto; margin:0 -13px 10px; padding:4px 13px; list-style:none; font-size:80%; background: url(images/hbar.png) top left repeat-x; border-bottom: 1px solid #000; background-size:auto 100%; } .breadcrumbs li {display:inline; margin:0 3px 0 0; color:#fff;} .breadcrumbs li:last-child {font-weight:bold;} .breadcrumbs a {text-decoration:none; color:#fff;} .col2 {position: relative; border: 1px solid #d6a10f; background: #f7eccf;} .clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; overflow:hidden; } .clearfix:after { clear:both; } .clearfix { zoom:1; } a.button {padding:1px 6px; font-weight:bold; border:1px solid #9b6e01; text-decoration:none; text-align:center; -moz-border-radius:4px; border-radius:4px; background:#ecd79f url(images/button-bg.png) 0 0 repeat-x;} /* IMAGES ----------------------------------------------------*/ img {max-width:100%; height:auto !important;} .image-default a, .image-right a, .image-left a {border:none;} .image-default {display:inline-block; position:relative; margin:10px 20px 10px 0; line-height:0;} .image-default img {padding:2px;} .image-right {float:right; margin:5px 0 20px 20px; padding:2px; line-height:0; width:auto;} .image-left {float:left; margin:5px 10px 5px 0; padding:2px; line-height:0; width:auto;} .image-default img, .image-right img, .image-left img {border:1px solid #aaa;} .image-center {text-align:center;} #alpha img {} #alpha .image-default img, #alpha .image-right img, #alpha .image-left img {margin:0;} .tr-caption-container th, .tr-caption-container td {border: none;} /* QUOTES ----------------------------------------------------*/ blockquote {overflow:hidden; width:auto; margin:17px auto;font-weight: normal; height:auto; padding:1em 2.5em 1em 3.5em; font-style:italic; font-size:100%; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; background:url(images/blockquote.png) 0 0 no-repeat; clear:both;} blockquote p {} blockquote cite {} blockquote.pull {float:right; width:250px; margin:10px 0 20px 20px; padding:0 0 0 20px; color:#00456a; font-size:144%; line-height:1.2em; border-left:1px solid #d5a00f; background-color:transparent; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-style:normal; background:none;} blockquote.pull p {margin:0;} /* STRUCTURE ----------------------------------------------------*/ #wrapper-outer {width:100%; float:left; display:inline;} #wrapper {overflow:hidden; position:relative; max-width:940px; margin:0 auto; padding:0;} .inner {max-width:940px; margin:0 auto; position:relative; padding:0 10px;} #skip-links {display:none;} #header {display:block; position:relative; width:100%; min-height:155px;} .brandbar {display:block; clear:both; text-align:center; background: #2073a0; background: -moz-linear-gradient(top, #2073a0 0%, #135477 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2073a0), color-stop(100%,#135477)); background: -webkit-linear-gradient(top, #2073a0 0%,#135477 100%); background: -o-linear-gradient(top, #2073a0 0%,#135477 100%); background: -ms-linear-gradient(top, #2073a0 0%,#135477 100%); background: linear-gradient(to bottom, #2073a0 0%,#135477 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2073a0', endColorstr='#135477',GradientType=0 ); -webkit-box-shadow:0 -2px 5px rgba(0,0,0,0.5) inset; -moz-box-shadow:0 -2px 5px rgba(0,0,0,0.5) inset; box-shadow:0 -2px 5px rgba(0,0,0,0.5) inset; } .brandbar:after {content:''; display:block; clear:both;} .titlebar {background:url(images/titlebg.jpg) top left repeat-x; padding-top:1px; border-bottom:3px solid #cc9e16; background-size: auto 100%; -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,1); -moz-box-shadow: 0 2px 0 0 rgba(0,0,0,1); box-shadow: 0 2px 0 0 rgba(0,0,0,1); } .titlebar nav ul {padding:0; list-style:none; margin:0 0 1em; text-align:center;} .titlebar nav ul li {display:inline-block; width:32%;} .titlebar nav ul li a {display: block; padding: .625em; color: #333; font-family: "HelveticaNeue",Helvetica,Arial,sans-serif; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255,255,255,.9); border: 1px solid #333333; border-radius: 3px; background-color: #dcb439; background-image: -webkit-radial-gradient(50% 20%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%); background-image: -moz-radial-gradient(50% 20%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%); background-image: radial-gradient(50% 20%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%); -webkit-box-shadow: 0 1px rgba(255,255,255,.4) inset, 0 1px 2px rgba(0,0,0,.3), 0 0 4px rgba(82,31,0,.4) inset; -moz-box-shadow: 0 1px rgba(255,255,255,.4) inset, 0 1px 2px rgba(0,0,0,.3), 0 0 4px rgba(82,31,0,.4) inset; box-shadow: 0 1px rgba(255,255,255,.4) inset, 0 1px 2px rgba(0,0,0,.3), 0 0 4px rgba(82,31,0,.4) inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .titlebar nav ul li a:hover {background:#000; color:#fff; text-shadow:none;} #header h1 {margin:0; padding:0;} #header h1 img {display:none;} #header h1 a {display:block; margin:0; border:none; color:#fff; text-decoration:none; line-height:1em; font-size:170%; text-indent:-9999px; overflow:hidden; font-weight:normal; font-family:Georgia, Times, "Times New Roman", serif; background: url(images/header-noback.png) center left no-repeat; width: 523px; max-width:100%; height: 108px; text-indent: -9999px; background-size:100%; } #header h3 {display:inline-block;} #header h3 i, #header h2 i {text-transform:none; font-weight:normal;} #header h3 img {display:none;} #header h2 {display:none;} #header h3, #header h2 {margin:12px 0 12px; padding:0; font-size:12px; text-transform:uppercase; letter-spacing:3px; font-weight:normal; font-family:"Adobe Garamond Pro", Garamond, Georgia, Times, "Times New Roman", serif;} #header h3 a, #header h2 a {display:block; height:17px; margin:0; border:none; color:#fff; font-weight:bold; text-decoration:none;} body.gold-gray #header h3 a, body.gold-gray #header h2 a {color:#002b5c;} body.gold-blue #header h3 a, body.gold-blue #header h2 a {color:#002b5c;} #header h5 a:hover, #header h2 a:hover {color:#f6efd2;} #b-publications.publications-magazines-and-special-publications-choices h4 {margin-bottom:50px;} #nav-util {position:absolute; top:2px; right:0; margin:0;} #nav-util li {float:left; display:inline; margin:0 5px;} #nav-util li a {display:block; float:left; padding:2px 26px; color:#eab42f; text-decoration:none; border:1px solid #39557c; text-align:center; font-size:80%; border-width:0 1px 1px; background-color:#000; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:4px; border-bottom-left-radius:4px; } #search-header {display:none; position:relative; top:40%; right:0; width:80%; padding:1px; -moz-border-radius:5px; border-radius:5px; background-color:#fff; margin:0 auto 1em;} #search-header:after {content:''; display:block; clear:both;} #search-header label {display:none;} #search-input {float:left; width:165px; height:22px; margin:0; padding:0 3px; border:none; font-size:90%; color:#444; -webkit-appearance:textfield; background:transparent;} #search-button {float:right; text-indent:-9999px; overflow:hidden; width:22px; height:22px; margin:0; border:1px solid #adadad; -moz-border-radius:5px; border-radius:5px; background:#d3d3d3 url(/images/icons/searchmag.png) center center no-repeat; background:url(/images/icons/searchmag.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(255, 255, 255, .0))), hsl(0, 0%, 65%); background:url(/images/icons/searchmag.png) center center no-repeat, -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .0)), hsl(0, 0%, 65%); -webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out; } #search-button:hover { background:#efe3b4 url(/images/icons/searchmag.png) center center no-repeat; background:url(/images/icons/searchmag.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.9)), to(rgba(255,255,255,.0))), hsl(48, 95%, 40%); background:url(/images/icons/searchmag.png) center center no-repeat, -moz-linear-gradient(top,rgba(255,255,255,.9), rgba(255,255,255,.0)), hsl(48, 95%, 40%); } #search-button:active { background:#ccc299 url(/images/icons/searchmag.png) center center no-repeat; background:url(/images/icons/searchmag.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.0)), to(rgba(255,255,255,.9))), hsl(48, 95%, 40%); background:url(/images/icons/searchmag.png) center center no-repeat, -moz-linear-gradient(top,rgba(255,255,255,.0), rgba(255,255,255,.9)), hsl(48, 95%, 40%); } .bugs {text-align:center;} .bugs a {margin:0 0.5em;} #subscribe {display:inline-block; overflow:hidden; width: 106px; height: 52px; text-indent:-9999px; margin:0; margin-left:0px; background: url(images/subscribe-new.png) top left no-repeat;} #subscribe:hover {background-position: bottom left;} #contactenos {display:inline-block; overflow:hidden; width: 104px; height: 52px; text-indent:-9999px !important; margin:0; background: url(images/espanol.png) top left no-repeat !important;} #contactenos:hover {background-position: bottom left;} #subscribe, #contactenos {margin-bottom:1em;} /* CONTENT STRUCTURE ----------------------------------------------------*/ #content {position:relative; float:left; display:inline; margin:14px 0 1em 0; font-size:92%; width:100%; padding:0 10px;} #alpha {background:#fff; border:1px solid #000; padding:0 1em 1em;} #alpha:after {content:''; clear:both; display:block;} #beta {} /* HOMEPAGE ----------------------------------------------------*/ #b-home #header_image {float:left; display:inline; position:relative; width:100%; margin:0 0 20px; padding:0; border:1px solid #0e0e0e; background:#fff;} #b-home #header_image p {float:none; margin:0; padding:0; line-height:1.4em; border:none; display:none;} #b-home #header_image a:visited {color:#004aaa;} #b-home #header_image img {position:relative; float:none; padding:0; margin:0; border:none; } #b-home #header_image .image-default {position:relative; float:left;} #b-home #feature {height:310px; width:100%;background: #fff;} #b-home .item {position:absolute; display:none; border:1px solid #fff; float:none; width:100%; height:309px; padding:0; overflow:hidden; } #b-home li.current {background:#fff;} #b-home li.current .overlay {display:none;} #b-home .thumb p {float:left; text-align:left; padding:10px 0; line-height:100%; color:#1c3042;} #b-home #header_image .overlay {position:absolute;top:0; bottom:0; left:0; width:100%; background:url(images/overlay.png) top left repeat;} #b-home #header_image ul {position:relative; float:left; width:100%; margin:0; list-style:none;} #b-home #header_image ul:after {content:''; clear:both; display:block;} #b-home #header_image ul li {position:relative; margin:0; padding:1em; cursor:pointer;} #b-home #header_image #feature1 {} #b-home #header_image #feature3 {} #b-home #header_image h3 {margin: 0;} #b-home #header_image h3 {font-weight: normal; font-family: "helvetica neue", helvetica, arial;font-size:115%; line-height:1.3em; margin:0 0 6px; } #b-home #header_image h3 a {font-size:136%; width:140px; margin:0 0 6px; margin-bottom:0; border: none; text-decoration: none;} #b-home #arrow {display:none; position:absolute; top:288px; left:13%; background:url(images/arrow.png) top left no-repeat; width:44px; height:22px;} #b-home #nav_25099 {display:none;} #b-home #sidebar {display:none;} #b-home #content {background:none;} #b-home #alpha {background:transparent; border:none; padding:0;} #b-home #home-content {float:left; clear:both; width:100%; padding-bottom:10px; border-bottom:1px solid #dadada;} #b-home #home-content blockquote {width:auto; margin:0; padding:0; font-size:130%; line-height:1.6em; border:none;} #b-home #home-content blockquote p {margin:0.5em 0;} #b-home article.hentry h1.entry-title, article.hentry h1.entry-title {border-bottom:0px solid #000 !important; font-size:100%;} article.hentry {border-bottom: 0px solid #ddd; padding-bottom: 15px; padding-top: 5px;margin: 0 10px} /* .article2 {border-top: 1px solid #ddd; } */ /* .article1:after {content:"Additional Posts"; color: #333;font-weight: bold;font-size: 114%;font-family:"Helvetica";} */ /* #b-home article.hentry.article1 .entry-summary, .sidebar article.hentry.article1 header {padding-bottom:20px;} article.hentry.article2 {padding-top:20px;} */ #home-sub {float:left; clear:both; padding:20px 0 0; background: transparent url(images/rule.png) top left repeat-x;} #sub1, #sub2 {} #sub2 {background: #fff;border: 1px solid #000;} #sub2 .excerpt, .sidebar .excerpt {display:none;} #sub2 .article1 h2.publish-info, #sub2 .article1 .excerpt, #sub2 .article2 .excerpt, .sidebar .article1 h2.publish-info, .sidebar .article1 .excerpt {display:block;} .sidebar .blog_categories, .sidebar h2, .sidebar h3 {clear:both;} #sub1 {} .subcol { padding: 0px;background: #fff; border: 1px solid #000; overflow: hidden; margin:0 0 2em;} #sub1 .subcol img {width:100%;} .col2, .col4 {margin-right:0;} #sub2 h4, .subcol h4 {margin:0; padding:0.5em 0; color:#fff; font-size:136%; font-family:"Helvetica Neue"; font-weight: normal; text-align:center; background-color:#133f57; text-shadow:-2px 2px 2px #333; filter:dropshadow(color=#000, offx=-4, offy=4); background: url(images/hbar.png) top left repeat-x; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; z-index: 5; background-size:auto 100%; background-color:#1c2126; } #sub2 h4 {} .subcol h4 a, #sub2 h4 a {text-decoration:none; color:#fff;} .subcol p {margin:5px 10px; z-index: 0;} .subcol p a {text-decoration:none;} #b-home article.hentry h2.entry-title a {color: #002b54!important;font-size: 107%;font-weight: bold; text-decoration: none; border: 0; } #b-home article.hentry h2.entry-title a:hover {text-decoration:underline;} #b-home #bugs {display:none;} #side article.hentry h1.entry-title a {margin:0 0 7px !important; line-height:14px; border:none; color:#002b54; text-decoration:none;} .sidebar article.hentry h1.entry-title a {font-size:98%} /*Get Connected Page*/ .sm a {border: 1px solid #777; border-color: rgba(0,0,0,0.2); border-bottom-color: #333; border-bottom-color: rgba(0,0,0,0.4); color: #fff; -moz-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9); -webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9); box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9); cursor: pointer; display: inline-block; font: bold 100%/2.1 "Lucida Grande", Tahoma, sans-serif; padding: 0 .95em 0 0; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,0.5); -moz-user-select: none; -webkit-user-select: none; user-select: none; position: relative; z-index: 100; -moz-border-radius: .3em; -webkit-border-radius: .3em; border-radius: .3em; } .sm a:active {outline: none;} .sm a:before {content: ""; border-right: 0.075em solid rgba(0,0,0,0.1); float: left; font: 120%/1.65 zocial; font-style: normal; font-weight: normal; margin: 0 0.5em 0 0; padding: 0 0.5em; text-align: center; text-decoration: none; text-transform: none; -moz-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25); -webkit-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25); box-shadow: 0.075em 0 0 rgba(255,255,255,0.25); -webkit-font-smoothing: antialiased;} .facebook .sm a {background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1)); background-image: -ms-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1)); background-image: -o-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(49%, rgba(255,255,255,.05)), color-stop(51%, rgba(0,0,0,.05)), to(rgba(0,0,0,.1))); background-image: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1)); background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1)); background-color: #4863ae;} .twitter .sm a:focus {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), color-stop(49%, rgba(255,255,255,0.2)), color-stop(51%, rgba(0,0,0,0.05)), to(rgba(0,0,0,0.15))); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15)); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15)); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15)); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15)); background-image: linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0.15)); } .twitter .sm a {background-color: #46c0fb;} .youtube .sm a {background-color: #f00;} #b-get-connected hr {clear:both;} #b-get-connected #body li {display:block; list-style:none; padding:10px 30px 10px 0;} h3.twitter {background:url(images/twitter.png) no-repeat; width:32px; padding-left:45px; height:32px; line-height:32px;} h3.facebook {background:url(images/facebook.png) no-repeat; width:32px; padding-left:45px; height:32px; line-height:32px;} h3.youtube {background:url(images/youtube.png) no-repeat; width:32px; padding-left:45px; height:32px; line-height:32px;} /* NEWS ----------------------------------------------------*/ .top {clear:both;} body.news h1.page-title {margin: 0 0 40px;} .news-links {margin:0 0 20px;} .news-links a {display:block; border:none;} article.hgroup {float:left; width:100%;} article.hentry h1.entry-title, article.hentry h1.entry-title a {margin:0 0 7px !important; font-size:114%; line-height:1.3em; border:none; color:#002b54; text-decoration:none;} article.hentry h1.entry-title a:hover {text-decoration:underline; color:#8929da;} article.hentry h2.publish-info, article.hentry h3.author, article.hentry footer {margin:3px 10px 0 0; font-size:90%; color:#666; font-weight:normal;} article.hentry h4.categories {font-size:100%;} article.hentry h2.publish-info {color: #000; font-weight:bold;} article.hentry h3.author {margin-bottom:8px; font-weight:bold;} article .entry-summary {margin:10px 0; padding:0;} article:last-child .entry-summary {border:none;} article.hentry footer {width:50%;} .categories hr {clear:none;} .video, a[href*="youtube.com"]{position:relative; display:block; text-align:center;} .play {position:absolute; top:0; left:0; width:100%; height:100%; margin:0 auto; background:url(images/play-btn.png) center center no-repeat; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%; } /* BLOG ----------------------------------------------------*/ #side {float:right; width:30%;} #col1 {float:left; width:60%;} #b-blog.blog.news .recent_posts { display:none; } #b-blog.blog.news .blog_categories h3 {margin-top: 0.0em;} .entry-content {float:left; width:375px;} .sidebar {padding:10px; border:1px solid #d6a10f; background-color:#f7eccf;} .sidebar h3:first-child {margin-top:0;} .sidebar article.hentry h3 {margin:0 0 10px; font-size:120%; color:#002b54;} #sub2 .author, .sidebar .author {display:none;} /* CONTACT US ---------------------------*/ html.wf-myriadprocondensed1myriadprocondensed2-n7-inactive body#b-contact.contact div#wrapper-outer div#wrapper div#content div#alpha form#fsForm1089816.fsForm {width:390px;} html.wf-myriadprocondensed1myriadprocondensed2-n7-inactive body#b-contact.contact div#wrapper-outer div#wrapper div#content div#alpha form#fsForm1089816.fsForm td {border:none !important;} /* EVENTS ----------------------------------------------------*/ h2.date {margin:0 0 15px; padding:5px 10px; font-size:140%; border-bottom:1px solid #aaa; background-color:#eee;} p.events-subscribe {float:right; margin:4px 0 0;} article.vevent {clear:both; margin:0 0 30px;} article.vevent h1, article.vevent h1 a {margin:0 0 7px !important; font-size:125%; line-height:22px; border:none; color:#1c3042; text-decoration:underline;} article.vevent h1 a:hover {text-decoration:none; color:#8929da;} article.vevent h2, article.vevent h3, article.vevent footer {margin:3px 10px 0 0; clear:both; color:#666; font-size:90%; font-weight:normal;} article .description {margin:10px 0;} article.vevent footer {width:50%;} body.events article.vevent {margin:0 10px 30px;} body.events article.vevent h1 {font-size:180%;} /* NAVIGATION ----------------------------------------------------*/ #nav {margin:0; } #nav ul {list-style-type:none; margin:0; padding:0; width:100%;overflow:hidden;} #nav li {margin:0 0 0px; padding:0;} #nav li.first a {margin-top: 0;} #nav li.last {margin:0;} #nav li a {display:block; margin:5px 0; padding:10px 0; text-decoration:none; font-size:122%; text-align:center; font-weight:bold; border:none; color:#fff; -webkit-box-shadow: 0px 1px 3px #000; -moz-box-shadow: 0px 1px 3px #000; box-shadow: 0px 1px 3px #000; background: url(images/navbg.png) top left repeat-x;} #nav li a:hover {text-shadow:1px 0 2px rgba(80,80,80,0.5); background-position: 0px -40px;} #nav li.active a {color: #00507b; margin: 5px 0 0 0; text-shadow: 0px 1px 0px #fff; filter:dropshadow(color=#fff, offx=0, offy=1); background: url(images/navbg.png) bottom left repeat-x;} #nav ul.depth_2 {margin:0; padding:10px 0; border:1px solid #382a04; border-top: none; background-color:#f4f4f4;} #nav ul.depth_2 li {margin:0 20px; padding:4px 0px; border-bottom:1px solid #00456a;} #nav ul.depth_2 li.first {} #nav ul.depth_2 li.last {border:none;} #nav ul.depth_2 li a {height:auto; width:100%; margin:0; padding:0.75em 0; color:#1c3042; font-size:100%; border:none; filter:none; text-align:left; font-weight:normal; text-indent:0; line-height:1.2em; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background:none;} #nav ul.depth_2 li.active a {filter:none;} #nav ul.depth_2 li a:hover, #nav ul.depth_2 li a.current {color:#c59217; border-bottom:none; background-position:0 0;} #nav ul.depth_3 {} #nav ul.depth_3 li {} #nav ul.depth_3 li.first {} #nav ul.depth_3 li.last {} #nav ul.depth_3 li a {padding:0.5em 0;} #nav ul.depth_3 li a:hover, #nav ul.depth_3 li a.current {} #nav ul.depth_4 {} #nav ul.depth_4 li {} #nav ul.depth_4 li.first {} #nav ul.depth_4 li.last {} #nav ul.depth_4 li a {padding:0.25em 0;} #nav ul.depth_4 li a:hover, #nav ul.depth_4 li a.current {} #nav ul.depth_5 {} #nav ul.depth_5 li {} #nav ul.depth_5 li.first {} #nav ul.depth_5 li.last {} #nav ul.depth_5 li a {} #nav ul.depth_5 li a:hover, #nav ul.depth_5 li a.current {} /* Prayer and Votive Candle ----------------------------------------------------*/ #prayer-requests {float:left; width:100%; margin:0; list-style:none;} #prayer-requests li {float:left; width:112px; height:230px; margin:0 30px 10px 0; text-align:center; font-size:90%; line-height:1.4em;} #prayer-requests a {} #prayer-requests p {} #prayer-requests img {display:block; margin:0 0 5px; padding:2px; border:1px solid #aaa;} .mass-and-prayer-requests-prayer-and-votive-candle .col2 p.image-left {margin-top:0;} /* Directory ----------------------------------------------------*/ #directory {clear:both;} #directory th, #directory td {color:#003049; font-size:90%; text-align:left; border:none; background-color:transparent; word-wrap:break-word;} #directory td p {margin-top:0;} #directory tr {border-top:1px solid #ccc;} #directory tr.thead {padding:30px 0 10px; border:none;} #directory tr.hidden {display:none;} #directory .letter {width:50px; padding:10px 8px 5px 0; font-weight:bold; font-size:30px;} #directory .letter img {margin:0;} .info {width:200px;} /* .res {width:25%;} */ /* .office {width:25%;} */ #dirsearch {position:absolute; top:60px; right:30px; width:230px;} .linkbar {float:left; width:100%; margin:0; list-style:none;} .linkbar li {display:inline; float:left; margin:0; padding:2px 7px; color:#888; border-right:1px solid #ccc;} .linkbar li.alpha {padding-left:0;} .linkbar li.omega {padding-right:0; border-right:none;} .linkbar li a {display:block; text-decoration:none; font-weight:bold;} .linkbar li a:visited {color:#004aaa;} #floatbar {position:fixed; top:127px; right:0; float:none; width:auto; margin:0 10px 0 0; text-align:center;} #floatbar li {float:none; display:block; padding:0; border:none;} /* MAP ----------------------------------------------------*/ #map-loc {width:100%; height:365px; border:1px solid #a7a7a7;} /* SEMINARY SCHEDULE ----------------------------------------------------*/ #schedule {font-size:1em;} #schedule table {border:1px solid #ccc; background:#e6e3da;border-collapse:collapse; padding:0; margin:0; box-shadow:0 0 3px rgba(0, 0, 0, 0.3);} #schedule td {border:none;} #schedule td b, #schedule td strong {display:block; margin-top:8px;} /* SIDEBAR ----------------------------------------------------*/ #sidebar {height:auto; float: left; padding:20px 0px 20px; } #social {background: none; width:100%; margin:0; padding:20px 2px; list-style:none; text-align:center;} #social li {display:inline-block; margin:0;} #social li a {display:block; width:27px; height:27px; margin:0 5px 0 0; padding:0; text-indent:-9999px; overflow:hidden; background:url(images/socialicons.png) 0 0 no-repeat;} #social #social-bl {width:75px; padding-right:0; background-position:0 0px;} #social #social-fa {background-position:-94px 0;} #social #social-yt { background-position:-138px 0;} #social #social-fl {margin-right:0; margin-left:0; padding-left:0; background-position:-181px 0;} #social #social-tw { background-position:-225px 0;} #social #social-fe { background-position:-269px 0;} #bugs {max-width:220px; margin:20px auto; list-style:none;} #bugs li {margin:0 0 20px; padding:0;} #bugs a {display:block; max-width:220px; line-height:0; padding-top:40%; text-indent:-9999px; overflow:hidden; background:url(images/bugs.png) 0 0 no-repeat; -webkit-background-size:100%; -moz-background-size:100%; background-size:100%; } #bugs #bug-cr {background-image:url(images/cr.jpg);} #bugs #bug-pcr {background-image:url(images/pcr.jpg);} #bugs #bug-cas {background-image:url(images/cas.jpg);} #bugs #bug-opg {background-image:url(images/opg.jpg);} #bugs #bug-fvpg {background-image:url(images/fvpg.jpg);} #bugs #bug-ro {background-image:url(images/ro.jpg);} #bugs #bug-ch {background-image:url(images/ch.jpg);} #bugs #bug-aq {background-image:url(images/aq.jpg);} #bugs #bug-cu {background-image:url(images/cu.jpg);} /* SEARCH ----------------------------------------------------*/ #search-page {width:50%;} .results-count {margin-bottom:0;} .results-query {margin-top:10px; font-weight:normal; font-size:120%; font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;} .results-query em {color:#8929da; font-weight:bold;} #keymatch-results {} #keymatch-results dl {} #keymatch-results dt {} #keymatch-results dd {} #people-search {} .search-record {margin:20px 0; border-top:1px solid #dadada;} .search-record h2 {font-size:160%;} .search-record h3 {margin-bottom:0;} .search-record h3 a {text-decoration:none; color:#315b87;} .search-record h3 a b {color:#8929da;} .pagination {padding-top:15px; font-size:130%; text-align:center; border-top:1px solid #dadada;} .search-time {display:none;} /* FORMS ----------------------------------------------------*/ form ul {margin:0; padding:0;} form li {clear:both; float:left; width:90%; margin:4px 0; list-style-type:none;} form label {display:block; margin:10px 0 3px;} form li.checkbox {margin:0; clear:both; float:left;} form li.checkbox input {display:inline; float:left; margin:5px 3px;} form li.checkbox label {float:left; margin:5px 3px; font-weight:normal;} fieldset {border:1px solid gray; margin:0 0 10px; padding:15px;} label {display:block; margin:10px 0 3px; font-weight:bold;} label, input[type=button], input[type=submit], button {cursor:pointer;} select, input {padding:0.1em;} input:focus, textarea:focus {} input[type="radio"] {vertical-align:text-bottom;} input[type="checkbox"] {vertical-align:bottom; *vertical-align:baseline;} input[type=text], input[type=password], input[type=email], input[type=tel], input[type=url] {width:20em;} input:required, input.required {background:#ffffc2;} legend {padding:0 10px; font-size:116%; font-weight:bold;} textarea {width:100%;} li.textarea {} li.textarea label {margin:0;} li.textarea textarea {padding:0.1em; border:1px solid #242d38; background:#0d1723; color:#fff;} li.radio input {display:inline; margin-right:3px;} li.radio p {margin:0; font-weight:bold;} li.radio label {display:inline; font-weight:normal;} form button {font-weight:bold; border:1px solid #9b6e01; -moz-border-radius:4px; border-radius:4px; background:#ecd79f url(images/button-bg.png) 0 0 repeat-x;} /* Footer Nav ----------------------------------------------------*/ #nav-footer {width:100%; padding: 20px 0 20px; background:#1c1d21; display:none;} #nav-footer ul {width:100%; margin:0;} #nav-footer li {margin-bottom:2em;} #nav-footer li a {text-decoration:none; font-size: 88%; color: #b9b9b9; line-height: 100%; margin-bottom: 6px;} #nav-footer li a:hover {text-decoration:underline;} #nav-footer .subnav-header {color:#d5a00f; font-weight:normal;} #nav-footer ul ul {} #nav-footer ul ul li {line-height:1.1em; display:block; width:auto; margin-bottom:0;} #nav-footer .subnav-link {color:#b9b9b9; font-weight:normal; font-family:"lucida grande", lucida, sans-serif; } #nav-footer #subnav_25099 {display:none;} #nav-footer #subnav_25101 {} #nav-footer #subnav_25112 {} #nav-footer #subnav_25127 {} #nav-footer #subnav_25133 {} #nav-footer #subnav_25141 {} #nav-footer #subnav_25142 {} #nav-footer #subnav_25146 {margin:0;} /* FOOTER ----------------------------------------------------*/ #footer-wrapper {clear:both; float:left; position:relative; clear:both; width:100%; margin:0px 0; padding:0px; font-size:86%;background:url(images/bottom.png) bottom left repeat-x;} #footer {margin: 0 auto;} #footer-info {position:relative; float:left; width:100%; margin:0; background:#fff; padding:15px 0 0 0; text-align:center;} #footer p {margin:0;} #footer .tel {} #footer .fax, #footer .email {margin:0 0 0 10px;} #footer #mark {display:block; margin:1em 0; border:none;} #footer #site-link {margin:0 14px 0 0;} #footer #office {display:none;} /* One Column Layout ----------------------------------------------------*/ body.one-col #content {background-image:none;} body.one-col #alpha {width:100%; margin:0;} body.one-col #beta {display:none;} body.one-col .breadcrumbs {} body.one-col .breadcrumbs li {display:none;} /* Two Column Layout ----------------------------------------------------*/ body.two-col #content {} body.two-col .col1, body.two-col .col2 {} body.two-col .col1 {padding:0;} body.two-col .col2 {padding: 10px; color: #463505;} body.two-col .col1 hr {background:url(images/rule_2col.png) center center no-repeat !important; display:block; height:22px; clear:both;} body.two-col .col1:after, body.two-col .col2:after {content:''; clear:both; display:block;} /* Three Column Layout ----------------------------------------------------*/ body.three-col #alpha {background-color:transparent;} body.three-col #alpha-inner {float:left; display:inline; width:450px;} body.three-col #gamma {float:left; display:inline; width:175px; margin:-20px -25px 0 24px; padding:20px; color:#fff;} /* Gallery Landing Page -----------------------------------------------------*/ .spirituality-saint-andre-st-andre-photo-video-gallery blockquote {float:left; width:100%; margin:0; padding:10px 0 35px 0; background:none; font-style:normal; font-size:95%; font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;} .spirituality-saint-andre-st-andre-photo-video-gallery blockquote p {float:left; display:block; width:140px; padding-right:50px;} .spirituality-saint-andre-st-andre-photo-video-gallery blockquote p b {float:left; display:block; width:140px; color:#1C3042; margin:0; padding:0; font-size:130%;} .spirituality-saint-andre-st-andre-photo-video-gallery blockquote p.image-right, .spirituality-saint-andre-st-andre-photo-video-gallery blockquote p.object {clear:none; float:left; display:block; width:445px; margin:5px 0 0; padding:0;} .spirituality-saint-andre-st-andre-photo-video-gallery blockquote p.object {height:355px;} .spirituality-saint-andre-st-andre-photo-video-gallery blockquote p.image-right a {display:block; height:179px;} .spirituality-saint-andre-st-andre-photo-video-gallery p.image-left {display:block; width:657px; height:31px; margin-left:-20px; border:none;} .spirituality-saint-andre-st-andre-photo-video-gallery p {clear:both;} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;} #jquery-lightbox a {text-decoration:none; border:none;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:auto !important;margin:0 auto;max-width: 95%;} #lightbox-container-image { padding: 10px; } #lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;} #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;} #lightbox-nav-btnPrev{left:0;float:left;} #lightbox-nav-btnNext{right:0;float:right;} #lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0; max-width:95%;} #lightbox-container-image-data{padding:0 10px;color:#666;} #lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;} #lightbox-image-details-caption {font-weight: bold; font-size:150%;} #lightbox-image-details-link {display:block; font-weight:bold;} #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;} #lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;} /** Galleries **/ .gallery {float:left; margin:10px 0 !important;} .gallery li {float:left; display:inline; margin:0 14px 14px 0; list-style:none;} .gallery a {float:left; display:block; margin:0; padding:0; border:1px solid #000; line-height:0;} .gallery a img {margin:0 !important; padding:0;} .gallery a:hover {background-color:#ddd;} .gallery img {border:none;} /***************************************************************************************************************** * Custom media queries ****************************************************************************************************************/ @media screen and (min-width:500px) { blockquote {clear:none;} #header h3, #header h2 {font-size:15px;} } @media screen and (min-width:700px) { .image-right {max-width:40%;} .image-left {max-width:40%;} #b-home #arrow {display:block;} #alpha {width:72%; float:right;} #beta {width:25%; margin-right:3%;} .titlebar nav {display:none;} #header h1 a {max-width:70%;} #search-header {display:block; position:absolute; right:10px; width:195px;} #nav li a {border-left:1px solid #000; border-right:1px solid #000;} #b-home #header_image p {display:block;} #b-home #header_image ul li {min-height:175px; float:left; width:33.333333% ;} #b-home #header_image #feature2 {border:1px solid #ccc; border-width:0 1px;} #nav-footer {display:block;} #nav-footer li {display:inline-block; width:24%; vertical-align:top; margin-right:1%;} #footer-info {text-align:left; padding-bottom:1em;} #copyright, #contact-info {max-width:50%;} #mark {position:absolute; right:10px; top:0;} .email {display:block; margin:0 !important;} } @media only screen and (min-width:800px) { .image-left {float:left; margin:5px 20px 5px 0; padding:2px; line-height:0; border:1px solid #aaa; /*width:40%;*/} img {width: 100%;} } @media only screen and (min-width:920px) { #header h2 {display:inline-block; float:right;} #header h3 {float:left;} #sub1:after {content:''; display:block; clear:both;} .subcol {float:left; width:48%;} .subcol.col1, .subcol.col3 {margin-right:4%;} body.two-col .col1 {float:left; width:58%;} body.two-col .col2, .sidebar {float:right; width:40%; margin-left:2%;} body.two-col .col2 .image-left, body.two-col .col2 .image-right {float:none; margin:10px 0;} body.two-col .col2 .image-left img, body.two-col .col2 .image-right img {width:100% !important; max-width:100%; height:auto !important;} .news-hentry article {float:left; width:54%} .col2 .recent_posts article {width:auto; float:none;} #nav ul.depth_2 li {padding:0;} #nav-footer li {width:13%;} } @media only screen and (min-width:940px) { .titlebar #search-header {right:0;} .inner {padding:0;} #content {padding:0;} #b-home #header_image ul li {min-height:130px;} #home-sub {margin: 20px 0 0 -38%;} #home-sub:after {content:''; display:block; clear:both;} #sub1 {float:left; width:66.333%; margin-right:3.3333%;} #sub2 {float:left; width:30.3333%;} } /***************************************************************************************************************** * Print Styles ****************************************************************************************************************/ @media print { * {margin:0; padding:0;} /* REDECLARATIONS ----------------------------------------------------*/ html {height:100%;} body {font-family:Georgia, "Times New Roman", Times, serif; color:#bcbcbc; font-size:13px;} p {margin:0 0 1em; line-height:1.5em;} a {outline:none;} strong {font-weight:bold;} em {font-style:italic;} h1,h2,h3,h4,h5,h6 {margin:0 0 0.5em; font-weight:bold; color:#333; line-height:1.1em;} h1 {font-size:180%; font-weight:normal;} h2, h3 {page-break-after:avoid;} p, h2, h3 {orphans:3; widows:3;} li {margin:5px 0;} th, td {border:none;} sup {vertical-align:super; font-size:smaller;} sub {vertical-align:sub; font-size:smaller;} article, aside, figure, footer, header, hgroup, nav, section {display:block;} figcaption {display:block; text-align:center;} /* STYLES ----------------------------------------------------*/ hr {clear:both; margin:10px 0;} .ical {padding:1px 0 0 20px; background:url(/images/icons/ical.gif) left center no-repeat;} .feed {padding:1px 0 0 20px; background:url(/images/icons/feed.gif) left center no-repeat;} .pdf {padding:1px 0 0 20px; background:url(/images/icons/pdf.gif) left center no-repeat;} .breadcrumbs {margin:0; padding:0; list-style:none; font-size:80%;} .breadcrumbs li {display:inline; margin:0 3px 0 0; color:#fff;} .breadcrumbs li:last-child {font-weight:bold;} .breadcrumbs a {text-decoration:none; color:#fff;} /* IMAGES ----------------------------------------------------*/ img {page-break-inside:avoid; line-height:0;} .image-default a, .image-right a, .image-left a {border:none;} .image-default {display:inline-block; position:relative; margin:10px 20px 10px 0; padding:2px; line-height:0; border:1px solid #aaa;} .image-right {float:right; margin:5px 0 20px 20px; padding:2px; line-height:0; border:1px solid #aaa; max-width:40%;} .image-left {float:left; margin:5px 20px 5px 0; padding:2px; line-height:0; border:1px solid #aaa; max-width:40%;} .image-center {text-align:center;} #alpha img {margin:5px 15px;} #alpha .image-default img, #alpha .image-right img, #alpha .image-left img {margin:0;} /* QUOTES ----------------------------------------------------*/ pre, blockquote {border:1px solid #999; page-break-inside:avoid;} blockquote {font-size:114%; margin:20px; padding:20px 15px 10px; border:solid gray; color:#988737; border-width:3px 0;} blockquote p {} blockquote cite {display:block; font-size:77%; margin:10px 0 32px;} blockquote.pull {float:right; width:260px; margin:-20px 0 0 15px; padding:20px; font-size:121%; border:none; background:url(images/quote-open.gif) left top no-repeat;} blockquote.pull p {} /* HIDDEN ----------------------------------------------------*/ object, embed, .events-subscribe, .news-links, #feature, #action, #header-image, #nav, #nav-util, #nav-footer, #skip-links, #search-header, #site-link, #beta {display:none;} /* STRUCTURE ----------------------------------------------------*/ #wrapper {font-size:100%;} #header {float:left; width:100%; display:block; margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid gray;} #header a {text-decoration:none;} #header h1 {margin:4px 0 0; font-size:20px;} #header h1 img {float:right; border:none; height:30px} #header h1 a {vertical-align:bottom; color:#333;} #content a:link:after {content:" [" attr(href) "] "; font-size:12px;} #content abbr:after {content:" (" attr(title) ")";} #content #home-sub a:after, #content .gallery li a:after, #content p.image-right a:after, #content p.image-left a:after, .ir a:after {content:"";} /* Home ----------------------------------------------------*/ #header_image {margin-bottom:15px; border-bottom:1px solid gray;} .subcol {float:left; clear:both; width:100%; padding:10px 0; border-bottom:1px solid #dadada;} .subcol img {float:right; margin:0 0 10px 15px;} /* NEWS ----------------------------------------------------*/ p.news-links {float:right; margin:4px 0 0;} article.hentry {margin:0 0 30px;} article.hentry h1 {margin:0 0 7px;} article.hentry h2, article.hentry h3 {font-size:100%; margin:3px 0 0; clear:both;} article.hentry footer {font-style:italic;} body.news article.hentry h1 {font-size:180%;} /*BLOGS ---- #b-news .hentry {display:block; width:60%;} /* EVENTS ----------------------------------------------------*/ h2.date {margin:0 0 15px; padding:5px 10px; font-size:140%; border-bottom:1px solid #aaa; background-color:#eee;} p.events-subscribe {float:right; margin:4px 0 0;} article.vevent {margin:0 0 30px;} article.vevent h1 {margin:0 0 7px;} article.vevent h2, article.vevent h3 {font-size:100%; margin:3px 0 0; clear:both;} article.vevent footer {font-style:italic;} body.events article.vevent {margin:0 10px 30px;} body.events article.vevent h1 {font-size:180%;} /* FOOTER ----------------------------------------------------*/ #footer {display:block; position:relative; clear:both; margin:10px 0; padding:0px 0; font-size:85%;} #footer a {text-decoration:none;} #footer p {margin:0;} #footer #site-link, #footer #office, span.tel, span.fax, span.email {display:block;} #footer span {position:relative;float:left;width:100%;} #footer #mark img {position:absolute; right:0; top:10px; border:none;} } /* close @media print */