/*Theatre Ink Archives stylesheet */

html, body {
	font-family:Century Gothic, sans-serif;
	color:#FFFFFF;
	line-height:140%
	font-size:100%
	text-align:left;
	}

div.title {
	font-size:1.5em;
	text-align:center;
	}

div.info {
	text-align:center;
	}

div.blurb {
	text-align:left;
	text-indent:50px;
	}

div.cast {
	text-align:center;
	}

a {
	color: #FFFFFF;
	}

a.dark {
	color: #191970;
	}

a:hover {
	color: #FFFFFF;
	text-decoration:none;
	}

a.dark:hover {
	color: #8b0000;
	font-weight: bold;
	}
	
	#previewPane{
		background:#000000;
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 612px;	/* IE 5.x */
		height/* */:/**/600px;	/* Other browsers */
		height: /**/600px;
				
	}
	#previewPane img{
		line-height:600px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		background:#000000;
		height:122px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 124px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/122px;	/* Other browsers */
		height: /**/122px;
				
	}
	#theImages{
		position:absolute;
		left:0px;
		width:800px;

		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=99);
		opacity: 0.99;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:100px;
		top:100px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}