@charset "utf-8";
/* 
CSS Document: Theatre Productions
Author: Sean Bullivant - (Clarity Computer Services)
Author URL: http://www.clarity-cs.biz
*/

/* body */
	body {
		background: url(../graphics/common/bglines.gif) repeat-x;
		color: #FFF; 
		margin: 0px 0; 
		font: normal 12px Arial, Helvetica, sans-serif;
	}

	img {border: 0px;}
	
	hr { border:none 0;
	border-top:1px solid #444;
	height:1px;}


	a {
		text-decoration: underline;
		font-weight: bold;
		color: #fff;
	}
	
	a:hover {
		text-decoration: underline;
		font-weight: bold;
		color: #CCC;
	}

	h1 {
		font: normal 1.7em Arial, Helvetica, sans-serif;
		padding:0px;
		margin:0px;
		}
	
	h1 a {
		color: #FFF;
		text-decoration: none;
		font-weight:normal;
		
	}
		
	h1 a:hover {
		color: #CCCCCC;
		text-decoration: none;
		font-weight:normal;
		}
		
	h2 {
		font: normal 0.9em Arial, Helvetica, sans-serif;
		padding:0px;
		margin:0px;
		}
	
/* main */
	#contents {
		margin: 0px auto 0px auto; 
		width: 800px;
		background-color: #000;
		text-align:left;
		border-left: 3px solid #999999; 
		border-right: 3px solid #999999;
	}
	
	#container {
		padding: 0px;
	}
	
	#space {
		height:175px;
	}
	
/* header */

	#header {
		background: #000; 
		display: block; 
		height: 180px; 
		margin-bottom:10px;
		position: relative;
	}
	
	.flashlogo {
		position: absolute;
		right: 605px;
		top: 15px;
		}
		
	.name {
		position: absolute;
		right: 40px;
		bottom: 105px;
		text-align:right;
	}
		
	.menu {
		position: absolute;
		right: 40px;
		bottom: 0px;
		text-align:right;
		padding:0 0 0 32px; 
		margin:0; 
		list-style:none; 
		height:35px; 
		background:#fff url(../images/button1.gif); 
		border:1px solid #444; 
		border-width:0 1px; 
		border-bottom: 1px solid #444;
	}
	
	.menu li {
		float:left;
		}
	
	.menu li a {
		display:block; 
		float:left; 
		height:35px;
		line-height:35px;
		color: #FFFFFF;
		text-decoration:none;
		font-size:1em;
		font: bold Arial, Helvetica, sans-serif;
		text-align:center;
		padding:0 0 0 8px;
		cursor:pointer;
	}
	.menu li a b {
		float:left; 
		display:block; 
		padding:0 12px 0 4px;
	}
	.menu li.current a {
		color:#CCC;
		background:url(../images/button3.gif);
	}
	.menu li.current a b {
		background:url(../images/button3.gif) no-repeat right top;
	}
	
	.menu li a:hover {
		color:#ccc;
		background:#000 url(../images/button2.gif);
		text-decoration:none;
	}
	.menu li a:hover b {
		background:url(../images/button2.gif) no-repeat right top;
		text-decoration:none;
	}
	.menu li.current a:hover {
		color:#fff; background:#000 url(../images/button3.gif); cursor:default;
		text-decoration:none;
	}
	.menu li.current a:hover b {
		background:url(../images/button3.gif) no-repeat right top;
		text-decoration:none;
	}
		
