@charset "UTF-8"; @media screen { body { font-family: "Georgia", serif; font-size: 15px; color: #4C4C4C; text-rendering: optimizeLegibility; } img { -ms-interpolation-mode: bicubic; } input, button, select, textarea { font-family: "Georgia", serif; font-size: 15px; border-style: inset; border-width: 1px; } .highlight { background-color: #FEFE82 !important; } #body-content h1 { background-color: #E6E6E6; margin-left: -50px; padding-left: 50px; padding-top: 2px; padding-bottom: 2px; margin-top: 15px; margin-bottom: 15px; font-family: "Futura", "Tw Cen MT", sans-serif; font-size: 20px; font-weight: normal; } h2 { font-family: "Futura", "Tw Cen MT", sans-serif; font-size: 18px; font-weight: normal; } h3, h4 { font-size: 15px; font-weight: bold; } h4 { font-style: italic; } a { color: #FE7D00; text-decoration: none; } a:hover { text-decoration: underline; } a:visited { color: #E74C00; /* originally was #BE8F61 */ /* changed -peter */ } #sidebar a:visited { /* added -peter */ color: #FE7D00; } a.permalink, a:visited.permalink, a:hover.permalink { /* WordPress's post links */ color: inherit; font-style: inherit; } #body-content p, #body-content li, #body-content dl { /* line-height: 18px; */ /* was -2014-Jan-11 */ line-height: 21px; } /* added pw -2012-Mar-26 */ #body-content ul, #body-content ol { padding-left: 50px; } #body-content li { margin: 15px 0; } #body-content dt { margin-top: 10px; font-weight: bold; } #body-content table { background-color: #FFFFFF; font-size: 14px; } #body-content table input, #body-content table button, #body-content table select, #body-content table textarea { font-size: 14px; } #body-content blockquote, #body-content p.quote { /* TODO: convert p.quote to blockquote? */ margin-left: 50px; margin-right: 0px; border-left: 2px solid #a5a5a5; padding-left: 1em; } #body-content .pulledquote, #body-content div.pullquote, #body-content .pulledquote p, #body-content div.pullquote p { margin-top: 0; margin-bottom: 0; } #body-content .pulledquote, div.pullquote { margin-left: 20px; margin-bottom: 20px; font-style: normal; float: right; width: 200px; font-size: 18px; line-height: 21px; font-family: "Futura", "Tw Cen MT", sans-serif; font-size: 18px; line-height: 21px; color: #686767; border-top: 2px solid #686767; padding: 6px 0px; /* trying to turn border off -2013-Nov-27 */ border-left: none; /* needed to override new style of blockquotes */ } /* added peter -2012-Sep-11 to give support to left pull quotes */ #body-content blockquote.pulledquote.left { float: left; margin-left: 0; margin-right: 20px; } #body-content .pulledquote p, #body-content .pullquote p { line-height: inherit; } #body-content .pulledquote p.cite, #body-content div.pullquote p.cite { font-size: 80%; line-height: 17px; margin-top: 5px; } #body-content .pulledquote.long, #body-content div.pullquote.long { width: 400px; } #breadcrumb { display: inline-block; margin-left: 50px; margin-right: 274px; background-color: #E6E6E6; padding: 5px 10px; } #breadcrumb a { text-decoration: none; color: #4C4C4C; /* same as body */ font-style: normal; } #breadcrumb a:hover { text-decoration: underline; color: #FE7D00; } .longlink { word-break: break-all; } div.related { clear: both; } /* clears long floated images in short posts */ div.related li { margin: 0 !important; } div.post span.editpost { /* WordPress's edit post links */ text-transform: none; } /* the blog's older and newer links */ .blog-nav-links { text-align: center; position: relative; margin-top: 2em; } .blog-nav-links .next-posts { position: absolute; right: 0; } .blog-nav-links .prev-posts { position: absolute; left: 0; } /* all of these changed to be classes rather than ids, may 2011 so they would work properly */ #body-content .commentlist { margin: 0; padding: 0; } textarea#comment { width: 100%; display: block; } input#url, input#email.styled, input#author.styled { width: 50%; display: block; } #body-content .commentlist li { font-size: 12.75px; /*this is the new style*/ margin-bottom: 30px; /*margin-right: 30px; */ padding: 10px 10px 0px 10px; border: 1px solid #A5A5A5; box-shadow: 5px 5px 3px #E6E6E6; -webkit-box-shadow: 5px 5px 3px #E6E6E6; -moz-box-shadow: 5px 5px 3px #E6E6E6; } #body-content .commentlist li.pingback, #body-content .commentlist li.trackback { padding: 0px; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #body-content .commentlist li p:last-child { margin-bottom: 10px; } #body-content .commentlist cite { font-size: 0.8em; margin: 0 0 1em; padding: 0 0 0.5em; } .administrator, .subscriber, .editor, .commentlist .author { background-color: #eee; } ol li.comment { list-style-type: none; } li.trackback, li.pingback { list-style-type: none; } /* may not need this anymore-peter -2012-Apr-11 */ li.depth-2 { margin-right: 0 !important; } .pingback p, .trackback p { margin: 0; display: inline; } #leavecomment label { display: block; } /* expanded peter -2012-Mar-27 */ /* reduced peter -2013-Aug-07 */ span.continue { background-color: #e6e6e6; padding: 7px; } p.attrib { font-size: 70%; font-family: "Futura", "Tw Cen MT", sans-serif; color: #4c4c4c; } /* for blog posts */ #newsbar p.source, #newsbar p.source a { color: #a5a5a5; font-size: 10px; line-height: 12px; font-family: "Futura", "Tw Cen MT", sans-serif; } .right { text-align: right; } .center { text-align: center; } .clear, .clearfloat { clear: both; } .hide { display: none; } img.center { margin: 0 auto; } a.right, img.right { float: right; margin: 0 0 5px 20px; } img.left { float: left; margin: 0 10px 5px 0px; } a img { border: none; } li { border: 1px solid transparent; } .embargo { padding: 10px; border: 1px dotted #CC0033; margin: 0 0 10px 0; font-size: large; color: #CC0033; text-align: center; } #body-content ul.news { padding-left: 0; } #body-content ul.reports, ul.reports li { padding-left: 0; } #body-content ul.list li { margin: 0px; padding: 0px 0 0 0.5em; /*I had another rule that said 0 on the left that could be the one I need*/ } ul.reports li p { margin-top: 0; } /* solves ie alignment issue */ ul.reports li { border-top: 1px solid white; } img.reportcover, div.map img, div.graph img, img.graph { border: 1px solid #a5a5a5; } ul.reports li { clear: both; list-style-type: none; } ul.reports li img { margin-bottom: 2em; } div.bookstore li { margin-top: 1em; list-style-type: none; } li.thumb { list-style-type: none; } ul.news li { clear: both; list-style-position: outside; } ul.news li img { margin-bottom: 1em; } div.bookstore img { float: left; margin: 0 0.5em 0.5em 0; } div.bookstore li { clear: left; } ul.reports li.nothumb { list-style-type: none; } /* press releases and blog author pages use this */ #body-content ul.structured { padding-left: 0; } ul.structured a { font-size: 17px; } /* added peter -2012-Mar-27 */ ul.structured .date, ul.structured .meta, .numlinks { color: #808080; } /* added peter -2012-Mar-27 */ a.footnotereference, span.footnotereference { font-size: xx-small; /* updated from x-small peter -2012-Mar-23 */ vertical-align: super; line-height: 1em; } p.footnotetext { font-size: 90%; margin: 1em 0; } .pager { float: right; } .pager a { display: block; padding: 3px; text-decoration: none; font-size: 76%; font-weight: bold; } div.pager a { border: 1px solid #FF8400; } div.pager a:hover { background-color: #FF8400; color: white; } .pager a:visited { border: 1px solid #E74C00; } .pager a.prev { float: left; margin-right: 1em; } .pager a.next { float: right; text-align: right; } table, th, td, td p { font-size: small; /* updated from x-small peter -2012-Mar-23 */ } table { padding: 0px; border-collapse: collapse; background: white; } /*#cse is the search page */ .forlayout td, .forlayout th, #cse td, #cse th { border: none; } .topcaption caption { caption-side: top; margin-bottom: 0; } caption { caption-side: bottom; font-style: italic; text-align: left; margin-top: 0; } th, td.th { font-weight: bold; vertical-align: bottom; /* changed-peter */ text-align: left; padding: 2px 4px 2px 2px; } td { vertical-align: top; padding: 2px 4px 2px 2px; height: 1.4em; } tr.total td { font-weight: bold; } th.empty { border: none; } td p { padding-left: 0px; } th, td { border: 1px solid #e0e0e0; } /* both rules added -peter */ th, td b { font-family: "Futura", "Tw Cen MT", sans-serif; font-weight: normal; } tr:hover > td { /* background: #FFC3A5; */ background: #FFC083; border-right: 1px solid white; /* new -2014-Oct-17 */ } /* added -peter */ .forlayout tr:hover > td { background: none; border: none; } .nohover tr:hover > td, #cse tr:hover > td { background: none; } /* Styles popups created with JavaScript */ .js-popup { background: #E6E6E6; border: 1px solid #4C4C4C; z-index: 10; } /* used with sectionhide script */ .sectionhide-content { display: none; } /* used with table_desc script */ .table-desc-icon { border-bottom: 1px dotted #FF8400; cursor: default; } div.image h3, div.imagenowidth h3, div.imagelarge h3 { margin: 0 5px 0 5px; padding-bottom: 0; } div.image p, div.imagenowidth p, div.imagelarge p { font-style: italic; margin: 0; font-size: small; } div.imagenowidth, div.image p { font-size: small; } div.imagenowidth p + p { margin-top: 1em; } div.imagelarge + div.imagelarge { margin-top: 2em; } div.image + div.image { margin-top: 1em; } div.imagelarge { padding: 0; margin-bottom: 1em; } div.update, div#updates { float: right; width: 186px; display: block; padding: 0 10px 10px 10px; margin: 0 0px 10px 10px; } div.update p, div#updates p { font-size: 13px; line-height: 1.2em; padding: 0px; margin: 0px 0px 5px 0px; list-style: none; } .block { padding: 15px 15px 5px 15px; } div.hr, hr { border: 0; height: 5em; clear: both; } div.hr hr { height: 0; } } @media screen and (min-width: 1050px) { #left-margin { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAKCAYAAADo3z3CAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjQ+jcx2AAACK0lEQVRIS9WW2Y7aQBRE5///MG/XeN/3FXc7Ve02A8QTHpIJykOpJYSQjmq5fGzbdj2R4LNvk1KraKXker3KsswyT6NM4yjD0MvQ9dJ1nXRtCzXS1LXUVWVUFoWUeW6Up6lkaSJZQsWSxrEkUSRxGEoUBBJ4PuSJD3muK+7lIt7F+fHxr4G1VvIIvMgyTztw30tvgXsLXD8BF/8bMGEV3NVaW4evMs/zzWEC93B4sC7T2aospYYqOJwDuMgzuPurw3EUChWFcNj3JfThsEvtDrvOGxw+3NUKwAsjDeBpd3gcB8S4kx4ywE1rolyViDSBy2dgQkOMdGQjDeAQwGEAYOge+OLIeyLN/uoVHTbAyx3w+ATc7P0lsAE/gHPr8Ccw+2s6TGB0mLAB3vsOvwV405uBXdcVAjDcXaYZ7qLDcLjv4ayNc9vY0WKkLTBjXRUAzhjrRFKMFnXEOaa7jDPdxet7LsYKcTb65kjrs6VXr4DRYUJjoQncNrU01SNwaYFzC5wQOEZ/qQdgrvRfAObg8Gwd79kJI6w6AWZ3OVorxosOs78UHaY4WsMNuN6B6324SkSasFzqLEvtaUol4UmKEWkowlkykYa7AUfrAHac16OlEb+v7vGpe0+AZ9/hbyrEmT1elhUnaY/zOPAWDzIeke7am8PHUvMOE5YrnZtIc7AY6fgWaQLzDptYm0h/3uGXK/2nwF86D2BCG2D88TjcfQTufgtcnAET9gXwT86W1yGNTqgSAAAAAElFTkSuQmCC"); background-repeat: repeat-y; background-color: #FFFFFF; } #right-margin { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAKCAYAAADo3z3CAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjQ+jcx2AAACeUlEQVRIS8XW2XKqYBAE4Lz/G3o3sgkqyL6D6Z4fEBXNUudULqY0lrHy2bPkw95bO9e2xLEscR1bPMfROniuHH0fdZBT4MvpGEh4Psn5dNLHSxRpxZdIkjiWJEkkTRPJ0lTyLJWyKKQoSqmqQuq6kaZppOsaadsWj50MwyDj9SrXucbV8/XrL56P43D7XX3P+PAzXhuvHT7/rj7s/X7nAOzawLoGq2CX4MMEDgA+AmuK4CgMJUQRTXAKcLaAM4BLrao04Jbgtka10ne9gof1H/ltMGGjPIMfv4C3YNuAiQWaWP/gSQBwoCkbsKJRBnzG43kBZ0xYKwUc4LwAODfgqgKY2AZYgHuCUeNGKl+ma8BLZyzv3/ysVwmvwfYC9g/vwUTfEjYpE5wDXOT5BC4V3GyAx78AW7Lf2ZhfBwmbGZ7Anic+iilzljnDnF9WxGS1nU1Lx/EFbY1KYp3hIiMYxYSBraoabW3amfPb92hnpHz9FfhHs76RsMgOczyBp5bGwlIsElbsvLS4sJalFeocm8VFMBcXUp7AbOcCi6sqAUbp0lIwy8zwc1vOmN+0+uYXsdXSj2BXN/RduhvgCOk+g7mpTcIVsNzUxNYT2GzoG/huS9/N7v8EWwTLcpZcXVwGzYSXlFctzaUVcn6RsKY7JUysniW2M2aYaLZ0g3aua5Nyi5bukG7PLf025R+17v15u23854QtnCXb2gvnmDO8BnNTs44Bt/TtDnOGFcx2jgw4TS6K5eLKdYaxtIiuSgVzaRlwq9CeW/rvwNYC9hykOyX8Djxv6Jh3GOCM4Ok0zWAurvksNThJ5p+PVkbF9ril/6x1X+2Dp4Q/AbMg1yLkIXo1AAAAAElFTkSuQmCC"); background-repeat: repeat-y; background-color: #FFFFFF; } #left-margin, #right-margin { position: absolute; top: 0; bottom: 0; width: 50px; z-index: -2; } #left-margin { /* data URI background-image */ left: 0; } #right-margin { /* data URI background-image */ position: absolute; right: 0; } #outer-container { width: 1064px; /* changed from 1024 pw -2014-Jan-16 */ } #inner-container { padding: 100px 50px 60px 50px; } } @media screen { /* *** start iPad and desktop version *** */ } @media screen and (min-width: 768px) { #inner-container { padding-left: 0; padding-right: 0; min-width: 968px; } #body-content { margin-left: 50px; float: left; width: 590px; padding-bottom: 1px; /* so margin of child stays contained */ margin-top: 3px; /* added -2013-Apr-08 to improve alignment of breadcrumb with subnav peter */ } #header { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABjCAYAAACiyZEvAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjQ+jcx2AAAEVUlEQVRYR82O2VYqSRBFg0EmBRWQSRQUFBSZZPL//8qn7HMiMquy0HX7vvRa/bBXRsTZEVVyOp2+Y47oY05fX99EMHSn05fC+ng82qvz8H45scA4sD5aSLT3tbA5HA8ekwP7A+eWezErHA7oSVjCguz3R8dN3fZv3O90fnSy2+8TMa51cY8DyHd4cZFFCvvAbr/T7HO3d/K5s8YGqM97n0H8VOE3uBTmsv2kGLCAs5hP9CombLc/JD0UxA0Est36Ja39ks9kgzBl69Y+CMubDWabjRMWm+0GAuCQIgJCQRcwl9VmbQMGa7zrtVtl2Ggvy5UFFNY/pHRJxZQV6lX2ouYrXkTgWS6XOgzwS8u19fKxTIMgfCBQsMjXi+kVDWKCjJksPj6y4bmMnA4+vdQiw2LhFiSa60UdgncSL0WyMHzzUGK/WHDZ6vf3d61NfHtTOHwjC0/o8cocQkAlcN5zJrN5KlKYzeeJyD4sysyHqTB3szcjXOYxmeMCpd9IM4ix8Dqf6cLrbKbEmYShva+JxP4l6uXl9dWdE5aTORZ+FYMwfXlJjsgEzQRXSSKgpqRMDRWn06kyIVwKtc5xiOLzZJIErJ8jiQuaT6YmZvBh5sB04uTpeeKeICvPz7rEN9TaA4g2TElFnU0MGUfS+OnJjQDfBJ9LZvhDCgu4OBqP3WiMS8o4e80v8ivyOBq50YhyAH1Sj92jzyCyGWV4eBy5h8dH94A5azoZ0cIx4AtUAnhl+MDB7wwfH1zIIaKBSO5R6xJnYe5ruR8OXcxw6CUvMONSRhxgSM6X2YsG9/fKgFA+ryn2BwMXGNyjBkHkPNQm4gLp+SW+obZ84KQ36Oswkfq95AuUen3mfYgIYroMPN1ezwWk2+u7LmSFQTcNO7HY6XbdXcdgrb2HYqfHvuMkhLbQMdEvJsuQheGf0ENYlDbEhLs7147p3CVHpIWg1W4nxCLnoZdY0oBLXD474MWWXuR2s9XKwHmz1XbCoNU2mq2mu22SW62ZWd9ycnOLIQpyextEe5npi0UVb248rL1g8xvIXGg6ucYgAcH19bW75pvUyHFI6ggaIcDbCCLnjYb2BCKaG16xQbJ4LlIKW/xsPbrCWn9FLzbqEO0TvFZvxDR0kchVve6u6g0Qv6yzyOXVlYuhcD5jL9XapauhqF3iBRxWazUjzPBKDeKlF/gGqUaxWnUVwAWpoeBQL+LVgL0XWXMmlUpFN6s1wAvoGehClVcjsYyQUCpXylqH3mYVJ+UygnNULrsS5oS5aFMqJVygJpyFA6VyyUQNLy5AyRXxEpX1iB2CaBcssAUVAYWQCYeFYlEpFk1KrrLmDEixAKlQMCDn8RZ1iaS1iiHIe5GykqfIAwUn+Xweg5QCFinkMONXWBeAihwSvZJDDVhT1BpkRb2UwxViX8nlcoroRvRpDJyIwSzH13q1FV7TbRFFhbS34V/wVxIP/a/FnP3ef/CP37j6r/wDQMoPMV/jxYQAAAAASUVORK5CYII="); background-repeat: repeat-x; background-color: #000000; } #header .search-form button { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAbCAYAAABFuB6DAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjQ+jcx2AAAB00lEQVQ4T2WLyXbaQBBFa2FJPmaGMEUMJyQMxsFmMCBbYCKEhMT//wdb716qWi0MyeKe+96rborj02d8On2emDiOmdSSGdkZiqIYURSBxytLZvQmdwrDEMfjUSH50kPusoeRgoIgQBCETIDD4aBIt5D3g+wM+b4P3z8wbP0w2Xz1Kc3keR48b4/9fq/ssZOc7Cm02+0gfHzcerf7c9nkTpvtFpvNFltt1Zm0u3wT6N11oXh34bobZcXVLp0cZw3n7Q1rx4EjcHactCcWaLVcYbla4XW5VFasdeeb7ALNFwssNEl+1SwgfT5PoJfZFC/TKaaKmcppV57NFDSZPOO3YgLJk+cE1XUW0+N4jBEjHj89KV9n2QQaDkcYjh4xGA410v+HfvX76A8GECcMVL/d+qAfvR5Ser2fOqf+ulGn28W/tHlrdztod75uZLfasFutC99tG7bdgvLVTvVmA41mE/VGA3W25JR6Q+98o2q1imqtjm/Vmrb0GndxkgUqlcsoVSooissVRlxGsXTbKV8oQMhpp71QLCKXz/OtqKBMNotMhtF+kMw8ZDLIZnPIchbIsu4hmJYF6z7JF6eZdzIM42yY5tkwzLNpWuc76cwdd9nUjfkLuomUuIrBQxYAAAAASUVORK5CYII="); background-repeat: repeat-x; background-color: #000000; } #menu { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAhCAYAAADgWTpIAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjQ+jcx2AAAB20lEQVQ4T43M55KiUBAF4EZM6JowBxQzmEBR335/zjvs25ztvkGZUFs7Vd+c7tMX6fF84v544vF8aI/P7rwLyrIM2f0OlQrPvN9sr2530PV2g7jdMsXu10z3FqXpFcn1ipRJ5mfpLErSBJdEk9nuSZLynL5udDqfcb5cIKlm5aKoTm6MjqcTjkcm+YPD8QhB0eGAKI4Rc/4L7aMIYqfEPMfqQ93rWdBuv4fY7naK2iPd5dFmu8WaSX7CH603G41vtFqvsWSSq41h91xH4XKJcLlikm+LLzstwhDzxQKSedLNw3dPQRAgmM8x47SCYK66PJpOp5jMZphI/kDugsaTCazReAwhu8ox31SOQYPhEMPRCJKDkZHvpGfU6w/Q7/cZ5+CtZ2a5C/J7XXS7mm90ufN7PXRzqNVuQ7Q7nZeOn599dHwf1Gy11ENJNX/d5YdabVCj2UCj2TRkbuAXqzfyfRNUq9chvFoNnplrPNvO3qnqeahWq6h6TFLNnvqwwrNFpXIZ5QqTNKR79ZUK3ysgt1hEkbmui6KQ2eyuK7cSiqUSP+RjocDcAqemu/cuM/Gf/IPjOC92tzeT+uF/oD/8yHA4hdkdni0uP14c54MP33fd0e83h2dhOodn4y9m26H3cUncNgAAAABJRU5ErkJggg=="); background-repeat: repeat-x; background-color: #000000; } #menu > li > a:hover, #menu > li.current > a { /* tab's right edge */ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjQ+jcx2AAADU0lEQVRYR+2X2U5acRDGveh1l+u+RZ+hd32U3vsGfQOtCBFkEVGoIuAWqoiCIrIUjmIAgSJGjCKLirgA0/lO+jddTav8e1WSyXGJ+Z2Z+eabsS+hKPFEIvEpHospUUQ0ur0ZDufXNzYawUCg6/f76ePSEi0sLnZmZ2ebzunpit3hSH2YmrK43e7XTqfzSd+ffEqlUnV/f79aLBYbn4vFVqFQaOfzecru7amRyWRod3eXFEWheDxOoVCIfCsrNDc3R3a7naxWa83lcr2zTUw8vZdXq9U69Xqd+HkX1WqVEJVKRY3jkxMql8t0cHBAeIlUKkWRSIT8DHS53WQymUhvMNRtNtvb38Kurq4I0Wq11Kf4Gt9fXl6qP8fz/Pyczs7O6PT0lI6OjogzV7MMBALEJSSz2UxarZbMFsuYfXLy2U/AdrtNv4pOp0MI/O729laNm5sb9UUEkMtO2zs7FAwGVZiJYe+HhshoNK45HI6X38G63S79TQAMILJEyVHOHYYhM+4VGbmMA4ODZBgd9bBgXtzB6AEfvBiAgKG3JYYpDFtdXSVWIen1ehpk2JjV2v8oEN5NlBU9BIyVS0nu2bLPRw5Wo0ajIc3wcIHBbzwez/O+ByR09yeAoXfIDCrlEaFYLEaLXi9ZrFYaGBggi8WiZ2W+ehRI9FbAoEjIP7S5STPcr5GREdLpdEc8Y/2PAonUkBkEcnFxoUofA+7jEvJcoXxkMBhmegISPQMM0ke/ItEouT0eQDBfSs9AQokQR4VLmGbrglVZx8dJq9Pt9QwkskK/UELM19bWlip3HuDeggBDZnCPE/ZHDPLcwgIUmOtpRkIc6BVcI8fuv8Ki4LWSlwKCazSbTYIXBtfXadrplAOC3CEKrJYw94kNVw5I9On4+FhdlvPz8/JA19fXqiCSySR5vV55IAgC/od9tbS8LAcE9WGe4OqwIz5w5MgbICHxdDpNa2tr8kDIqNFoUDabJT7d5IEwSzhocMSEw2G5IHgehpYlLg+EocXmLR8ewvPkgcTQ4gDN5XK9d29hrABhaDFLvDLkgqC8c+4TZyUXJMyVV4Y80Ld3BK8MuSBxR7BLZKQsPrHSAfp60aakgX6A9e7cuu+05sz+DYhf4j/owf/kKF8AxoMhmGq3PbsAAAAASUVORK5CYII="); background-repeat: no-repeat; } #menu > li > a:hover > span, #menu > li.current > a > span { background-image: url("data:image/png;base64,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"); background-repeat: no-repeat; } #sidebar h2, #newsbar h2, table.news tr:first-child td:first-child, #nosidebaremail h2 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAdCAYAAACT4f2eAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjQ+jcx2AAABU0lEQVQ4T43J22rCYBAE4L1MbExFDIJUDIaESqRiMMSKIh6T+P6v4TNMd/+DBmlpLj5mdpbq2+3eBlV1DVEb9n7dqawqlFWJsuQUcqtuNvkxulyv+Nvl8aPT+YxfnfR+NuhwPEI7GNwPdnsm7fd7tEHb3Q5itxVb7kJvaudb0Pdmgw2TbHbZmqgo1ijWrCie1qbLbtAqz5EzyVW+MvQtu0XLbIksyx6W3K3mTovFAl9M0na5LbtTOp9DS5GmwnSzzzkFfc5mmDFJy96SFsVJgoTFSWxwj+W2qXeaRhGU6VRTPUJkd5MUhiEm4QSSunNOnl1uQePxGNYHd9HcbKfRaIQ2aDgcog0aBAMEQQBJjfsgUFtgftKp3++jDer1elDeDXu/JHV9H8IX3S66THVf0nYf5Hlv8DzvX9TpdNAGua4D13XhKNIdOA53h7uk+REP9zZ+ALzxqcsKXvl0AAAAAElFTkSuQmCC"); background-repeat: repeat-x; } /* added td.news td-peter */ dl.sidebar { background-repeat: repeat-x; background-color: white; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAMAAAA1zgQDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFjIyM////HzIfbgAAABFJREFUeNpiYAADRiBkAAgwAAAUAANHYHohAAAAAElFTkSuQmCC); } dl.sidebar dd:last-child { padding-bottom: 12px; background-position: bottom; } html, body { height: 100%; } #outer-container { min-height: 100%; margin: 0 auto; position: relative; } #inner-container { padding: 100px 50px 60px 50px; } #clearer { clear: both; } #header { /* data URI background-image */ position: absolute; left: 0px; right: 0px; height: 100px; z-index: 2; } #header-content { margin: 0 auto; width: 924px; height: 100px; position: relative; } #logo { position: absolute; /*padding-left: 100px;*/ left: 34px; /* moved from 54px -2014-Jan-18 bc I made the site 40px wider */ top: 16px; width: 191px; height: 67px; background-image: url(http://static.prisonpolicy.org/css/images/sprites.png?v=4); } #header .search-form input, #header .search-form button { height: 27px; font-family: "Futura", "Tw Cen MT", sans-serif; } #header .search-form input { padding: 0; border: 0; width: 130px; } #header .search-form button { /* data URI background-image */ cursor: pointer; text-transform: uppercase; color: white; padding: 0; border: 0; width: 34px; } #header .search-form { position: absolute; left: 670px; /* was 650px -2014-Jan-21 pw */ bottom: 55px; } #header #social-links { position: absolute; left: 670px; /* was 650px -2014-Jan-21 pw */ top: 55px; } #header #social-links a { background-image: url(http://static.prisonpolicy.org/css/images/sprites.png?v=4); width: 35px; height: 35px; display: inline-block; margin-right: 6px; } #header #social-links a#facebook-link { background-position: -191px 0px; } #header #social-links a#twitter-link { background-position: -226px 0px; } #header #social-links a#rss-link { background-position: -261px 0px; } #header #social-links a#youtube-link { background-position: -296px 0px; } #menu, #menu ul { padding: 0; margin: 0; } #menu { /* data URI background-image */ position: relative; /* so that the submenu's position will start with this */ height: 33px; padding: 0 37px 0 37px !important; /* 37px on each side, plus 13px for the tab's edge = 50px to text */ margin-bottom: 33px !important; /* this to push content down past sublist (since it is abs positioned) */ text-transform: uppercase; font-family: "Futura", "Tw Cen MT", sans-serif; font-size: 15px; /* i changed this to 15px -peter*/ white-space: nowrap; letter-spacing: 1px; /* i added this -peter */ } #menu li li { margin-right: 20px; } #menu li li:last-child { margin-right: 0px; } #menu ul { position: absolute; left: 50px; top: 33px; border-bottom: 2px solid #4C4C4C; /* same as body */ text-transform: none; font-family: "Georgia", serif; font-size: 15px; } #menu li { display: inline-block; margin-right: 10px; /* in addition to the 26px from the tab edge */ /* peter: moved this to 16 px from 24 */ /* jordan: moved this to 10 px from 16 */ } #menu li.current > a { /* make both menu and submenu items italic */ font-style: italic; } #menu li a, #menu > li > a > span { display: inline-block; height: 33px; } #menu > li > a > span { margin-right: 26px; /* width of tab's right edge */ } #menu > li > a > span > span { position: relative; left: 13px; /* half the width of tab's right edge */ } #menu > li > a { background-position: top right; } #menu > li > a:hover > span, #menu > li.current > a > span { /* data URI background-image */ } #menu > li > a:hover, #menu > li.current > a { /* data URI background-image */ } #menu li > a > span { display: inline-block; padding: 7px 0; } #menu li li span { display: inline; position: relative; top: 7px; } #menu li a { text-decoration: none; color: #FFFFFF; font-style: normal; } /* #menu li a:hover, #menu>li.current>a { color: #000000; } */ #menu > li.current > a { color: #000000; } #menu li a:hover { color: #FE7D00; } #menu li li a { color: #4C4C4C; } #menu li li a:hover { color: #FE7D00; /* xxx */ text-decoration: underline; } #donation-box-container { padding: 15px 0; } #donation-box { position: relative; margin-left: 50px; width: 845px; /* 830 - 10 - 10 + 40 added 40 pw and then minus 5 for reasons I don't understand -2014-Jan-20*/ padding: 10px; border-radius: 8px / 6px; background: #4C4C4C; background: -webkit-radial-gradient(ellipse, #4e4e4e, #181a19); background: radial-gradient(ellipse, #4e4e4e, #181a19); color: white; } #donation-box.expanded { background: -webkit-radial-gradient(ellipse, #353535, #181a19); background: radial-gradient(ellipse, #353535, #181a19); } #donation-box a:visited { color: #FE7D00; } #donation-box-image-column { width: 134px; float: left; } #donation-box-image { width: 134px; height: 152px; background-image: url(http://static.prisonpolicy.org/css/images/sprites.png?v=4); background-position: -641px -116px; margin-left: -3px; margin-top: -2px; } #donation-box-image-title { width: 134px; text-align: center; } #donation-box-text { margin-left: 144px; /* 134 + 10 */ padding-left: 15px; border-left: 1px solid white; font-size: 18px; text-indent: -0.5em; } #donation-box-text::before { content: '“'; } #donation-box-body::after { /* content: '”'; */ } .donation-box-more { display: none; } #donation-box-sig { /* float: right; */ margin-left: 45%; } #donation-box-read-less { display: none; } #donation-box-intro { color: #FE7D00; font-family: "Futura", "Tw Cen MT", sans-serif; } #user-links { margin-left: 50px; margin-top: 20px; } /* start ***** footer full desktop site ***** */ #footer-container { padding: 0 50px; } .footer-item { display: table-cell; /*float: left;*/ width: 231px; } #footer-items { display: table-row; } #footer { clear: both; } #footer-items img { width: 168px; height: 130px; } #footer-container > h1 { font-family: "Futura", "Tw Cen MT", sans-serif; font-size: 18px; margin-left: 15px; font-weight: normal; } .footer-item > h1 { font-family: "Futura", "Tw Cen MT", sans-serif; font-weight: normal; font-size: 13px; text-align: center; margin: 0; padding: 0 15px 0 15px; /*border-left: 2px solid #8C8C8C;*/ } .footer-item > h1:first-child { border-left: none; } .footer-item > p { font-family: "Georgia", serif; font-size: 12px; margin: 0; padding: 5px 15px 15px 15px; /*border-left: 2px solid #8C8C8C;*/ } .footer-item > a { font: inherit; font-weight: normal; display: block; text-align: center; height: 150px; } #footer-separator-origin { position: relative; } .footer-separator-cell { display: table-cell; width: 2px; } .footer-separator { position: absolute; width: 2px; background: #8C8C8C; top: 150px; bottom: 0px; } .footer-separator-cell:first-child .footer-separator { width: 0px; background: none; } #footer { background: #252525; color: white; padding-top: 40px; padding-bottom: 40px; } #footer-logo { float: left; width: 152px; height: 53px; margin: 20px 39px 0 39px; background-image: url(http://static.prisonpolicy.org/css/images/sprites.png?v=4); background-position: -114px -116px; } #footer-contact { font-family: "Futura", "Tw Cen MT", sans-serif; font-size: 16px; float: left; width: 191px; /* 231 - 20 padding - 20 padding */ padding: 0 20px; } #footer-contact-link { display: block; } #footer-address { font-family: "Georgia", serif; font-size: 16px; } #footer-bring-ppi, #footer-donate { font-family: "Futura ", "Tw Cen MT", sans-serif; font-size: 20px; text-align: center; float: left; width: 231px; } #footer-bring-ppi-link-container { position: relative; display: block; height: 89px; } #footer-bring-ppi-link { background-image: url(http://static.prisonpolicy.org/css/images/sprites.png?v=4); background-position: -266px -116px; position: absolute; left: 35px; /* (231 - 160) / 2 */ width: 160px; height: 100%; } #footer-donate-link-container { position: relative; display: block; height: 45px; } #footer-donate-link { background-image: url(http://static.prisonpolicy.org/css/images/sprites.png?v=4); background-position: -426px -116px; position: absolute; left: 8px; /* (231 - 215) / 2 */ width: 215px; height: 100%; } #newsbar { font-size: small; border: 1px solid #7D7D7D; border-radius: 10px; overflow: hidden; } #newsbar h2 { color: #FFFFFF; } #newsbar h3 { font-size: small; margin-top: 0; line-height: 15px; padding: 0; margin: 0; } #newsbar h3 a { color: #FF8400; } #newsbar li p { line-height: 15px; margin: 2px 0 0 0; } /* this removes the space between the info and the sourcing */ #newsbar .source { margin-bottom: 10px; } #newsbar ul { float: left; /* Useful to get Show More link below--can set it to clear: both */ padding: 0; margin: 0; } #newsbar li { float: left; width: 170px; list-style-type: none; margin: 0; padding-right: 15px; /* padding-right:15px; */ /* added pw -2012-Jun-05 */ } #newsbar .item3, #newsbar .item4, #newsbar .item5, #newsbar .item6, #newsbar .item7, #newsbar .item8 { display: none; } #newsbar-show-more { clear: both; display: block; text-align: center; } #nosidebaremail { color: #FFFFFF; background-color: #4C4C4C; border-radius: 10px; overflow: hidden; margin: 43px 50px 50px 50px; } #nosidebaremail p, #nosidebaremail form, #nosidebaremail .field input { text-align: center; margin: auto; width: 250px; margin-bottom: 1em; } #nosidebaremail p { width: auto; } #nosidebaremail a:visited { color: #FF8400; } /* END ***** NOSIDEBAREMAIL BOX FULL DESKTOP ***** */ /* START ***** SIDEBAR BOX FULL DESKTOP ***** */ #sidebar { float: right; width: 224px; margin-top: 43px; /* was 15px chagned peter -2012-Sep-16 */ margin-right: 50px; color: #FFFFFF; background-color: #4C4C4C; border-radius: 10px; overflow: hidden; } #sidebar-content, #newsbar-content { margin: 0 10px 10px 10px; } #sidebar h2, #newsbar h2, #nosidebaremail h2 { /* data URI background-image */ text-transform: uppercase; /* added back after i turned it off on body h2 -2014-Jan-16 pw w */ height: 29px; margin-left: -10px; margin-right: -10px; padding: 4px 10px; border-top: 1px solid #333; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 15px; /* changed font size, added tr.news-peter */ } #sidebar h2 a { color: white !important; } #sidebar h2 { -moz-box-shadow: 1px 1px 4px 2px #2e2e2e; -webkit-box-shadow: 1px 1px 4px 2px #2e2e2e; box-shadow: 1px 1px 4px 2px #2e2e2e; margin-top: 15px; /* added -2013-Jun-25peter */ } /* peter -2012-Mar-26 */ #sidebar h2:first-child, #newsbar h2:first-child { margin-top: 0; border-top: none; } /* #sidebar #newsletter-signup label, #sidebar #newsletter-signup input, */ /* END ***** SIDEBAR BOX FULL DESKTOP ***** */ tr.news h2 { font-size: 15px; padding: 4px 10px; } /* added peter -2012-Mar-29 */ #sidebar #newsletter-signup label { margin-top: 10px; } #sidebar #newsletter-signup div.checkboxes label { margin-top: 0; } #sidebar #newsletter-signup p { margin: 0; } #sidebar p, #sidebar li { /* added - peter */ font-size: 14px; line-height: 20px; /* changed from 18px -2013-Jun-25peter */ } #sidebar label, #sidebar #newsletter-signup p { /* added - peter */ font-size: 12px; } #sidebar input { /* added - peter */ width: 98%; } #sidebar div.checkboxes label { margin: 0; display: block; padding-left: 15px; text-indent: -15px; } #sidebar div.checkboxes input { width: 15px; height: 13px; padding: 0; margin: 0 0 0 10px; vertical-align: bottom; position: relative; top: -1px; overflow: hidden; } #newsletter-email, #newsletter-name, div.checkboxes, #newletter-state { margin-bottom: 10px; } span.dropt { border-bottom: thin dotted; } #donation-bar-container { position: fixed; bottom: 33px; left: 0; right: 0; } #donation-bar { background-image: url(http://static.prisonpolicy.org/css/images/sprites.png?v=4); background-position: 0px -67px; height: 33px; width: 924px; margin: 0 auto; font-size: 12px; font-family: "Futura", "Tw Cen MT", sans-serif; } #donation-bar-content { padding: 8px 50px; } #donation-bar a { /* safari and some browsers needed a smaller margin to get the text to all fit on one line */ margin-left: 10px; color: #4C4C4C; font-weight: bold; text-decoration: underline; } body.very-wide-content #header-content { margin: 0 20px; } body.very-wide-content #outer-container { margin: 0px; } body.very-wide-content #inner-container { padding-left: 0px; } body.very-wide-content #donation-bar { margin-left: 0px; } body.very-wide-content #left-margin, body.very-wide-content #right-margin { display: none; } body.very-wide-content #body-content table { font-size: 12px; } body { margin: 0px; } .for-acc { position: relative; left: -10000px; } #menu .mobileonly, .mobileonly { display: none; } #sidebar ul { padding-left: 0; list-style-type: none; } #sidebar li { margin-bottom: 10px; } /* TODO: do something with tables */ div.sidebar, div.annot { width: 280px; padding: 1em; background-color: #e6e6e6; } div.sidebar h2, div.sidebar p, div.sidebar li, div.annot p, div.annot li { font-size: 90%; } div.sidebar h2 { padding-top: 0; margin-top: 0; } div.annot ul { padding-left: 2px; } div.annot p { margin: 0; } div.image, div.imagenowidth, div.sidebar, div.annot { float: right; margin: 0 0 1em 20px; } div.image { width: 400px; } dl.sidebar { float: left; width: 200px; margin: 0 5px 1.5em -50px; padding: 0 0 0 0px; border-right: 15px solid white; border-left: 50px solid white; } dl.sidebar dt { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 18px; } dl.sidebar dd { color: black; } dl.sidebar dd { margin: 0 0 10px 0px; } dl.sidebar { /* border-left: 10px solid white; */ } dl.sidebar dd.sub, dl.sidebar dd.sub2 { margin: 0px 0 10px 0px; padding: 0 10px; } dl.sidebar dd.sub2 { padding-left: 20px; } p.source { font-size: small; } p.quotequote { margin-left: 6em; } /* div.post-footer {margin-bottom:3em; } */ /* we wanted more spacing after tweets in blog posts... -2014-Jun-27 */ .twitter-tweet-rendered { margin-bottom: 2em !important; } } @media screen { /* *** end iPad and desktop version *** */ } @media screen and (max-width: 1064px) and (min-width: 768px) { #outer-container { width: 964px; } #inner-container { padding-left: 0; padding-right: 0; } #left-margin, #right-margin { display: none; } } @media screen and (max-width: 767px) { img.right { float: none; display: block; margin-left: 0; } /* should be in the bigfoot file */ .footnote-content-wrapper p { margin-top: 0 !important; } #body-content .pulledquote.long, #body-content div.pullquote.long { width: 100%; } .mobileonly { display: block; } .hidemobile { display: none !important; } /* why is important necessary? */ #body-content blockquote, #body-content p.quote { margin-left: 25px !important; } #body-content ul, #body-content ol { padding-left: 25px !important; } #header.search-form, #header.social-links { display: none; } #donation-box-container { display: none; } #sidebar { display: none; } #footer-container { display: none; } #body-content { width: 100%; } .slider { float: none; } table { max-width: 100%; overflow-x: auto; display: block; } img { max-width: 100%; height: auto; } iframe { max-width: 100%; } #page { margin: 1em 1em 1em 1em; } #title, #headcredit { margin: 0 0 0 1em; padding: 0; } /* are we using this anymore? do a site search */ #headcredit { font-family: "Lucida Grande", Verdana, Arial, Geneva, Arial,Helvetica, sans-serif; font-size: 75%; } #title a { text-decoration: none; } /* // #page ul, #page ol {margin: 1em 0 0 2em;} */ /* // turned this off -2014-Oct-22 becuase it was breaking lots of captions. do we need it? maybe not... -2014-Oct-22_154PM */ /* //#page p, #page li {margin-top:1em} */ .list li { margin: 0 !important; } blockquote, p.quote { margin: 1.5em 0 1.5em 3em; font-size: 90%; } /* start mobile menu */ #menu { background-color: #262626; margin-top: 0; font-family: "Futura", "Tw Cen MT", "Lucida Grande",Geneva,Verdana, Helvetica,sans-serif; margin-left: -40px; /* why is this negative margine necessary? why is the inner container rule getting in the way? */ } #menu li { display: inline-block; padding: 5px 10px 5px 5px; white-space: normal; } #menu li a { color: white; padding: 5px; font-size: 120%; white-space: nowrap; } #menu li ul { display: none; } #menu li.current { background-color: #4c4c4c; } #menu li.current ul { display: block; background-color: #4c4c4c; padding-left: 0; /* width:100% */ /* note the width was a correction for some bug but i turned it off on -2014-Oct-14 to stop other aesthetic glitches */ } ul#menu li.current a { font-style: italic; text-decoration: none; color: white; background-color: #4c4c4c; } #menu li.current ul li a { font-style: normal; /* text-decoration:underline; */ font-size: 80%; } #menu li.current ul li.current a { font-style: italic; text-decoration: none; } /* ul#menu li.current + li {clear:both; background:green}*/ #menu li:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; } /* end mobile menu */ /* why do I need the important on the margin here? that's just bizarre. What is wrong up above? */ #breadcrumb { clear: both; /* margin:1em 0 1em 10px!important; */ margin-left: 10px; font-size: 75%; font-family: "Futura", "Tw Cen MT", sans-serif; background-color: white; display: none; } /* clean up things s I don't need to have this id and ul in the code */ #body-content ul.reports, #body-content ul.news { margin: 0 !important; padding: 0 !important; } .reports li, .news li { border-top: 1px solid #a5a5a5 !important; margin-top: 10px; padding-top: 10px; list-style-type: none; clear: both; } .reports li:first-child, .news li:first-child { border: none; margin-top: 0; } .reports img.reportcover, .news img.reportcover { border: none; margin-bottom: 10px; } dl.collapsed dt { margin-top: 1em; } /* yo heree */ dl.sidebar { padding: 0; margin: 0 10px 0 0; border-top: 2px solid #8c8c8c; float: left; width: 50%; background-color: white; } dl.sidebar dt { margin-bottom: 0px; padding: 0; } dl.sidebar dd:last-child { padding-bottom: 12px; } dl.sidebar dd { margin-bottom: 5px; margin-left: 0; } dl.sidebar dd.sub, dl.sidebar dd.sub2 { margin: 0px 0 10px 0px; padding: 0 10px; } dl.sidebar dd.sub2 { padding-left: 20px; } /* .fn {display:none} */ .num { font-weight: bold; } p.section { font-size: 100%; font-weight: bold; } #content p.indexinfo { font-size: 75%; margin-left: 0px; padding-left: 0; } /* START do a site search to see if we use */ .MMHeader { margin: 5px; line-height: 1.3em; } .MMContent { margin: 3px; line-height: 1.3em; } /* END do a site search to see if we use */ p, li, blockquote, caption, dd, dt { line-height: 1.5; } #footer { border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c; } div.application h2 { border-top: none; } h3 { font-weight: bold; line-height: 1.5; } /* dt { font-weight: bold; } */ div.update p { line-height: 1.2em; } a.footnotereference, span.footnotereference { line-height: 1em; } #search h2 { font-weight: bold; } #search h2 a { color: black; border: none; } #updates h2 { color: white; border-bottom: 1px solid #fff; } #updates h2 { color: white; } #updates p, dl.sidebar dd { color: black; } .sidebar h2, .sidebar p { font-family: "Lucida Grande", Verdana, Arial, Geneva, Arial, Helvetica,sans-serif; } a.image { border: none; } /* TO DO do we even use this anymore? do a site search */ #headerlink { font-family: "Lucida Grande", Arial, Verdana, Geneva, Arial,Helvetica, sans-serif; font-weight: bold; font-size: large; } div.index span.created { color: #303030; } h2.hide { display: none; } #header { background-repeat: no-repeat; background-color: #262626; background-image: url("http://static.prisonpolicy.org/images/LOGO_WebLight.png"); /* new/changed -2014-Oct-08 */ height: 98px; background-position: 10px 10px; } #header span { display: none; } form.search-form, div#social-links { display: none; } #content form.search-form { display: block; } /* search page can we simplify? */ #menu ul li, h1, h2 { font-family: "Futura", "Tw Cen MT", sans-serif; } #body-content h1 { margin-right: -15px; padding-right: 10px; } div.record p { margin: 0; padding: 0; } strong { font-weight: bold; } .form-group input, .form-group textarea { width: 100%; /* display:block; */ margin-bottom: 1em; } .form-group label { font-weight: bold; } .mobilehide { display: none; } #nosidebaremail, .hidemobile { display: none; } .pullquote { font-family: Georgia, "Georgia Ref", Garamond, "Times New Roman", serif; } .pullquote p { font-weight: bold; } .pullquote p.cite { font-weight: normal; font-style: normal; } #newsletter-name, #newsletter-email, #newletter-state { width: 280px; font-size: 150%; margin-bottom: 1em; } #newsletter-signup label { font-family: "Futura", "Tw Cen MT", sans-serif; font-size: 18px; font-weight: normal; } #newsletter-signup label span.optional { color: #808080; } div.checkboxes label { display: block; margin-left: 1em; font-family: "Georgia", serif !important; font-size: 15px !important; } #subscribelist { font-size: 200%; } #newsletter-signup label .meta { color: #808080; display: block; margin: 0 01em 18px; font-family: "Georgia", serif; font-size: 15px; } div.sidebarwrapper { background-color: #e5e5e5; } div.sidebarinner { padding: 2px 20px 20px 20px; } #mobilebottom { padding: 10px; background-color: #e0e0e0; clear: both; } #mobilebottom .checkboxes label { font-style: normal; margin: 0 0 0 1em; line-height: 1; } #mobilebottom input { font-size: 14px; } #mobilebottom .fields input { display: block; /* width:100% */ } #mobilebottom button { background-color: #FF8400; color: #ffffff; border: none; font-weight: normal; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 3px; line-height: 30px; font-size: 14px; width: 100%; margin: auto; margin-top: 8px; font-family: "Futura", "Tw Cen MT", sans-serif; } #newsbar { margin: 10px; padding: 10px 10px 10px 10px; background-color: #e6e6e6; } #newsbar h2 { margin: 0; text-align: center; } #newsbar h3 { margin-top: 0; margin-bottom: 0; font-family: "Futura", "Tw Cen MT", sans-serif; } #newsbar h3 a { /* font-family: "Futura", "Tw Cen MT", sans-serif; */ font-weight: normal; } #newsbar ul { padding-top: 0; margin-top: 0; } #newsbar-content li { margin: 5px 0 12px 0; border-bottom: 1px solid #a5a5a5; padding-bottom: 5px; } #newsbar-content li p { margin: 0; } #newsbar-content li h3 { margin-bottom: 0; } #newsbar p { font-size: 80%; } #newsbar p.source { display: none; } a.btn { background-color: #262626 !important; } a#newsbar-show-more { margin: 0 auto !important; width: 6em; display: block !important; } a#newsbar-show-more, a.btn { font-family: "Futura", "Tw Cen MT", sans-serif; text-decoration: none; color: #FFFFFF !important; background-color: #FF8400; padding: 10px 16px !important; /* margin-right:10px; */ margin: 0 auto; text-align: center; cursor: pointer; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .tweet-btn-logo { display: inline-block; width: 20px; height: 20px; margin: 0 5px; background-position: -166px 0; background-size: 462px; background-image: url(http://static.prisonpolicy.org/css/images/sprites.png?v=4); position: relative; top: 4px; } div.btns a.btn { display: block; /* display block not width:100% http://www.impressivewebs.com/width-100-percent-css/ */ margin: 10px; /* effect just for fun */ /* background: radial-gradient(ellipse, #e0e0e0, #181a19); color:black!important; */ } #header { margin: -10px -10px 0 -10px; } #outer-container { margin: 0px -10px 0 -10px; } } @media screen { /* Latest News box on PotC */ #header { background: #FFFFFF; } #ppi-logo { position: absolute; width: 114px; height: 102px; background-image: url(http://static.prisonpolicy.org/css/images/sprites.png); background-position: -0px -116px; left: -20px; /* need to move the logo over per the new wider design pw -2014-Jan-16 */ } #pgp-logo { position: absolute; left: 171px; right: 228px; /* 171 + 57 */ text-align: center; font-family: "Futura", "Tw Cen MT", sans-serif; font-weight: bold; font-size: 27px; text-transform: uppercase; color: #3E3E3E; text-decoration: none; padding: 33px 0; } #header { background: transparent; } #header .search-form input { border: 1px solid #E6E6E6; } #header .search-form input { width: 128px; } #header .search-form button { width: 34px; } #header .search-form { position: absolute; left: auto; /* override ppi's css */ right: 10px; bottom: 55px; } #header #social-links { position: absolute; left: auto; /* override ppi's css */ right: 10px; top: 55px; } #header #social-links a { margin-right: 0px; /* override ppi's css */ margin-left: 6px; } #sidebar { background-color: #A5A5A5; } #sidebar p, #sidebar li, #sidebar label { /* color:#545454; */ /* peter -2012-Mar-26 */ color: #303030; /* updated peter to increase contrast -2014-Jul-16 */ } #sidebar a, #sidebar a:visited { color: white; } /* peter -2012-Mar-26 */ #sidebar h2 { -moz-box-shadow: 1px 1px 4px 2px #4e4e4e; -webkit-box-shadow: 1px 1px 4px 2px #4e4e4e; box-shadow: 1px 1px 4px 2px #4e4e4e; } /* peter -2012-Mar-26 */ /*Podcast stuff*/ div.player { float: right; padding: 20px 0px 0 20px; } p.powerpress_links { margin: 0; font-size: 75%; text-align: center; width: 320px; } } @media screen and (max-width: 767px) { #pgp-logo { font-size: 18px; vertical-align: middle; text-align: center; font-family: "Futura", "Tw Cen MT", sans-serif; font-weight: bold; text-transform: uppercase; left: 120px; /* why do I ned this, the above shouldn't be firing */ color: #3E3E3E; text-decoration: none; padding: 33px 0; width: 60%; /* position: relative; top: 50%; transform: translateY(-50%); */ } #pgp-logo a { -ms-word-break: manual; /* Non standard for webkit */ word-break: manual; -webkit-hyphens: manual; -moz-hyphens: manual; hyphens: manual; } #ppi-logo { left: 0px; } } @media print { /*NOT 100% SURE ALL OF THIS IS BEING USED...*/ } @media print { body { color: #000000; background: #ffffff; font-family: "Times New Roman", Times, serif; font-size: 12pt; /* width:90%; */ margin: 0.5in; border-bottom: 2pt solid black !important; } #body-content p, #body-content li, #body-content dl { line-height: 16pt; } /* added pw -2014-Feb-12 */ #body-content h1 { margin-left: -0.75in; } /* added pw -2014-Feb-12 */ h1 { font-family: "Futura", "Tw Cen MT", sans-serif; /* added pw -2014-Feb-12 */ font-size: x-large; color: #000000; border: 0px; padding: 0px 0px 0px 0px; margin: 0px; } h2 { font-family: "Futura", "Tw Cen MT", sans-serif; /* added pw -2014-Feb-12 */ font-size: large; color: #000000; background-color: transparent; } h3 { color: #000000; } div.sidebar { width: 3in; padding: 0 1em; float: right; } #page { margin: 0 0.75in 0 0.75in; padding: 0px; float: none !important; border: none; /* width:100% !important; */ } #container { width: 100%; margin: 0px; padding: 0px; } #breadcrumb { margin-bottom: 2em !important; font-size: 9pt; border-bottom: 1pt solid black !important; } #sidebar, #search, #toptabs, #menu, span.editpost, .hideinprint, p.nocomments, span.editpost, span.noprint, .hide, #donationbar, #menu, #outer, #footer-container { display: none; } /* added pw -2014-Feb-12 */ a, a:visited { color: black; } p#title a.headerlink, p#title a.headerlink:visited { text-decoration: none; font-weight: bold; font-size: 24pt; color: black; } ul.reports li, ul.news li { clear: both; margin-bottom: 1em; } ul.reports { padding-left: 0; } ul.reports li { list-style-type: none; } /* not sure why i need this, but i do. peter -2012-Jun-11 */ /* #footer{ clear:both; margin-top:1em; border-top: 1px solid #304878; border-bottom: 1px solid #304878; text-align:center; } */ h1, h2, h3, .box, .article { width: 100%; } h1 + h2 { margin-top: 1em; } #content { width: 100%; border: 0px; margin: 0px; padding: 0px; position: relative; left: 0px; top: 0px; border-left: 0px; font-size: 12pt; } /*is this still being used? */ #indexprintonly { display: block; padding: 5px; border: 3px dashed black; page-break-inside: avoid; } #indexprintonly p.fineprint { font-size: 50%; } img { page-break-inside: avoid; } div.figure img { margin-left: 0px; } #donationbar { background: white; border: 1px solid black; color: black; padding: 4px; text-align: center; margin-bottom: 16px; position: static; display: none; } #page div.record h2 { text-align: left; color: black; border: none; padding: 0; margin: 18pt 0 0 0; } div.record div.wrapper { padding: 0; } /* not sure why, but I need to restate these rules to get them to work when printing. There is a cascade error somewhere */ p.quote, p.quotequote { margin: 1.5em 3em; } p.quotequote { margin-left: 6em; } p.source { font-size: small; } /*restate rules to facilitate formatting*/ blockquote.pulledquote p { margin: 0; padding: 0; } blockquote.pulledquote { /* updated lots of these rules pw and ak -2014-Feb-12 */ font-family: "Futura", "Tw Cen MT", sans-serif !important; border-top: 2px solid #686767; float: right; /* padding: 0 0 0 60px !important; */ margin: 0 0 10px 15px; width: 170px; font-size: 18px; font-weight: bold; line-height: 1.4em; width: 260px; /* padding-bottom:1em; */ padding: 1em 0; } /* turned this off because the new screen style should apply on print too, I think */ /* img.reportcover, div.map img, div.graph img, img.graph {border:1px solid silver;} */ img.right { float: right; margin: 0 0 5px 10px; } img.left { float: left; margin: 0 10px 5px 0px; } div.imagenowidth { float: right; margin: 0 0 5px 10px; } div.pullquote { float: right; width: 2.5in; padding-left: 2em; padding-bottom: 1em; page-break-inside: avoid; } div.pullquote p { margin-top: 0; margin-bottom: 0; font-size: large; font-weight: bold; } #page div.pullquote p.cite, #content div.pullquote p.cite { font-size: small; font-style: normal; font-weight: normal; margin-top: 0; } /*for whatever reason this is needed when printing interviews in safari */ dt { font-weight: bold; } dl.interview dd p:first-child { margin-top: 0; } /*for whatever reason this is needed when printing captions in safari, see podcast2 */ p.caption { font-style: italic; margin-top: 0; } /*for whatever reason i need to restate this screen rule bc its getting ignored on print*/ ul.list li { margin: 0px; } /* added by Jordan Apr 2012 */ #header, #footer { display: none; } /* used with sectionhide script */ .sectionhide-link { display: none; } div.related li { font-size: 80%; padding: 0; margin: 0; } } @media print { /*why is this necessary*/ table.forlayout td { border: none !important; } /*NOT SURE why this WAS necessary but in early dec 2010 it was */ li { margin: 1.5em 0 1.5em 0; } /* don't show the commenting apparatus when we print*/ #leavecomment { display: none; } } /*# sourceMappingURL=census_gen.css.map */