/* styles specific to filmography pages, loaded on top of base.css */
a.menuhere {
	color: #EEEEEE !important;
	background-color: #6F98C7;
}
h1 {
	color: #F7E891;
	background-color: #6F98C7;
}
h2 {
	color: #F7E891;
	background-color: #6F98C7;
}
img {
	margin: 1em 50px 1em 0;
	padding-bottom: 1em;
	display: block;
}

.film-block {
/*	border: thin solid black;*/
	padding-top: 1em;
	page-break-inside: avoid;
}

.film-title {
	clear: both;
}

.film-image {
/*	border: thin dotted silver;*/
	float: left;
	width: 250px;
	page-break-inside: avoid;
}

.film-record {
/*	border: thin solid green;*/
	margin-left: 250px;
	max-width: 50em;
}

.film-summary {
	padding-top: 1em;
	padding-bottom: 1em;
}

.film-credits {
}

.credits {
	/*border: thin solid yellow;*/
}

.film-role {
	/*border: thin dotted red;*/
	font-style: italic;
	width: 9em;
	vertical-align: top;
}

.film-names {
	/*border: thin dotted blue;*/
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	vertical-align: top;
}

.film-festivals {
	padding-top: 1em;
	font-style: italic;
	font-size: smaller;
}

.details-link {
	text-align: left;
	margin: 1em 0 1em 0;
}

.clear {
	/* used in empty divs needed for MSIE on Mac to separate film-blocks */
	clear: both;
}

#localmenu {
	padding: 0.5em 0em 0.5em 0em;
}

#localmenu ul {
/*	display: inline;
*	margin-left: 0px;
*	padding-left: 0px;
*/
	list-style-type: disc;
}

#localmenu li {
/*	display: inline;*/
	padding: 0.1em 1em 0.1em 1em;
}

#localmenu li a {
	color: navy;
}

#poem {
	width: 18.5em; /* width required by MSIE for Mac */
	float: right;
	clear: right;
	background: #EEEEEE;
	border: thin solid #9AB7DA;
	padding: 1em;
	margin: 1em 0 2em 2em;
}

#poem .source {
	width: 100%; /* For Opera bug making #poem DIV too wide when text-align: right on .source */
}

.chapter {
	margin-left: 5%;
	margin-right: 5%;
}

.source {
	font-size: smaller;
	font-style: italic;
	text-align: right;
}

.film-pic {padding: 1em 0 1em 0; clear: left;}

td.role,
td.person {
	padding: 0.2em 2em 0.2em 0em;
	border-bottom: thin dotted silver;
	vertical-align: top;
}
td.role {
	width: 15em;
}
td.person {
	width: 20em;
}

span.dvd-link {
	float: right;
	width: 9em;
	text-align: right;
}

a.dvd-link:before{
  content: "> ";
}