/* $Id: zen.css,v 1.14.2.6 2009/11/05 11:03:32 johnalbin Exp $ */ /* Title: CAS 2010 - a Zen Sub-Theme - screen styles Author: Brett Baker Children's Aid Society Web Department June 2010 with Carrera Site Modifications (end of file) */ /* ------------------------ Global Bar ------------------------ */ #global-bar {background: #0072b1;} #global-header-blocks {width: 700px; float: left; } #block-menu-menu-global, #block-menu-menu-center-global /* Secondary links */ {margin-left: 30px; height: 40px; font-weight: bold; } #block-menu-menu-global.block, #block-menu-menu-center-global.block {margin-bottom: 0;} #block-menu-menu-global.block ul, #block-menu-menu-center-global.block ul {margin: 0; } #block-menu-menu-global li, #block-menu-menu-center-global li {float: left; } #block-menu-menu-global ul.links, #block-menu-menu-center-global ul.links {margin:0; padding: 11px 0 0; } #block-menu-menu-global ul.links li, #block-menu-menu-center-global ul.links li {padding:0;} #block-menu-menu-global li a:link, #block-menu-menu-global li a:visited, #block-menu-menu-center-global a:link, #block-menu-menu-center-global a:visited {color: #fff; text-decoration: none; line-height: 40px; padding: 0 10px 0 0; margin-right: 8px; float: left; font-size: 12px; font-weight: normal; } #block-menu-menu-global li a:hover, #block-menu-menu-center-global a:hover {color: #ddd;} #block-menu-menu-global li#About a:link, #block-menu-menu-global li#About a:visited, /* #block-menu-menu-global li#News a:link, #block-menu-menu-global li#News a:visited {background-image: none; background-position: inherit; height: auto; text-indent: inherit; width: auto; } */ li#Facebook a:link, li#Facebook a:visited {text-indent: -10000px; background-image: url(images/facebook_16.png); background-repeat: no-repeat; background-position: 0 -16px; height:16px; width:16px; display: block; margin: 12px 0 0 80px; } li#Facebook a:hover {background-image: url(images/facebook_16.png); background-position: 0 0;} li#Twitter a:link, li#Twitter a:visited {text-indent: -10000px; background-image: url(images/twitter_16.png); background-repeat: no-repeat; background-position: 0 -16px; height:16px; width:16px; display: block; margin: 12px 0; } li#Twitter a:hover {background-image: url(images/twitter_16.png); background-position: 0 0; } li#YouTube a:link, li#YouTube a:visited {text-indent: -10000px; background-image: url(images/youtube_16.png); background-repeat: no-repeat; background-position: 0 -16px; height:16px; width:16px; display: block; margin: 12px 0; } li#YouTube a:hover {background-image: url(images/youtube_16.png); background-position: 0 0; } li#RSS a:link, li#RSS a:visited {text-indent: -10000px; background-image: url(images/rss_16-2.png); background-repeat: no-repeat; background-position: 0 -16px; height:16px; width:16px; display: block; margin: 12px 0; } li#RSS a:hover {background-image: url(images/rss_16-2.png); background-position: 0 0; } li#DonateNow a:link, li#DonateNow a:visited {text-indent: -10000px; background-image: url(images/small-donate.jpg); background-repeat: no-repeat; height:22px; width:60px; display: block; margin: 9px 0; } li#DonateNow a:hover {} /* ------------------------ Header Basics ------------------------ */ #header {background: #fff;} .cas-center #header-blocks {color:#0071af; font-family: 'Helvetica Neue', Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px; padding-right: 40px; width:auto;} #logo-title /* Wrapper for logo, website name, and slogan */ {float: left; width:500px;} #logo /* Wrapper for logo */ {margin: 0 10px 0 0; padding: 0;} /* ------------------------ Global CAS Branding ------------------------ */ h1#site-name, div#site-name, div#section-title {margin: 0 0 0 30px; font-size: 2em; line-height: 1.3em;} /*#site-name a:link, #site-name a:visited{background-image: url(images/cas-logo-sprites.jpg); background-repeat: no-repeat; background-position: 0 0; color: #000; display: block; height:85px; text-decoration: none; text-indent: -10000px; width: 470px;} #site-name a:hover {text-decoration: underline; background-image: url(images/cas-logo-sprites.jpg); background-position: 0 -85px;}*/ /* Section Titles */ #section-title a:link, #section-title a:visited {background-position: 0 0; color: #000; display: block; height:85px; text-decoration: none; text-indent: -10000px; width: 470px;} /* ------------------------ Center Specific Branding ------------------------ */ /* Bronx Family Center */ .section-bronx-family-center #section-title a:link, .section-bronx-family-center #section-title a:visited {background-image: url(images/bronx-family-center-logo.jpg);} .section-bronx-family-center #section-title a:hover {background-image: url(images/bronx-family-center-logo.jpg); background-position: 0 0;} /* Drew Hamilton Center */ .section-drew-hamilton-learning-center #section-title a:link, .section-drew-hamilton-learning-center #section-title a:visited {background-image: url(images/drew-hamilton-logo.jpg); width:580px;} .section-drew-hamilton-learning-center #section-title a:hover {background-image: url(images/drew-hamilton-logo.jpg); background-position: 0 0;} /* Dunlevy Milbank Center */ .section-dunlevy-milbank-center #section-title a:link, .section-dunlevy-milbank-center #section-title a:visited{background-image: url(images/dunlevy-milbank-logo.jpg);} .section-dunlevy-milbank-center #section-title a:hover {background-image: url(images/dunlevy-milbank-logo.jpg); background-position: 0 0;} /* East Harlem Center */ .section-east-harlem-center #section-title a:link, .section-east-harlem-center #section-title a:visited {background-image: url(images/east-harlem-center.jpg); width:397px;} .section-east-harlem-center #section-title a:hover {background-image: url(images/east-harlem-center.jpg); background-position: 0 0;} /* Frederick Douglass Center */ .section-frederick-douglass-center #section-title a:link, .section-frederick-douglass-center #section-title a:visited {background-image: url(images/frederick-douglass-logo.jpg); width:504px;} .section-frederick-douglass-center #section-title a:hover {background-image: url(images/frederick-douglass-logo.jpg); background-position: 0 0;} /* Goodhue Center */ .section-goodhue-center #section-title a:link, .section-goodhue-center #section-title a:visited {background-image: url(images/goodhue-center-logo.jpg); width:349px;} .section-goodhue-center #section-title a:hover {background-image: url(images/goodhue-center-logo.jpg); background-position: 0 0;} /*Hope Leadership Academy*/ .section-hope-leadership-academy #section-title a:link, .section-hope-leadership-academy #section-title a:visited {background-image: url(images/hope-academy-logo.jpg); width:518px;} .section-hope-leadership-academy #section-title a:hover {background-image: url(images/hope-academy-logo.jpg); background-position: 0 0;} /*Next Generation Center */ .section-next-generation-center #section-title a:link, .section-next-generation-center #section-title a:visited {background-image: url(images/next-gen-center-logo.jpg); width:457px;} .section-next-generation-center #section-title a:hover {background-image: url(images/next-gen-center-logo.jpg); background-position: 0 0;} /*Philip Coltoff Center */ .section-philip-coltoff-center #section-title a:link, .section-philip-coltoff-center #section-title a:visited {background-image: url(images/pcc-logo.jpg); width:437px;} .section-philip-coltoff-center #section-title a:hover {background-image: url(images/pcc-logo.jpg); background-position: 0 0;} /*Rhinelander Center */ .section-rhinelander-childrens-center #section-title a:link, .section-rhinelander-childrens-center #section-title a:visited {background-image: url(images/rhinelander-logo.jpg); width:559px;} .section-rhinelander-childrens-center #section-title a:hover {background-image: url(images/rhinelander-logo.jpg); background-position: 0 0;} /*Taft Day Care Center */ .section-taft-day-care-center #section-title a:link, .section-taft-day-care-center #section-title a:visited {background-image: url(images/taft-day-care-logo.jpg); width:403px;} .section-taft-day-care-center #section-title a:hover {background-image: url(images/taft-day-care-logo.jpg); background-position: 0 0;} /*Wagon Road Camp */ .section-wagon-road-camp #section-title a:link, .section-wagon-road-camp #section-title a:visited {background-image: url(images/wagon-road-logo.jpg); width:385px;} .section-wagon-road-camp #section-title a:hover {background-image: url(images/wagon-road-logo.jpg); background-position: 0 0;} /*Go!Kids*/ .section-gokids #section-title a:link, .section-gokids #section-title a:visited {background-image: url(images/gokids-logo.jpg); width:303px;} .section-gokids #section-title a:hover {background-image: url(images/gokids-logo.jpg); background-position: 0 0;} /*Miracle on Madison*/ .section-miracle #section-title a:link, .section-miracle #section-title a:visited {background-image: url(images/miracle-ave-logo.jpg); width:520px;} .section-miracle #section-title a:hover {background-image: url(images/miracle-ave-logo.jpg); background-position: 0 0;} /*The Golf Classic .section-golf-classic #section-title a:link, .section-golf-classic #section-title a:visited {background-image: url(images/golf-logo.jpg); width:313px;} .section-golf-classic #section-title a:hover {background-image: url(images/golf-logo.jpg); background-position: 0 0;}*/ /*The Orphan Trains*/ .section-orphan-trains #section-title a:link, .section-orphan-trains #section-title a:visited {background-image: url(images/orphan-trains-title.jpg); width:379px;} .section-orphan-trains #section-title a:hover {background-image: url(images/orphan-trains-title.jpg); background-position: 0 0;} /* ------------------------ Header Blocks ------------------------ */ #header-blocks /* Wrapper for any blocks placed in the header region */ {width:440px; float: right; text-align: right;} /* ------------------------ Main Wrapper ------------------------ */ #main {background: #f3f2f2;} #main-inner{background-image: url(images/columns.jpg); background-repeat: repeat-y;} .no-sidebars #main-inner {background-image: none;} /* ------------------------ Content - Basics ------------------------ */ #content { } #content-inner { } #mission /* The mission statement of the site (CAS Homepage Description) */ {background: #223743; color:#fff; font-size: 22px; font-weight: bold; line-height:32px; min-height: 249px; padding: 5px 25px 16px 40px;} #mission p {margin: 20px;} #mission a:link, #mission a:visited, .node-type-center .node-body a:link, .node-type-center .node-body a:visited {color: #0092c4;} .node-type-topic-page .node-body a:link, .node-type-topic-page .node-body a:visited {color: #0092c4;} .node-type-center-topic .node-body a:link, .node-type-center-topic .node-body a:visited {color: #0092c4;} #mission a:hover, .node-type-center .node-body a:hover {color:#ddd;} .node-type-topic-page .node-body a:hover {color:#ddd;} .node-type-center-topic .node-body a:hover {color:#ddd;} /* ------------------------ Content-Top Region ------------------------ */ #content-top /* Wrapper for any blocks placed in the "content top" region */ { } #content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */ {position: relative;} #content-header .block, /* MOVE */ #sidebar-right-inner .block {margin-bottom: 0;} .field-field-lp-headline p {padding: 0;color: #0074b2; color:#fff; line-height: 40px; padding:80px 0 0 40px; z-index: 100; width:520px; height: 180px; background: #000; /*background-image: url(images/title-bg.png);background-repeat: repeat;*/ margin-top: 0; margin-bottom: 0; font-size: 36px; font-weight: bold;} .node-type-landing-page-new.page-foster-care .field-field-lp-headline p {background: #0072B1;} /* ------------------------ Content-Bottom Region ------------------------ */ #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {padding: 0px 20px;} .front #content-bottom, .node-type-topic-page #content-bottom, .node-type-center #content-bottom, .node-type-center-topic #content-bottom, .node-type-content-general #content-bottom {padding: 0px;} /*#content-bottom .block-views {margin-top: -40px;}*/ /* ------------------------ Tabs ------------------------ */ .node-type-topic-page #content-area div.tabs, .node-type-center #content-area div.tabs, .node-type-center-topic #content-area div.tabs{text-shadow: none; display: none;} .section-search div.tabs {margin: 0 40px;} /* ------------------------ Page Fields ------------------------ */ /* Page Titles */ #content-header h1.title {color: #0074b2; position: absolute; bottom: 14px; border-bottom: solid 1px #fff; line-height: 54px; padding-left: 40px; padding-right:20px; z-index: 100; width:500px; height: 54px; background-image: url(images/title-bg.png); background-repeat: repeat; margin-top:-3px; text-shadow: 1px 1px #fff;} /* Unset Title Styles for types without header image */ .section-user #content-header h1.title, .section-users #content-header h1.title, /*.section-blog #content-header h1.title,*/ .node-type-video #content-header h1.title, .node-type-photo-gallery #content-header h1.title, .node-type-blog-post #content-header h1.title, .node-type-landing-page-new #content-header h1.title, .node-type-content-staff-biography #content-header h1.title, /*.node-type-content-general.section-community-schools #content-header h1.title,*/ .no-header-image #content-header h1.title, .no-header-view-only #content-header h1.title, .long-title-no-header #content-header h1.title, .node-type-webform.section-employment #content-header h1.title, .employment-results #content-header h1.title, .press-release #content-header h1.title, .section-search #content-header h1.title, .section-category #content-header h1.title, .section-comment #content-header h1.title, .page-ceo-corner #content-header h1.title {position: relative; border-top:solid 1px #ddd; margin-top: 0; bottom: 0;} /* Ask Landing Page adjustments */ .node-type-landing-page-new #content-header h1.title {height: 300px; background: #fff; line-height: 40px; font-size: 36px;} /* Long Title adjustments */ .node-type-content-press-page #content-header h1.title, .node-type-blog-post #content-header h1.title, .section-employment #content-header h1.title, .long-title #content-header h1.title, .long-title-view-only #content-header h1.title, .long-title-no-header #content-header h1.title {padding-top: 6px; line-height: 24px; margin-top: 0; font-size: 18px;} /* Topic & Center Homepage headers */ .node-type-topic-page #content-header, .node-type-center #content-header, .node-type-center-topic #content-header {background: #223743; color: #0092c4; padding: 25px 40px 0 40px;} .node-type-topic-page #content-header h1.title, .node-type-center #content-header h1.title, .node-type-center-topic #content-header h1.title {position: inherit; /*bottom: auto;*/ font-size: 24px; font-weight: bold; text-decoration: none; color:#0092c4; margin-bottom: 0; margin-top: 7px; border: none; background-image: none; background-repeat: no-repeat; text-shadow: none; padding-left: 0; width: inherit; z-index: auto; line-height: 30px; height: auto;} /* Remove title display for Center Homepages */ .node-type-center h1.title {display: none;} /* Photo gallery content type - left align images */ .node-type-photo-gallery .field-field-gallery .field-item { float: left; padding: 2px 4px; } /* Page Subtitle & Staff Bio Job Title*/ .field-field-subtitle, .field-field-bio-job-title {margin: 10px 40px; font-size: 16px; color:#a28e60; font-weight: bold; padding-bottom: 10px; border-bottom: solid 1px #fff;} /* Staff Bio Picture */ .field-field-bio-picture {margin:0 20px 0 40px; float:left; background-color: #fff; border: solid 1px #ddd; padding: 4px;} /* Dates - Press Release Date & Event Dates */ .field-field-press-release-date, .field-field-event-date {margin: 10px 40px; font-weight: bold;} /* Press Reference Field */ .field-field-press-reference {margin: 10px 40px;} .field-field-press-reference .field-label {font-weight: bold; color:#A28E60;} /* More Info Field */ #block-cck_blocks-field_more_info {padding:0 40px; background:#223743; color: #fff; text-shadow: 1px 1px #333; margin-bottom: 0;} #block-cck_blocks-field_more_info h2.title {color:#0092c4; border-top:solid 1px #0092c4; margin-bottom: 0; font-size: 14px; padding-top: .5em;} #block-cck_blocks-field_more_info p {margin-top: .25em; font-size: 14px;} #block-cck_blocks-field_more_info a:link, #block-cck_blocks-field_more_info a:visited {color:#0092C4;} #sidebar-right-inner #block-cck_blocks-field_more_info .field-item {border-bottom: 0; margin-top: 0;} /* File Attachements */ .field-field-document {margin: 20px 40px;} /* Overview Heading */ .node-body h3, .field-field-topic-overview h3 {color: #a28e60;} .breadcrumb /* The path to the current page in the form of a list of links */ {padding-bottom: 0; /* Undo system.css */} h1.title, /* The title of the page */ h2.title, /* Block title or the title of a piece of content when it is given in a list of content */ h3.title /* Comment title */ {margin: 0;} .help /* Help text on a page */ {margin: 1em 0;} .more-help-link /* Link to more help */ {font-size: 0.85em; text-align: right;} /* ------------------------ Page Content Area ------------------------ */ #content-area /* Wrapper for the actual page content */ {margin-bottom: 40px; padding: 0;} .front #content-area, .view-only #content-area, .no-header-view-only #content-area, .long-title-view-only #content-area {margin-bottom: 0;} #content-area .node-body, #content-area form.webform-client-form {padding:0 40px;} .not-front #content-area .view {padding:20px 40px 0;} .not-front #content-area .view .node-body {padding: 0;} .node-type-topic-page #content-area, .node-type-center #content-area, .node-type-center-topic #content-area {background: #223743; color: #0092c4; padding: 0 40px 0 40px; color: #fff; text-shadow: 1px 1px #333; margin-bottom: 0;min-height: 118px;} .page-news #content-area {min-height: inherit;} .node-type-topic-page #content-area .node-body, .node-type-center #content-area .node-body, .node-type-center-topic #content-area .node-body {padding: 0;} .node-type-topic-page #content-area p, .node-type-center-topic #content-area p, .node-type-center #content-area p {font-size: 18px; line-height: 22px; margin-top: 0; font-weight: bold;} .node-type-center #content-area p {font-size: 20px; line-height: 28px;} .view-only .addthis_toolbox.addthis_default_style.content-footer, .no-header-view-only .addthis_toolbox.addthis_default_style.content-footer {display:none;} .section-category #content-area {padding: 0 40px;} /* ------------------------ Links & Pagers ------------------------ */ ul.links /* List of links */ {margin: 1em 0; padding: 0; list-style-image: none; list-style-type: none;} ul.links.inline {margin: 10px 40px; display: inline; list-style-image: none; list-style-type: none; font-family: 'Helvetica Neue', Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 11px;} ul.links li {display: inline; list-style-type: none; padding: 0 0.5em; list-style-image: none; list-style-type: none;} .pager /* A list of page numbers when more than 1 page of content is available */ {clear: both; margin: 1em 0; text-align: center;} .pager a, .pager strong.pager-current {padding: 0.5em;} .feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {margin: 1em 0;} /* ------------------------ Nav Bar ------------------------ */ #navbar-inner {background: #f2f2f2; border-top:solid 1px #8f9aa0; font-family:'Helvetica Neue', Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px; padding-left: 40px;} #navbar-inner a:link, #navbar-inner a:visited {text-transform: uppercase; line-height: 46px; margin-right:38px; color:#656565; text-decoration: none; font-weight: bold; text-shadow: 1px 1px #fff;} #navbar-inner a:hover {color:#0966ac;} #navbar-inner .block-menu ul.menu li.last {background: #990100; float:right; padding: 0 30px;} #navbar-inner .block-menu ul.menu li.last a:link, #navbar-inner .block-menu ul.menu li.last a:visited {margin-right: 0; text-shadow: none; color:#fff; font-size: 13px;} #search-box /* Wrapper for the search form */ {float: right; margin:0 30px 0 0; padding: 8px 0 0 0;} #edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {display: none;} #secondary /* Secondary links */ {/*margin-left: 30px; height: 40px; font-weight: bold;*/} #secondary ul.links {/*margin:0; padding: 11px 0 0;*/} #secondary ul.links li {padding:0;} #secondary li a:link, #secondary li a:visited {/*color: #fff; text-decoration: none; line-height: 40px; padding: 0 30px 0 0; margin-right: 8px; float: left;*/} #secondary li a:hover {color: #ddd;} /* ------------------------ Sidebar - Left ------------------------ */ #sidebar-left { } #sidebar-left-inner { } /* ------------------------ Sidebar - Right ------------------------ */ #sidebar-right { } #sidebar-right-inner { } /* ------------------------ Footer ------------------------ */ #footer {background: #0072b1;} #footer .block, #footer .block ul {margin: 0;} #footer h2.title {background-image: url(images/cas-logo-f2.jpg); background-repeat: no-repeat; color: #000; display: block; height:47px; text-decoration: none; text-indent: -10000px; width: 262px; float: left; margin-right: 10px;} #footer-inner {padding: 20px 30px;} #footer-message /* Wrapper for the footer message from Drupal's "Site information" and for any blocks placed in the footer region */ {width:960px; margin: 0 auto; text-align: center; font-size: 11px; color:#fff;} #footer li a {float: left; margin-right: 20px;} /* Charity Navigator */ #footer li.cn-4star a:link, #footer li.cn-4star a:visited {background-image: url(images/ch-nav.jpg); background-repeat: no-repeat; color: #000; display: block; height:47px; text-decoration: none; text-indent: -10000px; width: 181px;} /* BBB */ #footer li.bbb a:link, #footer li.bbb a:visited {background-image: url(images/bbb.jpg); background-repeat: no-repeat; color: #000; display: block; height:66px; text-decoration: none; text-indent: -10000px; width: 39px;} #block-menu-menu-footer-right {float: right; width:110px; margin-right: 20px; font-family: "Helvetica Neue", Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px;} #footer #block-menu-menu-footer-right a:link, #footer #block-menu-menu-footer-right a:visited {text-decoration: none; color:#fff;} #block-menu-menu-footer-left {float: right; width:110px; margin-right: 20px; font-family: "Helvetica Neue", Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px;} #footer #block-menu-menu-footer-left a:link, #footer #block-menu-menu-footer-left a:visited {text-decoration: none; color:#fff;} #block-menu-menu-footer-center {float: right; width:110px; padding-right:30px; font-family: "Helvetica Neue", Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px;} #footer #block-menu-menu-footer-center a:link, #footer #block-menu-menu-footer-center a:visited {text-decoration: none; color:#fff;} #closure-blocks /* Wrapper for any blocks placed in the closure region */ { } /* ------------------------ Admin & Drupal General ------------------------ */ .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */ .comment-unpublished div.unpublished {height: 0; overflow: visible; color: #d8d8d8; font-size: 75px; line-height: 1; font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center;} .marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {color: #c00;} .node.node-unpublished .picture, .comment.comment-unpublished .picture {position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */ } .node .meta /* Wrapper for submitted and terms data */ {margin:10px 0; font-family: 'Helvetica Neue', Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 11px; color:#777;} .node .submitted /* The "posted by" information */ {margin:0 40px;} .page-blog .node .submitted {margin: 0;} .section-category .node .submitted {margin: 0;} .node .terms /* Node terms (taxonomy) */ {font-size: 11px; font-weight: bold; margin:10px 40px 0 40px;} .preview .node /* Preview of the content before submitting new or updated content */ {/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */} /* ------------------------ Comments ------------------------ */ #comments /* Wrapper for the list of comments and its title */ {margin: 20px 0} #comments-title /* Heading for the list of comments */ {color:#A28E60; } .comment /* Wrapper for a single comment */ {font-family: Arial, Helvetica, sans-serif;} .comment-inner /* Additional wrapper for a single comment */ { } .comment h3.title /* Comment title */ { } .comment-preview /* Preview of the comment before submitting new or updated comment */ {margin:20px 40px;} .comment.new /* A new comment since the user last viewed the page. */ { } .comment.odd /* An odd-numbered comment in the list of comments */ { } .comment.even /* An even-numbered comment in the list of comments */ { } .comment.first /* The first comment in the list of comments */ { } .comment.last /* The last comment in the list of comments */ { } .comment-unpublished /* Unpublished comments */ {/* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */ } .comment-unpublished div.unpublished /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */ { } .comment-published /* Published comments */ {padding:20px 0; margin: 20px 0; border-bottom: solid 2px #fff;} .comment-by-anon /* A comment created by an anonymous user */ { } .comment-by-author /* A comment created by the node's author */ { } .comment-mine /* A comment created by the current user */ { } .new /* "New" marker for comments that are new for the current user */ {color: #c00; } .comment .picture /* The picture of the comment author */ { } .comment .submitted /* The "posted by" information */ {font-size: 12px; color:#999;} .comment .content /* Comment's content wrapper */ { } .comment .user-signature /* The user's signature */ { } .comment ul.links /* Comment links. See also the ul.links declaration above. */ {margin: 1em 0;} .indented /* Nested comments are indented */ {/* margin-left: 25px; */ /* Drupal core uses a 25px left margin */} .preview .comment /* Preview of the comment before submitting new or updated comment */ {/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */} li.comment_add a {background:#a28e60;; color:#fff; font-weight: bold; text-transform: uppercase; text-decoration: none; padding:8px; background-image: url(images/comment-bg.jpg); background-repeat: no-repeat; background-position: center center; -moz-border-radius: 15px;} li.comment_add a:hover {background: #fff; color:#999;} .section-comment #edit-name-wrapper, .section-comment #edit-mail-wrapper, .section-comment #edit-homepage-wrapper, .section-comment #edit-subject-wrapper, .section-comment .filter-target, .section-comment .filter-options, .section-comment .node h2.title {margin: 0 40px;} .section-comment input#edit-submit {margin-left: 40px;} .section-comment .node {margin-top:30px;} /* ------------------------ Blocks - General ------------------------ */ .block /* Block wrapper */ {margin-bottom: 1em;} .block.region-odd /* Zebra striping for each block in the region */ { } .block.region-even /* Zebra striping for each block in the region */ { } .block.odd /* Zebra striping independent of each region */ { } .block.even /* Zebra striping independent of each region */ { } .block-inner /* Additional wrapper for block */ { } #block-block-1 /* First administrator-defined block */ {float:left; width:540px;} #block-block-1 li a {margin-right: 5px;} /* ------------------------ Boxes - General ------------------------ */ /* Wrapper for Comment form, Comment viewing options, Menu admin, and Search results. */ .box /* Wrapper for box */ {margin:0; } .box-inner /* Additional wrapper for box */ { } .box h2.title /* Box title */ {color:#A28E60;} .box .content /* Box's content wrapper */ { } .section-search .box {margin: 0 40px;} /* ------------------------ Misc. Drupal styles ------------------------ */ .error /* Errors that are separate from div.messages status messages (see above.) */ {/* color: #e55; */ /* Drupal core uses a #e55 background */} .warning /* Warnings that are separate from div.messages status messages (see above.) */ {/* color: #e09010; */ /* Drupal core uses a #e09010 background */} .more-link /* Aggregator, blog, and forum more link */ {text-align: right;} #user-login-form /* Drupal's default login form */ {text-align: left;} tr.even /* Some tables have rows marked even or odd. */ {/* background-color: #eee; */ /* Drupal core uses a #eee background */} tr.odd {/* background-color: #eee; */ /* Drupal core uses a #eee background */} li a.active /* The active item in a Drupal menu */ {color: #000;} .section-filter #content-area, .section-user #content-area, .section-users #content-area {margin: 0 40px;} .section-filter #content-header h1.title, .section-user #content-header h1.title, .section-users #content-header h1.title, .page-node-1963-clone #content-header h1.title, .employment-results #content-header h1.title, .section-search #content-header h1.title, .section-page-not-found #content-header h1.title, .page-page-not-found #content-header h1.title, .page-page-not-found-help-form #content-header h1.title, .section-node #content-header h1.title, .section-comment #content-header h1.title, .node-type-blank-page #content-header h1.title {position: relative; border-top:solid 1px #ddd; margin-top: 0; bottom: 0; width:auto;} .section-search dl.search-results dt {font-weight: bold;} p.search-snippet {margin-top:1em; font-size: 11px;} .search-results p.search-info {margin-bottom: 1.5em; font-size: 10px; color:#777;} .search-results dd {margin-left: 0; color:#343434; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; border-bottom: solid 2px #fff;} .search-results dt {margin-top: 1.5em;} .search-results dt a {text-decoration: none; color:#0092C4;} /* ------------------------ Forms ------------------------ */ .form-item, /* Wrapper for a form element (or group of form elements) and its label */ .form-checkboxes, .form-radios {margin: 1em 0;} .form-item input.error, /* Highlight the form elements that caused a form submission error */ .form-item textarea.error, .form-item select.error {border: 2px solid #c00;} .form-item label /* The label for a form element */ {display: block; font-weight: bold;} .form-item label.option /* The label for a radio button or checkbox */ {display: inline; font-weight: normal;} .form-required /* The part of the label that indicates a required field */ {color: #c00;} .form-item .description /* The descriptive help text (separate from the label) */ {font-size: 0.85em;} .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */ .form-radios .form-item {margin: 0.4em 0;} .form-submit /* The submit button */ { } .container-inline div, .container-inline label /* Inline labels and form divs */ {display: inline;} .tips /* Tips for Drupal's input formats */ {margin: 0; padding: 0; font-size: 0.9em;} .section-search form#search-form {margin: 0 40px;} /* ------------------------ OpenID ------------------------ */ /* The default styling for the OpenID login link seems to assume Garland's styling of list items. */ #user-login-form ul /* OpenID creates a new ul above the login form's links. */ {margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */} #user-login ul {margin: 1em 0;} #user-login-form li.openid-link /* The "Log in using OpenID" links. */ {margin-top: 1em; margin-left: -20px; /* Un-do some of the padding on the ul list. */ } #user-login-form li.user-link /* The "Cancel OpenID login" links. */ {margin-top: 1em;} #user-login li.openid-link, /* The OpenID links on the /user form. */ #user-login li.user-link {margin-left: -2em; /* Un-do all of the padding on the ul list. */} /* ------------------------ Drupal Admin Tables ------------------------ */ /* We overrode these styles in html-elements.css, but restore them for the forms on the site. */ form tbody {border-top: 1px solid #ccc;} form th {text-align: left; padding-right: 1em; border-bottom: 3px solid #ccc;} form tbody th {border-bottom: 1px solid #ccc;} form thead th {text-align: left; padding-right: 1em; border-bottom: 3px solid #ccc;} /* --------------------------------- CAS Action Menus (Header & Footer) --------------------------------- */ #block-menu-menu-action-menu, #block-menu-menu-footer-action-menu {font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 14px;} #block-menu-menu-action-menu ul.menu li, #block-menu-menu-footer-action-menu ul.menu li, #ask-support-button {float: right;} #block-menu-menu-action-menu a:link, #block-menu-menu-action-menu a:visited, #block-menu-menu-footer-action-menu a:link, #block-menu-menu-footer-action-menu a:visited {display: block; margin-left: 6px; text-decoration: none; color: #343434; /*padding: 20px;*/ margin-right: 30px;} #block-menu-menu-action-menu a:hover, #block-menu-menu-footer-action-menu a:hover {color:#3e7293;} li#About a:link, li#About a:visited {text-indent: -10000px; background-image: url(images/about-sprites.jpg); background-repeat: no-repeat; background-position: 0 -40px; height:40px; width:52px; display: block;} li#About a:hover {background-image: url(images/about-sprites.jpg); background-position: 0 0;} /* li#News a:link, li#News a:visited {text-indent: -10000px; background-image: url(images/news-sprites.jpg); background-repeat: no-repeat; background-position: 0 -40px; height:40px; width:46px; display: block;} li#News a:hover {background-image: url(images/news-sprites.jpg); background-position: 0 0;} */ li#Blog a:link, li#Blog a:visited {text-indent: -10000px; background-image: url(images/blog-sprites.jpg); background-repeat: no-repeat; background-position: 0 -40px; height:40px; width:43px; display: block;} li#Blog a:hover {background-image: url(images/blog-sprites.jpg); background-position: 0 0;} li#Donate a:link, li#Donate a:visited, /* Anchor button class on the Homepage Rotator */ #ask-support-button a:link, #ask-support-button a:visited, #ask-support-button a {text-indent: -10000px; background-image: url(images/donate-sprites.jpg); background-repeat: no-repeat; background-position: 0 -40px; height:40px; width:122px; display: block; margin-right: 0;} li#Donate a:hover, #ask-support-button a:hover {background-image: url(images/donate-sprites.jpg); background-position: 0 0;} /* ------------------------ Sidebar Block Menus ------------------------ */ /*General*/ #sidebar-right-inner .block-menu, #sidebar-right-inner .block-book, #sidebar-right-inner .block-menu_block {background: #223743; color: #0092c4; padding: 15px 25px 25px 40px;} #sidebar-right-inner .block-menu_block a:link, #sidebar-right-inner .block-menu_block a:visited {display: block;} #sidebar-right-inner .block-menu h2.title, /* Block - Menu - Block */ #sidebar-right-inner .block-menu_block li.expanded.first a.active-trail {font-size: 22px; font-weight: bold; text-decoration: none; color:#0092c4; margin-bottom: 15px; border-bottom:solid 2px #263d4b; padding-bottom: 10px;} #sidebar-right-inner .block-menu_block li.expanded.first a.active-trail:hover {color: #bbb;} #sidebar-right-inner .block-menu_block li.expanded.first ul.menu a.active-trail {border-bottom: 0; font-size: 18px; padding-top: 10px;} #sidebar-right-inner .block-menu_block ul.menu a:link, #sidebar-right-inner .block-menu_block ul.menu a:visited {color: #fff; text-decoration: none; font-size: 15px; margin: 10px; text-shadow: 1px 1px #222; letter-spacing: .02em;} #sidebar-right-inner .block-menu_block ul.menu a:hover {color: #ddd;} #sidebar-right-inner .block-menu_block ul.menu ul.menu li.expanded.first {padding: 0 10px 10px; margin: 0;} #sidebar-right-inner .block-menu_block ul.menu ul.menu li.expanded.first a.active-trail.active {font-size: 16px; padding: 5px 0; border-bottom: 0;} #sidebar-right-inner .block-menu_block ul.menu ul.menu ul.menu li.expanded.first a.active-trail.active {font-size: 16px;} #sidebar-right-inner .block-menu_block li.first.leaf {/*margin-top: 15px;*/} #sidebar-right-inner .block-menu_block ul.menu li.leaf a.active-trail.active {margin: 10px;} /* Block - Book */ #sidebar-right-inner .block-book ul.menu ul.menu {clear: both;} #sidebar-right-inner .block-book li.expanded {clear: both;} #sidebar-right-inner .block-book li.expanded ul.menu {clear: both; padding: 10px 0; margin: 10px 0; border-top:solid 1px #263d4b; border-bottom:solid 1px #263d4b;} #sidebar-right-inner .block-book li.expanded a:link, #sidebar-right-inner .block-book li.expanded a:visited {font-size: 22px; color: #0092c4; width: auto; margin-top: 0; margin-bottom: 10px;} #sidebar-right-inner .block-book li.expanded a:hover {color:#ddd;} /*#sidebar-right-inner .block-book li.expanded li.leaf a:link, #sidebar-right-inner .block-book li.leaf a:visited {color:#fff; font-size: 14px; margin-top: 15px; margin-bottom: 0; width:145px; min-height: 30px;}*/ #sidebar-right-inner .block-book li.expanded li.leaf a:hover {color:#ddd;} /* Block - Menu */ /*#sidebar-right-inner .block-menu li.leaf a.active, #sidebar-right-inner .block-book li.leaf a.active {background-image: url(images/link-on.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 15px; color: #ddd;}*/ #sidebar-right-inner .block-menu a:link, #sidebar-right-inner .block-menu a:visited, #sidebar-right-inner .block-book a:link, #sidebar-right-inner .block-book a:visited {color:#fff; display: block; float: left; font-size: 14px; margin-top: 15px; text-decoration: none; text-shadow: 1px 1px #333; /*width:125px;*/ margin-right: 15px;} #sidebar-right-inner .block-book a:link, #sidebar-right-inner .block-book a:visited {float: none;} #sidebar-right-inner .block-menu li.last a:link, #sidebar-right-inner .block-menu li.last a:visited, #sidebar-right-inner .block-book li.last li.last a:link, #sidebar-right-inner .block-book li.last li.last a:visited {margin-right: 0;} #sidebar-right-inner .block-menu li.last a:active {color:#0092c4; font-weight: bold; margin-bottom: 15px; padding-bottom: 10px; text-decoration: none;} #sidebar-right-inner .block-menu a:hover, #sidebar-right-inner .block-book a:hover {color:#ddd;} #sidebar-right-inner .block-book h2.title a:link, #sidebar-right-inner .block-book h2.title a:visited {font-size: 22px; color: #0092c4; width: auto; margin-top:0; float: none; border-bottom: solid 1px #263d4b; padding-bottom: 10px;} /* override li#blog */ #block-menu_block-32 li#Blog a:link, #block-menu_block-32 li#Blog a:visited {background-image: none; text-indent: inherit; height: inherit; width:auto;} #sidebar-right-inner #block-menu_block-32.block-menu_block li.expanded.first.last.menu-mlid-1695 a {border-bottom:2px solid #263D4B; color:#0092C4; font-size:22px; font-weight:bold; margin-bottom:15px; padding-bottom:10px; text-decoration:none;} #sidebar-right-inner #block-menu_block-32.block-menu_block li.expanded.first.last.menu-mlid-1695 ul li a {border-bottom: none; color: #fff; font-size: 15px; margin-bottom: 10px; font-weight: normal;} #sidebar-right-inner #block-menu_block-32.block-menu_block li.expanded.first.last.menu-mlid-1695 ul li a:hover {color:#ddd;} /* -------------------------------- Who, What, Where Sidebar Version -------------------------------- */ #sidebar-right-inner #block-menu-menu-global-rightnav {padding: 4px; height:36px; } #sidebar-right-inner #block-menu-menu-global-rightnav ul.menu {margin: 0; padding: 0;} #sidebar-right-inner #block-menu-menu-global-rightnav li {float: left;} #sidebar-right-inner #block-menu-menu-global-rightnav a:link, #sidebar-right-inner #block-menu-menu-global-rightnav a:visited {font-size: 12px; text-transform: uppercase; font-weight: bold; width: auto; text-shadow: none; /*padding: 10px 13px;*/ background: #3e7293; color:#5baee4; margin-top: 0; margin-right: 10px;} #sidebar-right-inner #block-menu-menu-global-rightnav li.last a:link, #sidebar-right-inner #block-menu-menu-global-rightnav li.last a:visited {margin-right: 0;} #sidebar-right-inner #block-menu-menu-global-rightnav a:hover, #sidebar-right-inner #block-menu-menu-global-rightnav a.active {color: #fff; background: none; padding-left: 0;} #sidebar-right-inner .field-item, #sidebar-right-inner .view-center-latest .views-row {border-bottom: solid 1px #bbb; padding-bottom: 10px; margin-top: 20px;} #sidebar-right-inner #block-cck_blocks-field_sidebar_feature .field-item {padding-bottom: 0; padding-top: 4px; margin-top: 0; border-bottom: none;} #sidebar-right-inner #block-cck_blocks-field_ask_header_image .field-item {padding:0; margin-top: 0; border-bottom: none;} #sidebar-right-inner #block-menu-menu-global-rightnav li#OurProgram a:link, #sidebar-right-inner #block-menu-menu-global-rightnav li#OurProgram a:visited, #sidebar-right-inner #block-menu-menu-global-rightnav li#Impact a:link, #sidebar-right-inner #block-menu-menu-global-rightnav li#Impact a:visited, #sidebar-right-inner #block-menu-menu-global-rightnav li#News a:link, #sidebar-right-inner #block-menu-menu-global-rightnav li#News a:visited { padding: 10px 32px 0px; height:26px; display: block; text-align: center; } #sidebar-right-inner #block-menu-menu-global-rightnav li#OurProgram a:hover, #sidebar-right-inner #block-menu-menu-global-rightnav li#OurProgram.active-trail a, #sidebar-right-inner #block-menu-menu-global-rightnav li#Impact a:hover, #sidebar-right-inner #block-menu-menu-global-rightnav li#Impact.active-trail a, #sidebar-right-inner #block-menu-menu-global-rightnav li#News a:hover, #sidebar-right-inner #block-menu-menu-global-rightnav li#News.active-trail a { } .node-type-content-general #content-bottom .block-views, .node-type-content-program #content-bottom .block-views {padding: 0 40px;} /* ------------------------ Dropdowns ------------------------ */ /* remove any previously set margins and paddings #block-menu-primary-links * { margin: 0; padding: 0; }*/ /* set width/height on
  • , ,