/* =Global Elements -------------------------------------------------------------- */ body, input, textarea { font: 15px Georgia,serif; line-height:22px; } p, ul, ol, dd, pre { margin-bottom:22px; } pre, code { font:14px Monaco, monospace; line-height:22px; } blockquote { color:#666; font-style:italic; } table { border:1px solid #ccc; border-width:1px 1px 0 1px; font-size:13px; line-height:18px; margin:0 0 22px 0; text-align:left; } caption { text-align:left; } tr { border-bottom:1px solid #ccc; } th, td { padding: .7em 1.25em; } hr { background-color:#ccc; border:0; color:#ccc; height:1px; margin-bottom:22px; } a:link { color:#004B91; } a:visited { color:#743399; } a:active, a:hover { color: #193A84; } /* =Header -------------------------------------------------------------- */ #header { z-index:2; background-color: #f1f1f1; } #branding { padding: 22px 0 36px 0; } #blog-title { font-family: Arial,sans-serif; font-size:44px; font-weight:bold; line-height:55px; height: 70px; } #blog-title img { vertical-align: bottom; margin-right: .5em; margin-bottom: -2px; } #blog-title a { color:#193A84; text-decoration:none; } #blog-title a:active, #blog-title a:hover { color: #193A84; } #blog-title span { float: left; } #blog-description { color:#666; font-size:13px; font-style:italic; } /* =Menu -------------------------------------------------------------- */ .skip-link { display:none; } #access { border-bottom:1px solid #ccc; height:32px; font-size:13px; overflow:visible; z-index:100; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** THEMATIC SKIN ***/ .sf-menu { float:left; } .sf-menu a { padding:9px 13px; text-decoration:none; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; border-bottom:1px solid #ccc; } .sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a { background-color: white; -webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; border: 1px solid #ccc; border-bottom: 0; } .sf-menu .current_page_item ul a, .sf-menu .current_page_ancestor ul a, .sf-menu .current_page_parent ul a { background-color: #f1f1f1; -webkit-border-radius: 0; -moz-border-radius: 0; border: 0; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #333; } .sf-menu li { } .sf-menu li li { background: #fff; border-top: 1px solid #ccc; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; color: black; } .sf-menu ul { } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top:32px; /* overriding essential styles */ } .sf-menu ul ul { margin-top:0; } .sf-menu ul a { background-color: #f1f1f1; border-bottom:none; } /* =Content -------------------------------------------------------------- */ #main { clear:both; padding:22px 0 22px 0; } .page-title { font-size:13px; line-height:18px; padding:0 0 44px 0; } .attachment .page-title { font-style:italic; } .page-title a { color:#666; text-decoration:none; } .page-title a:active, .page-title a:hover { color: #193A84; } .page-title span { font-style:italic; } .page-title .meta-nav { font-style:normal; } .hentry { padding:0 0 22px 0; } .single .hentry { padding:0; } .home #content .sticky { border:1px solid #ccc; margin:0 0 66px 0; padding:22px 20px 0 20px; } .entry-title { font-family:Arial,sans-serif; font-size:26px; font-weight:bold; line-height:26px; padding:0 0 7px 0; } .entry-title a { color:#000; text-decoration:none; } .entry-title a:active, .entry-title a:hover { color: #193A84; } .entry-meta { color:#666; font-size:13px; font-style:italic; line-height:18px; } .entry-meta .author { } .entry-meta .n { font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase; } .entry-meta a { color:#666; text-decoration:none; } .entry-meta a:active, .entry-meta a:hover { color: #193A84; } .entry-meta abbr { border:none; cursor:text; font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase; } .entry-content { padding:22px 0 0 0; } .entry-content h1, .entry-content h2 { font-family:Arial,sans-serif; font-size:19px; font-weight:bold; padding:28px 0 14px 0; } .entry-content h3 { font-size:17px; font-style:italic; padding:28px 0 14px 0; } .entry-content h4 { font-size:11px; font-family:Arial,sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.05em; } .entry-content table { margin-left:1px; } .entry-content embed { margin:0 0 22px 0; } .entry-utility { color:#666; font-size:13px; line-height:18px; margin:0 0 44px 0; } .entry-utility a { color:#666; font-style:italic; text-decoration:none; } .entry-utility a:active, .entry-utility a:hover { color: #193A84; } .page-link { font-size:13px; font-weight:bold; line-height:18px; margin:0 0 22px 0; padding:22px 0 0 0; word-spacing:0.5em; } .page-link a { border:1px solid #ccc; color:#666; font-weight:normal; padding:0.5em 0.75em; text-decoration:none; } .page-link a:active, .page-link a:hover { color: #193A84; } ul#links-page, ul#archives-page { list-style:none; margin-left:0; overflow:hidden; } li.content-column { float:left; margin-right:20px; width:45%; } .gallery { padding:0 0 22px 0; } .wp-caption-text, .gallery-caption { color:#666; font-size:13px; line-height:18px; } #author-info { margin:0 0 44px 0; overflow:hidden; } #author-info .avatar { float:left; margin:.3em 1em 0 0; } /* =Attachments -------------------------------------------------------------- */ .attachment-jpeg #container, .attachment-png #container { width:100%; } .attachment-jpeg #content, .attachment-png #content { width:930px; } .attachment-jpeg #comments, .attachment-png #comments { width:540px; overflow:hidden; } .attachment-jpeg .main-aside, .attachment-png .main-aside { display:none; } /* =Navigation -------------------------------------------------------------- */ .navigation { color:#666; font-size:13px; line-height:18px; margin:0px 0 22px 0; overflow:hidden; } .navigation a { color:#666; font-style:italic; text-decoration:none; } .navigation a:active, .navigation a:hover { color: #193A84; } .navigation .meta-nav { font-style:normal; } .nav-previous { float: left; width:50%; } .nav-next { float: right; width:50%; text-align:right; } #nav-above,#nav-below { width: 100%; } #nav-above { display:none; } .paged #nav-above { display:block; padding:0 0 44px 0; } /* =Comments -------------------------------------------------------------- */ #comments { padding:22px 0 0 0; } #comments, #comments input, #comments textarea { font-size:13px; line-height:18px; } #comments code { font-size:12px; line-height:18px; } #comments h3 { font-family:Arial,sans-serif; font-size:15px; font-weight:bold; line-height:22px; padding:0 0 18px 0; } #comments-list { padding:0 0 18px 0; } #comments-list ol, #comments-list ul { list-style:none; margin:0; } #comments-list ol { border:1px solid #ccc; border-bottom:none; margin:0 0 18px 0; } #comments-list li { background:#fafafa; border-bottom:1px solid #ccc; padding:18px 1.5em 0 1.5em; position:relative; } #comments-list li.alt { background:#fff; } #comments-list li.bypostauthor { background:#FFFFCC; } #comments-list ul li { border:1px solid #ccc; margin:0 0 18px 0; } #comments-list li .avatar { position:absolute; top:22px; left:1.5em; width:36px; height:36px; } #comments-list .comment-author { font-weight:bold; padding:9px 0 0 46px; } #comments-list .comment-meta { color:#666; font-size:11px; padding:0 0 9px 46px; } #comments-list .comment-meta a { color:#666; font-style:italic; text-decoration:none; } #comments-list .comment-meta a:active, #comments-list .comment-meta a:hover { color: #193A84; } .comment-reply-link { font-size:11px; padding:0 0 18px 0; text-align:right; } .comment-reply-link a { color:#666; font-style:italic; text-decoration:none; } .comment-reply-link a:active, .comment-reply-link a:hover { color: #193A84; } .comment-navigation { font-weight:bold; padding:0 0 18px 0; margin-right:0.5em; } .comment-navigation a { border:1px solid #ccc; color:#666; font-weight:normal; padding:0.5em 0.75em; text-decoration:none; } .comment-navigation a:active, .comment-navigation a:hover { color: #193A84; } .comment-navigation a, .comment-navigation span { margin-right:0.5em; } #trackbacks-list .comment-content { position:absolute; left:-9000px; } #respond { background:#fff; margin-bottom:22px; overflow:hidden; padding:18px 0 0 0; position:relative; } #comments-list #respond { border-bottom:1px solid #ccc; margin:0 0 18px 0; padding:18px 1.5em; } #comments-list ul #respond { border:1px solid #ccc; margin:0; } #cancel-comment-reply { font-size:11px; position:absolute; top:18px; right:1.5em; } #cancel-comment-reply a { color:#666; } #respond .required { color:#193A84; font-weight:bold; } .form-section label { font-size:11px; } .form-section input { margin:0 0 18px 0; width:98%; } .form-section textarea { width:99%; } #form-allowed-tags p { color:#666; font-size:11px; margin:0; } #form-allowed-tags span { font-style:italic; } #form-allowed-tags code { font-size:11px; line-height:normal; } .form-submit { padding:18px 0 0 0; text-align:right; } .subscribe-to-comments { color:#666; float:left; font-size:11px; margin:0; padding:18px 0 0 0; } .solo-subscribe-to-comments { color:#666; font-size:11px; padding:18px 0 0 0; } .comment_license { color:#666; clear:both; font-size:11px; margin:0; padding:18px 0 0 0; } /* =Asides, Sidebars & Widget-Ready Areas -------------------------------------------------------------- */ .aside, .aside input { font-size:13px; line-height:18px; margin-bottom:6px; } .aside p, .aside ul, .aside ol, .aside dd, .aside pre { margin-bottom:18px; } .aside pre, .aside code { font-size:12px; line-height:18px; } .aside .current_page_item a { color: #193A84; } .aside .current_page_item .page_item a { color:#666; } .aside .current_page_item .page_item a:hover, .aside .current_page_item .page_item a:active { color: #193A84; } .aside { color:#666; } .aside a { color:#666; } .aside a:active, .aside a:hover { color: #193A84; } .aside h3 { font-size:15px; font-style:italic; line-height:22px; } .aside h3 a { text-decoration:none; } .aside caption { font-size:11px; font-family:Arial,sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.05em; } .aside ul { list-style:none; margin-left:0; } .aside ul ul { list-style:disc; margin:0 0 22px 20px; } .aside ul ul li { padding:1px 0; } .aside ul ul ul { margin-bottom:0; } .aside form, .aside table { margin-bottom:22px; } .aside table { border:none; } .aside thead { border:1px solid #ccc; } .aside tbody { border:1px solid #ccc; } .aside th, .aside td { border-right:1px solid #ccc; padding:.25em .8em; } .aside tfoot tr { border:none; } .aside tfoot td { border-color:transparent; } .widget_tag_cloud { margin:0 0 22px 0; } .aside #searchsubmit { display: none; } /* Main Asides */ .main-aside ul { padding:0 20px; } .main-aside h3 { } .main-aside ul ul { padding:0; } #zeromary, #primary, #secondary, #ternary { border:1px solid #ccc; padding:18px 0 0 0; margin-bottom:22px; } #zeromary li, #primary li, #secondary li, #ternary li { margin-bottom: 1em; } #primary a, #secondary a, #ternary a { font-family: Helvetica, Arial, sans-serif; font-size: 1.3em; font-weight: bold; color: rgb(25, 58, 132); } /* Content Asides */ #content .aside { border:1px solid #ccc; margin:0 0 22px 0; padding:18px 0 0 0; } #content .aside ul { padding:0 20px; } #content .aside h3 { font-family:Georgia,serif; font-weight:normal; font-size:17px; font-style:italic; padding:0 0 7px 0; text-transform:none; } #content .aside ul ul { padding:0; } /* Footer Asides */ #subsidiary { padding:33px 0 0 0; } /* =Footer -------------------------------------------------------------- */ #footer { border-top:1px solid #ccc; margin-top:22px; } #siteinfo { color:#666; font-size:11px; line-height:18px; padding:22px 0 44px 0; } #siteinfo a { color:#666; } #siteinfo a:active, #siteinfo a:hover { color: #193A84; } /* =PageNavi -------------------------------------------------------------- */ /* Using !important to override PageNavi CSS */ .wp-pagenavi { margin:0 0 0 -.5em; padding:0.5em 0; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span { border:1px solid #ccc !important; color:#666!important; font-style:normal; margin:0 .375em !important; padding:0.5em 0.25em !important; } .wp-pagenavi a:visited { border:1px solid #ccc !important; color:#666 !important; } .wp-pagenavi a:hover { border:1px solid #ccc !important; color:#193A84 !important; } .wp-pagenavi a:active { border:1px solid #ccc !important; color:#193A84 !important; } .wp-pagenavi span.pages { border:none !important; color:#666 !important; margin:0 !important; padding:0 !important; } .wp-pagenavi span.current { border:none !important; color:#666 !important; font-weight:normal !important; margin:0 !important; padding:0 !important; } .wp-pagenavi span.extend { background-color:#FFFFFF; border:1px solid #000000; color:#000000; margin:2px; padding:2px 4px; } /* Misc fixes */ #primary .widgettitle, #secondary .widgettitle, #index-top .widgettitle, #index-bottom .widgettitle, #ternary .widgettitle { display: none; } body.home #nav-below { display: none; } .entry-utility { display: none; } #blog-description { display: none; } div#index-bottom { border: 0 !important; padding: 0 !important; margin: 0 !important; } #index-bottom ul { padding: 0 !important; } #index-top { border: 0 !important; width: 600px; height: 252px; background-repeat: no-repeat; margin: 0; } #index-top p { margin: 0; opacity: 0.8; background-color: black; color: white; font-size: 1.2em; line-height: 1.5em; padding: 0.75em; margin-top: 164px; } #index-top p a { color: white; } span.lead { float: left; font-size: 50px; line-height: 0.9em; margin: 0 6px 0 0; } #zeromary { background-color: #f1f1f1; border: 1px solid #ccc; } #zeromary dl { margin: 0; } #zeromary dt { font-weight: normal; font-style: italic; } #zeromary .widgettitle { margin-bottom: 0.5em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; } #zeromary dd { margin-bottom: 0.5em !important; } #call-for { float: right; height: 90px; width: 300px; background-color: white; border: 1px solid #ccc; } #call-for p { margin: 0.4em; text-align: center; vertical-align: middle; } #call-for a, #call-for a:visited { font-size: 0.50em; } .location { float: right; width: 180px; margin-left: 1ex; margin-bottom: 1ex; padding: 1em; border: 1px solid #ccc; background-color: #f1f1f1; text-align: right; font-style: italic; color: #666; } .location p { margin: 0; padding: 2px 0; } .slug-program .location { width: 220px; } .history h2 { padding: 1ex 0 0 0; margin-bottom: 1em; font-size: 150%; border-bottom: 1px dotted #ccc; } ul.lecturers { margin: 0; padding: 0; } ul.lecturers li { margin: 1ex 0; padding: 1em; list-style: none; border: 1px solid #ccc; background-color: #f1f1f1; } ul.lecturers li img { margin: 0 1em 1em 0; float: left; } ul.lecturers li.even { background-color: #fff; } .history table { width: 99%; } .history table thead th { text-align: center; } table.books { width: 100%; border: 0px solid #ccc; padding: 0; } table.books tr { border: 0px solid #ccc; padding: 0; } table.books td { padding: 5px; } .program a:visited { color:#004B91; } .program table { width: 99%; } .program h2 { } .program table, .program td, .program tr, .program th { border: 0; } .program table td.time { width: 110px; } .program table caption { font-size: 120%; font-weight: bold; } .program table td, .program table th { padding: 0.5em 0; }