/* www.stage1theatre.com
designed by Kirsty Wilson*/

/*General Elements*/

body,
html 
{
	margin:0;
	padding:0;
	color:#000;
	background:#DCDCDC;
	text-align:center;
}

#wrap 
{
	width:750px;
	margin-left:auto;
	margin-right:auto;
	background:#B0C4DE;
	text-align:left;
}

#fullwrap 
{
	width:750px;
	margin-left:auto;
	margin-right:auto;
	background:#F0F8FF;
	text-align:left;
}

#popup 
{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	background:#F0F8FF;
	text-align:center;
}

#banner 
{
	background-color:#ffffff;
	height:120px;
}

#main 
{
	background:#F0F8FF;
	float:left;
	width:500px;
	padding:10px;
}

#cast 
{
	background:#F0F8FF;
	float:left;
	width:450px;
	padding:10px;
}

#full 
{
	background:#F0F8FF;
	float:left;
	width:730;
	padding:10px;
}

#sidebar 
{
	background:#B0C4DE;
	float:right;
	width:220px;
	padding:5px;
}

/*Nav Bar*/

#nav
{
	padding:5px 10px;
	background-color: #808080;
	clear:both;
	height:1em;
}

#nav ul
{
	padding: 0;
	margin:0;
	color: White;
	width: 100%;
	font: bold 14px verdana;
}

#nav ul li 
{ 
	display: inline; 
}

#nav ul li a
{
	padding: 8;
	color: White;
	text-decoration: none;
}

#nav ul li a:hover
{
	color: #000000;
}

#fig
{
	display:block;
	background-color:#FAFAD2;
	padding:10px;
}

#fig p
{
	font-family:Verdana;
	font-size:16px;
	font-style:italic;
	margin:5px;
	text-align:center;
	
}

/*Gallery Elements*/

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active 
{
	color:#000;
}

/* style the outer containing div to fit the landscape, portrait and buttons */
#album 
{
	width:320px; 
	height:470px; 
	background:#eee 0 40px no-repeat;
	border:1px solid #aaa;
	margin:0 auto 20px auto;
	text-align:center;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery 
{
	padding:0; 
	margin:320px 0 0 0; 
	list-style-type:none; 
	position:relative; 
	width:320px;
}

/* remove the default image border */
.gallery img 
{
	border:0;
}

/* make the list horizontal */
.gallery li 
{
	float:left;
}

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited 
{
	text-align:center;
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#000; 
	background:#fff;  
	width:26px; 
	height:26px; 
	line-height:24px; 
	border:1px solid #444;
	margin:2px;
}

/* position the images using an absolute position and hide them from view */
.gallery li a img 
{
	position:absolute; 
	top:-320px; 
	left:0; 
	visibility:hidden; 
	border:0;
}

/* fix the top position for the landscape images */
.gallery li a img.landscape 
{
	top:-280px;
	width:320;
}

/* fix the left position for the portrait images */
.gallery li a img.portrait 
{
	left:0;
	border-left:40px solid #eee;
	border-right:40px solid #eee;
	height:320px;
}

/* style the hover background color for the text boxes */
.gallery li a:hover 
{
	background:#ddd;
}

/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus 
{
	background:#444; 
	color:#fff;
}

/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img 
{
	visibility:visible;
}

/*Paragraph Elements*/

p.first 
{
	font-size: 60px;
	margin:0 0 0.3em;
	text-align:center;
	font-family:verdana;
}

p.second 
{
	font-size: 25px;
	margin:0 0 0px;
	text-align:center;
	font-family:verdana;
}

p.reg 
{
	font-size: 15px;
	margin:0 0 1em;
	text-align:left;
	font-family:verdana;
}

p.regular 
{
	font-size: 15px;
	margin:0 0 1em;
	text-align:left;
	font-family:verdana;
}

p.regular:first-letter
{
	font-size: 22px;
	font-family:verdana;
}

p.indent 
{
	font-size: 15px;
	margin:0 30 1em;
	text-align:left;
	font-family:verdana;
}

p.indent:first-letter
{
	font-size: 22px;
	font-family:verdana;
}

p.important 
{
	font-size: 15px;
	font-weight: bold;
	margin:0 0 0em;
	text-align:center;
	font-family:verdana;
}

p.centre 
{
	font-size: 24px;
	margin:0 0 0em;
	text-align:center;
	font-family:verdana;
}

p.centre2 
{
	font-size: 15px;
	margin:0 0 0em;
	text-align:center;
	font-family:verdana;
}

p.right 
{
	font-size: 24px;
	margin:0 0 0em;
	text-align:right;
	font-family:verdana;
}

/*Span Elements*/

span.important
{
	color:#CD5C5C;
}

/*Header Elements*/

h1 
{
	font-size: 25px;
	margin:0 0 0.5em;
	background-color: #DCDCDC;
	font-family:verdana;
	font-weight: normal;
}

h2 
{
	font-size: 18px;
	margin:0 0 0.5em;
	font-family:verdana;
}

h3
{
	font-size: 16px;
	margin:0 0 0.2em;
	font-family:verdana;
}

h4
{
	font-size: 30px;
	margin:0 0 0.5em;
	background-color: #B0C4DE;
	font-family:verdana;
	font-weight: normal;
}

h5
{
	font-size: 10px;
	background-color: #B0C4DE;
	font-family:verdana;
	font-weight: strong;
	padding:5px;
	clear:both;
}

/*Image Elements*/

img.logo
{
	border-style:none;
	height:120px;
}

img.reg
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-style:solid;
	border-width:5px;
	border-color:#B0C4DE;
	
}