/* content (Index) */

	#marqueeitem {
		background: #000;
		padding: 5px 20px 0px 20px; /* top right bottom left */
		width:760px;
		height:20px;
		clear:both;
	}
	
	#marqueeitem marquee {
		font: bold 16px Arial, Helvetica, sans-serif;
		color: #FFF;
		clear:both;
	}

	#item {
		background: #000;
		padding: 10px 20px 15px 20px; /* top right bottom left */
		width:760px;
		height:275px;
		clear:both;
	}
	
	.posters { /* The Show Posters at The Top of Index Page */
		margin-bottom:15px;
	}
	
	.show {
		float:left;
		padding-right:18px;
		width:175px;
		}
		
	.showlast {
		float:left;
		padding-right:0px;
		width:175px;
		}	
	
	#item2 { /* A Viennese Strauss Gala Bar */
		padding: 20px 20px 0px 20px; /* top right bottom left */
		width:760px;
		height:250px;
		clear:both;
		color:#FFF;
		background: #990099;
	}
	
	#item2text {
		padding: 10px;
		width:540px;
		height:208px;
		background: #000000;
		color:#FFFFFF;
		border: 1px solid #FFFFFF;
	}
	
	#item2text h1 {
		color: #ED9C29;
		text-transform:uppercase;
		font-size:1.4em;
		font-weight:bold;
		letter-spacing:-1px;
		border-bottom:1px solid #444;
		line-height:140%;
		}
	
	#item3 {
		background: #006699;
		padding: 20px 20px 0px 20px; /* top right bottom left */
		width:760px;
		height:250px;
		clear:both;
	}
	
	#item3text {
		padding: 10px;
		width:540px;
		height:208px;
		background: #000000;
		color:#FFF;
		border: 1px solid #FFFFFF;
	}
	
	#item3text h1 {
		color: #E72995;
		text-transform:uppercase;
		font-size:1.4em;
		font-weight:bold;
		letter-spacing:-1px;
		padding:0;
		border-bottom:1px solid #444;
		line-height:140%;
	}
	
	.posters2 { /* The Show Posters on the Right of The Index Page */
		margin-left:25px;
		border: 2px solid #FFFFFF;
	}
	
	#item4 {
		background: #000;
		padding: 25px 20px 0px 20px; /* top right bottom left */
		width:760px;
		height:600px;
	}
	
	#item4 marquee {
		font: bold 20px Arial, Helvetica, sans-serif;
		color: #FFF;
		height:20px;
		width:464px;
	}
	
	#item4b1 { /* Theatre Productions Title (Introduction) */
		background: #4E4E4E;
		padding: 5px 20px 5px 20px; /* top right bottom left */
		margin-left:20px;
		float:right;
		width:205px;
		clear:both;
	}		
	
	#item4b2 { /* Theatre Productions Logo (Introduction) */
		background:#000;
		float:right;
		clear:both;
		width:245px;
		padding-top:10px;
		padding-bottom:10px;
		}
		
	#item4b3 { /* Theatre Productions Introduction Text */
		background: #4E4E4E;
		padding: 15px 20px 15px 20px; /* top right bottom left */
		margin-left:20px;
		float:right;
		width:205px;
		clear:both;
		}
	
/* form */

	.submit {
		font: normal 12px Arial, Helvetica, sans-serif;
		color:#000;
		width:50px;
		}
		
	.input {
		font: normal 11px Arial, Helvetica, sans-serif;
		color:#000;
		width:150px;
		}
	
	.required {
		font: normal 12px Arial, Helvetica, sans-serif;
		color:#FF0000;
		}
		
/* content (Shows) */

	#currentshows {
		background: #000;
		padding: 10px 30px 15px 30px; /* top right bottom left */
		width:730px;
		clear:both;
		text-align:justify;
	}
	
	#currentshows h1{
		color: #FFF;
		font: bold 1.7em Arial, Helvetica, sans-serif;
		padding:0;
		margin-bottom:15px;
		border-bottom:1px solid #444;
		line-height:140%;
		letter-spacing: -1px;
		text-transform:none;
	}

	#currentshows h3{
		color: #66CC00;
		font-weight:bold;
		font-size:12px;
		padding:0;
		margin:0;
	}
	
	#currentshows p {
		margin-top:0px;
		margin-bottom:0px;
		padding:0;
		margin:0;
	}
	
	#currentshows img {
		margin-top:8px;
		margin-left:0px;
		margin-bottom:0px;
	}
	
	.showcontainers {
		width:504px;
		margin:0 auto;
		clear:both;
	}
		
	.currentshow1 {
		float:left;
		text-align:center;
		padding-right:18px;
		width:150px;
		margin-bottom:30px;
		}
		
	.currentshow2a {
		float:left;
		text-align:center;
		padding-right:18px;
		width:150px;
		margin-bottom:30px;
		}
		
	.currentshow2 {
		float:left;
		text-align:center;
		padding-right:18px;
		width:150px;
		}
		
	#currentshows img {
		padding-bottom:5px;
		}

/* The Team Page */
		
	#biography {
		text-align:justify;
		width:500px;
	}
	
	#biography p {
		line-height:1.3em;
		margin-top:10px;
		margin-bottom:10px;
	}

/* footer */

	#footer {
		background: #000000;
		padding: 10px 0px 0px 0px; /* top right bottom left */
		width:760px;
		border-top: 1px solid #444;
		margin-left:20px;
		margin-right:20px;
		height:50px;
		color:#FFF;
		clear:both;
	}
		
	#footer p {
		margin-top:5px;
		margin-bottom:5px;
	}