/*  WARNING! DO NOT EDIT INDEX.CSS.CSS! This project is managed with SASS.  If you don't know what that is, do not attempt to make changes in just CSS YOUR STYLES WILL BE OVERRIDDEN BY THE SASS FILE.
 Please make all changes on sass-file.scss, which will convert to index.css.css THANK YOU!!! */
    /* ---------------------------------------------------------- Client Name CSS 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 =HTML5 Boilerplate
------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/* end HTML5 Boilerplate reset */
/* HTML5 boilerplate base 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: smaller; }

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 { font-family: "ff-tisa-web-pro", serif; color: #222; font-size: 16px; }

select, input, textarea { color: #444; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: "proxima-nova", Arial, sans-serif; }

.base h1 { font-size: 28px; }

.base h2 { font-size: 22px; }

.base h3 { font-size: 18px; }

.base h4 { font-size: 16px; }

.base p { margin-bottom: 15px; }

a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #006225; text-decoration: none; }

a:hover, a:focus { color: #192b1c; }

a:link { -webkit-tap-highlight-color: #FF5E99; }

blockquote { padding: 15px 30px; border: 1px solid #efe5cd; border-width: 1px 0; margin-bottom: 15px; }

.base blockquote p { margin: 0; }

.base ul, .base ol { margin-left: 1.8em; margin-bottom: 15px; }

.base ul li { list-style: disc; }

.base ol li { list-style: decimal; }

.base li ol { margin-bottom: 0; }

.base li ul { margin-bottom: 0; }

/* 03 =LAYOUT
------------------------- */
.fixed { position: relative; width: 960px; margin: 0 auto; }

