html { margin: 0px; padding: 0px; }
body {
	margin: 0px; 
	padding: 0px;
	background: #15161b;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #8d8e9c;
}

img { border: 0px; 
      vertical-align: middle; 
    }

a:link, a:visited {
	color: #6c798a;
}
a:active, a:hover {
	color: #fff;
}

.container {
	border-collapse: collapse;
	border: none;
	padding: 0px;
	margin: 0px auto;
}
	.container td { margin: 0px; padding: 0px; text-align: left; vertical-align: middle; }

	.content { background: #0f1015; }
	
	.bgleft {
		background: url('bgleft.gif') repeat-y;
	}

	.bgright {
		background: url('bgright.gif') repeat-y;
	}
	
	.bgbottom {
		background: url('bgbottombg.gif') repeat-x;
	}

.clear { clear: both; }

#header {
	background: #1b1c22 url('flourish.gif') no-repeat 5px -10px;
	padding: 10px;
	color: #71727f;
	font: italic 230% Georgia, Times, 'Times New Roman', serif;
	margin: 0px;
}

.bar {
	padding: 5px 10px;
	background: #2c2e38;
}

/* determines width of left entry picture, adjust accordingly, but 
 * consistently with iframe width as defined in index.html */
#left {
	width: 1300px;
	float: left;
	text-align: center;
	horizontal-align: center;
}

#right {
	width: auto;
	float: left;
}
iframe { border: 0px; margin: 0px; padding: 0px; vertical-align: middle; horizontal-align: center; }

#bottom {
	background: #1b1c22 url('flourish.gif') no-repeat 5px -10px;
	padding: 10px;
	color: #71727f;
	margin: 0px;
}


.gallery {
	border-collapse: separate;
	border-spacing: 5px;
	border: none;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}

	td.thumb {
		padding: 5px 5px 2px 5px;
		text-align: center;
	}
	
	td.description {
		background: #1b1c22;
		padding: 5px;
		text-align: center;
		width: 164px;
	}
	
	.running { color: #3d3e47; }

/* detailimage is used to actually display a movie or photo by media.html */
.detailimage {
	border-collapse: collapse;
	border: none;
	padding: 0px;
	margin: 0px;
	width: 540px; 
	height: 460px;
	vertical-align: middle;
}