/*
** Copyright 2006-2014 Tremolo Photo, All Rights Reserved
** http://www.tremolophoto.com/
*/

*
{
	/* empty */
}


body
{
	background-color: #fff;
	margin: 0;
	font-family: "Lucida Sans", "Arial", sans-serif;
	font-size: small;
}

/* used for header on home page (index.php) */
h1
{
	font-size: 160%;
	overflow: visible;
	margin-bottom: 0;
}
/* used for header on non-home pages */
a h1 {
/*	font-size: 160%;*/
	overflow: visible;
	background-color: #800040;
}

h2 {
	color: #800040;
}

/* ------------------------------------------------------------ */
/*
.centerWrapper
{
	text-align: center;
border: 1px solid #0f0;
}
*/

/* ------------------------------------------------------------ */
#navigationCell {
	width: 1000px;
	margin-top: 0.5em;
	margin-bottom: 1em;
	margin-left: auto;		/* Centers this div */
	margin-right: auto;		/* Centers this div */

	/* This "overflow: hidden" was used in another site but should NOT be used here as they break IE Mac centering of this div */
	/*overflow: hidden;*/
	
	background-color: #036;
	color: white;

	text-align: center;
	
border: 1px solid #033;
}

#navigationCell h1 {
	margin: 0.5em;
	padding: 0;
	text-transform: uppercase;
/*border: 1px solid #f00;*/
}
#navigationCell h1 a {
	color: white;
	font-size: 110%;
	text-decoration : none;
}


#navigationCell h2 {
	padding: 0;
	margin: 0;
	font-weight: normal;
/*border: 1px solid #00f;*/
}


h3 {
	margin-top: 2em;
}

/* ------------------------------------------------------------ */
#menu {
/* 
	margin-top: 1em;
	margin-bottom: 1em;
 */
	margin: 0;
	padding: 1ex;

	color: white;
	font-size: 12px;
	text-align: center;
/* border: 1px solid #f00; */
}

#menu ul {
	margin: 0;
	padding: 0;

/* border: 1px solid #0f0; */
}

#menu li {
	display: inline-block;
	list-style-type: none;
	/*margin: 0em 1em 0em 1em;*/
	margin: 0;
	padding: 0;
/*border: 1px solid #f00;*/
}

#menu li.theater {
	display: inline-block;
	list-style-type: none;
	/*margin: 0em 1em 0em 1em;*/
	margin: 0;
	padding: 4px 0 4px 0; /* This makes each cell slightly larger than the text, left and right */

/* border: 1px solid #f00; */
}

#menu a {
	color: white;
	padding: 1px 0.7em 2px 0.7em; /* This makes each link a target slightly larger than the text, left and right */
}

#menu li a {
	padding: 1px 0.7em 2px 0.7em; /* This makes each link a target slightly larger than the text, left and right */
}

#menu li.theater a {
	padding: 1px 0.7em 2px 0.7em; /* This makes each link a target slightly larger than the text, left and right */
}

#menu li.art a {
	color: #ccc;
	padding: 1px 0.7em 2px 0.7em; /* This makes each link a target slightly larger than the text, left and right */
}

#menu a:link {
	text-decoration : underline;
}

#menu a:visited {
	text-decoration : underline;
}

#menu a:hover {
	text-decoration : underline;
}

#menu a:active {
	text-decoration : underline;
}


/* ------------------------------------------------------------ */
.homePageFeaturedImage {
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.homePageFeaturedImage img {
	border: 2px solid #000;
}

/* ------------------------------------------------------------ */
/* 20130806 new front page layout with two random images: one from theater and one from artwork */
.homePageTwoFeaturedImages {
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
/* border: 1px solid #f00; */
}

.homePageTwoFeaturedImages img {
	border: 2px solid #000;
	margin: 2em;
}

/* ------------------------------------------------------------ */

#mainBody {
	margin-top: 0;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 1000px;
	
/* border: 1px solid #00f; */
}

#mainBody a {
	color: #800040;
	text-decoration : underline;
}


/* ------------------------------------------------------------ */
.homePageBody {
	margin: 0;
	padding: 0;
	text-align: center;

/* border: 1px solid #0f0; */
}

.homePageBody h2 {
	font-size: 150%;
}
.homePageBody table {
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	/* border: 1px solid #f00; */
}

/* These cells divide the two random images on the main page with a thin vertical line */
.homePageBody table td.vline
{
	width: 1px;
	border-left: 1px #888 solid;
}

/* ------------------------------------------------------------ */
td.titleCell
{
	text-align: center;
	margin: 0.5em;
}

td.mainBodyNormal {
	color: #333;
	/*padding: 2em 2em 2em 2em;*/
	padding: 0em 2em 2em 2em;
	vertical-align: top;
/*border: 1px solid #0f0;*/
}




/* ------------------------------------------------------------ */
.indented {
	margin-left: 1em;
}

