html,body {
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
}
body,p,table,input,textarea,select {
	font-family: "Droid Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
}
strong {
	font-weight: 700;
}

a, a:visited {
	color: #5071b4;
	text-decoration: none;
}
a:hover {
	color: #32538a;
}
p {
	line-height: 190%;
	padding-bottom: 20px;
}
hr {
	border: 0;
	color: #ccc;
	height: 2px;
	width: 90%;
}
.alignleft {
	float: left;
	margin: 0 30px 5px 0;
}
.alignright {
	float: right;
	margin: 0 0 5px 30px;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.content_wrapper {
	min-width: 320px;
	margin: 0 auto;
	max-width: 1020px;
	width: 100%;
}
.content_section {
	padding: 50px 30px;
}



/* header nav */
#site_header_wrapper {
	background: #000;
	width: 100%;
}
#site_header {
	display: table;
	width: 100%;
}
#logo,
#main_menu {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
}
#main_menu {
	color: #999;
	font-family: "Raleway", sans-serif;
	text-align: right;
	text-transform: uppercase;
}

#main_menu > ul {
	display: inline-block;
	vertical-align: middle;
}
#main_menu > ul li {
	border-right: 1px #999 solid;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 160px;
}
#main_menu > ul li.navhome,
#main_menu > ul li.navabout {
	width: 90px;
}
#main_menu > ul li.share {
	border-right: 0;
	width: 210px;
}
#main_menu > ul > li > a {
	color: #fff;
	letter-spacing: 0.0625em;
	margin: 0 10px;
}
#main_menu > ul > li > a:hover {
	color: #82a8e1;
}


#social_nav {
	display: inline-block;
	vertical-align: middle;
}
#social_nav a,
#share_this a {
	background-image: url('../images/sprite_social.png');
	background-repeat: no-repeat;
	display: inline-block;
	height: 28px;
	margin: 0 3px;
	width: 28px;
}
#social_nav a.twitter,
#share_this a.twitter	{ background-position: 0 0; }
#social_nav a.facebook,
#share_this a.facebook	{ background-position: -28px 0; }


#social_nav a span,
#share_this a span {
	display: none;
}

#share_this a {
	margin: 0 5px;
	vertical-align: middle;
}

#share_this {
	color: #666;
	padding-top: 30px;
	text-align: right;
	text-transform: uppercase;
	vertical-align: middle;s
}
#share_this strong {
	display: inline-block;
	font-weight: 400;
	margin-right: 5px;
	height: 16px;
	vertical-align: middle;
}

@media( max-width: 900px ) {
	#site_header {
		display: block;
	}
	#logo,
	#main_menu {
		display: block;
	}
}

@media( max-width: 680px ) {
	#logo,
	#main_menu > ul {
		display: block;
		text-align: center;
		width: 100%;
	}
	#main_menu > ul li,
	#main_menu > ul li.share,
	#main_menu > ul li.navhome,
	#main_menu > ul li.navabout {
		border-right: 0;
		display: block;
		padding: 6px 8px;
		text-align: center;
		width: 100%;
	}

}

#illustration {
	background: transparent url('../images/home_header.jpg') 50% 60% no-repeat;
	background-size: cover;
	max-height: 691px;
	overflow: hidden;
	width: 100%;
}
#illustration h1 {
	display: none;

}
#illustration img {
	height: auto;
	width: 100%;
}

@media( min-width: 1500px ) {
	#illustration {
		max-height: 800px;
	}
}

#sub_illustration {
	background: transparent url('../images/sub_header.jpg') 50% 50% no-repeat;
	background-size: cover;
	max-height: 329px;
	overflow: hidden;
	width: 100%;
}
#sub_illustration h2 {
	display: none;

}
#sub_illustration img {
	height: auto;
	width: 100%;
}




/* home - about */
#about_wrapper p {
	font-size: 1.375em;
	padding: 0 30px 30px 30px;
}
#about_wrapper p small {
	display: block;
	font-size: 0.75em;
	line-height: 190%;
}

