/* @override http://nycss.bluestatedigital.com/index.php?css=styles/index.css http://nycss.bluestatedigital.com/?css=styles/index.css */ /* ---------------------------------------------------------- Community Service Society of New York Managed by: Blue State Digital TABLE OF CONTENT 01 - HTML5 Boilerplate 02 - COMMON STYLES 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - SIDEBAR 07 - FRAMEWORK 08 - UTILITY 09 - PRINT COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =Normalize.css ------------------------- */ /*! normalize.css 2011-08-12T17:28 UTC · http://github.com/necolas/normalize.css */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } body, button, input, select, textarea { font-family: sans-serif; } a { color: #00e; } a:visited { color: #551a8b; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 55%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; /* 1*/-ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* end normalize.css styles */ html { overflow-y: scroll; } body { font:13px/1.231 sans-serif; *font-size:small; } select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } ul, ol { list-style-type: none; } small { font-size: 85%; } b, strong, th { font-weight: bold; } i, em { font-style: italic; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: 55%; } pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } .ie7 img { -ms-interpolation-mode: bicubic; } label, input[type=button], input[type=submit], button { cursor: pointer; } button, input, select, textarea { margin: 0; } button { width: auto; overflow: visible; } /* end HTML5 boilerplate base styles */ /* BSD base styles */ caption, th { text-align: left; } /* 02 =COMMON STYLES ------------------------- */ body { background: #e9e3dc; font-size: 62.5%; font-family: Georgia, Times, serif; } .base { font-size: 1.4em; } select, input, textarea { color: #444; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } .base h1 { font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; text-transform: uppercase; font-size: 1.8em; margin: 0 0 .5em 0;} .base h2 { font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; text-transform: uppercase; font-size: 1.6em; margin: .5em 0;} .base h3 { font-family: Georgia, Times, 'Times New Roman', serif; margin: .5em 0;} .base h4 { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.0em; margin: .5em 0;} .base p { font-size: 1.0em; } a:hover, a:active { outline: none; } a, a:active, a:visited { color: #007caa; text-decoration: none; font-weight: bold; } a:hover, a:focus { color: #036; } a:link { -webkit-tap-highlight-color: #FF5E99; } blockquote { } .base ul, .base ol { margin-left: 1em; padding-left: .5em;} .base ul { } .base ol { } .base ul li, .base ol li { } .base ul li { list-style: disc; } .base ol li {list-style:decimal;} .base li ol { } .base li ul { } ul.unstyled { margin: 0; padding: 0; } ul.unstyled li { list-style: none; } .base .meta { font-size: 75%; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } .base time { display: block; font-size: 0.9em; margin: 0 0 .2em;} .base input.text { font-family: Georgia, Times, serif; padding: 6px 5px; margin: 0 2px 3px; font-size: 1.3em; border-top: 1px solid #d4cac5; border-left: 1px solid #d4cac5; border-right: 0; border-bottom: 0; } .hbc { font-family:'Helvetica W01 Bd Cn'; } .sprite { background-image: url(/nycss/images/site/sprite-8-111126.png); } .arrow:after { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAIBAMAAADdFhi7AAAAHlBMVEXp49vp49vp49vp49vp49vp49vp49vp49sAAADp49tAtjWpAAAACXRSTlPD3rZ+ZmkG1wAJnMMnAAAAL0lEQVQIHWPo6Ggu7Whg6Oho0/QAUR0JUxoY2MvLC2c6QKgAkGDSVIiSCBAF0gAAZBIV6Mzp1EIAAAAASUVORK5CYII="); } /* 03 =LAYOUT ------------------------- */ #wrapper { width: 1000px; margin: 0 auto; } .global-hdr { padding-bottom: 15px; } .utility-nav { background: #c5b8b2; } .utility-nav ul { float: right; padding: 8px 0 5px; font-family: 'Helvetica W01 Bd Cn', Helvetica, Arial, sans-serif; text-transform: uppercase;} .utility-nav ul li { float: left; padding: 0 5px; font-size: 1.2em; border-right: 2px solid #d2c8c3; line-height: 1;} .utility-nav .node_39 { border-right: 0;} .utility-nav ul li:first-child{display:none} .utility-nav ul li a { color: #fff; text-decoration: none; font-weight: normal; } #utility-features { border-right: 0; } .utility-nav #utility-help { border: 1px solid #fff; top: -4px; position: relative;} .utility-nav #utility-help a { color: #007caa; padding: 3px 0; display: block;} .utility-nav ul #utility-fb, .utility-nav ul #utility-tw { text-indent: -9999em; width: 16px; height: 16px; line-height: 16px; border: 0; } .utility-nav ul #utility-fb a { background: transparent url(/nycss/images/site/sprite-8-111126.png) -307px top no-repeat; display: block; position: relative; top: -2px;} .utility-nav ul #utility-tw a { background: transparent url(/nycss/images/site/sprite-8-111126.png) -307px -16px no-repeat; display: block; position: relative; top: -2px;} .header-mid { margin-top: 20px; } #logo { text-indent: -9999em; background: transparent url(/nycss/images/site/sprite-8-111126.png) left top no-repeat; width: 165px; height: 76px; margin: 0 0 0 20px; float: left; } #logo a { display: block; line-height: 76px; position: relative; } .global-nav { } .global-nav ul { float: left; margin: 30px 0 0 50px; position: relative; z-index: 10;} .global-nav ul li { float: left; font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase; font-size: 1.55em; } .global-nav ul li a { display: block; padding: 5px 0; float: left; } .global-nav .level_1 span { cursor: pointer; } .ie6 .global-nav .level_1 span { position: relative; border-right: 1px solid #afaaa4; display: block !important; padding: 0 7px !important; float: left; } .global-nav ul .level_1 > a > span { border-right: 1px solid #afaaa4; display: block; padding: 0 7px; float: left; } .global-nav ul a.tax_node_25 span, .global-nav ul .node_get-involved a span { border-right: 0; } .global-nav ul a.tax_node_25 { padding: 4px 5px; border: 1px solid #fff; color: #da471f; } .global-nav ul a.tax_node_25:hover, .global-nav ul a.tax_node_25:active { background-color: #f4f1ed;} .global-nav ul li a { text-decoration: none; color: #000; font-weight: normal; } .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: 11em; padding: 0; margin: 0; background: #fff; border-right: 1px solid #c6b8b2; border-bottom: 1px solid #c6b8b2; border-left: 1px solid #c6b8b2;} .sf-menu ul li { width: 100%; font-size: 0.8em; margin: 0; padding: 0; text-align: left; line-height: 1; text-transform: none; font-family: Helvetica, Arial, sans-serif; } .sf-menu ul li a, .ie6 .sf-menu ul li a { height: auto; line-height: 1; padding: .5em 1em .6em; font-weight: normal;} .sf-menu li:hover { visibility: inherit; } .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: 25px; 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; 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; top: 0; } /*.sf-menu { float: left; margin-bottom: 1em; }*/ /*.sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; text-decoration: none; }*/ /*.sf-menu a, .sf-menu a:visited { color: #13a; }*/ /*.sf-menu li { background: #BDD2FF; } .sf-menu li li { background: #AABDE6; } .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 { background: #c6b8b2; outline: 0; } .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; } a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; } .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; } .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } #quick-signup { float: right; width: 160px;} #quick-signup fieldset { border: 0; width: 160px; padding: 0; margin: 0;} #quick-signup legend { margin: 0; padding: 0 0 3px 0; text-transform: uppercase; color: #c5b8b1; font-family:'Helvetica W01 Bd Cn'; font-size: 1.1em; display: block;} #quick-signup label { position: absolute; left: -9999em; } #quick-signup input.text { padding: 6px 5px; margin: 0 0 3px; font-size: 1.3em; border-top: 1px solid #d4cac5; border-left: 1px solid #d4cac5; border-right: 0; border-bottom: 0; font-family: Georgia, Times, serif; } #qs-email { width: 125px; } #qs-zip { width: 70px; } #qs-submit, .blue-btn { background: #007da6; border: 0; color: #fff; text-transform: uppercase; font-family:'Helvetica W01 Bd Cn'; font-size: 1.1em; padding: 0; height: 27px; width: 55px; -webkit-box-shadow: -1px -1px 5px #003b5a inset, 1px 1px 4px #d3e7f2 inset; -moz-box-shadow: -1px -1px 5px #003b5a inset, 1px 1px 4px #6ec0f7 inset; -ms-box-shadow: -1px -1px 5px #003b5a inset, 1px 1px 4px #6ec0f7 inset; -o-box-shadow: -1px -1px 5px #003b5a inset, 1px 1px 4px #6ec0f7 inset; box-shadow: -1px -1px 5px #003b5a inset, 1px 1px 4px #d3e7f2 inset; } #qs-submit:hover, .blue-btn:hover { background: #036; } .ie #qs-submit, .ie .blue-btn {margin-top:-7px;} #content { background: #ffffff; padding: 30px 28px; } #main-content {position:relative;} #home #content { padding: 0; position: relative; } #home #main-content { padding: 10px 28px 30px; float: none; width: auto; } .aside-col #main-content { float: left; width: 770px; } .two-col #main-content { float: left; width: 700px; } .three-col #main-content { float: left; width: 530px; } #home #main-content { } #main-content .page-header h1, #main-content .page-header { margin: 0; overflow: hidden;} .page-header h1 a, .page-header h1 a:hover, .page-header h1 a:visited { color: black; font-weight: normal;} .global-footer { background: #c5b8b2; } .global-footer .partners { background: #007da6; padding: 7px 20px; font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase; font-size: 1.2em; border-bottom: 1px solid #cbc5bf; } .partners p { margin: 0; color: #fff;} .partners p span { color: #000; padding-right: 10px; } .global-footer .partners a { color: #fff; text-decoration: none; padding: 0 5px; font-weight: normal; } .global-footer .partners a:hover, .global-footer .partners a:active { color: #ebe1d2; } .global-footer #logo-wrap { } .footer-lower { padding: 25px 0; } #footer-logo { float: left; text-indent: -9999em; background: transparent url(/nycss/images/site/sprite-8-111126.png) -165px top no-repeat; width: 142px; height: 66px; margin: 0 30px 0 20px; } .footer-nav { border-right: 2px dotted #f0edeb; border-left: 2px dotted #f0edeb; float: left; padding: 26px 15px 37px 15px;} .footer-nav ul { font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase; } .footer-nav ul li { float: left; padding: 0 6px; border-right: 1px solid #e3dcd8; line-height: 1; } .footer-nav ul li.parent_menu:last-child { border: 0 none !important; } .footer-nav ul li.parent_menu:nth-last-child(2) { border: 0 none; } .footer-nav .node_donate, .footer-nav .node_get-involved { border: 0; } .footer-nav .node_donate a { padding: 4px 5px; border: 1px solid #fff; color: #da471f; margin-top: -5px; } .footer-nav .node_donate a:hover, .footer-nav .node_donate a:active { background: #f4f1ed; color: #da471f } .footer-nav ul li a { text-decoration: none; color: #fff; font-size: 1.2em; font-weight: normal; } .footer-nav ul li a:hover, .footer-nav ul li a:active { color: #ebe1d2;} .footer-search { float: left; padding-left: 20px; padding-top: 15px; } .footer-search p { margin-bottom: 0; } .footer-search form label { position: absolute; left: -9999em; } .footer-search form input.text { font-family: Georgia, Times, serif; padding: 6px 5px; margin: 0 2px 3px; font-size: 1.3em; border-top: 1px solid #d4cac5; border-left: #d4cac5; border-right: 0; border-bottom: 0; width: 205px; } .footer-search { color: #fff; text-transform: uppercase; font-family: 'Helvetica W01 Bd Cn'; font-size: 1.0em; } .subfooter {text-align: left; font-size: 12px; vertical-align: top;} .subfooter div { float: left; margin-bottom: 10px; } .subfooter img { vertical-align: middle; margin-left: 25px; float: right; } /* 04 =HOMEPAGE ------------------------- */ #hp-feature { position: relative; z-index: 1; width: 1000px; overflow: hidden; } #hp-feature ul {width: 3000px;} #hp-feature ul li { float: left; position: relative;} .headline p { width: 275px; position: absolute; top: 150px; color: #fff; padding: 25px; background-image: url(/nycss/images/site/trans-black.png); background-repeat: repeat; margin: 0; height: 90px; font-weight: bold; font-size: 1.1em;} .rgba .headline p { background: rgba(0,0,0,0.6); background-image: none; } .oldie .rgba .headline p { background: #000; } .caption .rot-title { display: block; font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase; font-size: 2.2em; font-weight: normal; } #hp-feature .link-list { width: 350px; } #hp-feature .link-list img { display: block; margin: 0 auto; } #hp-feature .link-list ul { position: absolute; top: 150px; margin: 0 15px; width: 320px; font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase;} #hp-feature .link-list ul li { float: none; font-size: 1.7em; line-height: 1;} #hp-feature .link-list ul li a { background: #007da6; display: block; color: #fff; padding: 7px 5px; margin: 0 0 5px; border: 1px solid #d4dedc; font-weight: normal; } .oldie #hp-feature .link-list ul li a { zoom: 1; } #hp-feature .link-list ul li a:hover, #hp-feature .link-list ul li a:active { background: #036; } #hp-feature ul li img { display: block; } #hp-feature .link-list ul li a .arrow:after { position: relative; top: -5px; padding: 0 0 0 8px; } #hp-feature .feature-more { text-transform: uppercase; font-size: 1.0em; line-height: 1; margin: 0 auto; } .feature-more a { font-family: 'Helvetica W01 Bd Cn'; background: #000; color: #fff; display: block; margin: 0px; border: 1px solid #fff; padding: 14px; font-weight: normal; } .feature-more a:hover { background: #5d5d5d; } .feature-more .arrow:after { position: relative; top: -1px; padding: 0 0 0 8px; } #hp-feature .feature-full { position: relative; height: 290px; } #hp-feature .feature-full p { position: absolute; bottom: 0px; color: #fff; padding: 25px; background-image: url(/nycss/images/site/trans-black.png); background-repeat: repeat; margin: 0; height: 50px; font-weight: bold; font-size: 1.6em; width: 950px; } #hp-feature .feature-full p span { font-size: 85%; } .hp-tagline { margin: 20px 0 10px; } .hp-tagline h2 { float: left; line-height: 1; margin: 0; font-weight: normal;} .hp-tagline h2 span { font-family: Georgia, Times, 'Times New Roman', serif; font-size: 70%; text-transform: none; font-weight: normal; } .hp-tagline h2 span a { font-weight: bold; } ul.hp-issues { margin-bottom: 30px; } .hp-issues li { float: left; font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase; border-right: 1px dotted #000; position: relative; } .hp-issues li:first-child, .hp-issues li.first { border-left: 1px dotted #000; } .hp-issues li a { display: block; width: 93px; height: 39px; text-align: center; padding: 15px 18px; margin: 0 2px; color: #000; border-top: 1px solid #c5b8b1; border-bottom: 1px solid #c5b8b1; font-weight: normal; position: relative; } .issue-name, .issue-desc { position: absolute; width: 93px; left: 18px; top: 15px; } .hp-issues li a:hover { background: #e9e3dc; border-top-color: #007caa; border-bottom-color: #007caa;} .hp-issues .issue-desc { opacity: 0; filter: alpha(opacity=0); line-height: 1; font-family: Georgia, Times, 'Times New Roman', serif; font-size: 85%; text-transform: none; font-weight: normal; text-align: left; } .ie7 .hp-issues .issue-desc { display: none; } .hp-issues li a:hover .issue-name { opacity: 0; filter: alpha(opacity=0); } .hp-issues li a:hover .issue-desc { opacity: 1; filter: alpha(opacity=100); } .ie7 .hp-issues li a:hover .issue-name { display: none; } .ie7 .hp-issues li a:hover .issue-desc { display: block; } .issue-name, .issue-desc { -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; } .hp-widget, .sb-widget { border-top-width: 3px; border-top-style: solid; border-top-color: #6e5673; border-left: 1px solid #eaebeb; border-right: 1px solid #eaebeb; border-bottom: 1px solid #c6c7c7; } .hp-widget a { color: #000; } .hp-content-left { width: 255px; float: left; padding-right: 7px;} .hp-news { margin-bottom: 7px; } .hp-news h3 { margin-left: 14px; margin-right: 14px; } .hp-widget article { margin: 10px 14px; padding-bottom: 1px; } .ie6 .hp-widget article { margin: 10px 10px 0; } .hp-widget h2 { font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase; font-size: 1.2em; font-weight: normal; } h4.read-more { margin-bottom: 0; padding: 0; } .read-more a { display: block; background: #c5b8b2; margin: 0; padding: 9px 15px; color: #f4f1ed; font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase; font-size: 1.1em; font-weight: normal; } .read-more a:hover { background: #8a7b74; } .read-more .arrow:after { position: relative; padding-left: 10px; top: -1px;} .hp-news time { display: block; font-size: 0.8em; } .hp-news h2 { margin-left: 15px; } .hp-news h3 { margin-top: 0; font-size: 1.0em; font-family: Georgia, Times, 'Times New Roman', serif; text-transform: none;} .hp-news h3 a { color: #6e5676; font-weight: bold; } .hp-news h3 a:hover, .hp-news h3 a:active { color: #524058; } .sb-widget .event-list { margin: 10px 20px 10px; overflow: hidden; padding: 0;} .sb-widget .event-list li { clear: left; padding-top: 5px; list-style: none;} ul.event-list { margin: 10px 20px 10px; overflow: hidden; padding: 0; } ul.event-list li { list-style: none; clear: left;} .sb-widget .event-list time, .hp-widget .event-list time { font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase; background: #6e5673; float: left; } .event-list time a { color: #ffffff; display: block; padding: 4px 4px; font-weight: normal; } .event-list span { display: block; margin-left: 60px; font-size: 1em; font-weight: normal; } .event-list span a { color: #6e5676; } .event-list span a:hover, .event-list span a:active { color: #524058; } .hp-content-right { float: left; width: 675px;} ul.hp-touts { background: #e9e3dc; margin-bottom: 7px; position: relative;} .hp-touts li { float: left; margin: 10px 0.7em 10px 0; width: 211px; background: #6e5673; position: relative; } .hp-touts li a { display: block; } .hp-touts li a:hover, .hp-touts li a:active { background: #524058;} .hp-touts li .arrow:after { position: absolute; right: 3px; top: 45px; } .hp-touts li:first-child { margin-left: 10px; } .hp-touts li img { display: block; } .hp-stories, .hp-history, .hp-stats { width: 218px; float: left; background: #e9e3dc; } /*.ie6 .hp-stories, .ie6 .hp-history, .ie6 .hp-stats { zoom:1; display:inline; width: 195px; padding: 0; margin: 0; }*/ .hp-stories, .hp-history, .ie6 .hp-stories, .ie6 .hp-history { margin-right: 7px; } .hp-stories { border-top-color: #00ab95; } .hp-history { border-top-color: #efa54b; } .hp-stats { border-top-color: #8db34b; } .hp-stories .video-tn-wrap { display: block; height: 105px; overflow: hidden; } /* 05 =SUBPAGES ------------------------- */ /* ======================= */ /* = Generic Pages Tmpl = */ /* ======================= */ .page-header { margin: 0 0 20px 0; padding-bottom: 20px; border-bottom: 1px solid #e9e3dc;} .page-header .action-buttons { float: right; width: 220px; margin-left: 30px; margin-bottom: 10px; } .page-header .page-intro { width: auto; } /*#main-content p:first-child { margin-top: 2em; } */ /* ======================= */ /* = Issues Landing Page = */ /* ======================= */ .page-intro { width: 56%; } .issue-list { } .issue-list li { float: left; width: 225px; height: 220px; margin: 0 3px 15px; padding-left: 6px; border-left: 1px dotted #505050; font-size: 1.3em; line-height: 1; } .issue-list li.issue-1 { border: 0; margin-left: 0; padding-left: 0;} .issue-list li a { color: #ffffff; background: #c3b6af; display: block; font-weight: normal; } .issue-list li a:hover { background: #8a7b74; } .issue-list li img { display: block; } .issue-list .issue-title { display: block; height: 34px; padding: 10px 45px 10px 10px; font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase; position: relative; } .issue-title .arrow:after { position: absolute; right: 10px; top: 7px;} /* ======================= */ /* = Issues Entry Pages = */ /* ======================= */ .issue-intro { border-top: 3px solid #007da6; background: #eaeeed; padding: 15px; } .issue-intro h2 { text-transform: none; /*color: #007da6;*/ font-size: 1.2em; margin-top: 0; } .issue-intro ul { } .issue-intro ul li { float: left; width: 260px; padding: 0 25px; } .ie6 .issue-intro ul li { display: inline; float: left; width: 270px; padding: 0; border: none; } .issue-area-1, .issue-area-2, .issue-area-3 { min-height: 135px; } .issue-intro .issue-area-1 { padding-left: 0; border-right: 2px dotted #007da6; } .issue-intro .issue-area-3 { padding-right: 0;border-left: 2px dotted #007da6; } .issue-intro ul li h3 { font-size: 0.9em; } .issue-intro ul li ul { margin: 0; padding: 0 1.2em; } .issue-intro ul li ul li { list-style: disc; padding: 0; } .issue-intro ul li ul li a { font-weight: normal; } .related-feeds-l { margin: 30px 28px 0 0; width: 286px; float: left; } .related-feeds-l .sb-widget { margin-bottom: 10px; } #issue .related-publications { width: 630px; float: left; margin-top: 30px; } .related-publications h2 { text-transform: none; font-size: 1.2em; margin-top: 0; } .related-publications article { clear: left; margin-bottom: 20px; } .related-publications article img { float: left; } .related-publications article p, .related-publications article h3 { margin-left: 85px; } .related-publications article .author { margin-top: .75em; font-size: 90%; font-weight: bold;} .related-publications article h3 { margin-top: .5em; margin-bottom: 0; } .related-publications .more-pubs { border-top: 1px solid #e9e3dc; padding-top: 7px; } .stories-touts { clear: both; } .stories-touts .sb-news { width: 284px; float: left; margin: 0 28px 0 0; } .stories-touts .touts { width: 630px; float: left; position: relative; } .stories-touts .touts li { float: left; position: relative; background: #6e5673; width: 298px; } .stories-touts .touts li a { display: block; } .stories-touts .touts li a:hover, .stories-touts .touts li a:active { background: #524058;} .stories-touts .touts li:first-child { margin-right: 30px; } .stories-touts .touts li img { display: block; } .stories-touts .touts li .arrow:after { position: absolute; right: 8px; top: 80px;} /* ========================= */ /* = Department Entry Page = */ /* ========================= */ #departments .related-publications { width: auto; float: none; margin-top: 15px;} .entry p { margin: 0.5em 0 ; } #departments .related-publications .author { font-weight: normal; font-size: 85%; } /* =================== */ /* = News Index Page = */ /* =================== */ #news .news-item { border-top: 1px solid #e9e3dc; padding-top: 12px; } #news .news-item.first { padding-top: 0; border: 0; } .pagination strong, .pagination a { display: block; float: left; padding: 3px 5px; line-height: 1; margin: 0 3px } .pagination strong { background: #c5b8b2; } .pagination a, .pagination a:visited { background: #e9e3dc; color: #4e413b; } .pagination a:hover { background: #c5b8b2; } /* =================== */ /* = News Entry Page = */ /* =================== */ .news-header h1 { margin-top: 0; } .entry-thumb { float: left; display: block; margin-right: 15px; margin-bottom: 10px; } .entry-thumb img { display: block; } .news-item h3 { margin: 0 0 .5em; } .thumbed h3, .thumbed p, .thumbed time { margin-left: 100px; } .news-footer { border-top: 1px solid #eae3dc; font-size: 90%; padding-top: 5px;} .news-footer h4 { margin-bottom: .3em; } .news-footer p { font-size: 90%; margin-top: 0.5em; } .news-footer p a { font-weight: normal; } .news-social { float: right; width: 100px; margin: 0 0 1em 2em;} .news-social > * { display: block; margin-bottom: 8px; } #news article#main-content.base p, article.base ul li, article.base ol li article.base td, article.base tr { font-size: 16px; line-height: 23px; letter-spacing: +.01em } #news .three-col article#main-content.base { width: 500px; padding: 0 15px; } /* =========================== */ /* = Publications Index Page = */ /* =========================== */ .publication-header { } .publication-header h2 { margin-top: 0; text-transform: none; font-size: 1.3em; } #publications .pagination { display: block;position: absolute;right: 0;top: -15px;} #publications .pagination a { background: #c6b8b2; color: #ffffff; font-family: 'Helvetica W01 Bd Cn', Helvetica, Arial, sans-serif; padding: 4px 8px; margin-left: 10px; font-weight: normal;} .publication-tile { float: left; width: 210px; min-height: 415px; padding: 19px 18px 0 18px; margin-bottom: 16px; background: #ece0d3; } .publication-tile h3 { margin: .5em 0; } .publication-tile .author { font-weight: bold; font-size: 0.8em; } .pub-left { clear: left; } .middle { margin-left: 16px; margin-right: 16px; } .publication-tile img { display: block; margin-bottom: 19px; border: 1px solid #c8bbb4;} /* =========================== */ /* = Publications Entry Page = */ /* =========================== */ .publication { border-bottom: 1px solid #eae3dc; padding-bottom: 15px;} .pub-cover { float: left; margin: 0 20px 20px 0; } .publication-info { margin-left: 234px; } .publication .related-press { } .publication .related-press li { list-style-position: inside; } .pub-ps { width: 710px; float: right; margin-top: 15px;} .pub-buttons { width: 465px; float: left;} .pub-buttons a { display: block; float: left; width: 230px; height: 42px; line-height: 43px; text-align: center; background: #eae3dc; color: #666666; font-family: 'Helvetica W01 Bd Cn', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 1.1em; margin-bottom: 5px; font-weight: normal; } .pub-download { margin-right: 5px; position: relative; text-indent: -25px;} .pdf-icon { display: block; width: 26px; height: 26px; position: absolute; top: 8px; right: 44px; background: url(/nycss/images/site/sprite-8-111126.png) -34px -77px no-repeat;} .online-icon { display: block; width: 26px; height: 26px; position: absolute; top: 8px; right: 30px; background: url(/nycss/images/view-online.png) no-repeat; background-size: 25px; } .pub-comments { position: relative; text-indent: -40px; } .comment-count { display: block; text-align: center; text-indent: 0; line-height: 22px; width: 33px; height: 28px; position: absolute; top: 10px; right: 56px; background: url(/nycss/images/site/sprite-8-111126.png) left -77px no-repeat; } .pub-social { background: #eae3dc; color: #666666; padding: 10px 15px; height: 22px; clear: both; } .pub-social iframe, .pub-social div { vertical-align: baseline !important; float:left !important; margin-right: 5px; } #___plusone_0 {width:60px !important;} .IN-widget { float:left; width: auto;} body#news .IN-widget {width: 105px; text-align:left !important; margin-bottom:3px; } .IN-widget span a {width: 70px;} .pub-ps .action-buttons, #vote2013 .action-buttons, .news_feature .action-buttons { float: right; width: 221px; margin-bottom: 0;} .imagecredit { font-size: 12px; float: right; padding: .5em 1em; font-style: italic; } #publications-entry .related-publications { float: none; width: auto; padding: 0; margin: 15px 0; } /* ======================= */ /* = Stories Entry Pages = */ /* ======================= */ #images li { float: left; margin: 5px; } #main-content .intro { font-size: 120%; line-height: 1.4;} .story-thumb { display: block; float: right; margin: 0 0 20px 20px;} .story-thumb figcaption { width: 275px; font-size: 0.8em;} /* ===================== */ /* = Staff Entry Pages = */ /* ===================== */ .staff-list { margin-bottom: 15px; } .staff-photo { float: right; margin: 0 0 0 10px; border: 2px solid #c5b8b2;} #staff .related-publications { width: auto; } .staff-quote { margin: 2em; background: #EFEFEF; font-style: italic; border-left: 1px dotted #998278; padding: 1em; } /* ====================== */ /* = Press Center Pages = */ /* ====================== */ #press-center .news-item { margin-bottom: 15px; } #press-center .side-nav.base li.selected strong { font-size: 1em; } #press-center .side-nav ul li a { font-size: 1.3em; } #press-center .side-nav ul li ul li a{ font-size: 1em; } /* ============= */ /* = Jobs Page = */ /* ============= */ .jobs-boilerplate { margin-top: 35px; padding-top: 10px; border-top: 1px solid #998278; } /* =============== */ /* = Events Page = */ /* =============== */ .entry.event { margin-bottom: 2em; } /* ============ */ /* = Vote2013 = */ /* ============ */ #vote2013, .news-feature { background: #e9e3dc url(/nycss/images/vote2013/top-bg.png) left top repeat-x; } .news-feature {background-color:#fff;} #vote2013 .header-mid, .news-feature .header-mid { margin-top: 12px; } .news-feature .header-mid {width: 1000px; margin-left: auto; margin-right: auto;} #vote2013 .utility-nav, .news-feature .utility-nav { display: none; } #vote2013 #logo, .news-feature #logo { background: url('/nycss/images/CSS_logo.svg') no-repeat; width: 90px; height: 41px; margin-left: 0; } #vote2013 #logo a, .news-feature #logo a { line-height: 41px; } #vote2013 .global-nav ul, .news-feature .global-nav ul { margin: 10px 0 0 20px; } #vote2013 .sf-menu ul, .news-feature .sf-menu ul { margin: 0; } #vote2013 .global-nav ul a.tax_node_25:hover, #vote2013 .global-nav ul a.tax_node_25:active, .news-feature .global-nav ul a.tax_node_25:hover, .news-feature .global-nav ul a.tax_node_25:active { background-color: #fff;} #vote2013 #quick-signup, .news-feature #quick-signup { width: auto; margin-top: -4px; } #vote2013 #quick-signup fieldset, .news-feature #quick-signup fieldset { width: auto; } #vote2013 #quick-signup legend, .news-feature #quick-signup legend { padding: 0; } #vote2013 #quick-signup input.text, .news-feature #quick-signup input.text { margin: 0; } #vote2013 #qs-submit, .news-feature #qs-submit { height: 28px; vertical-align: bottom; } #vote2013 .global-hdr { padding-bottom: 27px; } .news-feature .global-hdr {margin: 0 auto; padding-bottom: 15px; background: #e9e3dc url(/nycss/images/vote2013/top-bg.png) left top repeat-x; position: fixed; width: 100%; top: 0; z-index: 9;} .news-feature #wrapper {width:100%;} #vote2013 #content, .news-feature #content { padding-top: 0; } .news-feature #content { max-width: 964px; margin: 60px auto 0; padding-left: 0; } .news-feature .news-social {margin: 0; position: fixed; top: 568px; left: calc(50% + 434px); display: none;} .news-feature#news .news-item { width: 30%; margin: 0 10px; float: left; } .news-feature h4.read-more {clear: left;} .news-feature#news article#main-content.base p {font-size:19px; line-height:30px;} .news-feature h1 {text-transform: none; font-size: 3.2em;} .news-feature .base h4 {font-family: Helvetica, Arial, sans-serif; font-size: 17px; font-weight: normal; } .news-feature .base time {font-family: Helvetica, Arial, sans-serif; font-size: 17px; font-weight: normal;} .news-feature .side-nav h3 {font-size:20px;} .news-feature .side-nav ul {display:none;} .news-feature .side-nav h3 {cursor: pointer; cursor: pointer; margin-bottom: 22px; margin-top: 10px;} .news-feature .side-nav h3:before {content: '\25b8'; margin-right: 10px; display: inline-block; float: left; padding-bottom: 10px; clear: left; } .news-feature .side-nav ul li {font-size: 15px; margin-left: 8px;} #vote2013 #content { padding-top: 0; } #vote2013.voter-guide #content { padding-top: 0; width: calc(100% - 40px); } .voter-guide #wrapper { width: 92%; margin: 0 auto; max-width: 1600px; } .vote2013-banner { width: 942px; padding: 30px 29px 0; background: #2991b8; position: relative; left: -28px; color: #fff; background: -moz-linear-gradient(top, #2991b8 0%, #2991b8 92%, #1e6a86 100%); background: -webkit-linear-gradient(top, #2991b8 0%,#2991b8 92%,#1e6a86 100%); background: -o-linear-gradient(top, #2991b8 0%,#2991b8 92%,#1e6a86 100%); background: -ms-linear-gradient(top, #2991b8 0%,#2991b8 92%,#1e6a86 100%); background: linear-gradient(to bottom, #2991b8 0%,#2991b8 92%,#1e6a86 100%); } .voter-guide .vote2013-banner { width: 100%; padding: 30px 24px 0; background: #2991b8; position: relative; left: -28px; color: #fff; background: -moz-linear-gradient(top, #2991b8 0%, #2991b8 92%, #1e6a86 100%); background: -webkit-linear-gradient(top, #2991b8 0%,#2991b8 92%,#1e6a86 100%); background: -o-linear-gradient(top, #2991b8 0%,#2991b8 92%,#1e6a86 100%); background: -ms-linear-gradient(top, #2991b8 0%,#2991b8 92%,#1e6a86 100%); background: linear-gradient(to bottom, #2991b8 0%,#2991b8 92%,#1e6a86 100%); } .voter-guide .vote2013-banner { background: url(https://www.cssny.org/nycss/images/Voter-Guide_Title_Header-2.jpg); background-size: cover; } .ie7 .vote2013-banner, .ie6 .vote2013-banner { height: 192px; overflow: hidden; } .vote2013-banner a { color: #fff; } .vote2013-banner h1 { margin: 0; } .vote2013-banner h1 a { background: url('/nycss/images/vote2013/sprite-130212.png') no-repeat 0 0; width: 263px; height: 107px; float: left; text-indent: -9999px; } .voter-guide .vote2013-banner h1 a { background: url(https://www.cssny.org/nycss/images/Voter-Guide_Title_Logo1.png) no-repeat 0 0; height: 117px; } .vote2013-banner .vote2013-banner-text { float: left; width: 450px; margin-left: 30px; } .vote2013-banner .vote2013-social { float: right; width: 140px; height: 118px; background: #007caa; border: 1px solid #1f6d8b; border-radius: 6px; position: relative; margin-bottom: 23px; } .voter-guide .vote2013-banner .vote2013-social { background: #380060; border: 1px solid #936cb7; } .ie7 .vote2013-banner .vote2013-social, .ie6 .vote2013-banner .vote2013-social { display: none; } .vote2013-banner .vote2013-social h2 { font-size: 12px; position: absolute; top: 14px; left: 20px; } .vote2013-banner .vote2013-social .share-widget { position: absolute; left: 20px; width: 120px; } .vote2013-banner .vote2013-social #share-widget-like { top: 32px; } .vote2013-banner .vote2013-social #share-widget-tweet { top: 59px; } .vote2013-banner .vote2013-social #share-widget-plus { top: 86px; } .vote2013-banner .vote2013-social #share-widget-ln { top: 86px; } .vote2013-banner h2 { font-family: 'Helvetica W01 Bd Cn'; margin: 0; font-size: 18px; text-transform: uppercase; } .vote2013-banner p { font-size: 15px; line-height: 20px; margin-top: 8px; } .vote2013-banner .vote2013-tabs, .campaign-banner .campaign-tabs { clear: both; margin: 0; padding: 0; } .vote2013-banner .vote2013-tabs li { float: left; font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; font-size: 18px; text-transform: uppercase; background: #007caa; margin-right: 9px; border-radius: 6px 6px 0 0; background: -moz-linear-gradient(top, #007caa 0%, #007caa 70%, #00597a 100%); background: -webkit-linear-gradient(top, #007caa 0%,#007caa 70%,#00597a 100%); background: -o-linear-gradient(top, #007caa 0%,#007caa 70%,#00597a 100%); background: -ms-linear-gradient(top, #007caa 0%,#007caa 70%,#00597a 100%); background: linear-gradient(to bottom, #007caa 0%,#007caa 70%,#00597a 100%); } .voter-guide .vote2013-banner .vote2013-tabs li { background: -moz-linear-gradient(top, #7847a5 0%, #7847a5 70%, #380060 100%); background: -webkit-linear-gradient(top, #7847a5 0%,#7847a5 70%,#380060 100%); background: -o-linear-gradient(top, #7847a5 0%,#7847a5 70%,#380060 100%); background: -ms-linear-gradient(top, #7847a5 0%,#7847a5 70%,#380060 100%); background: linear-gradient(to bottom, #7847a5 0%,#7847a5 70%,#380060 100%); } .vote2013-banner .vote2013-tabs li .tab-text { display: block; padding: 15px 26px; letter-spacing: 1px; font-weight: normal; } body:not(.voter-guide) .vote2013-banner .vote2013-tabs #vote2013-tab-4 { margin-right: 0;} body:not(.voter-guide) .vote2013-banner .vote2013-tabs #vote2013-tab-5 { float: right; margin-right: 0;} .vote2013-banner .vote2013-tabs li:hover { background: #116593; } .voter-guide .vote2013-banner .vote2013-tabs li:hover { background: #52237e; } .voter-guide .vote2013-banner .vote2013-tabs li:hover a, .voter-guide .vote2013-banner .vote2013-tabs li.active:hover .tab-text {color: #fdcd05 !important; } /*.vote2013-banner .vote2013-tabs li:active { opacity: 0.8; }*/ .vote2013-banner .vote2013-tabs li.active, .campaign-banner .campaign-tabs li.active, .campaign-banner .campaign-tabs li.take-action.active { background: #fff; } .vote2013-banner .vote2013-tabs li.active .tab-text, .campaign-banner .campaign-tabs li.active .tab-text { color: #2991b8; } .vote2013-banner .vote2013-tabs li.active#vote2013-tab-4, .campaign-banner .campaign-tabs li.active#campaign-tab-4{ background: #fff url('/nycss/images/vote2013/stripes.png') no-repeat -259px top; } .vote2013-banner .vote2013-tabs li.active#vote2013-tab-5, .campaign-banner .campaign-tabs li.active#campaign-tab-5 { background: #fff url('/nycss/images/vote2013/stripes.png') no-repeat -530px top; } .voter-guide .vote2013-banner .vote2013-tabs li.active .tab-text, .voter-guide .campaign-banner .campaign-tabs li.active .tab-text { color: #380060; } .voter-guide .vote2013-banner .vote2013-tabs li.active#vote2013-tab-4, .campaign-banner .campaign-tabs li.active#campaign-tab-4{ background: #fff url('http://lghttp.58547.nexcesscdn.net/803F44A/images/nycss/images/vote2013/stripes.png') no-repeat -259px top; } .voter-guide .vote2013-banner .vote2013-tabs li.active#vote2013-tab-5, .campaign-banner .campaign-tabs li.active#campaign-tab-5 { background: #fff url('http://lghttp.58547.nexcesscdn.net/803F44A/images/nycss/images/vote2013/stripes.png') no-repeat -530px top; } .vote2013-banner .vote2013-tabs li .button, .campaign-banner .campaign-tabs li .button { font-size: 14px; text-transform: none; padding: 3px 6px 2px; position: relative; right: -8px; top: -1px; margin-right: 4px;} #vote2013 .loading { height: 800px; background: transparent url(/nycss/images/vote2013/spinner-gray.gif) center 140px no-repeat; display: none; text-indent: -9999px; } #vote2013 #main-content { border: 1px solid #dfdfdf; border-top: none; padding: 10px; min-height: 400px; margin-bottom: 46px; background: url('/nycss/images/vote2013/stripes.png') no-repeat top right;} #vote2013.voter-guide #main-content { width:100%; padding: 10px; min-height: 400px; margin-bottom: 46px; background: url('/nycss/images/vote2013/stripes.png') no-repeat top right;} #vote2013 .question-hide { display: none; } #vote2013 .button { font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; font-size: 14px; text-transform: uppercase; line-height: 1; background: #2991b8; border: 1px solid #2991b8; color: #fff; padding: 5px 9px 4px; } #vote2013.voter-guide .button { background: #380060; border: 1px solid #936cb7; } #vote2013 .button:hover { background: #007caa; } #vote2013.voter-guide .button:hover { background: #7847a5; } #vote2013 .button:active { opacity: 0.8; } #vote2013 #main-content h3 { font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; text-transform: uppercase; } #vote2013 #vote2013-questions { position: relative;} #vote2013 #question-pager { position: absolute; top: 32px; right: 500px; width: 400px; padding: 0; margin: 0; font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; text-align: right; z-index: 9999; } #vote2013 #question-pager li { list-style-type: none; display: inline; margin-left: 3px; } #vote2013 #question-pager li a { background: #2991b8; border: 1px solid #2991b8; color: #fff; padding: 2px 7px; } #vote2013 #question-pager li a:hover { background: #007caa; } #vote2013 #question-pager li a:active { opacity: 0.8; } #vote2013 #question-pager li.active a { background: #000; } #vote2013 .question-entry { border: 1px solid #bbbbbb; border-radius: 10px; background: #e1e3e4 url('/nycss/images/vote2013/question-bg.png') repeat-y 0 0;} #vote2013 .question-text { width: 408px; padding: 26px; float: left; } #vote2013 .question-third { width: 408px; padding: 26px 26px 26px 0; float: right; } #vote2013.voter-guide #question-pager { position: absolute; top: 32px; right: 26px; width: 400px; padding: 0; margin: 0; font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; text-align: right; z-index: 9999; } #vote2013.voter-guide #question-pager li { list-style-type: none; display: inline; margin-left: 3px; } #vote2013.voter-guide #question-pager li a { background: #2991b8; border: 1px solid #2991b8; color: #fff; padding: 2px 7px; } #vote2013.voter-guide #question-pager li a {background: #380060; border: 1px solid #380060; } #vote2013.voter-guide .question-pager { position: absolute; top: 32px; right: 26px; width: 400px; padding: 0; margin: 0; font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; text-align: right; z-index: 9999; } #vote2013.voter-guide .question-pager li { list-style-type: none; display: inline; margin-left: 3px; } #vote2013 .question-pager li a { background: #2991b8; border: 1px solid #2991b8; color: #fff; padding: 2px 7px; } #vote2013.voter-guide #question-pager li a:hover { background: #007caa; } #vote2013.voter-guide #question-pager li a:hover { background: #7847a5; } #vote2013.voter-guide #question-pager li a:active { opacity: 0.8; } #vote2013.voter-guide #question-pager li.active a, #vote2013 .question-pager li.active a:hover { background: #000; } #vote2013 .question-entry { border: 1px solid #bbbbbb; border-radius: 10px; background: #e1e3e4 url('/nycss/images/vote2013/question-bg.png') repeat-y 0 0; background-size:50%;} #vote2013 .question-text { width: calc(50% - 64px); padding: 26px; float: left; background: #d5d7d8; position: relative; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } #vote2013 .question-third { width: calc(50% - 64px); padding: 26px 26px 26px 0; float: right; } #vote2013 .question-entry h2, #vote2013 .question-entry h3 { margin: 0; height: 40px; } #vote2013 .question-entry p { font-size: 15px; line-height: 21px; margin: 0; } #vote2013 .question-entry h3 .third-learn-more { position: absolute; top: 26px; right: 50px;} #vote2013.voter-guide .question-entry h3 { margin: 0; height: auto; font-size: 1.25em;} #vote2013.voter-guide .question-entry p { font-size: 18px; line-height: 24px; margin: 12px 0 0 0; } #vote2013.voter-guide .question-entry .third-learn-more { position: absolute; top: 26px; right: 50px;} #vote2013 #vote2013-questions .question-continue { background: url('/nycss/images/vote2013/sprite.png') no-repeat 0 -111px; width: 196px; height: 34px; position: absolute; right: 139px; bottom: -33px; text-indent: -9999px; z-index: 999; } .ie7 #vote2013 #vote2013-questions .question-continue, .ie6 #vote2013 #vote2013-questions .question-continue { display: none; } #vote2013 .responses { border: 1px solid #bbbbbb; background: #d5d7d8; border-radius: 10px; padding: 26px 11px 26px 26px; margin-top: 16px; clear: both; position: relative; } #vote2013 .responses h3 { margin: 0 0 26px; } #vote2013 .responses #responses-carousel { width: 798px; height: 527px; margin: 0 auto; } #vote2013 .responses .jcarousel-skin-vote2013 { width: 798px; height: 527px; margin: 0 auto; } #vote2013.voter-guide .responses .jcarousel-skin-vote2013 { width: 100%; height: 527px; margin: 0 auto; } #vote2013 .responses .jcarousel-skin-vote2013 .jcarousel-clip { overflow: hidden; } #vote2013 .responses .candidate-response { width: 215px; height: 491px; margin-right: 15px; background: #fff; padding: 18px; white-space: normal; opacity: .3; filter: alpha(opacity=30); zoom: 1; transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; } #vote2013.voter-guide .responses .candidate-response { width: 246px; height: 491px; margin-right: 15px; background: #fff; padding: 18px; white-space: normal; zoom: 1; } #vote2013.voter-guide .responses .candidate-response.inactive-candidate { opacity: .3 !important; } #vote2013 .responses .candidate-response.active { opacity: 1; filter: alpha(opacity=100); } #vote2013 .responses .candidate-response img { display: block; width: 215px; height: 258px; margin: 0 auto; } #vote2013 .responses .candidate-response h4 { font-size: 12px; margin: 16px 0 0; text-align: center; } #vote2013 .responses .candidate-response h4 .candidate-name { font-size: 18px; display: block; } #vote2013 .responses .candidate-response p { font-size: 12px; line-height: 18px; height: 136px; margin: 8px 0 0; } #vote2013.voter-guide .responses .candidate-response h4 .candidate-name { font-size: 18px; color: #777; } #vote2013.voter-guide .responses .candidate-response p { font-size: 14px; line-height: 20px; height: 136px; margin: 8px 0 0; } #vote2013 .responses .candidate-response p.missing { font-size: 14px; font-style: italic; display: none; } #vote2013 .responses .candidate-response .learn-more { text-align: center; display: block; width: 100px; margin: 8px auto 0; } #vote2013 .responses .responses-carousel-control { display: block; width: 48px; height: 48px; border-radius: 50%; background: #2991b8 url('/nycss/images/vote2013/sprite-130212.png') no-repeat -275px -50px; position: absolute; top: 240px; text-indent: -9999px; } #vote2013.voter-guide .responses .responses-carousel-control {background-color:#380060;} #vote2013 .responses .responses-carousel-control:hover { background-color: #007caa; } #vote2013.voter-guide .responses .responses-carousel-control:hover { background-color: #7847a5; } #vote2013 .responses .responses-carousel-control:active { opacity: 0.7; } #vote2013 .responses .responses-carousel-control#carousel-prev { background-position: -275px -50px; left: -24px; } #vote2013 .responses .responses-carousel-control#carousel-next { background-position: -319px -50px; right: -10px; } #vote2013 .responses-helper-text { width: 783px; margin: 0 auto; padding-top: 10px; padding-right: 15px; } #vote2013 .responses-helper-text p, #vote2013 .responses-helper-text h2, #vote2013 .responses-helper-text h3, #vote2013 .responses-helper-text h4, #vote2013 .responses-helper-text h5 { margin: 16px 0; } #vote2013 #news { width: 500px; margin-left: 44px; float: left; } #vote2013.voter-guide #news { width: calc(100% - 350px); margin-left: 44px; float: left; } #vote2013 .sb-touts { width: 220px; margin-right: 44px; float: right; } #vote2013.candidate-entry #main-content { padding: 20px 20px 10px; margin-bottom: 0; } #vote2013.candidate-entry .print-link { position: absolute; top: 10px; right: 0; font-size: 14px; text-transform: uppercase; font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; } #vote2013 .candidate-assets { width: 352px; float: left; } #vote2013.voter-guide .candidate-assets { min-width: 352px; float: left; width: 33%; } #vote2013 .candidate-assets h2 { font-size: 17px; margin: 0 0 16px; } #vote2013 .candidate-profile { border: 1px solid #bbbbbb; background: #d5d7d8; border-radius: 10px; padding: 22px 0; } #vote2013 .candidate-profile h1 { margin: 0 20px 20px; } #vote2013 .candidate-profile h1 .party { font-family: Georgia, serif; position: relative; top: -1px;} #vote2013 .candidate-profile img { display: block; width: 350px; height: 420px; } #vote2013.voter-guide .candidate-profile img { display: block; min-width: 350px; height: auto; width: 100%; } #vote2013 .candidate-profile .candidate-url { display: block; text-align: center; font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; text-transform: lowercase; font-size: 20px; margin-top: 20px; } #vote2013 .candidate-share { margin-top: 23px; padding-top: 23px; border-top: 1px solid #dfdfdf; font-size: 18px; font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; text-transform: uppercase; } #vote2013 .candidate-share .candidate-share-button { position: relative; width: 344px; z-index: 999; } #vote2013 .candidate-share .candidate-share-button a { display: block; padding: 16px 0; background: #007caa url('/nycss/images/vote2013/sprite-130212.png') no-repeat; color: #fff; border: 2px solid #bfbfbf; border-radius: 3px; margin-bottom: 12px; z-index: 99; } #vote2013 .candidate-share .candidate-share-button a:hover { background-color: #2991b8; } #vote2013 .candidate-share .candidate-share-button.toggled a { text-indent: -9999px; background-color: #116593; } #vote2013 .candidate-share #candidate-share-tweet a { background-position: 80px -151px; padding-left: 140px; } #vote2013 .candidate-share #candidate-share-like a { background-position: 70px -225px; padding-left: 106px; } #vote2013 .candidate-share .candidate-share-button .candidate-share-widget { z-index: -10; position: absolute; top: 16px; left: 106px; } #vote2013 .candidate-share .candidate-share-button.toggled .candidate-share-widget { z-index: 9999; } .ie7 #vote2013 .candidate-share #candidate-share-like, .ie6 #vote2013 .candidate-share #candidate-share-like { display: none; } #vote2013 #news.candidate-news { width: auto; margin: 44px 0 0; float: none; font-size: 14px; } #vote2013 #news.candidate-news h2 { border-top: 1px solid #e9e3dc; border-bottom: 1px solid #e9e3dc; padding: 16px 0; } #vote2013 #news.candidate-news h3 { font-family: Georgia, serif; text-transform: none; } #vote2013 .candidate-answers { width: 500px; float: right; position: relative; } #vote2013.voter-guide .candidate-answers { width: 65%; float: right; position: relative; } #vote2013 .candidate-answers h2 { font-size: 14px; margin: 10px 0 20px; } #vote2013 .candidate-answers .answer-group-head { display: block; background: #e1e3e4; border: 1px solid #b0adad; position: relative; padding: 7px 0; margin-bottom: 10px; } #vote2013 .candidate-answers .answer-group-head h3 { background: #000; color: #fff; height: 19px; padding: 5px 0 0 26px; font-size: 14px; line-height: 1; margin: 0; } #vote2013 .candidate-answers .answer-group-head .toggle-plus { background: #007caa; color: #fff; width: 53px; height: 19px; padding: 5px 0 0 0; text-align: center; font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; font-size: 14px; line-height: 1; position: absolute; top: 7px; right: 0; } #vote2013 .candidate-answers .answer-group-head:hover .toggle-plus { background-color: #2991b8; } #vote2013 .candidate-answers .question { background: #e1e3e4; border: 1px solid #b0adad; padding: 12px 12px 12px 70px; margin-bottom: 10px; position: relative; } #vote2013 .candidate-answers .question .question-number { background: #000; font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; font-size: 30px; color: #fff; letter-spacing: -1px; text-align: center; display: block; width: 47px; height: 41px; padding-top: 6px; position: absolute; left: -1px; top: 12px;} #vote2013 .candidate-answers .question h4 { margin: 0 0 10px; } #vote2013 .candidate-answers .question p { margin: 0 0 10px; } #vote2013 .candidate-answers .candidate-answer .missing { display: none; font-style: italic; } #vote2013 .candidate-answers .question .candidate-answer-toggle { font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; font-size: 15px; color: #007caa; display: block; padding: 10px 0; } #vote2013 .candidate-answers .question .candidate-answer-toggle .toggle-plus { background: #007caa; color: #fff; padding: 2px 10px 4px; margin-right: 5px; } #vote2013 .candidate-answers .question .candidate-answer-toggle:hover .toggle-plus { background-color: #2991b8; } /* -------------------------- Campaign Template -------------------------- */ .campaign-banner { width: 942px; padding: 30px 29px 0; background: #2991b8; position: relative; left: -28px; color: #fff; background: -moz-linear-gradient(top, #2991b8 0%, #2991b8 92%, #1e6a86 100%); background: -webkit-linear-gradient(top, #2991b8 0%,#2991b8 92%,#1e6a86 100%); background: -o-linear-gradient(top, #2991b8 0%,#2991b8 92%,#1e6a86 100%); background: -ms-linear-gradient(top, #2991b8 0%,#2991b8 92%,#1e6a86 100%); background: linear-gradient(to bottom, #2991b8 0%,#2991b8 92%,#1e6a86 100%); height: 170px; } .campaign-banner.green { background: #18c0aa; background: -moz-linear-gradient(top, #18c0aa 0%, #18c0aa 92%, #149b89 100%); background: -webkit-linear-gradient(top, #18c0aa 0%,#18c0aa 92%,#149b89 100%); background: -o-linear-gradient(top, #18c0aa 0%,#18c0aa 92%,#149b89 100%); background: -ms-linear-gradient(top, #18c0aa 0%,#18c0aa 92%,#149b89 100%); background: linear-gradient(to bottom, #18c0aa 0%,#18c0aa 92%,#149b89 100%); } .campaign-banner.bright_blue { background: #0b96cb; background: -moz-linear-gradient(top, #27c3fe 0%, #12b7f6 92%, #01b2f6 100%); background: -webkit-linear-gradient(top, #27c3fe 0%,#12b7f6 92%,#01b2f6 100%); background: -o-linear-gradient(top, #27c3fe 0%,#12b7f6 92%,#01b2f6 100%); background: -ms-linear-gradient(top, #27c3fe 0%,#12b7f6 92%,#01b2f6 100%); background: linear-gradient(to bottom, #27c3fe 0%,#12b7f6 92%,#01b2f6 100%); } .campaign-banner.purple { background: #722c8b; background: -moz-linear-gradient(top, #722c8b 0%, #722c8b 92%, #533d5c 100%); background: -webkit-linear-gradient(top, #722c8b 0%,#722c8b 92%,#533d5c 100%); background: -o-linear-gradient(top, #722c8b 0%,#722c8b 92%,#533d5c 100%); background: -ms-linear-gradient(top, #722c8b 0%,#722c8b 92%,#533d5c 100%); background: linear-gradient(to bottom, #722c8b 0%,#864d99 92%,#533d5c 100%); } .campaign-banner.light_gray { background: #b5bebc; background: -moz-linear-gradient(top, #b5bebc 0%, #b5bebc 92%, #a2a8a7 100%); background: -webkit-linear-gradient(top, #b5bebc 0%,#b5bebc 92%,#a2a8a7 100%); background: -o-linear-gradient(top, #b5bebc 0%,#b5bebc 92%,#a2a8a7 100%); background: -ms-linear-gradient(top, #b5bebc 0%,#b5bebc 92%,#a2a8a7 100%); background: linear-gradient(to bottom, #b5bebc 0%,#b5bebc 92%,#a2a8a7 100%); } .campaign-banner.beige { background: #f8e7d0; background: -moz-linear-gradient(top, #f8e7d0 0%, #f8e7d0 92%, #d5c0a1 100%); background: -webkit-linear-gradient(top, #f8e7d0 0%,#f8e7d0 92%,#d5c0a1 100%); background: -o-linear-gradient(top, #f8e7d0 0%,#f8e7d0 92%,#d5c0a1 100%); background: -ms-linear-gradient(top, #f8e7d0 0%,#f8e7d0 92%,#d5c0a1 100%); background: linear-gradient(to bottom, #f8e7d0 0%,#f8e7d0 92%,#d5c0a1 100%); } .campaign-header-image { width: 250px; height:175px; border: 1px solid #1f6d8b; position: absolute; right: 10px; top: 10px; } .purple .campaign-header-image { border: 1px solid #722c8b; } .beige .campaign-header-image { border: 1px solid #1f6d8b; } .campaign-header-image img { width: 250px; height:175px; } .campaign-banner h1 { font-family: 'Helvetica W01 Bd Cn'; text-transform: uppercase; font-size: 40px; margin:0;} .campaign-banner h2 { font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; text-transform: uppercase; width:550px; float:left;} .beige.campaign-banner h1, .beige.campaign-banner h2 { color: #44423f } .campaign-social {width:120px; float:right; margin-right:210px;} .campaign-social .IN-widget { float: none;} .campaign-social div.fb-like, .campaign-social span.IN-widget, .campaign-social div#___plusone_0 {height: 26px !important;} .campaign-social iframe#twitter-widget-0 {height:24px !important;} .campaign-tabs { position:absolute; bottom:0 } .campaign-tab .tab_content { display: none; } .campaign-banner .campaign-tabs li { float: left; font-family: 'Helvetica W01 Bd Cn'; cursor: pointer; font-weight: normal; font-size: 18px; text-transform: uppercase; background: #007caa; margin-right: 9px; border-radius: 6px 6px 0 0; background: -moz-linear-gradient(top, rgba(0,124,170,.8) 0%, #007caa 70%, #00597a 100%); background: -webkit-linear-gradient(top, rgba(0,124,170,.8) 0%,#007caa 70%,#00597a 100%); background: -o-linear-gradient(top, rgba(0,124,170,.8) 0%,#007caa 70%,#00597a 100%); background: -ms-linear-gradient(top, rgba(0,124,170,.8) 0%,#007caa 70%,#00597a 100%); background: linear-gradient(to bottom, rgba(0,124,170,.8) 0%,#007caa 70%,#00597a 100%); } .campaign-banner .campaign-tabs li:last-child {margin-right:0;} .campaign-banner.green .campaign-tabs li { background: #00ADEF; background: -moz-linear-gradient(top, rgba(0,171,148,.8) 0%, #00AB94 70%, #017b6a 100%); background: -webkit-linear-gradient(top, rgba(0,171,148,.8) 0%,#00AB94 70%,#017b6a 100%); background: -o-linear-gradient(top, rgba(0,171,148,.8) 0%,#00AB94 70%,#017b6a 100%); background: -ms-linear-gradient(top, rgba(0,171,148,.8) 0%,#00AB94 70%,#017b6a 100%); background: linear-gradient(to bottom, rgba(0,171,148,.8) 0%,#00AB94 70%,#017b6a 100%); } .campaign-banner.bright_blue .campaign-tabs li { background: #5E386B; background: -moz-linear-gradient(top, rgba(0,173,239,.8) 0%, #00ADEF 70%, #0f8bba 100%); background: -webkit-linear-gradient(top, rgba(0,173,239,.8) 0%,#00ADEF 70%,#0f8bba 100%); background: -o-linear-gradient(top, rgba(0,173,239,.8) 0%,#00ADEF 70%,#0f8bba 100%); background: -ms-linear-gradient(top, rgba(0,173,239,.8) 0%,#00ADEF 70%,#0f8bba 100%); background: linear-gradient(to bottom, rgba(0,173,239,.8) 0%,#00ADEF 70%,#0f8bba 100%); } .campaign-banner.purple .campaign-tabs li { background: #007caa; background: -moz-linear-gradient(top, rgba(94,56,107,.8) 0%, #5E386B 70%, #502e5c 100%); background: -webkit-linear-gradient(top, rgba(94,56,107,.8) 0%,#5E386B 70%,#502e5c 100%); background: -o-linear-gradient(top, rgba(94,56,107,.8) 0%,#5E386B 70%,#502e5c 100%); background: -ms-linear-gradient(top, rgba(94,56,107,.8) 0%,#5E386B 70%,#502e5c 100%); background: linear-gradient(to bottom, rgba(94,56,107,.8) 0%,#5E386B 70%,#502e5c 100%); } .campaign-banner.light_gray .campaign-tabs li { background: #007caa; background: -moz-linear-gradient(top, rgba(157,162,170,.8) 0%, #a2a6ad 70%, #868a90 100%); background: -webkit-linear-gradient(top, rgba(157,162,170,.8) 0%,#a2a6ad 70%,#868a90 100%); background: -o-linear-gradient(top, rgba(157,162,170,.8) 0%,#a2a6ad 70%,#868a90 100%); background: -ms-linear-gradient(top, rgba(157,162,170,.8) 0%,#a2a6ad 70%,#868a90 100%); background: linear-gradient(to bottom, rgba(157,162,170,.8) 0%,#a2a6ad 70%,#868a90 100%) } .campaign-banner.beige .campaign-tabs li { background: #007caa; background: -moz-linear-gradient(top, rgba(235,217,192,.8) 0%, #EBE0D1 70%, #d4cabb 100%); background: -webkit-linear-gradient(top, rgba(235,217,192,.8) 0%,#EBE0D1 70%,#d4cabb 100%); background: -o-linear-gradient(top, rgba(235,217,192,.8) 0%,#EBE0D1 70%,#d4cabb 100%); background: -ms-linear-gradient(top, rgba(235,217,192,.8) 0%,#EBE0D1 70%,#d4cabb 100%); background: linear-gradient(to bottom, rgba(235,217,192,.8) 0%,#EBE0D1 70%,#d4cabb 100%); } .campaign-banner.bright_blue .campaign-tabs li.active, .campaign-banner.purple .campaign-tabs li.active, .campaign-banner.green .campaign-tabs li.active, .campaign-banner.light_gray .campaign-tabs li.active, .campaign-banner.beige .campaign-tabs li.active { background: #fff; } .campaign-banner.bright_blue .campaign-tabs li.active .tab-text { color: #00ADEF; } .campaign-banner.purple .campaign-tabs li.active .tab-text {color:#5E386B;} .campaign-banner.green .campaign-tabs li.active .tab-text {color: #00AB94; } .campaign-banner.light_gray .campaign-tabs li.active .tab-text { color: #44423f; } .campaign-banner.beige .campaign-tabs li.active .tab-text { color: #44423f;} .campaign-banner .campaign-tabs li.take-action { float: left; font-family: 'Helvetica W01 Bd Cn'; cursor: pointer; font-weight: normal; font-size: 18px; text-transform: uppercase; background: #007caa; margin-right: 9px; border-radius: 6px 6px 0 0; background: -moz-linear-gradient(top, rgba(218,71,31,.8) 0%,#c7421e 70%,#993317 100%); background: -webkit-linear-gradient(top, rgba(218,71,31,.8) 0%,#c7421e 70%,#993317 100%); background: -o-linear-gradient(top, rgba(218,71,31,.8) 0%,#c7421e 70%,#993317 100%); background: -ms-linear-gradient(top, rgba(218,71,31,.8) 0%,#c7421e 70%,#993317 100%); background: linear-gradient(to bottom, rgba(218,71,31,.8) 0%,#c7421e 70%,#993317 100%); } #content .campaign-tabs li.active.take-action .tab-text { color: #da471f } .campaign-banner.beige .campaign-tabs li .tab-text { color: #44423f } #content .campaign-tabs li.take-action .tab-text { color: #fff; } #framework #campaign-default #speakout table#landing div.goal {margin-right:0;} #framework #campaign-default #speakout table { margin-right: 0; } article.campaign { margin:25px 28px; } .campaign-banner .campaign-tabs li .tab-text { display: block; padding: 15px 26px; font-weight: normal; } ul#partners {clear:both; border-top: 3px solid #6e5673; margin: 0; padding-top:20px;} #partners li { list-style-type: none; display: inline; margin-right: 50px; } .campaign-banner .campaign-tabs li .tab-text {color:#fff;} #partners li img { margin-bottom: 25px; } article.campaign .sb-widget.sb-news { width:602px; height:340px; float:left; position: relative;} article.campaign h4.read-more {position:absolute; bottom:0; width:602px;} article.campaign ul.touts {float: right; } article.campaign ul.touts span.arrow {display:none;} /* 06 =SIDEBAR ------------------------- */ #sidebar { width: 220px; float: left; padding: 0 0 30px 24px; } #sidebar.pub-side { padding-top: 15px; } ul.action-buttons { margin-bottom: 20px; } .action-buttons li { font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; text-transform: uppercase; font-size: 1.5em; background: #007da6; line-height: 1; margin: 0 0 5px 0; height: 41px; } .action-buttons li a, .action-buttons li a:visited { color: #fff; padding: 10px 7px; display: block; font-weight: normal; height: 21px; } .action-buttons li .arrow:after { position: relative; left: 12px; top: -4px;} .sb-widget { margin-bottom: 15px; } .sb-widget h2 { font-size: 1.2em; padding-left: 20px; } .sb-widget ul { margin: 0 20px; } .sb-widget article { margin: 0 20px; } .sb-widget time { display: block; font-size: 0.8em; } .sb-widget h3 { margin: 0 0 1em; } .sb-widget article a { color: #6e5676; } .sb-widget article a:hover, .sb-widget article a:active { color: #524058;} .sb-touts article { margin: 10px 0 10px 0; width: auto; background: #6e5673; position: relative; border: 1px solid #c5b8b2; } .sb-touts article img { display: block; } .sb-touts article .arrow:after { position: absolute; right: 8px; top: 45px; } /* ====================== */ /* = Sidebar Staff List = */ /* ====================== */ .sb-staff ul { margin-bottom: 20px; } .sb-staff li { font-size: .9em; margin: 0 0 .4em 0; } .sb-staff li a { color: #6e5676; } .sb-staff li a:hover, .sb-staff li a:active { color: #524058; } /* ========================= */ /* = Sidebar Related Press = */ /* ========================= */ .sb-related-press h2 { text-transform: none; font-size: 1.3em; margin-top: 0; } .sb-related-press li { color: #007da6; font-size: 0.9em;} .sb-related-press li a { font-weight: normal; } /* ================= */ /* = Left Side Nav = */ /* ================= */ .side-nav { float: left; width: 140px; margin: 0 30px 0 0; } .side-nav h3 { margin-top: 0; } .side-nav ul { margin: 0; padding: 0 0 0 1em; } .side-nav ul li { list-style:none; font-size: 0.8em; margin-bottom: 1em; line-height: 1.2; font-weight: bold; color: #888888; } .side-nav ul li ul { margin-top: .5em; } .side-nav ul li ul li { font-size: 1em; margin-bottom: .8em; } .advocacy li ul li strong { font-size: 1em !important;} #programs .side-nav ul li ul li, #departments .side-nav ul li ul li {font-size: 0.8em;} /*Taxonomy root nodes for side nav*/ .level_0.has_children > a, .level_0.has_children > strong, .level_1.has_children.first_child.last_child > a, .level_1.has_children.first_child.last_child > strong { font-size: 1.3em; } /* =========================== */ /* = Left Side Nav Overrides = */ /* =========================== */ #news .side-nav { margin-top: 0; } #programs .side-nav ul, #departments .side-nav ul { padding-left: 0; } #programs .side-nav ul li, #departments .side-nav ul li { font-size: 1em; } #programs .side-nav ul li ul, #departments .side-nav ul li ul { padding: .5em 0 0 1em; } #programs .side-nav .level_1, #departments .side-nav .level_1 { font-size: 0.8em; } #programs .side-nav ul li ul li, #department .side-nav ul li ul li { font-size: 1em; } #programs li.expand > ul li {font-size: 0.8em !important;} /* New Added */ #programs ul li ul li ul { margin: 0; padding: 0 !important; } #programs ul li ul li.active ul { margin-top: 0.5em; padding: 0.5em 0 0 1em !important; } #programs ul li ul li.expand ul { margin-top: 0.5em; padding: 0.5em 0 0 1em !important; } #programs ul li ul li ul li strong { font-size: 1.25em !important; } #programs ul li ul li ul li a { font-size: 1.25em; } #pages ul.advocacy li.parent_menu > a { font-size: 1.3em; } #departments ul li ul li ul { margin: 0; padding: 0 !important; } #departments ul li ul li.active ul { margin-top: 0.5em; padding: 0.5em 0 0 1em !important; } #departments ul li ul li.expand ul { margin-top: 0.5em; padding: 0.5em 0 0 1em !important; } #departments ul li ul li ul li strong { font-size: 1.25em !important; } #departments ul li ul li ul li a { font-size: 1.25em; } /* 07 =FRAMEWORK ------------------------- */ #framework { /*padding: 20px;*/ } /* SKIN OVERRIDES Last Update: March 7, 2011 NOTE: These definitions assume that framework elements have been wrapped in a div with the id "framework". For the YUI styles to work the body id should be "bsd" */ /*=TYPOGRAPHY ---------------------------------------------------------- */ #framework #SKIN h1, /*If you change the font-soze for h1 or it's top margin or padding properties be sure to change the top margin property for "#SKIN #account_actions" such that the base line for the elements within line up with h1 in control_set div*/ #framework #SKIN .basic .main #eventdetail .title, /*Event Title*/ #framework #profiledetail #sectionheader, #framework #stdheader #title /*Page title on Outreach pages*/ { font-size: 24px; line-height: 30px; margin-bottom: 6px; } /*if using cufon or typekit for headers be sure to target the following header ids/classes #titletext - header for Outeach pages .headertitle — header for Comunity pages */ #framework #contribution .contribheader, /*Section headers on Contribute form*/ #framework #SKIN h2, #framework #sectionheader, #framework #SKIN .widget_header, #framework #SKIN .widget_title, #framework #community .communitypostinlist .title, /*Blog post title on community web page*/ #framework #community .header, /*Community page headers */ #framework #community .communitypostfull .title, /*Community title for full blog post*/ #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework a#host-button, #framework #loginform .logintitle, #framework #signupform .signuptitle, #framework #outreach_content #loginform .logintitle, #framework #outreach_content #signupform .signuptitle, #framework #manageform .managetitle, #framework #forgotpw .header { font-size: 18px; line-height: 24px; margin-bottom: 6px; } #framework #SKIN h3, #framework #SKIN .basic .main .typedescheader, #framework #community .postlist table.head .text, /*Table heading on Community Dashboard page*/ #framework #community .subheader, /*Subheader on the Community Blog Entry Preview page*/ #framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/ #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 6px; } #framework #SKIN h4, #framework #SKIN h5 { font-size: 12px; font-weight: bold; line-height: 18px; } /*HEADERS WITH BOTTOM BORDERS*/ #framework #contribution .contribheader, /*Section headers on Contribute form*/ #framework #sectionheader, #framework .sectionheader, #framework #SKIN .header, #framework #SKIN .basic .main .typedescheader, #framework #community .header /*Community page headers */ #framework #community .communitypostfull .title, /*Community title for full blog post*/ #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework #stdheader, /*Header for Outreach pages*/ #framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/ #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead, #framework #manageform .managetitle, #framework #forgotpw .header { border-bottom: 1px solid #ddd; padding-bottom: 3px; } /*WIDGET HEADERS*/ #framework #SKIN .widget_header { background: #eee; border-bottom: 1px solid #ddd; margin-bottom: 6px; padding: 5px 10px; position: relative; } /*SUB-HEADERS*/ #framework #SKIN .widget_subheader, /*Widget Subheader on the dashboard*/ #framework #community .subheader /*Subheader on the Community Blog Entry Preview page*/ { background: #F2F7F7; border-bottom: 1px solid #ddd; padding: 5px 10px; } /*=FORM ELEMENTS ---------------------------------------------------------- */ #framework .checkbox, #framework .radiobutton, #framework.label, #framework .text { margin: 0 .5em 0 0; } /*=BUTTONS ---------------------------------------------------------- */ /*INPUT BUTTONS*/ #framework input[type=button], #framework input[type=submit], #framework .submit, #framework #invitationpage #submit_button, #framework #date-filter, #framework .loginbutton input, #framework .signupbutton input, #framework #community input[type=submit], #framework .utils_search button { cursor: pointer; } /*Targets most Buttons*/ /*INPUT HOVER STATES Note this will only work for modern browsers*/ #framework input[type=button]:hover, #framework input[type=submit]:hover, #framework input:hover.submit, #framework #invitationpage input:hover#submit_button, #framework button:hover#date-filter, #framework .loginbutton input:hover, #framework .signupbutton input:hover, #framework #community input[type=submit]:hover, #framework .utils_search button:hover { } /*RSVP and DETAILS BUTTONS*/ #framework #event_results .event_footer .links { float: left; } #framework #event_results .event_footer .links .detail_button, #framework #event_results .event_footer .links .rsvp_button { float: right; } #framework #event_results .event_footer .links .detail_button a, #framework #event_results .event_footer .links .rsvp_button a { display: block; margin-left: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px; } #framework #event_results .event_footer .links .detail_button a { background: #eee; border: 1px solid #ccc; padding: 2px 10px 1px; } #framework #event_results .event_footer .links .rsvp_button a { background: #555; color: #fff; padding: 3px 10px 2px; } #framework #event_results .event_footer .links .detail_button a:hover, #framework #event_results .event_footer .links .rsvp_button a:hover { background: #33; border-color: #333; color: #eee; } /*Hover state for RSVP and Details buttons*/ /*CONTACT IMPORTER BUTTOM FOR SHARE AND INVITE FORMS*/ #framework #contact_importer_button { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; } /*You can change the background color to match your other input button styles*/ /*SEARCH BUTTON*/ #framework .search_form button { } /*=TEXT INPUT FIELDS AND TEXTAREAS ---------------------------------------------------------- */ #framework input.text, #framework textarea { } /*Use this definition to target most of the text input fields*/ /*=TABS NOTE If the background color for your page is not white you will have to update the bottom border color for the active tabs for Framework, Events and Friends i.e. #framework #SKIN #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework #SKIN #friends_tabs ul li.active_tab { background: none; border: 1px solid #ddd; border-bottom: 1px solid #fff; } ---------------------------------------------------------- */ /*FRAMEWORK TABS*/ #framework #SKIN #blue_hat { background: none; border-bottom: 1px solid #ddd; height: 43px; } #framework #SKIN #blue_hat ul { display: inline; float: right; height: auto; margin: 0 5px; padding: 18px 0 0 0; } #framework #SKIN #blue_hat li { background: #eee; border: 1px solid #ddd; border-top-left-radius: 3px; display: inline; float: right; padding: 5px 10px 4px; text-decoration: none; } #framework #SKIN #blue_hat li a { color: #888; text-decoration: none; } #framework #SKIN #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework #SKIN #blue_hat .blue_hat_active a { color: #555; } #framework #SKIN #blue_hat li a:hover { background: none; color: #555; } /*EVENT TABS*/ #framework ul#event_order { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 10px 0; top: 0; width: 100%; } #framework ul#event_order li { background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 0 -1px 5px; padding: 5px 10px 4px; text-decoration: none; } #framework ul#event_order li a { color: #888; } #framework ul#event_order a:hover { color: #555; } #framework ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework ul#event_order li.active a { color: #555; } /*WIDGET TABS*/ /*Note that the active tab background color should be the same as the .widget_header background color under the WIDGET HEADERS category above*/ #framework #SKIN .widget_tabs { margin: 0; padding: 0; } #framework #SKIN .widget_tabs li { border-top-left-radius: 3px; float: left; list-style: none; padding: 5px 10px 4px 10px; margin: 0 5px 0 0; list-style-type: none; } #framework #SKIN .widget_tabs li.active_tab { background: #eee; font-weight: bold; } #framework #SKIN .widget_tabs li.inactive_tab { background: #ddd; } /*FRIENDS TABS*/ #framework #SKIN #friends_tabs { border-bottom: 1px solid #ddd; margin: 18px 0 6px 0; } #framework #SKIN #friends_tabs ul { margin: 0; padding: 5px 0 0 0; list-style: none; } #framework #SKIN #friends_tabs li { border-top-left-radius: 3px; border-top-right-radius: 3px; display: inline; float: left; margin: 0 0 -1px 5px; list-style-type: none; padding: 5px 10px 4px; } #framework #SKIN #friends_tabs ul li.active_tab { background: none; border: 1px solid #ddd; border-bottom: 1px solid #fff; } #framework #SKIN #friends_tabs ul li.active_tab a { color: #555; font-weight: bold; } #framework #SKIN #friends_tabs ul li.inactive_tab { background: #eee; border: 1px solid #ddd; } /*=SPEAKOUT TABS */ #framework #speakout #tabs { margin-top: 18px; } #framework #speakout #nav-tabs, #framework #speakout #tip-tabs { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 18px 0; top: 0; width: 100%; } #framework #speakout td.tips { padding: 0 10px; } #framework #speakout #tip-tabs { width: 300px; } #framework #speakout #nav-tabs li, #framework #speakout #tip-tabs li { background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 0 -1px 5px; padding: 5px 10px 4px; text-decoration: none; } #framework #speakout #nav-tabs li.tab-on, #framework #speakout #tip-tabs li.tip-on { background: none; border-bottom: 1px solid #fff; color: #555; font-weight: bold; } #framework #speakout #nav-tabs li.tab-off, #framework #speakout #tip-tabs li.tip-off { cursor: pointer; } /*YUI POP OVER This controls the style of the pop over opened after clicking the contact importer button As noted above, in order for this to work the body id should be "bsd" ---------------------------------------------------------- */ #bsd .yui-panel { border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #bsd .yui-panel-container.shadow .underlay { display: none; } #bsd .yui-panel .container-close { right: 10px; } /*This targets the close button in the popover. You can replace the default image with one of your choosing. Image dimensions should be 12px square*/ #bsd .yui-panel .hd { background: #eee; color: #333; border: none; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; padding: 10px; } #bsd .yui-panel .bd { font-size: 12px; line-height: 18px; padding: 6px; } #bsd #contact_importer_wrapper { margin: 0; } #bsd #contact_importer_wrapper #contact_importer_error { margin: 18px 0 0 0; } #bsd #contact_importer_dialog .button-group button { background: #eee; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 3px 10px; } /*Contact Listings*/ #bsd #contact_importer_wrapper #results_table_header { background: #eee; } #bsd #contact_importer_wrapper #results_table_outer { border: 1px solid #ddd; } /*=LAYOUT ---------------------------------------------------------- */ /*SOCIAL NET WIDGET COLUMNS*/ #framework #SKIN #widget_group_1 { float: left; width: 49%; } /*Left column*/ #framework #SKIN #widget_group_2 { float: right; width: 49%; } /*Right column*/ /*SPEAKOUT*/ #framework .group_field { margin-bottom: 10px; float: left; margin-right: 5px; } #framework #speakout .splash { margin: 0 0 20px 0; } #framework #speakout table { clear: left; margin: 0 20px 10px 0; } #framework #speakout #recipient_table { width: 300px; } #framework #speakout .recipient-header { font-weight: bold; } #framework #speakout .recipient-divider { padding-top: 10px; font-style: italic; } #framework #speakout .recipient-header th { text-align: auto !important } #framework #speakout .stat { text-align: right; padding-right: 4px; } #framework #speakout td { vertical-align: top; } #framework #speakout .step { margin-top: 15px; } #framework #speakout .field { width: 50%; padding-left: 10px; } #framework #speakout th.divider { padding: 10px; font-size: 16px; background: #eee; } #framework #speakout #speakout_form { margin-top: 20px; } #framework #speakout h4 { font-size: 16px; } #framework #speakout table#landing div.goal { float: right; margin: 10px; padding: 15px 15px 0; width: 280px; border: 1px solid #CCC; } #framework #speakout table#landing div.goal td { padding: 5px; } #framework #speakout table#landing div.goal input.landing-button, #framework #speakout table#landing div.goal input.landing-button-over { display: block; margin-top: 15px; } #framework #speakout table#landing div.goal input#addr1, #framework #speakout table#landing div.goal input#addr2, #framework #speakout table#landing div.goal input#email { width: 200px; } /*=PLEASE DO NOT DELETE OR MODIFY ANY OF THE STYLES BELOW ---------------------------------------------------------- */ #framework #SKIN #widget_directory_search_groups_by_keyword { float: none !important; } /* 08 =UTILITY ------------------------- */ .cufon-loading * { visibility: hidden !important; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .required { color: red; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } input:valid, textarea:valid { } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background: #1fb9e7; color:#fff; text-shadow: none; } ::selection { background:#1fb9e7; color:#fff; text-shadow: none; } /* ============ */ /* = Colorbox = */ /* ============ */ #spinner { display: none; position: fixed; left: 50%; top: 45%; z-index: 999;padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #000; opacity: 0.6;} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#333;} #colorbox{ font-family: Helvetica, Arial, sans-serif; overflow: visible; } #cboxWrapper { overflow: visible; } #cboxContent{margin:20px 0 80px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#fff;} #cboxTitle{ color:#ccc; font-size: 1.3em; font-weight: bold; margin: 5px 10px 0;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; font-size: 1.1em;} #cboxSlideshow{position:absolute; top:-20px; left: 5px; color:#fff; font-size: 1.1em;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/nycss/images/site/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/nycss/images/site/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(/nycss/images/site/loader.gif) no-repeat center center;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/nycss/images/close.png) no-repeat top center; width:30px; height:30px; text-indent:-9999px;} #cboxClose:hover{} .bsd-lightbox-wrap { display: none; } .bsd-lightbox { width: 523px; height: 354px; background: #dedede; } .bsd-lightbox a { display: block; } /* 09 =PRINT ------------------------- */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } .interior #main-content p a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } #sidebar, #editToggle, .editThis, #navigation, #addthis, #search, #nav { display: none; } /* hide disqus since it is extraneous content that just increases page size */ #disqus_thread {display:none;} a.dsq-brlink {display:none;} #logo { text-indent: 0; width: 120px; } #logo a { font-family: 'Helvetica W01 Bd Cn'; line-height: 1; text-decoration: none; } .edit-this { display: none; } nav a, aside a { text-decoration: none; } #vote2013 a { text-decoration: none; } #vote2013 #logo a { line-height: 1; } #vote2013 #main-content { border: none; } .vote2013-banner .vote2013-social, #vote2013 .tab-text .button, #vote2013 .candidate-share, #vote2013 .candidate-answers h2, #vote2013 .candidate-answers .question .candidate-answer-toggle { display: none; } #vote2013 .candidate-answers .question { border: none; } .vote2013-banner h1 a { text-indent: 0; line-height: 1; font-family: 'Helvetica W01 Bd Cn'; font-weight: normal; font-size: 44px; text-transform: uppercase; line-height: 1; width: 400px; } #vote2013 .candidate-profile { border: none; padding: 0; } #vote2013 .candidate-profile h1 { margin: 0 0 20px; } .candidate-entry .vote2013-banner .vote2013-tabs { display: none; } /* float blog entry images to decrease page length */ #main {overflow:hidden;} #main img { float:left; clear:both; /*keeps images from piling up next to each other*/ margin:0 10px 10px 0; } } #outreachpicture { padding:0 15px 15px 0 ; } span.comma:after { content: ", "; } span.comma:last-child:after { content: ""; } /* POVERTYIS */ body.page1123 .page-header, body.page1123 .side-nav {display:none;} body.page1123 #content {padding:0;} #povertyis_banner { position: relative; height: 290px; } #povertyis_banner img { position: absolute; } #povertyis_caption { position: absolute; bottom: 0; line-height: 100px; width: 100%; background: rgba(0,0,0,.75); color: #fff; text-indent: 35px; font-size: 24px; } #povertyis_body { padding: 10px 28px; background-color: #fafafa } .base #povertyis_body p { font-size: 17px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; } .base #povertyis_body h2 { font-size: 25px; color: #cf3821; font-weight: normal; text-align: center; margin: 30px 0; clear: both; } #povertyis_buttons { text-align: center; margin: 40px 0; } #povertyis_buttons a { background: #00adef; margin: 0 10px; background-image: -webkit-linear-gradient(top, #00adef, #2980b9); background-image: -moz-linear-gradient(top, #00adef, #2980b9); background-image: -ms-linear-gradient(top, #00adef, #2980b9); background-image: -o-linear-gradient(top, #00adef, #2980b9); background-image: linear-gradient(to bottom, #00adef, #2980b9); text-shadow: 1px 1px 0px #666666; font-family: Arial; color: #ffffff; font-size: 36px; padding: 8px 15px 8px 15px; border: solid #1f628d 1px; text-decoration: none; } #povertyis_buttons a:hover { background: #00adef; background-image: -webkit-linear-gradient(top, #00adef, #3498db); background-image: -moz-linear-gradient(top, #00adef, #3498db); background-image: -ms-linear-gradient(top, #00adef, #3498db); background-image: -o-linear-gradient(top, #00adef, #3498db); background-image: linear-gradient(to bottom, #00adef, #3498db); text-decoration: none;} .povertyis_share { float: left; margin-bottom: 20px; width: 438px; } .povertyis_share.right-col { margin-left: 25px; } .povertyis_share img { float: right; margin: 5px 0 0 12px } #povertyis_learn { width: 459px; float: left; margin-top: 0;} /* #povertyis_video {float:right;} */ #povertyis-quick-signup fieldset { text-align: center; border: none; } #povertyis-qs-submit { background: #007da6; border: 0; color: #fff; text-transform: uppercase; font-family: 'Helvetica W01 Bd Cn'; font-size: 1.1em; padding: 0; height: 32px; width: 65px; -webkit-box-shadow: -1px -1px 5px #003b5a inset, 1px 1px 4px #d3e7f2 inset; -moz-box-shadow: -1px -1px 5px #003b5a inset, 1px 1px 4px #6ec0f7 inset; -ms-box-shadow: -1px -1px 5px #003b5a inset, 1px 1px 4px #6ec0f7 inset; -o-box-shadow: -1px -1px 5px #003b5a inset, 1px 1px 4px #6ec0f7 inset; box-shadow: -1px -1px 5px #003b5a inset, 1px 1px 4px #d3e7f2 inset; } #povertyis-quick-signup label, #povertyis-quick-signup input.text { font-family: Arial, Helvetica, sans-serif; margin-right: 6px; } #povertyis-quick-signup input.text { border-bottom: 1px solid #d4cac5; border-right: 1px solid #d4cac5; } #prevBtn, #nextBtn { display: block; width: 48px; height: 48px; position: absolute; left: -6px; top: 130px; z-index: 9; outline: none; } #nextBtn { left: 956px; } #prevBtn a, #nextBtn a { display: block; width: 48px; height: 48px; background: url(/nycss/js/images/left-arrow-fill.png) no-repeat 0 0; text-indent: -99999px; outline: none; } #nextBtn a { background: url(/nycss/js/images/right-arrow-fill.png) no-repeat 0 0; } .global-nav ul > li.parent_menu > a > span{ border-right: 1px solid #afaaa4; display: block; padding: 0 7px; float: left;} .global-nav ul > li.parent_menu.last_child > a > span{ border-right: 0;} .global-nav ul > li.parent_menu.last_child > a{padding: 4px 5px; border: 1px solid #fff; color: #da471f; margin-left: -1px;} .utility-nav ul #utility {margin:5px 0 0 0!important} .footer-nav ul li.last_child a { padding: 4px 5px; border: 1px solid #fff; color: #da471f; margin-top: -5px; } .utility-nav ul #utility { margin: -1px 0 0 0!important; } .utility-nav ul li:last-child { border: 0 none; } #utility { border-right:2px solid #d2c8c3;} .utility-nav ul li:nth-child(8) {border: 0 none;} .advocacy li strong {font-size: 1.3em;} .selected strong{font-size:1.3em} .advocacy .expand a{font-size:1.3em} .advocacy .expand ul li a {font-size: 1em;} */----------------changes-for-header-section-26-oct-----------/* .utility-nav ul {float: left !important;margin: 0px 0 0 153.8px;} .utility-nav ul{padding: 4px 0 4px;} .utility-nav ul { float: right; padding: 8px 0 0px; font-family: 'Helvetica W01 Bd Cn', Helvetica, Arial, sans-serif; text-transform: uppercase;} .utility-nav ul #utility-fb, .utility-nav ul #utility-tw {margin:5px 0 0 0} .utility-nav ul #utility {margin: -3px 0 0 0!important;} .utility-nav ul li:first-child{display:none} */----end----/* @media (min-width:1200px) and (max-width:1280px) { .utility-nav ul {margin: 0 0 0 153px;} } .lity { background: rgba(0,0,0,.7) !important; }