/*
** CSS created for www.Cindy-Sadler.com
** This CSS is for pages with a "2 column" layout (bio, ...)
** Created on 10/30/2006.
** Copyright (c) Dolphin Classical - All Rights Reserved.
*/

/**************
** Hyperlinks * 
**************/
a
{
	text-decoration: none;
}

a:link
{
	color: #FFFFFF; 
}
a:visited
{
	color: #FFFFFF; 
} 
a:active 
{
	color: #800000;
}
a:hover
{
	color: #800000;
}

/*
** No border around the images in the menu
*/
#menu img
{
	border: none;
}

body 
{
	margin: auto; /* centered */
	text-align: center; /* for IE */
	font-family: verdana, arial, helvetica, sans-serif, "trebuchet MS", geneva;
	font-size: 12px;
	width: 850px;
	background-color: #000000;
}

/*
** Wrapper div
*/
#wrapper
{
	margin-top: 5px;
}

/*
** The div that contains the banner
*/
#header
{
	width: 850px;
}

/*
** The div that contains the menu images
*/
#menu
{
	width: 850px;
	margin-bottom: 4px;
	margin-top: 4px; 
}

/*
** This is where the title goes.
*/
#contenttop 
{
	background-color: #460F3C; 
	background-image: url(../graphics/background/title_bkg.jpg);
	background-repeat: no-repeat;
	width: 850px;
	height: 105px;
	float: left;
	text-align: left;
	position: relative;
}

/*
** Wrapper div. The left and right columns go in the content div.
*/
#content
{
	position: relative;
	float: left;
	width: 850px; 
	padding-top: 0px;
	margin: 0px;
}

/*
** The content div. Information (bio, resume, ...) goes in that div.
*/
#contentleft 
{
	background-color: #7B5D78;
	float: left;

	overflow: hidden; /* For IE 6 bug */
	left: 0px;
	width: 430px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 40px;
	padding-right: 10px;
	background-image: url(../graphics/background/main_left.jpg);
	background-repeat: repeat-y;
}

/*
** Div that contains the quote and image, the column on the right.
*/
#contentright 
{
	background-color: #692869; 
	float: left; 
	margin: 0px;
	overflow: hidden; /* For IE 6 bug */
	width: 330px;
	right: 0px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 35px;
	padding-bottom: 5px;	
	background-image: url(../graphics/background/main_right.jpg);
	background-repeat: repeat-y;
	text-align: center;
}

/*
** The legend under the picture (on content right pane)
*/
.legend
{
	font-family: Verdana, "Courier New", Courier, monospace;
	font-size: 11px;
	text-align: center;
	color: #DDDDDD;
	padding: 0px;
	margin-top: -10px;
}

/*
** This is the div where I put the 3 headshot thumbnails
*/
#toprightpictures 
{
	position: absolute;
	left: 500px;
	padding-top: 13px;
}

/*
** This is the div where I put the title of the page
*/
#toptitle
{
	position: absolute;
	left: 30px;
	vertical-align: bottom; 
}

/*
** The bottom box, the one that contains the text for (c)
*/
#bottom
{
	float: left;
	left: 0px;
	background-color: #690824;
	width: 850px;
	margin-top: 2px;
	margin-bottom: 5px;

	padding-top: 2px;
	padding-bottom: 2px;
}

/*
** The text in the bottom box, for (c) statements, ...
*/
#bottom p.copyright
{
	display: inline;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	text-align: center;
	color: #DDDDDD;
	padding: 0px;
	margin: 0px;
}

/*
** Regular content text, like the biography, ...
*/
.regtext 
{
	text-align: justify;
}

/*
** The thumbnail headshots on the top-right part of the page
*/
.th_headshot
{
	margin-left: 20px;
	margin-right: 20px;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
}

.th_headshot:hover
{
	border-color: #D99033; /* Gold frame around the picture */
}

/*
** The thumbnail production shots on the top-left of the page
*/
.th_production
{
	margin-left: 0px;
	margin-left: 15px;
	margin-right: 15px;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
}

.th_production:hover
{
	border-color: #D99033; /* Gold frame around the picture */
}

h1
{
	text-align: left;
}

/*
** Table properties - No properties
*/
table
{
	border-collapse: collapse;
}

/* Tables - "Highlight" every other line */
tr.line1
{
}

tr.line2
{
	background-color: #8A6887;
}