#about_wrapper blockquote {
	border-bottom: 4px #77a2e1 solid;
	border-top: 4px #77a2e1 solid;
	font-family: "Raleway", sans-serif;
	font-size: 1.875em;
	line-height: 180%;
	margin: 40px 0;
	text-align: center;
	padding: 20px;
}
#about_wrapper blockquote p,
blockquote p {
	font-family: inherit;
	font-size: inherit;
	line-height: 180%;
	padding: 0;
}
article blockquote {
	border-left: 3px #77a2e1 solid;
	font-size: 1em;
	line-height: 160%;
	margin: 30px 50px;
	padding: 10px 30px;
}
blockquote cite {
	display: block;
	font-size: 0.75em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}


/* home - tile grid */
#tile_wrapper {
	background: #e5e5e5;
	padding: 30px 0;
}
#tile_wrapper h2 {
	font-family: "Raleway", sans-serif;
	font-size: 2em;
	letter-spacing: 0.15em;
	padding-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
}
.tile_list {
	padding-left: 30px;
}
.tile_list .grid_sizer {
	width: 318px;
}
.tile_list .gutter_sizer {
	width: 4px;
}
.tile_list .grid_block {
	background-position: 10px 50%;
	background-repeat: no-repeat;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 148px;
	margin-bottom: 4px;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	width: 318px;
}

.tile_list .off_state {
	font-family: "Raleway", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	height: 148px;
	overflow: hidden;
	padding: 30px 20px 20px 70px;
}
.tile_list .off_state span {
	display: block;
	font-size: 0.6em;
	letter-spacing: 0.0625em;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.tile_list .grid_block .on_state {
	background-color: #2e2e2e;
	color: #fff;
	font-family: "Raleway", sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 140%;
	height: 148px;
	opacity: 0;
	padding: 20px;
	position: relative;
	margin-top: -148px;
	width: 318px;
	-o-transition: opacity 0.25s;
	-ms-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-webkit-transition: opacity 0.25s;
	transition: opacity 0.25s;
}
.tile_list .grid_block:hover .on_state {
	opacity: 1;
}


.tile_list .incarceration,
.tile_list .sensibility,
.tile_list .sexuality {
	background-color: #32538a;
}
.tile_list .poverty,
.tile_list .sentencing,
.tile_list .prisons {
	background-color: #b4cd35;
}
.tile_list .parole,
.tile_list .prosecutorial,
.tile_list .pretrial,
.tile_list .children {
	background-color: #5071b4;
}
.tile_list .policing,
.tile_list .immigration {
	background-color: #9ab02a;
}
.tile_list .health,
.tile_list .representation,
.tile_list .reintegration {
	background-color: #82a8e1;
}


.tile_list .incarceration		{ background-image: url('../images/icon_mass_incarceration.png'); }
.tile_list .pretrial			{ background-image: url('../images/icon_pretrial.png'); }
.tile_list .representation		{ background-image: url('../images/icon_representation.png'); }
.tile_list .sensibility			{ background-image: url('../images/icon_sensibility.png'); }
.tile_list .health				{ background-image: url('../images/icon_public_health.png'); }
.tile_list .sentencing			{ background-image: url('../images/icon_sentencing.png'); }
.tile_list .poverty				{ background-image: url('../images/icon_poverty.png'); }
.tile_list .children			{ background-image: url('../images/icon_childrens_rights.png'); }
.tile_list .prosecutorial		{ background-image: url('../images/icon_prosecutorial.png'); }
.tile_list .reintegration		{ background-image: url('../images/icon_reintegration.png'); }
.tile_list .policing			{ background-image: url('../images/icon_policing_practices.png'); }
.tile_list .immigration			{ background-image: url('../images/icon_immigration.png'); }
.tile_list .sexuality			{ background-image: url('../images/icon_sex_gender.png'); }
.tile_list .prisons				{ background-image: url('../images/icon_prison_conditions.png'); }
.tile_list .parole				{ background-image: url('../images/icon_parole.png'); }

@media( max-width: 1010px ) {
	.tile_list {
		margin: 0 auto;
		width: 680px;
	}
}
@media( max-width: 730px ) {
	.tile_list {
		margin: 0 auto;
		width: 400px;
	}
}


/* home - submit your ideas */
#ideas_wrapper {
	background: transparent url('../images/header_bar.png') 46% 25px no-repeat;
	margin: 40px 0;
}
#ideas_inner {
	background: transparent url('../images/submit_ideas.png') 0 0 no-repeat;
}
#ideas {
	margin: 0 auto;
	padding-left: 200px;
	text-align: left;
	width: 65%;
}
#ideas h2 {
	color: #fff;
	padding: 40px 0 40px 0;
	font-size: 2.25em;
}
#ideas h2 strong {
	display: block;
	font-size: 0.5em;
	font-weight: 400;
	text-transform: uppercase;
}

