html {
	overflow-x: hidden;
}
body {
	behavior: url('css/csshover3.htc');
	background: url('../img/title_blue_line.gif') repeat-x center 148px;
}
h3 {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}
#container {
	background: url('../img/background.jpg') no-repeat top center;
	position: absolute;
	left: 50%;
	width: 1137px;
	margin-left: -588px;
}

#title {
	margin-top: 23px;
	margin-left: 323px;
	overflow: hidden;
	width: 552px;
	height: 40px;
}
#title a {
	float: left;
	width: 100%;
	height: 0;
	padding-top: 40px;
	overflow: hidden;
}

#navigation {
	margin-top: 37px;
	margin-left: 321px;
	width: 560px;
	height: 9px;
	
}
#navigation li {
	float: left;
	height: 23px;
}
#navigation li a {
	float: left;
	width: 100%;
	height: 0;
	padding-top: 18px;
	overflow: hidden;
}
#navigation li:hover, #navigation li.current-nav { border-bottom: 2px solid #D20006; }
#navigation li#nav-film		{ width: 66px; margin-right: 43px; }
#navigation li#nav-blog 	{ width: 37px; margin-right: 42px; }
#navigation li#nav-issue 	{ width: 70px; margin-right: 43px; }
#navigation li#nav-media 	{ width: 47px; margin-right: 43px; }
#navigation li#nav-reform 	{ width: 57px; margin-right: 43px; }
#navigation li#nav-contact 	{ width: 69px; margin-right: 0px; }

#title-section {
	clear: both;
	background: url('../img/title_lines.gif') no-repeat top center;
	margin-top: 39px;
	_margin-top: 23px; /* IE6 */
	padding-left: 240px;
	width: 40%;
	height: 25px;
	overflow: hidden;
}
#title-section span {
	background: url('../img/titles.gif') no-repeat;
	float: left;
	height: 0;
	padding-top: 25px;
	overflow: hidden;
}
#title-section.title-about 		span { padding-left: 121px; background-position: 0px 0px; }
#title-section.title-filmmakers span { padding-left: 256px; background-position: 0px -25px; }
#title-section.title-interviews span { padding-left: 245px; background-position: 0px -50px; }
#title-section.title-news 		span { padding-left: 134px; background-position: 0px -76px; }

#title-section.title-whatisit 	span { padding-left: 242px; background-position: 0px -128px; }
#title-section.title-census 	span { padding-left: 260px; background-position: 0px -102px; }

#title-section.title-reform 	span { padding-left: 174px; background-position: 0px -153px; }

#title-section.title-media 		span,
#title-section.title-player		span { padding-left: 142px; background-position: 0px -178px; }

#title-section.title-contact	span { padding-left: 200px; background-position: 0px -203px; }

#section {
	
}

#section-menu, #content-wrapper {
	float: left;
	display: inline;
}
#section-menu {
	width: 122px;
	margin-top: 10px;
	margin-left: 255px;
}
#section-menu ul {
	width: 122px;
}
#section-menu ul li {
	
}
#section-menu ul li a {
	width: 122px;
	float: left;
	clear: both;
	height: 0px;
	padding-top: 11px;
	margin-bottom: 8px;
	overflow: hidden;
	background: url('../img/menu.gif') no-repeat;
}

#section-menu ul li#menu-about 		a { width: 60px; background-position: 0px 0px; }
#section-menu ul li#menu-filmmakers a { width: 101px; background-position: 0px -19px; }
#section-menu ul li#menu-news 		a { width: 53px; background-position: 0px -38px; }
#section-menu ul li#menu-interviews a { width: 98px; background-position: 0px -59px; }

#section-menu ul li#menu-whatisit 	a { width: 94px; background-position: 0px -76px; }
#section-menu ul li#menu-census		a { width: 121px; background-position: 0px -113px; }
#section-menu ul li#menu-playgame 	a { width: 91px; background-position: 0px -96px; }

