/*
Theme Name: AOF
Theme URI: http://aof/
Description: Auckland Opera Forum 
Version: 0.01
Author: John Miller Crawford
Author URI: http:////www.millercrawford.com
*/*

{
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #000;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  text-align: center;
}
	/* Highlight current page (Ref.: http://hicksdesign.co.uk/journal/highlighting-current-page-with-css)
	 */
	body#home a#home,
	body#concert a#concert,
	body#about a#about,
	body#this_season a#this_season,
	body#month_1 a#month_1,
	body#month_2 a#month_2,
	body#month_3 a#month_3,
	body#committee a#committee,
	body#contact a#contact,
	body#support a#support
	{
		background-color: #faeefc;
		color: #4b088a;
		border-bottom: 4px solid #4b088a;
	}

a:link,
a:visited	{
  color: #4b088a;
	text-decoration: none;
}

a:hover,
a:active {
  color: #000;
	text-decoration: underline;
}

a.email:link,
a.email:visited	{
  color: #4b088a;
	text-decoration: none;
}

a.email:hover,
a.email:active {
  color: #4b088a;
	text-decoration: underline;
}

#wrapper {
  position: relative;
  text-align: left;
  width: 985px;
  margin-right: auto;
  margin-left: auto;
}

#top-padder {
	background-color: #fff;
	padding-bottom: 27px;
}

#header {
  display: table;
  border-collapse: collapse;
  background-color: #e7dbcd;
}

	/* anonymous table-row
	 */
	#header #logo {
		display: table-cell;
		/* background-color: yellow; *//* check only! */
	}
		#header #logo img {
			vertical-align: middle; /* to fix default vertical-align: baseline reserving space for text descenders (http://stackoverflow.com/questions/10844205/html-5-strange-img-always-adds-3px-margin-at-bottom) */
			margin: -38px 0 -24px 30px;
		}
	
	#header #banner {
		display: table-cell;
		vertical-align: top;
		width: 90%;
		padding-left: 8px;
	}
		#header #banner #tagline {
			position: relative;
			top: 27px;
			left: 27px;
			font-family: Candara, Helvetica, Arial, sans-serif;
			font-size: 1.5em;
			font-style: italic;
			color: #380b61;
		}

		#navbar {
			list-style: none;
			background-color: #e7dbcd;
			margin-left: -90px; /* controls postioning of navbar within banner */
			margin-top: 50px; /* controls depth of banner */
			padding-bottom: 12px; /* also controls depth of banner */
			/* text-align: center; centres menu */
			overflow: hidden;
		}
			#navbar li {
				display: inline;
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
			}
			#navbar li.narrow {
				display: inline;
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
				letter-spacing: -1px;
			}
			
			#navbar a {
				display: inline-block;
				padding: 6px 4px 8px 4px;
			}
				#navbar a:link,
				#navbar a:visited	{
					font-weight: bold;
					color: #6b4922;
					background-color: transparent;
					text-align: center;
					text-decoration: none;
					text-transform: uppercase;
					border-top: 1px solid #fff;
					border-bottom: 4px solid #c6b8a8;
				}

				#navbar a:hover,
				#navbar a:active {
					color: #4b088a;
					border-bottom: 4px solid #4b088a;
				}
				
h1 {
	font-family: Candara, Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #4b088a;
	text-align: center;
}

h1.underlined{
	text-align: left;
	padding: 0 0 6px 20px;
	margin: 20px 0 15px 0;
	background: url("/html-content/themes/aof/images/h1-underline.png") no-repeat bottom left;
	/* for WordPress: */ /* background: url("/wp-content/themes/aof/images/h1-underline.png") no-repeat bottom left; */
	display: block;
	clear: both;
}

p.normal {
	margin-top: 8px;
}

p.normal-105pc {
	margin-top: 8px;
	font-size: 105%; /* %age respects user choice of size */
	line-height: 20px;
}

p.normal-110pc {
	margin-top: 8px;
	font-size: 110%;
}

p.normal-bold {
	margin-top: 8px;
	font-weight: bold;
}

p.normal-bold-110pc {
	margin-top: 8px;
	font-size: 110%;
	font-weight: bold;
}

p.normal-120pc {
	margin-top: 8px;
	font-size: 120%;
}

p.normal-bold-120pc {
	margin-top: 8px;
	font-size: 120%;
	font-weight: bold;
}

p.last {
	margin-top: 8px;
	margin-bottom: 12px;
}

p.last-105pc {
	margin-top: 8px;
	margin-bottom: 12px;
	font-size: 110%;
	line-height: 20px;
}

p.last-110pc {
	margin-top: 8px;
	margin-bottom: 12px;
	font-size: 105%;
}
	
#content {
  display: table;
  border-collapse: collapse;
  margin-top: 12px;
}
	#content #left tr.heading-month {
		font-size: 1.2em;
		background-color: #faeefc;
	}
		#content #left tr.heading-month td.date,
		#content #left tr.heading-month td.title {
			font-size: 1.1em;
		}

		#content #left tr.heading-month td.date {
			width: 22%;
			padding-left: 6px;
			vertical-align: top;
		}

		#content #left tr.heading-month span.name {
			color: #993366;
			font-weight: bold;
		}

		#content #left tr.heading-month span.production {
			font-style: italic;
			font-size: 0.9em;
		}
		
	#content #left tr.description-month {
		/* row marker */
	}
		#content #left tr.description-month td.thumbnail {
 			vertical-align: top;
 			padding: 12px 0 10px 6px;
 		}

		#content #left tr.description-month td p {
 			vertical-align: top;
			font-size: 1em;
			/*padding: 8px 0 12px 0;*/
			margin-top: -12px;
			padding: 0 0 24px 0;
		}
	
	#content #right p {
		font-size: 1em;
		margin-left: 10px;
	}
	
	#content #right div.ninth_size {
		font-size: 0.9em;
	}
	
#footer {
  border-top: 2px solid #d7ad7b;
  background-color: #e7dbcd;
  font-size: 80%;
  padding: 0.2em 10px 0.2em 0;
  text-align: right;
}