@media( max-width: 970px ) {
	#ideas_inner {
		background: none;
	}
	#ideas {
		padding-left: 10%;
		width: 85%;
	}
}
@media( max-width: 640px ) {
	#ideas_wrapper {
		background: transparent url('../images/header_bar.png') 0 25px no-repeat;
	}
	#ideas {
		padding-left: 2.5%;
		width: 95%;
	}
}




/* home - download */
#download_wrapper {
	background: transparent url('../images/header_download.png') 0 20px repeat-x;
	text-align: center;
}
#download_wrapper .content_wrapper {
	background: transparent url('../images/download.png') 100% 0 no-repeat;
}

#download {
	padding-right: 10%;
	padding-top: 60px;
}

#download_button {
	background-color: #82a8e1;
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 1.875em;
	letter-spacing: 0.05em;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	width: 55%;
}
#download_button:hover {
	background-color: #000;
}

#download > span {
	color: #82a8e1;
	display: block;
	font-size: 0.875em;
	font-style: italic;
	margin-top: 15px;
}
#artist_statement {
	padding: 70px 0 40px 0;
}
#artist_statement h3 {
	color: #5071b4;
	font-family: "Raleway", sans-serif;
	font-size: 1.25em;
	padding: 25px 0;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
#artist_statement h4 {
	font-size: 0.875em;
	font-weight: 700;
	font-style: italic;
}
#artist_statement blockquote {
	font-size: 0.875em;
	font-style: italic;
	line-height: 140%;
	padding: 30px 60px;
}
#artist_statement a.more {
	background-color: #b4cd35;
	color: #fff;
	font-size: 0.875em;
	font-weight: 700;
	display: inline-block;
	letter-spacing: 0.05em;
	padding: 7px;
	text-transform: uppercase;
}
#artist_statement a.more:hover {
	background: #000;
}

@media( max-width: 880px ) {
	#download_button span {
		display: block;
	}
}
@media( max-width: 690px ) {
	#download_wrapper .content_wrapper {
		background: none;
	}
	#download {
		padding-right: 0;
	}
	#download_button {
		width: 80%;
	}
	#download_button span {
		display: inline;
	}
}
@media( max-width: 550px ) {
	#download_button span {
		display: block;
	}
	#artist_statement {
		padding: 30px 20px;
	}
	#artist_statement blockquote {
		padding: 30px 10px;
	}

}




/* sub-pages */
.page_wrapper {
	display: table;
	width: 100%;
}
#sidebar_burger {
	display: none;
}
.col_sidebar {
	display: table-cell;
	padding: 50px 0 50px 20px;
	vertical-align: top;
	width: 250px;
}
.col_main {
	display: table-cell;
	vertical-align: top;
	padding: 50px 20px 50px 50px;
}

