/* LEV LIBERMAN VO STYLE SHEET
Written by Max Liberman */

/* Body styles */

body {
	background: #fff;
	color: #000;
	font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 1em;
}

/* Top infobar (imitates frames) */

#infobar {
	background: #000;
	color: #ccc;
	font-weight: bold;
	padding: .5em 1em .6em;
	clear: both;
}

/* Margins for page content */

#content {
	margin: .6em 1em 0;
}

/* General formatting of block-level elements */

h1 {
	color: #fff;
	font-size: 150%;
	margin: 0;
}

h2 {
	font-size: 100%;
	margin: 1em 0 0;
}

#infobar h2 {
	font-size: 95%;
	margin: 0 0 0 2em;
}

p, table {
	margin: .3em 0;
}

/* Some browsers don't display EM in italic, so explicitly declare this */

em {
	font-style: italic;
	text-decoration: none;
}

/* P's of class "aside" are italicized, bolded, centered, & somewhat larger */

p.aside {
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

/* White-bg links in red, with active/focus/hover orange */
/* Black-bg links same, but both colors a bit brighter */

a:link, a:visited {
	color: #f00;
}

a:active, a:focus, a:hover {
	color: #f90;
}

/* No underline on links, and all links are bold */

a, a:link, a:visited, a:active, a:focus, a:hover {
	text-decoration: none;
	font-weight: bold;
}

/* Images have no border */

img {
	border: none;
}

/* REZ table styles */

.proj.name {
	font-style: italic;
	width: 30%;
	padding-right: .9em;
}

.train.name {
	width: 30%;
	padding-right: .9em;
}

.proj.role, .train.trainer {
	width: 30%;
	padding-right: .9em;
}

.proj.producer, .train.venue {
	width: 40%;
}

td {
	vertical-align: top;
	padding-left: 1em;
	text-indent: -1em;
}

.proj.name em {
	font-style: normal;
}

/* .int text is NOT italicized */

.int {
	font-style: normal;
}

/* Floating images */

.floatimg {
	float: right;
}

/* H2s must be clear of floating elements */

h2 {
	clear: both;
}

/* Center each line of logos, and also center the player and the link to the other page */

#logos, #player, #otherpage {
	text-align: center;
}

/* Extra space around player, and even more around otherpage link */

#player {
	margin: 0.2em 0 .1em;
}

#otherpage {
	margin: 0.6em 0 0;
}

/* Anything with class "noscreen" won't show up in browser */

.noscreen {
	display: none;
}

/* Ps with class "important" have extra margins */

p.important {
	margin: 1em 0;
}