body { background: #cdcdcd; }
body header { background: #fdfaf0; position: relative; padding: 5px 0 100px 0; margin-bottom: -100px; }
body header #logo { display: block; width: 240px; height: 80px; background: transparent url(/page/-/images/static/logo.png) 0 10px no-repeat; padding: 10px 0; }
body header #social { position: absolute; top: 17px; right: 0; width: 300px; }
body header #social li { float: left; width: 100px; overflow: hidden; }
body header #social li.youtube { font-size: 14px; font-family: "proxima-nova", Arial, sans-serif; }
body header #social li.youtube a { color: #c3302a; position: relative; top: -9px; }
body header #social li.youtube a:hover { color: #000; }
body header #social li.youtube a .ss-icon { font-size: 25px; position: relative; top: 7px; }
body header #top-menu { font-family: "proxima-nova", Arial, sans-serif; position: absolute; top: 20px; right: 320px; width: 500px; }
body header #top-menu li { display: inline; }
body header #top-menu li a { float: right; padding: 0 10px; }
body header #quicksignup { position: absolute; right: 0; top: 52px; width: 475px; text-align: right; }
body header #quicksignup input { padding: 5px 10px; }
body header #quicksignup input.text { border: 2px solid #c4c3c1; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fefefe; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/input-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#fefefe)); background-image: -webkit-linear-gradient(top, #e9e9e9, #fefefe); background-image: -moz-linear-gradient(top, #e9e9e9, #fefefe); background-image: -o-linear-gradient(top, #e9e9e9, #fefefe); background-image: linear-gradient(to bottom, #e9e9e9, #fefefe); font-family: "ff-tisa-web-pro", serif; font-size: 16px; padding: 5px 10px; height: 20px; }
body header #quicksignup input.submit { -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #c3920f; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/yellow-button-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#d8a724), to(#c3920f)); background-image: -webkit-linear-gradient(top, #d8a724, #c3920f); background-image: -moz-linear-gradient(top, #d8a724, #c3920f); background-image: -o-linear-gradient(top, #d8a724, #c3920f); background-image: linear-gradient(to bottom, #d8a724, #c3920f); text-shadow: 1px 1px 1px #644b08; color: #FFF; text-transform: uppercase; font-family: "proxima-nova", Arial, sans-serif; font-size: 18px; padding: 5px 10px; font-weight: bold; border: 2px solid #d5b152; height: 34px; display: inline-block; margin-left: 3px; }
body header #quicksignup input.submit:hover { background: #ab800d; border: 2px solid #ab800d; }
body header #quicksignup input#quick-zip { width: 50px; }
body header #quicksignup input#quick-email { width: 200px; margin-right: 4px; }
body header #quicksignup label { left: -1500%; visibility: hidden; position: absolute; }
body header #menu { background-color: #1c6236; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/menu-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#31774b), to(#1c6236)); background-image: -webkit-linear-gradient(top, #31774b, #1c6236); background-image: -moz-linear-gradient(top, #31774b, #1c6236); background-image: -o-linear-gradient(top, #31774b, #1c6236); background-image: linear-gradient(to bottom, #31774b, #1c6236); -webkit-border-radius: 8px; border-radius: 8px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-family: "proxima-nova", Arial, sans-serif; font-weight: bold; }
body header #menu li { border-top: 2px solid #639473; border-bottom: 2px solid #639473; text-align: center; text-shadow: 1px 1px 1px #113a20; position: relative; float: left; }
body header #menu li.first_child { border-left: 2px solid #639473; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
body header #menu li.last_child { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 2px solid #b5a13b; background-color: #c69922; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/menu-bg-donate.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#dbae37), to(#c69922)); background-image: -webkit-linear-gradient(top, #dbae37, #c69922); background-image: -moz-linear-gradient(top, #dbae37, #c69922); background-image: -o-linear-gradient(top, #dbae37, #c69922); background-image: linear-gradient(to bottom, #dbae37, #c69922); text-shadow: 1px 1px 1px #6f5613; }
body header #menu li.last_child:hover a, body header #menu li.last_child a:hover { background: #b0881e; }
body header #menu li a { color: #FFF; text-transform: uppercase; font-size: 18px; display: block; padding: 5px 20px; }
body header #menu li a:hover { background: #164e2b; }
body header #menu li:hover ul { display: block; }
body header #menu li:hover a { background: #164e2b; }
body header #menu li ul { display: none; position: absolute; top: 32px; left: 0; width: 250px; background: #164e2b; padding: 10px 0; z-index: 9999; }
body header #menu li ul li, body header #menu li ul li.first_child, body header #menu li ul li.last_child { border: 0; text-align: left; background: transparent; text-shadow: 1px 1px 1px #113a20; float: none; }
body header #menu li ul li a, body header #menu li ul li.first_child a, body header #menu li ul li.last_child a { font-size: 16px; text-transform: none; }
body header #menu li ul li a:hover, body header #menu li ul li.first_child a:hover, body header #menu li ul li.last_child a:hover { background: #113a20; }
body header #menu li.node_issues ul { width: 750px; height: 105px; padding-top: 40px; }
body header #menu li.node_issues ul li a { top: 0; left: 0; float: none; position: absolute; width: 210px; }
body header #menu li.node_issues ul li.node_immigrant-justice a { left: 500px; }
body header #menu li.node_issues ul li.node_redistricting a { top: 0; }
body header #menu li.node_issues ul li.node_voter-protection a { top: 29px; }
body header #menu li.node_issues ul li.node_voting-rights-restoration a { top: 58px; }
body header #menu li.node_issues ul li.node_stopping-the-school-to-prison-pipeline a { left: 250px; }
body header #menu li.node_issues ul li.node_sample-issue a { left: 500px; top: 29px; }
body header #menu li.node_issues ul li.headers { position: absolute; top: 0; left: 0; width: 100%; padding: 10px 0; background: #eae3d0; }
body header #menu li.node_issues ul li.headers h2 { float: left; width: 210px; padding: 0 20px; color: #192b1c; text-shadow: none; }
body #homepage { background: #fdfaf0; }
body #homepage #intro { background: #006225 url(/page/-/images/static/intro-bg.png) 0 0 repeat-x; height: 160px; border-top: 2px solid #003f18; border-bottom: 2px solid #192b1c; color: #FFF; position: relative; }
body #homepage #intro .left { font-family: "proxima-nova", Arial, sans-serif; float: left; width: 560px; padding: 25px 0; margin-right: 80px; }
body #homepage #intro .left #intro-social { background: #185a31; padding: 10px; position: absolute; top: 65px; left: 430px; width: 90px; overflow: hidden; }
body #homepage #intro .left h2 { font-size: 22px; }
body #homepage #intro .left h3 { font-size: 18px; font-family: "ff-tisa-web-pro", serif; font-weight: normal; line-height: 1.5; }
body #homepage #intro .left a { color: #FFF; }
body #homepage #intro .left a:hover { color: #d8a623; }
body #homepage #intro .left a:hover span.ss-icon { left: 5px; }
body #homepage #intro .left span.ss-icon { position: relative; margin-left: 3px; top: 3px; left: 0px; -webkit-transition: left 0.1s linear; transition: left 0.1s linear; -moz-transition: left 0.1s linear; -o-transition: left 0.1s linear; -ms-transition: left 0.1s linear; }
body #homepage #intro .right { width: 320px; float: right; padding: 16px 0; }
body #homepage #intro .right h2 { border-color: #a3c1ae; margin-bottom: 3px; color: #FFF; }
body #homepage #intro .right p { font-family: "proxima-nova", Arial, sans-serif; font-size: 15px; text-align: center; }
body #homepage #intro .right input.text { border: 2px solid #c4c3c1; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fefefe; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/input-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#fefefe)); background-image: -webkit-linear-gradient(top, #e9e9e9, #fefefe); background-image: -moz-linear-gradient(top, #e9e9e9, #fefefe); background-image: -o-linear-gradient(top, #e9e9e9, #fefefe); background-image: linear-gradient(to bottom, #e9e9e9, #fefefe); font-family: "ff-tisa-web-pro", serif; font-size: 16px; padding: 5px 10px; height: 20px; background: #FFF; }
body #homepage #intro .right input.submit { -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #c3920f; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/yellow-button-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#d8a724), to(#c3920f)); background-image: -webkit-linear-gradient(top, #d8a724, #c3920f); background-image: -moz-linear-gradient(top, #d8a724, #c3920f); background-image: -o-linear-gradient(top, #d8a724, #c3920f); background-image: linear-gradient(to bottom, #d8a724, #c3920f); text-shadow: 1px 1px 1px #644b08; color: #FFF; text-transform: uppercase; font-family: "proxima-nova", Arial, sans-serif; font-size: 18px; padding: 5px 10px; font-weight: bold; border: 2px solid #d5b152; height: 34px; display: inline-block; padding: 5px 20px; display: inline-block; }
body #homepage #intro .right input.submit:hover { background: #ab800d; border: 2px solid #ab800d; }
body #homepage #intro .right input#intro-email { width: 296px; margin: 5px 0; }
body #homepage #intro .right input#intro-zip { width: 176px; margin-right: 2px; }
body #homepage #intro .right label { left: -1500%; visibility: hidden; position: absolute; }
body #container { padding: 20px 0; background: #EEE; }
body #container #title-bar { padding-bottom: 15px; margin-top: -5px; }
body #container #title-bar h1 { font-size: 28px; color: #006225; font-weight: bold; float: left; margin-right: 25px; }
body #container #title-bar #title-menu { float: left; font-family: "proxima-nova", Arial, sans-serif; width: 660px; overflow: hidden; padding-top: 5px; }
body #container #title-bar #title-menu li { display: inline; }
body #container #title-bar #title-menu li a { float: left; padding: 3px; color: #555; margin-right: 10px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: transparent; font-size: 16px; }
body #container #title-bar #title-menu li a:hover { background: #d8a623; color: #FFF; }
body #container #title-bar #title-menu li.active a, body #container #title-bar #title-menu li.active a:hover { background: #e4e1da; color: #555; cursor: default; }
body #container .fixed.clearfix { padding: 20px; background: #FFF; border: 1px solid #DDD; width: 920px; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
body #container #content { width: 600px; margin-right: 20px; float: left; }
body #container #content.base h1 { font-size: 28px; color: #006225; font-weight: bold; margin-bottom: 10px; }
body #container #content.base h2 { font-size: 22px; font-weight: bold; margin-bottom: 10px; }
body #container #sidebar { width: 300px; float: right; color: #555; }
body #container #sidebar #twitter-feed { padding-bottom: 30px; position: relative; margin-bottom: 20px; }
body #container #sidebar #twitter-feed ul { background: #eee9d9; -webkit-box-shadow: inset 0 0 10px #e4dac0; box-shadow: inset 0 0 10px #e4dac0; -webkit-border-radius: 8px; border-radius: 8px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 15px 20px; font-family: "proxima-nova", Arial, sans-serif; font-size: 14px; color: #555; }
body #container #sidebar #twitter-feed ul li { padding: 5px 0; }
body #container #sidebar #twitter-feed ul li a { font-weight: bold; }
body #container #sidebar #twitter-feed ul li .relative-date { font-family: "ff-tisa-web-pro", serif; margin-top: 3px; font-size: 12px; }
body #container #sidebar #twitter-feed .follow-me { width: 140px; position: absolute; right: -6px; bottom: 0; overflow: hidden; }
body #container #sidebar .fb-like-box { margin: 10px 0; }
body #container #sidebar #take-action p { margin-bottom: 10px; }
body #container #sidebar #take-action .gold-button { margin-bottom: 15px; position: relative; }
body #container #sidebar .gold-button { -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #c3920f; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/yellow-button-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#d8a724), to(#c3920f)); background-image: -webkit-linear-gradient(top, #d8a724, #c3920f); background-image: -moz-linear-gradient(top, #d8a724, #c3920f); background-image: -o-linear-gradient(top, #d8a724, #c3920f); background-image: linear-gradient(to bottom, #d8a724, #c3920f); text-shadow: 1px 1px 1px #644b08; color: #FFF; text-transform: uppercase; font-family: "proxima-nova", Arial, sans-serif; font-size: 18px; padding: 5px 10px; font-weight: bold; border: 2px solid #d5b152; height: 34px; display: inline-block; display: block; height: auto; font-size: 24px; height: 28px; overflow: hidden; }
body #container #sidebar .gold-button:hover { background: #ab800d; border: 2px solid #ab800d; }
body #container #sidebar .gold-button span.ss-icon { background: #ab800d; position: absolute; padding: 10px 8px; /*margin: -5px -10px -5px 10px;*/ right: 0; top: 0px; height: 18px; float: right; font-size: 20px; }
body#home #container .fixed.clearfix { padding: 0; background: transparent; border: 0; width: 960px; }
body#home #container .fixed.clearfix #content { width: 640px; }
body#home #container .fixed.clearfix #sidebar { width: 300px; }
body#home #hero { padding: 20px 0; height: 315px; position: relative; }
body#home #hero #slider { overflow: hidden; }
body#home #hero #slider img { width: 636px; height: 311px; border: 2px solid #e1d7bf; -webkit-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: left; }
body#home #hero #slider .video-case { float: left; width: 636px; height: 311px; border: 2px solid #e1d7bf; -webkit-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; }
body#home #hero .entry { margin: 0; width: 280px; float: right; padding: 20px; color: #555; }
body#home #hero .entry h1 { font-size: 32px; margin-bottom: 10px; }
body#home #hero .entry p { font-size: 18px; margin-bottom: 20px; }
body#home #hero .entry .feature-button { -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #c3920f; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/yellow-button-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#d8a724), to(#c3920f)); background-image: -webkit-linear-gradient(top, #d8a724, #c3920f); background-image: -moz-linear-gradient(top, #d8a724, #c3920f); background-image: -o-linear-gradient(top, #d8a724, #c3920f); background-image: linear-gradient(to bottom, #d8a724, #c3920f); text-shadow: 1px 1px 1px #644b08; color: #FFF; text-transform: uppercase; font-family: "proxima-nova", Arial, sans-serif; font-size: 18px; padding: 5px 10px; font-weight: bold; border: 2px solid #d5b152; height: 34px; display: inline-block; display: block; height: 22px; overflow: hidden; float: left; }
body#home #hero .entry .feature-button:hover { background: #ab800d; border: 2px solid #ab800d; }
body#home #hero .entry .feature-button span.ss-icon { background: #ab800d; position: relative; padding: 9px 8px; margin: -5px -10px -5px 10px; top: 0px; height: 14px; float: right; font-size: 13px; }
body#home #hero #hero-pager { position: absolute; left: 660px; bottom: 40px; z-index: 10; }
body#home #hero #hero-pager a { width: 12px; height: 12px; display: block; float: left; margin-right: 10px; background: transparent url(page/-/images/static/hero-nav.png) 0 0 no-repeat; overflow: hidden; text-indent: -9999px; cursor: pointer; }
body#home #hero #hero-pager a.activeSlide { background-position: 100% 0; cursor: default; }
body#home .entry { margin-bottom: 20px; }
body#home .entry h2 { font-size: 22px; margin-bottom: 10px; }
body#home .entry p { font-size: 16px; }
body#home .entry .entry-summary { width: 380px; }
body .read-more { padding: 2px 5px; margin-left: 5px; background: #006225; font-weight: bold; color: #FFF; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-family: "proxima-nova", Arial, sans-serif; font-size: 12px; left: 0; }
body .read-more:hover { background: #d8a623; }
body .read-more span.ss-icon { position: relative; top: 1px; font-size: 10px; margin-left: 3px; }
body .staff-entries .entry { margin-bottom: 20px; }
body .staff-entries img { float: left; width: 100px; height: auto; margin-right: 20px; }
body .staff-entries span.headshot { width: 80px; height: 80px; background: #DDD; color: #888; font-size: 80px; float: left; margin-right: 20px; padding: 10px; }
body .staff-entries .entry-summary { width: 480px; float: left; }
body .relative-map-container { position: relative; }
body ul.state-abbreviations { padding: 0; margin: 0; font-family: Arial, sans-serif; font-size: 10px; /* Should be map width/60 px */ }
body ul.state-abbreviations li { list-style: none; position: absolute; top: 0; left: 0; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
body ul.state-abbreviations li.AL { top: 56.59%; left: 66.16%; }
body ul.state-abbreviations li.AK { top: 68.18%; left: 10.83%; }
body ul.state-abbreviations li.AZ { top: 50%; left: 19.33%; }
body ul.state-abbreviations li.AR { top: 51.36%; left: 54.83%; }
body ul.state-abbreviations li.CA { top: 38.40%; left: 6.16%; }
body ul.state-abbreviations li.CO { top: 37.27%; left: 31.66%; }
body ul.state-abbreviations li.CT { display: none; }
body ul.state-abbreviations li.DE { display: none; }
body ul.state-abbreviations li.FL { top: 69.09%; left: 77.83%; }
body ul.state-abbreviations li.GA { top: 56.36%; left: 72.66%; }
body ul.state-abbreviations li.HI { top: 77.72%; left: 29.66%; }
body ul.state-abbreviations li.ID { top: 20.45%; left: 18.66%; }
body ul.state-abbreviations li.IL { top: 34.09%; left: 60.5%; }
body ul.state-abbreviations li.IN { top: 34.09%; left: 65.66%; }
body ul.state-abbreviations li.IA { top: 28.86%; left: 53.16%; }
body ul.state-abbreviations li.KS { top: 40%; left: 44.5%; }
body ul.state-abbreviations li.KY { top: 41.13%; left: 69%; }
body ul.state-abbreviations li.LA { top: 60.90%; left: 55%; }
body ul.state-abbreviations li.ME { top: 10.45%; left: 90.83%; }
body ul.state-abbreviations li.MD { display: none; }
body ul.state-abbreviations li.MA { display: none; }
body ul.state-abbreviations li.MI { top: 24.77%; left: 67.66%; }
body ul.state-abbreviations li.MN { top: 16.81%; left: 50.83%; }
body ul.state-abbreviations li.MS { top: 57.95%; left: 60.33%; }
body ul.state-abbreviations li.MO { top: 41.13%; left: 54.5%; }
body ul.state-abbreviations li.MT { top: 11.81%; left: 28.16%; }
body ul.state-abbreviations li.NE { top: 30.68%; left: 42.5%; }
body ul.state-abbreviations li.NV { top: 32.04%; left: 12.66%; }
body ul.state-abbreviations li.NH { display: none; }
body ul.state-abbreviations li.NJ { display: none; }
body ul.state-abbreviations li.NM { top: 50.90%; left: 29.66%; }
body ul.state-abbreviations li.NY { top: 20.68%; left: 83%; }
body ul.state-abbreviations li.NC { top: 45.22%; left: 80.16%; }
body ul.state-abbreviations li.ND { top: 12.04%; left: 41.66%; }
body ul.state-abbreviations li.OH { top: 32.27%; left: 71.16%; }
body ul.state-abbreviations li.OK { top: 49.09%; left: 46.16%; }
body ul.state-abbreviations li.OR { top: 16.13%; left: 8.66%; }
body ul.state-abbreviations li.PA { top: 28.18%; left: 79.66%; }
body ul.state-abbreviations li.RI { display: none; }
body ul.state-abbreviations li.SC { top: 51.59%; left: 77.16%; }
body ul.state-abbreviations li.SD { top: 21.13%; left: 41.83%; }
body ul.state-abbreviations li.TN { top: 47.04%; left: 66.16%; }
body ul.state-abbreviations li.TX { top: 61.36%; left: 42.5%; }
body ul.state-abbreviations li.UT { top: 35%; left: 21.66%; }
body ul.state-abbreviations li.VT { display: none; }
body ul.state-abbreviations li.VA { top: 39.09%; left: 80%; }
body ul.state-abbreviations li.WA { top: 6.36%; left: 11%; }
body ul.state-abbreviations li.WV { top: 37.27%; left: 74.83%; }
body ul.state-abbreviations li.WI { top: 21.36%; left: 58.66%; }
body ul.state-abbreviations li.WY { top: 24.77%; left: 29.5%; }
body #map-box { width: 600px; height: 440px; }
body #map-legend { width: 170px; position: absolute; top: 481px; left: 330px; }
body #map-legend div.item { cursor: pointer; }
body #map-legend h3 { font-size: 14px; }
body #map-legend p { font-size: 12px; font-family: "proxima-nova", Arial, sans-serif; margin-bottom: 3px; }
body #map-legend .color { width: 16px; height: 16px; float: left; display: block; margin-right: 5px; }
body #map-legend .none .color { background: #e2e8bc; }
body #map-legend .purge .color { background: #d2b577; }
body #map-legend .voterid .color { background: #b9ae80; }
body #map-legend .citizen .color { background: #b0ab9a; }
body #map-legend .combo .color { background: #d1a32c; }
body #map-legend #hover-content { background: #FFF; -webkit-border-radius: 8px; border-radius: 8px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 2px solid #eae3d0; padding: 20px; position: absolute; left: -310px; top: 0px; width: 250px; display: none; }
body #map-info p { margin-bottom: 15px; }
body footer .fixed #footer-action { background: #373737; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 20px; position: relative; }
body footer .fixed #footer-action #footer-menu { position: absolute; width: 600px; top: 30px; left: 220px; }
body footer .fixed #footer-action #footer-menu li { display: inline; }
body footer .fixed #footer-action #footer-menu li a { color: #FFF; float: left; padding: 0 10px; font-family: "proxima-nova", Arial, sans-serif; font-weight: bold; }
body footer .fixed #footer-action #footer-menu li a:hover { color: #CCC; }
body footer .fixed #footer-action #search { position: absolute; right: 20px; top: 20px; }
body footer .fixed #footer-action #search label { left: -1500%; visibility: hidden; position: absolute; }
body footer .fixed #footer-action #search input { font-size: 16px; }
body footer .fixed #footer-action #search input.text { border: 2px solid #898989; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 5px 10px; font-family: "ff-tisa-web-pro", serif; font-weight: normal; width: 94px; padding-right: 36px; }
body footer .fixed #footer-action #search input.submit { width: 36px; height: 36px; background: transparent; border: 0; top: 2px; right: 2px; position: absolute; z-index: 10; }
body footer .fixed #footer-action #search span.ss-icon { position: absolute; top: 4px; color: #AAA; right: 4px; font-size: 26px; z-index: 0; }
body footer .fixed.copyright { text-align: center; font-size: 12px; color: #373737; margin: 10px auto 30px; font-family: "proxima-nova", Arial, sans-serif; }
body a.title-more { position: relative; top: -3px; padding: 2px 4px; background: #006225; color: #FFF; font-family: "proxima-nova", Arial, sans-serif; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; line-height: 1.5; margin: 0 5px; font-size: 12px; letter-spacing: 0; font-weight: bold; }
body a.title-more:hover { background: #d8a623; }
body a.title-more span.ss-icon { font-size: 10px; position: relative; left: 0; top: 1px; margin-left: 2px; }
body p.date { margin-bottom: 5px; color: #666; }
body p.no-results { margin-bottom: 15px; color: #AAA; text-align: center; }
body .blog-entries .entry { margin-bottom: 20px; }
body .blog-entries .entry .entry-thumb.floatl { padding: 0 20px 0 0; }
body .blog-entries .entry .entry-summary { width: 340px; }
body .blog-entries .entry .entry-summary.floatl { padding: 0; }
body .blog-entries .entry.resource-thumbnail .entry-summary { width: 480px; }
body .blog-entries .entry.video .video-case { width: 240px; height: 160px; position: relative; display: block; overflow: hidden; }
body .blog-entries .entry.video .video-case:hover span.ss-icon { opacity: .8; }
body .blog-entries .entry.video .video-case.floatl { padding: 0; margin: 0 20px 10px 0; }
body .blog-entries .entry.video .video-case img { width: 240px; position: relative; top: -10px; }
body .blog-entries .entry.video .video-case span.ss-icon { position: absolute; font-size: 64px; color: #FFF; top: 51px; left: 88px; opacity: .4; }
body #sidebar .blog-entries .entry .entry-thumb.floatl { padding: 0 0 10px 0; float: none; }
body #sidebar .blog-entries .entry .entry-summary { float: none; width: 300px; }
body #sidebar .blog-entries .entry .date { display: none; }
body #sidebar .blog-entries .entry h2 { font-size: 18px; }
body #sidebar .blog-entries .entry.video .video-case { width: 300px; height: 200px; }
body #sidebar .blog-entries .entry.video.floatl { margin: 0 0 10px 0; float: none; }
body #sidebar .blog-entries .entry.video img { width: 300px; top: -20px; }
body #sidebar .blog-entries .entry.video span.ss-icon { top: 71px; left: 118px; }
body .filter { margin-bottom: 15px; border-bottom: 2px solid #efe5cd; padding-bottom: 10px; }
body .filter.hide { display: none; }
body .filter label { display: block; font-weight: bold; font-family: "proxima-nova", Arial, sans-serif; margin-bottom: 5px; }
body .filter .select-box { background: #cacaca; background-color: #d8d8d8; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/select-box-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#d8d8d8)); background-image: -webkit-linear-gradient(top, #cacaca, #d8d8d8); background-image: -moz-linear-gradient(top, #cacaca, #d8d8d8); background-image: -o-linear-gradient(top, #cacaca, #d8d8d8); background-image: linear-gradient(to bottom, #cacaca, #d8d8d8); padding: 5px 10px; color: #000; border: 1px solid #dedede; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; display: block; position: relative; float: left; }
body .filter .select-box select { background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; padding: 0; position: relative; font-family: "proxima-nova", Arial, sans-serif; padding-right: 50px; }
body .filter .select-box span.ss-icon { display: block; position: absolute; right: 0; top: 0; padding: 9px 10px 3px 10px; color: #555; background: #acacac; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
body .video-player { margin-bottom: 15px; }
body p.date { margin-bottom: 15px; }
body .issue-image { width: 600px; margin-bottom: 10px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
body .download-button { -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #d8a623; color: #FFF; font-family: "proxima-nova", Arial, sans-serif; font-weight: bold; padding: 5px 10px; }
body .download-button:hover { background: #006225; }
body .download-button span.ss-icon { position: relative; top: 3px; margin-right: 8px; }
body.full-width #container #sidebar { display: none; }
body.full-width #container #content { float: none; width: auto; margin: 0; }

/* 04 =HOMEPAGE
------------------------- */
#sidebar h1, body#home #content h1, #intro .right h2 { font-size: 18px; text-transform: uppercase; font-family: "ff-tisa-web-pro", serif; text-align: center; letter-spacing: 2px; border-bottom: 2px solid #e1d7bf; padding-bottom: 3px; margin-bottom: 15px; color: #555; }

/* 05 =SUBPAGES
------------------------- */
.entry-thumb { display: block; }

.entry-thumb img { display: block; }

body #container #sidebar.issue-page #twitter-feed, body #container #sidebar.issue-page .fb-like-box-item, body #container #sidebar.issue-page #take-action, body #container #sidebar.issue-page #related-stories, body #container #sidebar.issue-page #recommended-reading { display: none; }
body #container #sidebar.issue-page.show-tweets #twitter-feed, body #container #sidebar.issue-page.show-facebook .fb-like-box-item, body #container #sidebar.issue-page.show-take-action #take-action, body #container #sidebar.issue-page.show-related-stories #related-stories, body #container #sidebar.issue-page.show-recommended-reading #recommended-reading { display: block; }

.share-this { background: #e1e1e0; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; margin: 10px 0; padding: 10px; }

.base p.pagination, .pagination { border-top: 2px solid #efe5cd; font-family: "proxima-nova", Arial, sans-serif; font-weight: bold; padding-top: 10px; margin-bottom: 0; }
.base p.pagination a, .pagination a { margin: 0 3px; text-transform: uppercase; letter-spacing: 1px; }
.base p.pagination a.active, .pagination a.active { color: #000; cursor: default; }
.base p.pagination a.next, .base p.pagination a.previous, .pagination a.next, .pagination a.previous { padding: 0 3px; background: #006225; color: #FFF; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.base p.pagination a.next:hover, .base p.pagination a.previous:hover, .pagination a.next:hover, .pagination a.previous:hover { background: #192b1c; }
.base p.pagination a.next span.ss-icon, .pagination a.next span.ss-icon { margin-left: 5px; }
.base p.pagination a.previous span.ss-icon, .pagination a.previous span.ss-icon { margin-right: 5px; }
.base p.pagination a span.ss-icon, .pagination a span.ss-icon { position: relative; font-size: 12px; top: 1px; }

/* General form styles */
form input.text { border: 2px solid #c4c3c1; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fefefe; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/input-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#fefefe)); background-image: -webkit-linear-gradient(top, #e9e9e9, #fefefe); background-image: -moz-linear-gradient(top, #e9e9e9, #fefefe); background-image: -o-linear-gradient(top, #e9e9e9, #fefefe); background-image: linear-gradient(to bottom, #e9e9e9, #fefefe); font-family: "ff-tisa-web-pro", serif; font-size: 16px; padding: 5px 10px; height: 20px; padding: 5px 10px; }
form input.submit { -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #c3920f; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/yellow-button-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#d8a724), to(#c3920f)); background-image: -webkit-linear-gradient(top, #d8a724, #c3920f); background-image: -moz-linear-gradient(top, #d8a724, #c3920f); background-image: -o-linear-gradient(top, #d8a724, #c3920f); background-image: linear-gradient(to bottom, #d8a724, #c3920f); text-shadow: 1px 1px 1px #644b08; color: #FFF; text-transform: uppercase; font-family: "proxima-nova", Arial, sans-serif; font-size: 18px; padding: 5px 10px; font-weight: bold; border: 2px solid #d5b152; height: 34px; display: inline-block; padding: 5px 10px; display: block; }
form input.submit:hover { background: #ab800d; border: 2px solid #ab800d; }
form .select-box { background: #cacaca; background-color: #d8d8d8; background-position: 0 0; background-repeat: repeat-x; background-image: url("/page/-/images/static/select-box-bg.png"); background-image: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#d8d8d8)); background-image: -webkit-linear-gradient(top, #cacaca, #d8d8d8); background-image: -moz-linear-gradient(top, #cacaca, #d8d8d8); background-image: -o-linear-gradient(top, #cacaca, #d8d8d8); background-image: linear-gradient(to bottom, #cacaca, #d8d8d8); padding: 5px 10px; color: #000; border: 1px solid #dedede; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; display: block; position: relative; float: left; }
form .select-box select { background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; padding: 0; position: relative; font-family: "proxima-nova", Arial, sans-serif; padding-right: 50px; }
form .select-box span.ss-icon { display: block; position: absolute; right: 0; top: 0; padding: 9px 10px 3px 10px; color: #555; background: #acacac; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

/* Add Your Story styles */
.base #add-form { width: 920px; }
.base #add-form label.block-label { display: block; margin-bottom: 10px; }
.base #add-form #story-notifications { margin-bottom: 20px; }
.base #add-form #story-notifications input { margin-bottom: 5px; }
.base #add-form #story-notifications label { margin-right: 15px; }
.base #add-form #story-terms { margin-bottom: 20px; }
.base #add-form input.text { width: 400px; margin: 0 10px 10px 0; font-family: "proxima-nova", Arial, sans-serif; }
.base #add-form input.text#story-zip { width: 280px; }
.base #add-form input.text#story-age { width: 200px; }
.base #add-form input.text#story-video { width: 200px; }
.base #add-form .select-box { margin: 0 10px 10px 0; float: none; display: inline-block; position: relative; top: -4px; }
.base #add-form .blue_upload_field { margin-bottom: 20px; border: 0; background: #eae3d0; }
.base #add-form .blue_upload_field .ui-tabs-nav { display: none; }
.base #add-form .blue_upload_field ul { margin: 0; }
.base #add-form .blue_upload_field ul li { list-style: none; }
.base #add-form #cke_story_content { margin-bottom: 20px; padding: 0; border: 0; }

/* Fonts */
body.caflisch #content h1, body.caflisch #content h2, body.caflisch #content h3, body.caflisch #content h4, body.caflisch #content h5, body.caflisch #content h6 { font-family: "caflisch-script-pro", sans-serif !important; }

body.cotton #content h1, body.cotton #content h2, body.cotton #content h3, body.cotton #content h4, body.cotton #content h5, body.cotton #content h6 { font-family: "cotton", sans-serif !important; }

body.delve-hand #content h1, body.delve-hand #content h2, body.delve-hand #content h3, body.delve-hand #content h4, body.delve-hand #content h5, body.delve-hand #content h6 { font-family: "delve-hand", sans-serif !important; }

body.oxtail #content h1, body.oxtail #content h2, body.oxtail #content h3, body.oxtail #content h4, body.oxtail #content h5, body.oxtail #content h6 { font-family: "oxtail", sans-serif !important; }

/* Colors */
body.cyan header { background: #f0fdfd; }

body.purple header { background: #fdf0fb; }

body.green header { background: #f0fdf1; }

body.blue header { background: #f0f2fd; }

/* Google Search */
#cse .gs-visibleUrl-short { display: none; }
#cse .gs-webResult div.gs-visibleUrl-long, #cse .gs-promotion div.gs-visibleUrl-long { display: block; }

/* Landing Page */
body#landing { background: #474747; color: #555555; }
body#landing #landing-logo { display: block; width: 240px; height: 80px; float: left; background: transparent url(/page/-/images/static/logo.png) 0 10px no-repeat; margin: 20px 0; }
body#landing #container { background: #fdfaf0 url(/page/-/images/static/landing-bg.png) 0 20px no-repeat; padding: 60px 0; }
body#landing #container .fixed.clearfix { background: transparent; border: 0; padding: 0; }
body#landing #container .fixed.clearfix .intro { font-size: 19px; width: 630px; float: right; line-height: 1.5; margin-bottom: 60px; }
body#landing #container .fixed.clearfix .entry { font-size: 18px; background: #f0e9d7; border: 2px solid #e1d7bf; -webkit-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 390px; height: 370px; padding: 20px; float: left; position: relative; }
body#landing #container .fixed.clearfix .entry.national { margin-right: 52px; }
body#landing #container .fixed.clearfix .entry h1 { font-size: 32px; color: #006225; }
body#landing #container .fixed.clearfix .entry img { display: block; position: absolute; bottom: 0; left: 0; width: 430px; height: 150px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
body#landing #container .fixed.clearfix .entry .read-more { margin-left: 0; background: transparent; color: #006225; font-size: 16px; padding: 0; }
body#landing #container .fixed.clearfix .entry .read-more span.ss-icon { top: 0; }
body#landing #container .fixed.clearfix .entry .read-more:hover { color: #192b1c; }
body#landing header, body#landing footer div.fixed { display: none; }
body#landing footer .fixed.copyright { color: #c8c8c8; padding-top: 30px; }

/* Browser-specific stuff */
@-moz-document url-prefix() { body #homepage #intro .right input#intro-zip { width: 168px; } }

html.ie9 body #homepage #intro .right input#intro-zip { width: 174px; }
html.ie9 body .filter .select-box span.ss-icon { display: none; }

html.ie8 body #homepage #intro .right input#intro-zip { width: 170px; }
html.ie8 body .filter .select-box { padding: 0; background: transparent; border: 0; }
html.ie8 body .filter .select-box span.ss-icon { display: none; }

html.ie7 body header #quicksignup { width: 600px; }
html.ie7 body #homepage #intro .right input#intro-zip { width: 112px; }
html.ie7 body .filter .select-box { padding: 0; background: transparent; border: 0; }
html.ie7 body .filter .select-box span.ss-icon { display: none; }
html.ie7 .utf16 { font-size: 0; text-indent: -9999%; }

/* iPhone */
@media only screen and (max-device-width: 480px) { body #homepage #intro .right input#intro-zip { width: 160px; } }
/* 06 =SIDEBAR
------------------------- */
/* 07 =FRAMEWORK
------------------------- */
/* 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; }

::-moz-selection { background: #1fb9e7; color: #fff; text-shadow: none; }

::selection { background: #1fb9e7; color: #fff; text-shadow: none; }

/* 09 =PRINT
------------------------- */
@media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  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; }
  header, .share-this, footer, #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; }
  body #container .fixed.clearfix { border: 0; }
  body #container #content { width: auto; }
  /* float news 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; } }