/*
	screen-style.css
	(c) Adam Fawns 2006

	Styles for my acting CV, when displayed on-screen.

*/


/* This first rule is for debugging.
	 No element uses the 'x' class so that turns it "off" */
*.x {
	border: 1px solid black;
}

body {
	font: 8pt Arial;
	text-align: center;
}

/* Container Table. */
table#containerTable {
	width: 100%;
}

/* Bio table. */
td#bioCell {
	vertical-align: top;
	padding: 15px;
	text-align: center;
	width: 35%;
}

img.headshot {
	height: 120px;
	margin: 5px;
	border: 1px solid black;
}

table#bio tr th {
	text-align: right;
}
table#bio tr td {
	text-align: left;
}

table.rolesTable {
	width: 100%;
}

td.headingCell {
	padding-top: 10px;
	font-weight: bold;
	border-bottom: 1px solid black;
}

table.container {
	width: 100%;
}

table.container tr th {
	font-size: 10px;
	text-align: left;
}

table.container tr td {
	font-size: 8pt;
}

/* The table sorts it's own column widths out, for now */
td.medium {
	width: 20%;
}

td.name {
	font-weight: bold;
}

td.role {
}

td.director {
}

th.medium, th.name, th.role, th.director {
	color: gray;
}

/* General stuff */
p {
	font-size: 10pt;
}

span.whisper {
	color: gray;
}

.displayoff {
	display: none;
}

.displayOn {
	display: block;
}

.specialNotes {
	font-size: 10pt;
	color: #ff6600;
}

.detailHeading {
	font-weight: bold;
}

.caption {
	font-size: 8pt;
	color: darkgray;
}