img.link
{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-style:none;	
}

img.linksize
{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-style:none;
	height:200px;	
}

img
{
	border-style:none;
}

img.thumb
{
	float:left;
	height:100px;
	border-style:double;
	border-width:5px;
	padding:0px;
	margin-left:30px;
	margin-right:30px;
	border-color:#B0C4DE;
}

img.rthumb
{
	float:right;
	border-style:double;
	border-width:5px;
	padding:0px;
	margin-left:30px;
	margin-right:30px;
	border-color:#B0C4DE;
}

img.vthumb
{
	float:center;
	width:200px;
	border-style:solid;
	border-width:5px;
	margin-left:auto;
	margin-right:auto;
	border-color:#808080;
}

img.hthumb
{
	float:left;
	height:200px;
	border-style:solid;
	border-width:5px;
	margin-left:auto;
	margin-right:auto;
	border-color:#808080;
}


/*Twitter Elements*/

#twitter_div
{

}

#twitter_update_list
{
	font:14px verdana;
	margin:0px;
	padding:0px;
	list-style:none;
}

#twitter_update_list a
{
	text-decoration:none;
	color: #808080;
}

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

#twitter_update_list li
{
	padding-bottom:15px;
}

img.twitter
{
	border-style:none;
}

/*List Elements*/

ol
{
	font: 14px verdana;
	text-align:left;
}

ul
{
	font: 14px verdana;
	list-style:none;
	text-align:center;
}

ul.cast
{
	font: 14px verdana;
	list-style:none;
	float:left;
}

li.desc
{
	font: 14px verdana;
	font-style:italic;
	text-align:left;
}

li.cast
{
	font: 14px verdana;
	text-align:left;
	margin-bottom:10px;
}

li.role
{
	font: 14px verdana;
	text-align:left;
	font-style:italic;
	font-weight:600;
}

li.show
{
	font:20px verdana;
	text-align:left;
}

ul.list
{
	font: 14px verdana;
	text-align:left;
	list-style:disc;
	
}

/*Link Elements*/

a.link
{
	font:14px verdana;
	color:#ffffff;
}

a.link:hover
{
	font:14px verdana;
	color:#ffffff;
}

a.link2
{
	font:14px verdana;
	color:#4682B4;
}

a.link2:hover
{
	font:14px verdana;
	color:#4682B4;
}

a.link2:visited
{
	font:14px verdana;
	color:#4682B4;
}

a.hlink
{
	text-decoration:none;
	color:#000000;
}

a.hlink:hover
{
	text-decoration:none;
	color:#4682B4;
}

/*Schedule Elements*/

#months
{
	padding:2px 5px;
	background-color: #B0C4DE;
	clear:both;
}

#months ul
{
	padding: 0;
	margin:0;
	color: #000000;
	width: 100%;
	font: bold 12px verdana;
}

#months ul li 
{ 
	display: inline; 
}

#months ul li a
{
	padding: 6;
	color: #000000;
	text-decoration: none;
}

#months ul li a:hover
{
	color: #ffffff;
}

/*Table Elements*/

table
{
	border-style:groove;
	border-width:2;
	font: 14px verdana;
	width:100%;
}

th
{
	text-align:center;
	border-style:groove;
	border-width:2px;
	font: bold 18px verdana;
	padding:5px;
}

td
{
	border-style:groove;
	border-width:2;
	vertical-align:top;
	height:100px;
}

td.days
{
	border-style:groove;
	border-width:2;
	vertical-align:top;
	height:25px;
	text-align:center;
	font: bold 14px verdana;
}

td.we
{
	border-style:groove;
	border-width:2;
	background-color:#DCDCDC;
	vertical-align:top;
}

td.show
{
	border-style:groove;
	border-width:2;
	background-color:#B0C4DE;
	vertical-align:top;
}

td.important
{
	border-style:groove;
	border-width:2;
	background-color:#F5F5DC;
	vertical-align:top;
}

td.holiday
{
	border-style:groove;
	border-width:2;
	background-color:#FAEBD7;
	vertical-align:top;
}