#content-wrapper {
	margin-top: -9px;
	width: 444px;
	border-right: 2px solid #D7D9DC;
	font-family: Times, "Times New Roman", Georgia, serif;
	font-size: 13px;
	
	
	min-height: 550px;
	height: auto !important;
	height: 550px;
}
#content-wrapper.content-media {
	width: 505px;
	margin-left: -59px;
}

#content {
	min-height: 550px;
	height: auto !important;
	height: 550px;
	
	
	margin-top: 19px;
	padding: 16px 25px;
	border-top: 1px dashed #8891A3;
	border-left: 1px dashed #8891A3;
}
#content-wrapper.content-media #content {
	background: #FFFFFF;
	padding: 10px;
}
#content p, #content a {
	font-size: 14px;
	color: #666666;
	line-height: 125%;
	margin-bottom: 15px;
}

/* INDEX */
#index-header {
	border: 1px solid #FFFFFF;
	background: url('../img/background.jpg') no-repeat top center;
	width: 650px;
	overflow: hidden;
	margin: 0 auto;
}
#index-header #title { margin-left: 78px; }
*:first-child+html #index-header { width: 715px; height: 140px; background-position: -230px 0px; }
*:first-child+html #index-header #title { margin-left: 92px; }
*html #index-header { width: 750px; height: 140px; margin-left: 100px; }

#index-header #navigation {
	margin-left: 77px;
	_margin-left: 190px;
	margin-bottom: 28px;
}
*:first-child+html #index-header #navigation { width: 580px; }
*:first-child+html #index-header #navigation li#nav-film { margin-left: 14px; }
*:first-child+html #index-header #navigation li#nav-reform { margin-right: 0px; }
*:first-child+html #index-header #navigation li#nav-contact { margin-left: 42px; }

#index-content {
	height: 551px;
	clear: both;
	width: 1400px;
	margin: 0 auto;
}

#index-content #map {
	z-index: 1;
	width: 1400px;
	position: absolute;
	left: 50%;
	margin-left: -700px;
}

#feed-container {
	position: absolute;
	left: 50%;
	margin-left: -150px;
	margin-top: 80px;
	z-index: 2;
	width: 700px;
	height: 451px;
}

#the-feed {
/*	position: absolute;
	z-index: 2;*/
	width: 232px;
	margin-top: 10px;
	margin-left: 390px;
}
#the-feed h2 {
	background: url('../img/the_feed.jpg') no-repeat top center;
	height: 35px;
	overflow: hidden;
}
#the-feed h2 span {
	float: left;
	height: 0;
	padding-top: 35px;
}
#the-feed ul {
	clear: both;
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
}
#the-feed ul li {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #000000;
	overflow: hidden;
	background: #FFFFFF;
}
*html #the-feed ul li {
	zoom: 1;
	overflow: visible;
	display: inline;
	/*width: 230px;*/
}
#the-feed ul li.last-feed {
	border-bottom: none;
}
#the-feed ul li img {
	float: left;
	width: 16px;
	margin-left: 5px;
}
#the-feed ul li div {
	float: left;
	width: 195px;
	margin-left: 9px;
}
#the-feed ul li div h3 a {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #950002;
	text-transform: capitalize;
	cursor: pointer;
}
#the-feed ul li div h3 a:hover {
	text-decoration: none;
}
#the-feed ul li div p {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 9px;
	color: #797979;
	margin-top: 3px;
}
#the-feed ul li div p a {
	color: #797979;
}
#the-feed #feed-footer {
	width: 100%;
	height: 20px;
	background: url('../img/the_feed.jpg') no-repeat 0px -35px;
	overflow: hidden;
}
#the-feed #feed-footer a {
	float: left;
	width: 115px;
	height: 0;
	padding-top: 20px;
	overflow: hidden;
	margin-left: 115px;
}

