/* @override 
	http://local-hit:8888/?css=indicators/indicator.css.v.1317335003
	http://test.hit-new.techprogress.org/?css=indicators/indicators.css.v.1319483646
	http://test.hit-new.techprogress.org/?css=indicators/indicators.css.v.1319604478
*/

/* Half in Ten indicators project CSS
 * (c) Center for American Progress 2011
 * by Evan Hensleigh */

/* @group  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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
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; }

body { font:15px/21px "chaparral-pro-1","chaparral-pro-2", Constantia, Georgia, serif, "Lucida Grande", "Arial Unicode MS"; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
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; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #7dbed8; }

::-moz-selection{ background: #1c88b4; color:#fff; text-shadow: none; }
::selection { background:#1c88b4; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #80b4cc; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

/* @end boilerplate */
/*
    // ========================================== \\
   ||                                              ||
   ||               Your styles !                  ||
   ||                                              ||
    \\ ========================================== //
*/

/*	LOGO
	
	HALF IN TEN beige
	light	#f7f5ec
	med		#e6e0c3
	dark	#d1ccb2
	darker  #b2ae97
	line	#b8b4b3
	HALF IN TEN red
	med		#d93830
	dark	#b2332c
*/

/* @group Basic */

em, i, .caption { font-style: italic; }
strong, b { font-weight: bold; }
a { color: #1c88b4; }

/* @end Basic */

/* @group Wash */

body {
	background-color: #f7f5ec;
}

/* @end Wash */

/* @group Type
	=========
*/

/* kill FOUC */
.js.wf-loading {
	visibility: hidden;
}
/* */

/* sansserif group */
input, textarea, button,
.topnav, .sidebar-column, .big-datapoint, .yearbar,
.data-column, .topbar .i-homelink ,
.hit-table thead, .category-head,
.content-links, #graph-tooltip,
.map .legend, .action, .state-summary th,
h1.small, .state-table svg {
	font-family: "ff-dagny-web-pro-1", "ff-dagny-web-pro-2", Helvetica, Arial, sans-serif, "Lucida Grande", "Arial Unicode MS";
}

p + p {
	margin-top: 1em;
}

h1 {
	margin: 21px 0;
	font-size: 42px;
	line-height: 42px;
}
h1.small {
	font-size: 32px;
	line-height: 34px;
	margin: 0 0 15px;
}
h2 {
	font-size: 18px;
}
p + h2, p+p, p+ul, ul+p, p+ol, ol+p,
h2 + ul, ul+h2 {
	margin-top: 21px;
}
h4 {
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.upright .datapoint strong {
	font-weight: 900;
	font-style: normal;
	display: block;
	font-size: 225%;
	line-height: 1;
}

/* smallish-cap category headings */
.category-head th, ul.data-column li:first-child {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 1px;
}

/* @end Type */


/* @group Linkfixes */

.topbar .homelink,
.topbar .i-homelink,
.topnav a, .yearbar a,
.datapoint, h2 a
{
	text-decoration: none;
}

.yearbar a {
	color: #333;
}

.topbar .homelink:visited,
.topnav a:visited,
.yearbar a:visited
{
	color: #1c88b4;
}

/* @end Linkfixes */




/* @group Layout */

.clear {
	clear: left;
}

.main-column {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.center {
	margin: 0 auto;
}

.content-column, .sidebar-column,
.left-footer-column, .right-footer-column,
.left-content-column, .right-content-column,
.sub-column {
	padding: 0 10px;
	float: left;
	overflow: hidden;
}
.sublist {
        padding: 0 10px;
        float: left;
        overflow: hidden;
}
.big-datapoint + .content-column {
	margin-top: 20px;
	padding-bottom: 20px;
	/* extend the sidebar down */
	border-right: 320px solid #b2ae97;
	margin-right: -320px;
}
.content-column, .right-content-column, .map {
	width: 620px;
}
.sidebar-column, .left-content-column {
	width: 300px;
}
.left-footer-column {
	width: 220px;
}
.right-footer-column {
	width: 690px;
}
.sub-column {
	width: 300px;
}
.sub-column.left { padding-left: 0; }
.sub-column.right { padding-right: 0; }

/* unbulleted lists */
ul.data-column, ul.content-links {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* @end Layout */


/* @group Core classes
	=================  */

nav.horizontal li { display: inline-block; }

/* @end Core classes */



/* @group Template parts
	===================
	 =================   */

/* @group Header
	===========
*/

.topbar {
	overflow: hidden;
	border-bottom: 1px solid #b2ae97;
}
.topbar .label {
	padding: 3px 0;
	display: block;
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: -2px;
}
.topbar .homelink img {
	margin-bottom: -4px;
}
.topbar .i-homelink {
	color: #d93830;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 14px;
	padding: 12px 3px;
	margin-left: -3px;
}
.topbar .i-homelink:hover {
	color: white;
	background-color: #d93830;
}

.topnav {
	float: right;
}
.topnav li {
	float: left;
	margin-left: 5px;
}
.topnav a {
	display: block;
	float: left;
	padding: 7px 7px;
	font-weight: 600;
}

.topnav a.donate {
	color: #d93830;
}

.topnav a:hover {
	background-color: #b2ae97;
	color: white;
}
.topnav a.donate:hover {
	background-color: #d93830;
}



/* @end Header */
.indnav {
        width:100%;
        padding:.5em 0 .5em 2em;
        background:#d9261a;
        color:#fff;
}

.indnav a, .indnav a:hover {font-size:16px; color:#fff; padding-bottom:1px; border-bottom:dotted 1px #fff; text-decoration:none; margin-right:2em;}

/* Indicator navigation dropdowns */
.indnav li div.drop {
        display:none;
        position:absolute;
        padding: .5em;
        background:#d9261a;
        border:#ccc 1px solid;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .15);
        box-shadow:  3px 3px 6px 0px rgba(0, 0, 0, .15);
        text-transform:none;
        font-size:.8em;
        z-index:100;
}

.indnav li:hover div.drop {display:block;}
.drop a {line-height:1.25em;color:#fff; margin:.5em 0 0 0; border:none;}
.drop a:hover {margin:0;}
.drop a.secondary {font-weight:bold; font-size:1.1em}
.drop h5 {font-weight:bold; font-size:1.1em; color:#333; padding:1em 0 0;}
.drop ul {padding:0 1em 0 0;}
.drop ul {float:left;}
.drop ul.third {width:33%; display:block; padding-right:1em;}
.drop ul li {font-size:.75em; text-transform:none; line-height:1.5em;  display:block;clear:right; float:none;}
.drop ul li.pdf {background: no-repeat right top url('http://halfinten.org/uploads/support_files/pdf-small.gif'); padding-right: 1em;}
.drop ul li a {font-weight:normal;}	

/* @group Yearbar */

.yearbar {
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #b2ae97;
	background-color: #ede9da;
	margin-bottom: 15px;
}
.yearbar li {
	display: inline-block;
}
.yearbar li a {
	display: block;
	padding: 2px 9px 0px;
	height: 21px;
	color: #888;
	position: relative;
}
.yearbar li a:link {
	color: #333;
}
.yearbar li.current a,
.yearbar li a:link:hover {
	border: 1px solid #b2ae97;
	margin: -1px;
	color: #333;
	background-color: #f7f5ec;
}

/* the ARROW (with CSS) */
.yearbar li.current a:before, .yearbar li.current a:after {
	content: '';
	left: 1.1em;
	display: block;
	position: absolute;
	border-width: 10px;
	border-style: solid;
}
.yearbar li.current a:before {
	top: 22px;
	border-color: #f7f5ec transparent transparent transparent;
	z-index: 60;
}
.yearbar li.current a:after {
	top: 24px;
	border-color: #b8b4b3 transparent transparent  transparent;
}


/* @end Yearbar */


/* @group Sidebar */

.dark-indicator {
	background-color: #b2ae97;
	text-shadow: 0 1px 0 #ddd;
}

.sidebar-column {
	padding-top: 12px; padding-bottom: 25px;
}

.sidebar-column .datapoints {
	text-align: center;
	font-size: 24px;
}

.sidebar-column .datapoint {
	display: block;
	margin: 26px 0;
}

/* @end Sidebar */


/* @group Footer */

.bottomfoot {
	border-top: 1px solid #d1ccb2;
	padding-top: 10px;
}

.left-footer-column {
	border-right: 1px solid #d1ccb2;
	margin-right: 9px;
}
.right-footer-column img {
	margin: 0 7px;
}

.bottomfoot .capaf {
	margin-right: -15px;
}

.legallinks { text-align: center; margin-top: 10px; }
.legallinks span:before {
	content: '\00B7';
	margin-left: 0.5em; /* spaces are about 0.2em */
	margin-right: 0.7em;
}

.footer-action {width:100%;padding:.75em 0 1em;text-align:center; margin-bottom:2em; background:#d9261a; color:#fff;}

.footer-action a, .footer-action a:hover {color:#fff; padding-bottom:2px;border-bottom:dotted 1px #fff;}

/* @end Footer */


/* @group Datapoints */

.datapoint {
	color: #444;
	-webkit-transition:	color .25s linear;
	-moz-transition:	color .25s linear;
	transition:			color .25s linear;
}
.datapoint:hover {
	color: #135e7c;
}
.datapoint:visited {
	color: #444;
}

/* @end Datapoints */


/* @group Map */

.map {
	position: relative;
}
.map .legend {
	position: absolute;
	padding: 5px 10px;
	bottom: 10px;
	right: 35px;
	background: white;
	border: 1px solid #b8b4b3;
}
.map .legend h6 {
	max-width: 280px;
}
.map .legend-labels {
	padding: 0 18px;
	font-size: 13px;
}
.map .legend-block, .map .legend-label {
	display: inline-block;
	width: 35px;
	height: 10px;
	text-align: center;
}
.map .long.legend-labels {
	padding: 0 32px;
}
.map .long .legend-block, .map .long .legend-label {
	width: 63px;
}
.map .legend-block {
	border-left: 1px solid #666;
	border-top: 5px solid white; /* #f7f5ec; */
}
.map .legend-block:first-child {
	border-left: none;
}

/* @end Map */



/* @group Share Tools */

.sharetools {
	float: right;
	text-align: right;
}
.sharetools .fbbutton {
	width: 93px !important;
	position: relative;
}
.sharetools .fbbutton:after {
	content: '';
	width: 20px;
	height: 20px;
	background-color: #f7f5ec;
	position: absolute;
	top: 0;
	right: -22px;
}

/* @end Share Tools */

/* @end Template parts */





/* @group Specific pages
	===================  */

/* @group Homepage
	=============  */

.big-datapoint {
	text-align: center;
	font-size: 36px;
	padding: 20px 0 30px;
}

.subtext {
	text-align: center;
	margin: 20px 0;
	font-size: 18px;
}
.subtext div {
	font-size: 28px;
	line-height: 32px;
}

.action {
	display: block; cursor: pointer;
	background-color: #288bb8; /* #135e7c; */
	color: white;
	text-decoration: none;
	margin: 0 0 0 -10px;
	padding: 10px 15px;
	-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
	box-shadow: inset 0 0 30px rgba(0,0,0,.3);
	-webkit-transition: background-color .35s linear;
	-moz-transition: background-color .35s linear;
	transition: background-color .35s linear;
}
.action h2 {
	font-size: 32px;
	line-height: 36px;
	padding-bottom: 72px;
}
#bottomfooter .action { width: 360px; }
.action:hover {
	color: white;
	background-color: #216a8b; /* #187da5; */
}
.action:visited {
	color: white;
}
.action em {
	font-size: 21px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-style: normal;
	display: block;
}

/* @end Homepage */



/* @group Digest Pages
	=================  */

.digest-article {
	overflow: hidden;
}
.digest-image {
	float: left;
	width: 140px; margin-right: 20px;
}
.digest-entry {
	float: left;
	width: 460px;
}

.sub-column .digest-image {
	width: 80px;
	margin-right: 10px;
}
.sub-column .digest-entry {
	width: 210px;
}

/* @end Digest Pages */



/* @group Data Core Page
	===================  */

.data-columns {
	overflow: hidden;
	margin-top: 50px;
}

ul.data-column {
	width: 240px;
	float: left;
	text-align: center;
}

ul.data-column li {
	margin: 15px 0;
	font-size: 1.3em;
}

/* @end Data Core Page */



/* @group Tables
	===========  */

table.hit-table {
	width: 100%;
}
.hit-table thead {
	border: 1px solid #d1ccb2;
	border-top-width: 3px;
	border-left-width: 0;
	border-right-width: 0;
}
.hit-table td, .hit-table th {
	padding: 3px 0;
}
.hit-table th {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.js .hit-table th[data-sort] {
	cursor: pointer;
}
.hit-table th[data-sort]:after {
	content: ' \2195';
	color: #7f7977;
}
.hit-table th[data-order=asc]:after {
	content: ' \2191';
}
.hit-table th[data-order=desc]:after {
	content: ' \2193';
}

/* @end Tables */



/* @group Dataset Pages
	==================  */

.top-section {
	overflow: hidden;
	margin-bottom: 20px;
}

.left-content-column {
	width: 300px;
}

table.dataset-table {
	width: 780px; margin: 0 auto;
}
.dataset-table tr:nth-child(3n):not(:last-child) {
	border-bottom: 1px solid #e6e0c3;
}

.dataset-table .column-state	{ width: 160px; }
.dataset-table .column-value	{ width:  70px; padding-right: 10px; text-align: right; }
.dataset-table .column-bar		{ width: 240px; }
.dataset-table .trend-off .column-bar { width:  460px; }
.dataset-table .column-bar div {
	background-color: #d93830;
	height: 20px;
}

.dataset-table .column-rank		{ width:  80px; }

/* @end Dataset Pages */



/* @group Article Pages
	==================  */

.content-support, .content-main {
	float: left;
	overflow: hidden;
}
.content-support {
	width: 140px;
	margin-right: 20px;
	min-height: 1px;
}
.content-main {
	width: 460px;
}

.content-links {
	font-size: .9em;
	line-height: 1.3;
}
.content-links li {
	margin-bottom: .5em;
}

/* @end Article Pages */



/* @group State Pages
	================  */
	
.state .left-content-column, .state .right-content-column {
	width: 460px;
	overflow: visible;
}

.state-summary th {
	text-align: left;
	color: white;
	background-color: #b2ae97;
}
.state-summary td, .state-summary th {
	border: 1px solid #b8b4b3;
	padding: 3px 5px;
}
.state-summary table td.name {
	width: 220px; 
}

.state-table tr:nth-child(3n+1):not(:last-child) {
	border-bottom: 1px solid #e6e0c3;
}
.state-table .category-head th {
	border-top: 1px solid #d1ccb2;
	border-bottom: 1px solid #d1ccb2;
}
.category-head th {
	text-align: left;
	padding-top: 10px;
}

.state-table .graph-axis span {
	margin-top: 6px;
	margin-bottom: -6px;
}
.state-table .graph-axis .better {
	float: left;
}
.state-table .graph-axis .worse {
	float: right; margin-right: 20px;
}

.state-table .column-dataset	{ width: 235px; padding-left: 5px; }
.state-table .column-value		{ width:  80px; }
.state-table .column-rank		{ width:  80px; }
.state-table .column-bar		{
	width: 320px;
	height: 110px;
}
.state-table .trend-off .column-dataset { width: 300px; }
.state-table .trend-off .column-bar { width: 460px; }

.state-table tr td {
	padding-top: 10px;
}

.state-table svg {
	font-size: 12px;
}

.state-table .desc {
	color: #888;
}

#graph-tooltip {
	position: absolute;
	display: none;
	background-color: white;
	padding: 3px 5px 2px;
	border: 1px solid #b8b4b3;
	box-shadow: 2px 2px 5px rgba(0,0,0,.1);
}
#graph-tooltip.state {
	background-color: #b2332c;
	background-image: -webkit-gradient(
		linear,
		1% bottom,
		left top,
		color-stop(1, #D93830),
		color-stop(0.3, #B2332C)
	);
	background-image: -o-linear-gradient(1% bottom, #D93830 100%, #B2332C 30%);
	background-image: -moz-linear-gradient(1% bottom, #D93830 100%, #B2332C 30%);
	background-image: -webkit-linear-gradient(1% bottom, #D93830 100%, #B2332C 30%);
	background-image: -ms-linear-gradient(1% bottom, #D93830 100%, #B2332C 30%);
	
	background-image: linear-gradient(1% bottom, #D93830 100%, #B2332C 30%);

	border-width: 0;
	padding: 4px 6px 3px;
	color: white;
}
#graph-tooltip.national {
	border-color: #1c88b4;
	color: #135e7c;
}

/* @end State Pages */

/* @end Specific pages */