/* reset styles so all browsers get the same defaults */

* { /* to get consistent whitespace across browsers */
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code { /*ditto for font size */
	font-size: 1em;
	font-weight: normal;
}

 ol, ul { /* remove bullets from lists */
 		list-style: none;
 	}
/* end reset styles*/

/* Colors */
html {
		color: #000;
		background-color: #680000;
	}
#banner {
		color: black;
	}

#branding, #nav, #sidebar, #crumbs, #column-wrapper {
		color: white;
		background-color: black;
	}

#content {
		color: black;
		background-color: white;
	}
/*links*/
a {
		color: #950000;
	}

a:visited {
		color: #680000;
	}
a:hover, a:focus, a:active {
		color: #FF8080;
	}	
:link,:visited {
	text-decoration: none;
}
/* Typography */
body {
		font: 62.5%/1 Verdana, Tahoma, sans-serif;
		/*font size = (usually) 10px, line height = 10px */
	}
#banner, #sidebar,  #nav, #footer {
		font-size: 1.2em; /*12 px*/
		line-height: 2; /*24px*/
	}
#content {
		font-size: 1.5em; /*15 px*/
		line-height: 1.6; /*24 px*/
	}
	
	h1, h2, h3 {
			font-family: Georgia, Palatino, serif;
			letter-spacing: -0.05em;
			word-spacing: .125em;
		}
		#branding dd  {
				text-align: right;
				margin: 0 1em;
			}
			h1 {
					font-size: 9em;
					line-height: 1;
					margin:  1em 0 0 0;
					text-indent: .11111em;
				}
			#content h2 {
					font-size: 3.20em;
					line-height: 1;
					margin: .6em 0 .3em;
					clear: both;
				}
		 	h3 {
					font-size: 1.5em;
					text-transform: uppercase;
					line-height: 1em;
					margin: 0 0 .666em  0;
				}
			#content p {
					margin: 1.6em 0;		
				}
			#content p+p {
					text-indent: 3em;
					margin-top: 0;
				}


/* Layout */
html { 
	height: 100%; /* needed for full-height columns  */
}
	body {
		height: 100%;
		width: 960px;
		margin: 0 auto; /*centers*/
	}

#banner {
		width: 100%;
		color: white;
		background: black url('../images/decor/banner.png') no-repeat 0 0;
	}
	#branding {
			width: 366px;
			float: right;
		}
		#branding dt {
				background: url(../images/logo.png) no-repeat top right;
				outline: 0;
				text-indent: -99999999px;
				overflow: hidden;
				height: 216px;
			}
	#crumbs li {
		display: inline;	
		margin: 0 0 0 1em ; 
	}
/*end banner */
/*content area*/
#column-wrapper {
	width: 100%;
	margin: -24em -11.5em 0 0;
	_height: 100%;/* emulates min-height in IE */
	min-height: 100%;
	float: left;
}

#content {
	width: 31em;
	margin: 16em 0 0 7.8em;
	padding: 0 .4em;
	min-height: 100%;
	float: left;
	background: white  url('../images/decor/corner.png')  no-repeat top right;
	display: table-cell;
}
	table.person {/* the about pages
			width: 100%; */
		}
		table.person tr {
				display:block;
				float: left;
				margin: 0 1em 0 0 ;
			}
		table.person th,
		table.person td {		
				float: left;
				clear: left;
				text-align: left;
				width: 100%;
			}

/*sidebar*/
#sidebar {
	float: right;
	width: 30.5em;
}
#sidebar .meta {
		margin: 0 .5em;
	}

#nav {
		float: right;
		width: 30.5em;
		margin: 20em 0 0 0;
	}
	#nav ul li {
			width: 7.5em;
			float: left;
			margin: 0 .5em;
		}
	#nav ul ul {
		margin: 0;
		}
	#nav li li {
			width: 100%;
			margin: 0;
		}

hr.horizontal {
 		height: 4em;
 		border: none;
 		color: black;
		background: transparent url('../images/decor/sep.png') no-repeat 50%;
		margin: 1em 0;		
 	}
 	
hr.vertical {
		width: 2em;
		border: none;
		color: transparent;
/*
		background: transparent url('../images/decor/flourish.png') no-repeat 50%;
*/
		height: 118px;
		float: left;
	}

/*images*/
img {
	border: 0;
}
.flyer {
	width: 9em;
	height: 12em;
	float: left;
	margin: 0 .5em;
}
.portrait {
	float: left;
	width: 9.6em;
	height: 12.8em;
	margin: 0 .6em;
}
.thumbnail {
	width: 8.75em;
	float: left;
	list-style: none;
	margin: 0 .5em;
	text-align: center;
}
.thumbnail img {
	width: 7em;
	height: 12em;
	margin: 0 auto;
}

/* misc classes */
.clearboth {clear:both}
.clearright {clear:right}
.clearleft {clear: left;}

.clearfix {overflow: auto;}

.hidden {display: none; visibility:hidden;} 

.debug div, .debug ul li {outline: 1px dotted grey;}