/* Interviews */
.interviews-top {

}
#interviews {
	margin-top: 25px;
	
}
#interviews .interviews-item {
	clear: both;
	margin-top: 20px;
	overflow: hidden;
	display: none;
}
*html #interviews {
	margin: 0;
	padding: 0;
}
*html #interviews .interviews-item {
	zoom: 1;
	overflow: visible;
	display: inline;
	width: 100%;
}
#interviews .e {
	background: #D7D9DC;
	
}
#interviews img {
	float: left;
	width: 118px;
	height: 108px;
}
#interviews .interview-content {
	float: left;
	width: 250px;
	margin-left: 12px;
}
#interviews .interview-title {
	font-size: 15px;
	margin-top: 10px;
}
#interviews .interview-description {
	margin-top: 5px;
	font-size: 13px;
	color: #666666;
}
#interviews .interview-buttons li {
	display: inline;
}
#interviews .interview-buttons li a {
	float: left;
	background: url('../img/interviews_buttons.gif') no-repeat;
	overflow: hidden;
	height: 0;
	padding-top: 19px;
}
#interviews .interview-buttons li.interview-clip a {
	margin-right: 2px;
	width: 64px;
}
#interviews .interview-buttons li.interview-bio a {
	width: 65px;
	background-position: -66px 0px;
}

#more-to-come {
	height: 12px;
	margin-top: 20px;
	background: url('../content/film/more-to-come.gif') no-repeat top center;
}

#fancy_div h4.interview-bio {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 18px;
	padding-top: 5px;
	text-transform: uppercase;
	margin: 10px;
}
#fancy_div p.interview-bio {
	margin: 10px;
}
#fancy_div img.interview-bio {
	margin: 5px 10px 5px 0;
	padding: 5px;
	border: 1px solid #CCC
}

/* News */
#news {
	
}
#news li {
	margin-bottom: 20px;
}
#news h3 {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}
#news li img {
	vertical-align: -3px;
}
#news a {
	
}

/* Reform */
#reform-title {
	text-align: center;
	margin-bottom: 15px;
}
#reform-text {
	text-align: center;
}
#reform-logos {
	position: absolute;
	width: 442px;
	height: 270px;
	margin-left: -24px;
	background: url('../content/reform/logos.gif') 0px 0px no-repeat;
}
#reform-logos div {
	overflow: hidden;
	clear: both;
}
#reform-logos div a {
	float: left;
	height: 0;
	overflow: hidden;

}
#reform-logos #americans-redistricting-reform { padding-top: 33px; width: 106px; margin-top: 22px; margin-left: 18px; }
#reform-logos #brennan-center-justice { width: 93px; padding-top: 26px; margin-top: 25px; margin-left: 26px; }
#reform-logos #california-forward { width: 76px; padding-top: 32px; margin-top: 24px; margin-left: 14px; }
#reform-logos #campaign-legal-center { width: 77px; padding-top: 32px; margin-top: 23px; margin-left: 13px; }
#reform-logos #common-cause { width: 115px; padding-top: 34px; margin-top: 11px; margin-left: 8px; }
#reform-logos #council-excellence-goverment { width: 71px; padding-top: 39px; margin-top: 14px; margin-left: 13px; }
#reform-logos #fair-elections-arizona { width: 158px; padding-top: 17px; margin-top: 28px; margin-left: 4px; }
#reform-logos #fair-elections-florida { width: 52px; padding-top: 31px; margin-top: 18px; margin-left: 6px; }
#reform-logos #fair-vote { width: 47px; padding-top: 52px; margin-top: -4px; margin-left: 26px; }
#reform-logos #civil-rights { width: 99px; padding-top: 27px; margin-top: 10px; margin-left: 26px; }
#reform-logos #league-women-voters { width: 106px; padding-top: 31px; margin-top: 6px; margin-left: 30px; }
#reform-logos #map-150 { width: 80px; padding-top: 16px; margin-top: 18px; margin-left: 14px; }
#reform-logos #mex-ame-legal-defense { width: 40px; padding-top: 40px; margin-top: 6px; margin-left: 20px; }
#reform-logos #legal-defense-fund { width: 62px; padding-top: 30px; margin-top: 10px; margin-left: 25px; }
#reform-logos #latino-elected-officials { width: 50px; padding-top: 50px; margin-top: 0px; margin-left: 35px; }
#reform-logos #public-interest-research { width: 80px; padding-top: 22px; margin-top: 15px; margin-left: 23px; }
#reform-logos #reform-institute { width: 63px; padding-top: 35px; margin-top: 9px; margin-left: 18px; }