.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.bordered {
	border: 1px solid #666;
}

.normalMargin {
	margin: 1em;
}

.mediumMargin {
	margin: 2em;
}

.largeMargin {
	margin: 3em;
}


/* ------------------------------------------------------------ */
.bioText {
	line-height: 180%;
	margin-top: 2.7em;
	margin-left: 2em;
	margin-right: 4em;
	color: #666;
	/*font-size: small;*/
}

/* ------------------------------------------------------------ */
.contactText {
	/*line-height: 180%;*/
	/*margin: 2em;*/
	margin-top: 2.7em;
	margin-left: 2em;
	margin-right: 4em;
	color: #666;
	/*font-size: small;*/
}

.contactText table {
	margin: 0;
	padding: 0;
}

.contactText table td {
	margin: 0;
	padding: 2px 2px 1em 2px;
	vertical-align: top;
}

/* ------------------------------------------------------------ */
.statementText {
	line-height: 180%;
	margin-top: 2.7em;
	margin-left: 2em;
	margin-right: 2em;
	color: #666;
	/*font-size: small;*/
}

.statementText ul {
	margin: 0em;
	padding: 1em;
}

.statementText li {
	/* list-style-type: none; */
	margin: 1em;
}


.quoteAttribution {
	font-style: italic;
}

/* ------------------------------------------------------------ */
.resumeText {
	margin-top: 2.7em;
	margin-left: 2em;
	margin-right: 4em;
	line-height: 120%;
	/*font-size: small;*/
	color: #666;
}
.resumeText td {
	padding: 1.2ex;
	vertical-align: top;
}

.resumeText td p {
	margin: 0;
}
.resumeText h2 {
	font-size: 120%;
	margin-top: 2em;
	text-transform: uppercase;
	color: #800040;
}

.resumeText li {
	line-height: 130%;
}

.resumeDirecting {
	margin: 0;
	padding: 0;
}

h1.resumeTitle {
	margin-top: 2em;
	margin-bottom: 1em;
	font-size: 180%;
	text-align: center;
	text-transform: uppercase;
	color: #800040;
}
.resumeDirecting h3 {
	margin-top: 1.5em;
	margin-bottom: 0.3em;
	font-weight: normal;
	font-size: 110%;
}

.resumeDirecting ul {
	padding: 0;
	margin: 0;
}

.resumeDirecting li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 130%;
}

.theatreTitle {
	/*text-transform: uppercase;*/
	font-style: italic;
	font-weight: bold;
}


/* ------------------------------------------------------------ */
.theaterText {
	line-height: 180%;
	margin-top: 2.7em;
	margin-left: 2em;
	margin-right: 2em;
	color: #666;
	/*font-size: small;*/
}

.theaterTextSection {
	margin-bottom: 2em;
}
.theaterText ul {
	margin: 0;
	padding: 0;
}

.theaterText li {
	list-style-type: none;
	margin: 0 0 1em 0;
}

.theaterText ul.two {
	margin: 0.5em 0 0.5em 2em;
	padding: 0;
}

.theaterText ul.two li {
	list-style-type: none;
	margin: 0 0 0 0;
}

/* ------------------------------------------------------------ */
.newsText {
	line-height: 140%;
	margin-top: 2.7em;
	margin-left: 2em;
	margin-right: 4em;
	color: #666;
	/*font-size: small;*/
}

.newsText h2 {
	line-height: 140%;
}

.newsText ul {
	margin: 0em;
	padding: 1em;
}

.newsText li {
	list-style-type: none;
	margin: 1em;
}

/* ------------------------------------------------------------ */
.sculptureText {
	line-height: 150%;
	margin-top: 2.7em;
	margin-left: 2em;
	margin-right: 2em;
	color: #000;
	/*font-size: small;*/
}


/* ------------------------------------------------------------ */
.spaceBelow {
	margin-bottom: 1em;
}

.spaceAbove {
	margin-top: 2em;
}



/* ------------------------------------------------------------ */
.imageInsertRight {
 	float: right;
/*	clear: both;*/
	
	margin: 1em 0 8em 2em;

	text-align : right;
	font-style: italic;
	font-size: small;
	border: 1px solid black;
}


.clearBoth {
	clear: both;
}

.imageInsertLeft {
 	float: left;
/*	clear: both;*/
	
	margin: 0.5em 1.5em 1em 0em;

	text-align : left;
	font-style: italic;
	font-size: small;
	border: 1px solid black;
}

.withBorder {
	border: 1px solid black;
}

.noBorder {
	border: none;
}

/* ------------------------------------------------------------ */
#credits {
	margin: 2em 1em 5px 5px;
	padding: 2px;

	color: #ccc;
	background-color: #fff;

	font-size : x-small;
	
	text-align: right;
/*  	border: 1px solid #000; */
}

#credits a {
	color: #ccc;
}