/*	Bourne End Amateur Operatic Society website styles

	Organisation:
		1. All unadorned, and hence site-wide, tag styles
		2.	All other styles, in alphabetical order. id and class styles are mixed
			together ignoring the initial # and . symbols

	Naming conventions:
		Where styles apply only to one type of page they are prefixed with a
		page-type id and underscore; the rest of the style name is descriptive of purpose.
		That is, what the style represents, not how it currently looks on the page.
		Styles that apply throughout the site have no prefix. A prefix is also used for
		common groupings, such as navigation elements.

	Page type and common grouping prefixes used:
		cp	:	Content page
		hp	:	Home page
		ga	:	Gallery pages
		na	:	Navigation elements
		ti	:	Title bar elements

		
	Author:	Roy Ayres, 2008.
*/

/*	Sitewide tag selectors	*/

a img {
	border: none;
}
body {
	background-color: #330000;
	color: #FEFF4F;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
em {
	font-style: italic;
	color: #C00000;
	font-family: "Times New Roman", Times, serif;
	font-size: 110%
}
h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #660000;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	padding: .5em 1em;
	margin: 0 -10px;
	border-bottom: 1px solid #C00000;
	clear: both;
	background: url(images/newsback.gif) repeat-x top;
}
h2 {
	color: #333300;
	font-size: 140%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	clear: both;
}
h3 {
	color: #600;
	font-size: 105%;
}

/* Other sitewide selectors		*/
.clearboth {
	clear: both;
}

/*	Auditions information styles 	*/
.audition dt {
	font-weight: bold;
	color: #330;
	padding: .5em 0;
}

/* Selectors for Committee layout	*/

.committee dt {
	width: 30%;
	position: relative;
	top: 1.4em;
	text-align: right;
	color: #660000;
	font-weight: bold;
	margin: 0;
	padding-right: 1em;
	font-size: 80%;
}
.committee dd {
	position: relative;
	left: 33%;
	width: 60%;
	text-align: left;
	margin: 0;
}

/*	Main content of each page	*/

#cp_frame {
	width: 730px;
	position: relative;
	min-height: 100%;
	left: 50%;
	margin: 0 0 0 -375px;
	background-color: transparent;
	padding: 0;
}

#cp_content {
	margin: 0;
	padding: 0 10px 10px 10px;
	width: 580px;
	background-color: #F2D2A8;
	color: #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	min-height: 100%;
	position: relative;
	left: 150px;
}
#cp_content ul.na_submenu li{
	padding: .5em;
}
#cp_content ul.na_submenu li a {
	padding:.5em;	
	font-weight: bold;
	font-size: 80%;
	color: #C00000;
	text-decoration: none;
}
#cp_content ul.na_submenu li a:hover {
	color: #600;
	background-color: #FFDFA8;
	text-decoration: underline;
}
/*	Home Page styles	*/

#hp_content {
	position: relative;
	left: 50%;
	margin-left: -350px;
	width: 700px;
	clear: both;
	background-image: none;
	background-color: transparent;
	min-height: 600px;
}
#hp_menu {
	width:600px;
	height: 120px;
	margin-top: 10px;
	margin-left: -300px;
	padding: 0;
	text-align: center;
	clear:both;
	position: relative;
	left: 50%;
}
#hp_menu a {
	display: block;
	width: 94px;
	height: 100%;
	vertical-align: middle;
	float: left;
	color: #FAFAD2;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
	padding: 60px 0 0 0;
	margin: 0 3px;
	background: #330000 url(images/silhouette.gif) no-repeat top;
}
#hp_menu a:hover {
	background: url(images/silhouette_hilite.gif) no-repeat top;
	color: #FFCC33;
	text-decoration: underline;
}
#hp_news {
	width: 590px;
	background-color: #F2D2A8;
	font-size: .8em;
	color: #300;
	position: relative;
	left: 50%;
	margin-left: -316px;
	padding: 10px 5px;
	border: 16px ridge #FFD700;
	border-bottom: none;
	background: #F2D2A8 url(images/newsback.gif) repeat-x top;
}
#hp_news .photothumb {
	float: left;
	margin: 0 2em;
}
#hp_news .photodesc {
	float: left;
	width: 60%;
}
#hp_news ul {
	color: #C00000;
	margin: 1em 0 0 0;
	list-style-position: inside;
}
#hp_news li {
	color: #300;
	font-size: 1.2em;
}
#hp_stage {
	display: block;
	width: 600px;
	height: 310px;
	padding: 0;
	margin: 20px 0 0 0;
	border: 16px ridge #FFD700;
	border-bottom: none;
	position: relative;
	left: 50%;
	margin-left: -316px;
	margin-top: 0;
}
#hp_stage object, #hp_stage embed {
	padding: 0;
	margin: 0;
}

/*	Information pages styles	*/

#infopage {
	margin: 0;
	padding: 0;
	background-color: #330000;
	background-image: url(images/columns.gif);
}

