/* 
** Copyright 2005 Randall Darden, All Rights Reserved.
** http://www.tremolophoto.com/
** admin@tremolophoto.com
*/

/* General definitions ---------------------------------------- */
body
{
	margin: 0;
	background-color: #330;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	text-decoration: none;
}

a
{
	text-decoration: underline;
	color: #330;
}

a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }

a:hover
{
	text-decoration: underline;
	background-color: #5F8171;
}

a:active
{
	text-decoration: underline;
	background-color: #5F8171;
}

h1
{
	/*margin-top: 2em;*/
	font-size: large;
	border-bottom: 1px solid #5F8171;
}

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

h2
{
	margin: 0;
	font-size: medium;
}

h3.noSpaceAbove {
	margin-top: 0;
}

.spaceAbove {
	margin-top: 2em;
}

/*---------------------------------------------------------------*/
div.calendar
{
	margin: 2em 3em 2em 3em;
	line-height: 150%;
}


.event_listing { margin: 2em 1em 1em 1em; }
.event_listing p { margin: 0.5em 0 0 0; }

#content
{
	width: 740px;
	/*width: 63em;*/
	border: 3px solid #5F8171;
	margin: 3em 3em 0 3em;
	margin-left: auto;
	margin-right: auto;
	background-color: #996;
}


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

div.centered img
{
	margin: 0.3em;
}

/*---------------------------------------------------------------*/
#header
{
	/*
	background-image: url("header_DSC_8422.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #000;
*/
	width: 740px;
	height: 156px;
	border-bottom: 1px solid #000;
}

#header img { border: none; }

/* doesn't seem to override underlining */
#header a
{
	text-decoration: none;
	color: #330;
}

#header a:link { text-decoration: none; }
#header a:visited { text-decoration: none; }
#header a:hover { text-decoration: none; }
#header a:active { text-decoration: none; }

/*---------------------------------------------------------------*/
#main_body
{
	margin: 0 10em 0 0;
	padding: 0;
	border-right: 1px solid #5F8171;
	background-color: #cc9;
	/*font-size: small;*/
	text-align: left;
}

#mainBodyContents
{
	padding: 1.6em 0.8em 0.8em 1.2em;
	min-height: 500px;
}

/* for IE */
* html #mainBodyContents { height: 600px; }



/*---------------------------------------------------------------*/
#menu
{
	text-align: center;
	float: right;
	margin: 1em 0.2em 0 0;
	/*_margin: 1em 0em 0 0;*/		/* Different margin for Window IE */
	width: 10em;
}

/* Make the link background a little wider here */
#menu a
{
	/*margin-left: -3px;*/
	padding: 3px;
	text-decoration: none;
	/* Looks too cluttered with underlines */
}

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

ul.menu_list_1
{
	margin: 8px 3px 7px 8px;
	padding: 0;
	list-style-type: none;
	/*line-height: 2em;*/
	line-height: 1.4em;
	font-size: medium;
	/*font-weight: bold;*/
}

ul.menu_list_1 li
{
	padding: 0.5em 0 0.5em 0;
	border-top: 1px dashed #663;
}

ul.menu_list_1 li.last { border-bottom: 1px dashed #663; }



/*---------------------------------------------------------------*/
.statement_quote
{
	margin: 1em 2em 0.5em 2em;
	color: #333;
}

.statement_quote_attrib
{
	margin: 0 1em 2em 0;
	text-align: right;
	/*	border: 1px solid #f00;*/
}

/*---------------------------------------------------------------*/
div.statement
{
	margin: 2em 3em 3em 3em;
	line-height: 150%;
}

div.statement p { margin-bottom: 2em; }

/*---------------------------------------------------------------*/
div.resume
{
	margin: 2em 3em 2em 3em;
	line-height: 150%;
}

div.resume table
{
	/*
	margin-left: auto;
	margin-right: auto;
*/
	text-align: left;
	border: none;
}

div.resume table td { padding: 0.2em 1em 0.7em 1em; }

/*---------------------------------------------------------------*/
div.essays
{
	margin: 2em 3em 3em 3em;
	line-height: 180%;
}

div.essays p { margin-bottom: 2em; }

/*---------------------------------------------------------------*/
div.returnLink
{
	margin-top: 2em;
	font-size: 90%;
}


/*---------------------------------------------------------------*/
div.gallery_table
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0;
/*border: 1px solid #f00;*/
}

div.gallery_table img { 
	border: 1px solid #5F8171; 
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

div.gallery_table table
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: none;
	padding: 0;
}

div.gallery_table table td
{
	/* This caused a problem, as it was sometimes too wide in IE 5-6. 
	   Solution is to keep it narrower. Also, Padding of 0.5em was too big!
	   Padding of 0 on sides is good.
		padding: 1em 0.5em 1em 0.5em;*/
	padding: 1em 0 1em 0;

	border-bottom: 1px solid #5F8171;
	text-align: center;
	/*min-width: 128px;*/
/*
border: 1px solid #f00;
*/
}

/*
div.gallery_table table td a:hover { border-bottom: 1px solid #9cc; }
*/
/*
div.gallery_table table tr {
	border-bottom: 1px solid #5F8171;
}
*/






/*---------------------------------------------------------------*/
div.gallery-image-block
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	text-align: center;
	/*clear: both;*/
}




/* TODO : stuff below isn't used, is it? */

div.row
{
	clear: both;
	display: block;
	padding-top: 3em;
	padding-bottom: 3em;
	/*	margin: 10px;*/
	/*border: 1px solid #f00;*/
}

div.row span.left
{
	float: left;
	padding-right: 5px;
	width: 250px;
	/*	height: 250px;*/
	text-align: center;
	/*border: 1px solid #0f0;*/
}

div.row span.right
{
	float: left;
	padding-left: 5px;
	width: 250px;
	/*	height: 250px;*/
	text-align: center;
	/*border: 1px solid #00f;*/
}








/*---------------------------------------------------------------*/
div.teapot-process { line-height: 150%; }
div.teapot-process p { margin-bottom: 2em; }
div.teapot-process img { border: 1px solid #5F8171; }
div.teapot-process img.right { float: right; }

div.teapot-process img.horizontal
{
	margin-top: 33px;
	margin-bottom: 33px;
}

div.image-block
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	text-align: center;
	/*clear: both;*/
}



/*---------------------------------------------------------------*/
div.float-img-right {
	float:right;
	text-align: center;
}

div.float-img-right img {
	margin: 1em;
	margin-top: 0;
}

/*---------------------------------------------------------------*/
div.front-page-img-right {
	float:right;
	text-align: center;
}

div.front-page-img-right img {
	margin: 1em;
}

/*---------------------------------------------------------------*/
div.front-page-gallery {
	text-align: center;
}

div.front-page-gallery img {
	margin: 1em;
}


/*---------------------------------------------------------------*/
div.pouring-movie {
	margin: 3em;
	text-align: center;
}


/*---------------------------------------------------------------*/
div.centered-image {
	margin: 3em;
	text-align: center;
}
div.centered-image img {
	border: 1px solid #333;
}


/*---------------------------------------------------------------*/
div.centered-box {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

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

/*---------------------------------------------------------------*/
div.left-box {
	display: block;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

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


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



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

	color: #996;

	font-size : x-small;
	
	text-align: center;
}

#credits a {
	color: #996;
}