.col_main h1 {
	font-family: "Raleway", sans-serif;
	font-size: 2.25em;
	line-height: 140%;
	padding-bottom: 15px;
}
.col_main h2 {
	font-family: "Raleway", sans-serif;
	font-size: 1.5em;
	line-height: 150%;
	padding-top: 20px;
	padding-bottom: 15px;
}
.col_main h3 {
	font-family: "Raleway", sans-serif;
	font-size: 1em;
	padding-bottom: 15px;
}
.col_main ul, 
.col_main ol {
	margin: 3%;
	line-height: 160%;
}
.col_main ol {
	list-style-type: decimal !important;
}
.col_main ul li {
	background: transparent url('../images/green_arrow.png') 0 6px no-repeat;
	padding-left: 15px;
	margin: 3% 0;
}
.col_main ol li {
	padding-left: 15px;
	list-style-type: decimal !important;
	margin: 2% 0;
}

#page_subnav a {
	border-bottom: 1px #e1e1e1 solid;
	color: #32538a;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 130%;
	display: block;
	padding: 10px 5px;
}
#page_subnav a.title {
	color: #333;
	font-family: "Raleway", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
}
#page_subnav a.title span {
	display: block;
	font-size: 0.5625em;
	font-weight: 700;
	line-height: 115%;
	letter-spacing: 0.05em;
	margin-bottom: 4px;
	text-transform: uppercase;
}
#page_subnav a.active,
#page_subnav a:hover {
	background: #f3f3f3;
}


/* sub-page sidebar widgets */
.page_sidebar {
	padding: 50px 0 0 0;
}
div.widget_text h4 {
	display: none;
}

div.textwidget h3 {
	border-bottom: 1px #e1e1e1 solid;
	font-family: "Raleway", sans-serif;
	font-size: 1.3125em;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
div.textwidget h3 span {
	display: block;
	font-family: "Droid Sans", sans-serif;
	font-weight: 700;
	font-size: 0.5625em;
	letter-spacing: 0.05em;
	margin-bottom: 5px;
	text-transform: uppercase;
}
div.textwidget p {
	font-size: 0.8125em;
	line-height: 140%;
}
div.textwidget p a {
	font-weight: 700;
	font-size: 1em;
	text-align: center;
}
div.textwidget img {
	margin-bottom: 5px;
}
.page_sidebar a.download_button {
	background-color: #82a8e1;
	color: #fff;
	display: block;
	font-family: "Raleway", sans-serif;
	margin: 0 auto;
	font-size: 1.125em;
	letter-spacing: 0.05em;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
}
.page_sidebar a.download_button:hover {
	background-color: #000;
}
div.widget_wkd_media_widget {
	padding-bottom: 0;
	margin-bottom: -18px;
}



/* accordions / flash cards */
.accordion {
	overflow: hidden;
	max-height: 0;
	transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
}

#factsheet h2,
#solutions h2 {
	background: #a0b82c url('../images/icon_factsheet.png') 10px 15px no-repeat;
	color: #fff;
	cursor: pointer;
	font-family: "Raleway", sans-serif;
	font-size: 1.5em;
	letter-spacing: 0.0525em;
	line-height: 120%;
	margin-bottom: 25px;
	padding: 10px;
	padding-left: 50px;
}
#solutions h2 {
	background: #35568d url('../images/icon_inaction.png') 10px 50% no-repeat;
}
#factsheet h2:hover {
	background: #111 url('../images/icon_factsheet.png') 10px 15px no-repeat;
}
#solutions h2:hover {
	background: #111 url('../images/icon_inaction.png') 10px 50% no-repeat;
}
#factsheet h2 small,
#solutions h2 small {
	display: block;
	font-size: 65%;
	letter-spacing: 0.0825em;
	text-transform: uppercase;
}

#factsheet h3,
#solutions h3 {
	color: #94ab20;
	font-family: "Raleway", sans-serif;
	font-size: 1.5em;
}
#factsheet_body,
#solutions_body {
	padding: 0 15px;
	margin-bottom: 20px;
}