/*	Gallery pages styles	*/

.ga_mainpic {
	text-align: center;
}
.ga_mainpic img {
	position: relative;
	left: -10px;
	margin-bottom: 2em;
}
.ga_navlinks {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.ga_uplink {
	padding: 0 3em;
}
.ga_thumbs a img{
	border: 3px solid #FC3;
}
.ga_thumbs a:hover img{
	border: 3px solid #300;
}
.ga_thumbs a {
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	position: relative;
	text-align: center;
	margin: 0 10px 20px 10px;
}

/*	Navigation element styles	*/

.na_backlink {
	display: block;
	clear: both;
	text-align:right;
	border-top: 1px solid #C00000;
	color: #C00000;
	padding: .3em;
}
.na_backlink:hover {
	background-color: #FC3;
}
#na_copyright {
	float:left;
	display: block;
	text-align: left;
	width: 50%;
}
#na_footer {
	clear: both;
	position: relative;
	text-align: center;
	margin: 1em -10px;
	padding: .5em 0;
	border-top: 1px solid #666; 
}
#na_footer a {
	padding: 0 .75em;
	font-size: 80%;
	color: #600;
	text-decoration: none;
}
#na_menu {
	position: absolute;
	left: 0;
	top: 2em;
	margin: 0;
	width: 120px;
	padding: .5em;
	border: 1px solid #333;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	background: transparent url(images/newsback.gif) repeat-x top;
}
#na_menu a {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 3em;
	line-height: 3em;
	font-size: 90%;
	font-weight: bold;
	color: #C00000;
	text-decoration: none;
}
#na_menu a:hover, #na_footer a:hover {
	color: #600;
	text-decoration: underline;
}
#na_menu .na_submenu a{
	padding-left: 10px;
	font-weight: normal;
	height: 1.5em;
	line-height: 1.5em;
}
#na_strapline {
	clear: both;
	margin: 2em 1em;
	font-size: 70%;
}
#na_webstrap {
	float: right;
	text-align: right;
	display: block;
	width: 50%;
}
#na_webstrap a {
	font-size: 100%;
	font-weight: normal;
}
/*	Newsletter styles	*/

.newsletter {
	width: 90%;
	margin: 10px;
	padding: 1em;
	border: 1px solid #333;
	border-right: 3px solid #666;
	border-bottom: 3px solid #666;
	color: #336;
	background-color: #F3E2CB;
	font-size: 90%;
}

.newsletter h3 {
	text-align: center;
	font-family: serif;
	font-size: 2em;
	font-style: italic;
	font-weight: normal;
}

.signature {
	text-align: right;
	font-family: serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	color: #600;
}

/*	Lists of shows styles	*/

.ourshows {
	margin: 0 2em 0 1em;
	font-size: 80%
}
.ourshows tr {
	vertical-align: middle;
}
.ourshows_year, .ourshows td:first-child {
	color: #660000;
	font-weight: bold;
	margin:  1em .5em;
	padding-right: 1em;

}
.ourshows_show1, .ourshows_show2 {
	padding: .5em .5em;
	width: 35%;
}
.ourshows_show3 {
	padding: .5em .5em;
	width: 20%;
}
dd.showtime {
	font-weight: bold;
	font-family: serif;
	font-size: 2em;
	font-style: italic;
	color: #C00000;
}


/*	Rehearsals table styles	*/

table.rehearsals {
	margin: 1em 0;
	width: 100%;
	font-size: 80%;
	table-layout: fixed;
}
.rehearsals th {
	border-bottom: 1px solid #C00000;
	color: #C00000;
	font-size: 90%;
	text-align: left;
}
.rehearsals tr {
	vertical-align: top;
}
.rehearsals td {
	padding-bottom: 1em;
}

/*	Pagetop titles styles	*/

#ti_bar {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 140%;
	background: transparent url(images/curtainends.gif) repeat-x bottom left;
}
#ti_logo {
	display: block;
	width: 50%;
	padding: .5em 1em 1.5em 2.5em;
}
#ti_logo a {
	display: block;
	font-weight: bold;
	font-style: italic;
	color: #FAFAD2;
	text-decoration: none;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
#ti_logo a:hover {
	color: #FC3;
	text-decoration: underline;
}

/*	Events pages styles	*/

.whatson {
	clear: both;
	position: relative;
	float: left;
	margin: 1em;
	border: 1px solid #333;
	padding: 1em;
	background-color: #FFFFCC;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	width: 530px;
	font-size: 80%;
}
.whatson h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	font-weight: bold;
	font-style: italic;
	margin-top: 0;
}
.whatson dl {
	clear: both;
}
.whatson dl.posterdesc {
	clear:none;
}
.whatson dt {
	font-weight: bold;
	color: #600;
	margin-top: 1em
}
.whatson dd {
	margin-top: .5em;
	margin-bottom:.5em;
}
.whatson .posterthumb {
	float: left;
	margin: 0 1em;
}