/*
 Powys Theatre Website Style Sheet
 Created by Aled Hughes, November 2005.
*/
html {
	background-color: #acf;
}
body {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10pt;
	/*margin: 8px;*/
	margin: 8px auto;
	width: 900px;
	padding: 0px;
	border: 1px solid black;	
	background-color: white;
}

td {
	font-size: 10pt;
}

/* Main page header section */
#header {	
	background-image: url(images/bluegrad.png);
	background-repeat: repeat-x;
	height: 110px;
}

/* Page footer (info and copyright notice) */
#footer {
	border-top: 1px solid black;
	font-size: 8pt;
	clear: both;
	padding: 5px 5px;
	background-image: url(images/footer_grad.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

/* Main page content for text */
div#maincontent {
	padding: 1px 5px;
}

#footer p {
	margin: 0px;
}

/* Left hand navigation pane */
#navpane {

}

/* Navigation banner (horizontal) */
#navbanner {
	background-color:#eee;
	background-image: url(images/twotone-24.png);
	background-repeat: repeat-x;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	height: 24px;
	white-space: nowrap;
	width: 100%;
}
#navbanner ul {
	list-style-type: none;
	margin: 0px;
	padding: 4px 0px;
}
#navbanner li {
	display: inline;
}
#navbanner a {
	padding: 5px 18px;
	text-decoration: none;
	color: white;
}
#navbanner a:hover {
	background-image: url(images/twotone-24b.png);
	background-repeat: repeat-x;
	background-color:#aaa;
	color: black;
	padding-top: 4px; /* to align image. Don't know why! */
}


.smallprint {
	font-size: 7pt;
	color: #808080;
}

.clear {
	clear: both;
}

/* ========================================
 * Success/Failure message line/DIV classes
 * ======================================== */
div.ok, p.ok { 
	border:3px solid green; background-color:#88ff88; 
	font-weight:bold;
	padding:1em 1em; 
	margin:1em 0;
	}
	
div.warning, p.warning { 
	border:3px solid orange; background-color:#FFCC66; 
	font-weight:bold;
	padding:1em 1em; 
	margin:1em 0;
	}
	
div.error, p.error { 
	border:3px solid red; background-color:#ffd0d0; 
	font-weight:bold; 
	padding:1em 1em; 
	margin:1em 0;
	}

div.debug, p.debug {
	border: 3px solid black;
	background-color: #008080;
	color: white;
	font-weight: bold;
	padding: 1em;
	margin: 1em 0;
	}

/* ========================================
 * Styles for the Past Productions pages
 * ======================================== */
#playtitles {
  background: transparent url(/images/ppbanner.png) no-repeat scroll 100% 0;
  margin: 0pt -5px 5pt 0pt;
  height: 50px;
}

#playtitles.current {
  background: transparent url(/images/ppbanner-current.png) no-repeat scroll 100% 0;
}

#playtitles h1 {
  font-size: 18pt;
  margin: 0pt;
}
#playtitles h2 {
  font-size: 10pt;
  margin: 0pt;
}

/* Cast list table */
.castandcrew {
 border: 1px solid gray;
 border-collapse: collapse;
 width: 580px;
}
.castandcrew td {
 border: 1px solid gray;
 padding: 2px;
 background-color: #eef;
}
.castandcrew td.heading {
 background-color: #aaf;
 padding: 5px;
}
.castandcrew td:first-child {
 font-weight: bold;
 width: 180px;
}



/* ========================================
 * Styles for the Simple Photo Galleries
 * ======================================== */
/* Gallery View */
div.phototable {
	margin-left: auto;
	margin-right: auto;
	width: 880px;
}

table.phototable {
	border: 1px solid black;
	border-collapse: collapse;
	background-color:#cef;
}
.phototable td {
	width: 250px;
	text-align:center;
	border-right: 1px solid #58a;
	font-size: 8pt;
}
td.photo {
	padding-top: 5px;
}
td.caption {
	vertical-align:top;
	border-bottom: 1px solid #58a;
}
td.rcaption { text-align: left; }

td.nolrborder {
	border-left: none;
	border-right: none;
}

/* Single photo view */
div.photosingle {
	text-align: center;
}
div.photosingle img {
	padding: 1px;
	border: 1px solid black;
}
p.photo_singlenav {
	text-align: center;
}