@charset "utf-8";
/* CSS Document for Pepperpot Hill Theatre Group Darwen*/
/* Copyright Elaine Kay 2008 all rights reserved*/

body {
		text-align:center;	/*Dont remove this element, its to keep the page central in all browsers*/	
		background-color: #000;
		font-family: Arial,helvetica, sans-serif;
		padding:0px;
		margin:0px;
}
/*This is part of the layout to keep the page central, must be position relative, further divs may be absolute*/
#container {
	position: relative;
	width:1000px;/*change the width if required, but don´t exclude the element*/
	height:1145px;/*change the width if required, but don´t exclude the element*/
	top: 0px;
	margin-left:auto;/*This is for the browser, don´t alter*/
	margin-right:auto;/*This is for the browser, don´t alter*/
	text-align:left;/*Don´t Alter this is the for the browsers, to keep the layout central*/
	border:1px #603; /* This Element is to fix a bug in firefox that takes off the left side of the page - do not adjust*/
	background-image: url(images/lighting.jpg);
	background-repeat: no-repeat;
	background-position: center;
	color: #666;
	left: 0px;
	
	}
#masks {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	background-image: url(images/mask1.jpg);
	height: 119px;
	}
	
#welcome {
	position:absolute;
	left: 0px;
	top: 118px;
	width: 1000px;
	height: 98px;
	text-align:center;
	background-color: #1B1021;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #740A33;
	border-right-color: #740A33;
	border-bottom-color: #740A33;
	border-left-color: #740A33;
	}
	#next_performance{
	position:absolute;
	top: 288px;
	left: 48px;
	width: 452px;
	height: 682px;
	padding: 15px;
	background-color: #000000;
	/*To Create Transparency For Internet Explorer*/

	filter:alpha(opacity=90);
	/*CSS3 standard*/

	opacity:0.9;
	-moz-opacity:0.9;


	}
#previous_performances {
	position:absolute;
	left:597px;
	top:302px;
	width:320px;
	height:420px;
	z-index:1;
	background-color: #000000;
	padding: 10px;
}

#last_performance{
	position:absolute;
	top: 845px;
	left: 0px;
	width: 970px;
	height: 200;
	background-color: #07050E;
	padding: 15px;
/*To Create Transparency For Internet Explorer*/
   filter:alpha(opacity=50);

	/*CSS3 standard*/

	opacity:0.5;

	-moz-opacity:0.5;


	
	}
#menu{
	position:absolute;
	text-align: center;
	left: 0px;
	top: 185px;
	width: 1000px;
	height: 20;
	background-color: #1B1021;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #603;
	}
#img_barbershop{
	position:absolute;
	top: 252px;
	left: 580px;
	}
#soul_kings	{
	position:absolute;
	top: 1125px;
	left: 716px;
	
	}
#copyright {
	position:absolute;
	top: 1000px;
	left: 0px;
	width: 1000px;
	height: 25;
	background-color: #150A1A;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #6E0B3B;
	border-right-color: #6E0B3B;
	border-bottom-color: #6E0B3B;
	border-left-color: #6E0B3B;
	
	}
h1,h4,h5,p,ul {
	font-family: Tahoma, Geneva, sans-serif;
 }

h2,h3 {
	text-align: left;
	vertical-align: top;
	color: #000;
}
h5 { margin-top: 5em;text-align: right;
 }
a:link {
	color: #600;
}
a:visited {
	color:#603;
}
.style_black {
	color: #000;
}
#container #next_performance h2 {
	color: #000;
}
#container #next_performance p {
	color: #000;
}
#container #next_performance {
	color: #999;
}
#container #next_performance p {
	color: #666;
}
#next_performance p {
	color: #000;
}
#next_performance p {
	color: #000;
}
#next {
	color: #333;
}