#reform-links {
	margin-top: 300px;
	text-align: center;
	color: #082E6E;
	line-height: 175%;
}
#reform-links a {
	color: #082E6E;
}
#reform-links a:hover {
	color: #950002;
}


#fancy_content {
	line-height: 125%;
}


/* Media */
#media ul {
	background: #1C50A4;
	color: #FFFFFF;
}
*html #media ul li {
	zoom: 1;
	overflow: visible;
	display: inline;
	width: 473px;
}
#media ul li {
	clear: both;
	overflow: hidden;
	border-bottom: 2px solid #3A67B0;
	padding: 5px;
}
#media ul li h3 a {
	color: #FFFFFF;
}
#media ul li.last-media {
	border-bottom: 0;
}
#media ul li img {
	float: left;
	width: 110px;
}
#media ul li .media-info {
	float: left;
	width: 345px;
	margin-left: 10px;
}
#media ul li .media-info h3 {
	margin-top: 10px;
	margin-bottom: 5px;
}
#media ul li .media-info p {
	color: #FFFFFF;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
}

#player h3, #player p, #player #player-comments {
	width: 480px;
	margin-left: auto;
	margin-right: auto;
}

#player p {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
#player #player-comments li {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
}
#player #player-comments li h4 {
	color: #D20006;
	margin-bottom: 5px;
}
#player #player-comments li h4 span {
	color: #BFBFBF;
}
#player #player-comments li p {
	color: #000000;
	font-weight: normal;
}

/* Contact */
h3#contact-title {
	margin-bottom: 20px;
}
#contact input, #contact textarea {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 13px;
}
#contact input {
	width: 70%;
}
#contact textarea {
	width: 100%;
}
#contact #contact-submit {
	width: auto;
}
#contact-fields-required {
	font-size: 9px;
}


#footer-wrapper {
	position: absolute;
	clear: both;
	width: 100%;
	height: 68px;
	overflow: hidden;
	background: #D7D9DC;
	z-index: 2;
	margin-top: 650px;
}
#footer-links {
	position: absolute;
	height: 42px;
	width: 442px;
	left: 50%;
	margin-top: 15px;
	margin-left: -211px;
}
#footer-links li {
	float: left;
}
#footer-links li a {
	float: left;
	height: 0;
	padding-top: 22px;
	overflow: hidden;
	background: url('../img/footer.gif') no-repeat;
}
#footer-links .footer-press a 			{ background-position: 0px 0px; width: 44px;  margin-right: 0px; }
#footer-links .footer-digg a 			{ background-position: 0px 0px; width: 44px;  margin-right: 26px; }
#footer-links .footer-delicious a 	{ background-position: -70px 0px; width: 64px;  margin-right: 14px; }
#footer-links .footer-reddit a 		{ background-position: -147px 0px; width: 55px;  margin-right: 11px; }

#footer-form {
	position: absolute;
	display: inline;
	height: 22px;
	width: 235px;
	left: 50%;
	margin-top: 15px;
	margin-left: 1px;
}
#footer-wrapper.content-media #footer-links {
	margin-left: -270px;
}
#footer-wrapper.content-media #footer-form {
	
}
#footer-form input {
	float: left;
}
#footer-form #email-footer {
	width: 165px;
	height: 14px;
	padding-top: 5px;
	margin-right: 5px;
	border: 1px solid #B0B0B0;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 9px;
	color: #606060;
	display: inline;
}
#footer-form #submit {
	width: 58px;
	display: inline;
}
#footer-copyright {
	position: absolute;
	width: 100%;
	margin-top: 43px;
	padding-top: 10px;
	padding-bottom: 5px;
	background: #FFFFFF;
	text-align: center;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 10px;
}
#footer-copyright a {
	text-transform: uppercase;
	color: #7D0002;
}
#footer-copyright p {
	margin-top: 10px;
}