/* The table listing all interviews for a given topic. */
table.interviews {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 14px;
	margin-top: 25px;
}
	thead {
		background-color: #edf2f7;
	}
	tbody {
		line-height: 18px;
	}
		tr {
			clear: both;
			height: 25px;
			padding: 0 12px;
		}
			tr.closed, tr.closed a {}
			tr:nth-child(even) {
				background-color: #edf2f7;
				behavior: url('/javascript/PIE.htc');
				border-radius: 8px;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
			}
			/* Column widths */
			#primary {
				width: 13%;
			}
			#additional {
				width: 16%;
			}
			#position {
				width: 50%;
			}
			#date {
				width: 18%;
			}
			th {
				text-align: left;
			}
			td + td {
				margin-left: 25px;
			}


/* Transcripts */
dl {
	margin-top: 25px;
}
	dt + dd {
		margin-bottom: 25px;
	}
	dt {
		float: left;
		font-weight: bold;
		text-align: right;
		width: 7em;
	}
	dd {
		hyphens: auto;
		margin-left: 7.5em;
		text-align: justified;
		-webkit-hyphens: auto;
		width: 500px;
	}
		/* Show pilcrows to act as permalinks. */
		dd .permalink {
			display: none;
		}
			/* But only display them when the DD is hovered over. */
			dd:hover .permalink {
				font-family: Arial, Helvetica;
			}
				dd:hover .permalink:hover {
					text-decoration: none;
				}
	dl q:before {
		content: "“";
	}
	dl q:after {
		content: "”";
	}
		/* Nested quotes. */
		dl q q:before {
			content: "‘";
		}
		dl q q:after {
			content: "’";
		}
			/* Quotes nested more deeply still. Yes, we need these.. */
			dl q q q:before {
				content: "“";
			}
			dl q q q:after {
				content: "”";
			}
div.break {
	font-weight: bold;
	margin: 4em 0;
	text-align: center;
	width: 500px;
}

div#introduction {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 14px;
	width: 580px;
}
	img#subject_photo {
		float: right;
		margin: 0 25px 25px 25px;
	}

/* Make text appear to have been crossed out with a marker. */
.redacted {
    background-image: url('http://staticmc.org/images/redacted.gif');
    background-repeat: repeat-x;
    color: transparent;
}

/* Center the news slideshow and place the next item below it */
#center-slideshow {
	float: left;
	padding-top: 25px;
	width: 85%;
	max-width: 456px;
	margin-left: 5%;
}

#navigation-slideshow {width: 90%;}


h2.sub-slideshow-heading {
	clear: left;
	margin-top:400px;
}

/*This handles the location of the flash player on "teaser" pages*/
.scrollingtransflashplayer{
	margin: 0 25px 25px 25px;
	width: 450px;
}


#featured-quote { font-size: 18px;
	font-style: italic;
	text-align: center;
	margin: 12px 25px 13px 25px;
	color: #bbb;
	width: 80%;}