#flash_cards {
	padding: 10px 0;
}
#flash_cards h3 {
	background: transparent url('../images/icon_flashcards.png') 0 20px no-repeat;
	border-top: 5px #77a2e1 solid;
	font-family: "Raleway", sans-serif;
	font-size: 2em;
	letter-spacing: 0.0625em;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 45px;
	text-transform: uppercase;
}
#flash_cards h4 {
	font-family: "Raleway", sans-serif;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 0.0625em;
	padding-bottom: 10px;
	text-transform: uppercase;
}
#flash_cards h5 {
	background: transparent url('../images/left_arrow.png') 0 50% no-repeat;
	color: #fff;
	cursor: pointer;
	font-family: "Raleway", sans-serif;
	font-size: 1.25em;
	font-weight: 700;
	letter-spacing: 0.0625em;
	padding-left: 28px;
	text-transform: uppercase;
}
#flash_cards h5:hover {
	background: transparent url('../images/arrow_down.png') 0 50% no-repeat;
}

#flash_cards .card {
	margin: 10px 0 40px 0;
}
#flash_cards .card .group {
	border-bottom: 1px #fff solid;
	padding: 15px 10px 15px 40px;
}
#flash_cards .card .group > div {
	padding: 20px 0;
}
#flash_cards .card .value {
	background-color: 
}
#flash_cards .card .value		{ background-color: #82a8e1; }
#flash_cards .card .problem		{ background-color: #86b5e1; }
#flash_cards .card .solution	{ background-color: #35568d; color: #fff; }
#flash_cards .card .action		{ background-color: #a0b82c; }

#flash_cards .card .group > div > p:last-child {
	padding-bottom: 0 !important;
}

.card_pdf_link {
	font-size: 85%;
	font-weight: 700;
	margin-top: -20px;
	padding-bottom: 30px;
	position: relative;
	text-align: right;
	text-transform: uppercase;
}

@media( max-width: 750px ) {
	.col_sidebar {
		background: #eaeaea;
		box-shadow: 2px 2px 3px rgba( 0, 0, 0, 0.5 );
		display: block;
		height: 100%;
		left: -290px;
		position: fixed;
		width: 280px;
		top: 0;
		z-index: 900;
		-o-transition: left 0.25s;
		-ms-transition: left 0.25s;
		-moz-transition: left 0.25s;
		-webkit-transition: left 0.25s;
		transition: left 0.25s;
	}
	body.sidebar_open .col_sidebar {
		left: 0;
	}
	#sidebar_burger {
		background: #eaeaea;
		box-shadow: 2px 2px 3px rgba( 0, 0, 0, 0.5 );
		color: #333;
		cursor: pointer;
		display: block;
		font-size: 2em;
		font-weight: 700;
		height: 40px;
		left: 0;
		padding-top: 3px;
		position: fixed;
		text-align: center;
		top: 30px;
		width: 30px;
		z-index: 901;
		-o-transition: left 0.25s;
		-ms-transition: left 0.25s;
		-moz-transition: left 0.25s;
		-webkit-transition: left 0.25s;
		transition: left 0.25s;
	}
	body.sidebar_open #sidebar_burger {
		left: 280px;
	}

	.col_main {
		display: block;
		padding: 50px 20px 50px 20px;
		width: 100%;
	}
}


/* site footer */
#site_footer {
	background-color: #000;
	padding: 40px 0;
}
#site_footer .content_wrapper {
	background: transparent url('../images/logo_footer.png') 0 50% no-repeat;
	color: #999;
	padding-left: 80px;

}
#site_footer p {
	font-size: 0.75em;
	line-height: 100%;
	padding-bottom: 8px;
}
#site_footer a {
	color: #999;
}
#site_footer a:hover {
	color: #fff;
}
div.footer_credit {
	font-weight: bold;
	float: right;
	text-transform: uppercase;
}



.size_mobile {
	display: none !important;
}
@media( max-width: 600px ) {
	.size_full {
		display: none !important;
	}
	.size_mobile {
		display: block !important;
	}	
}