/* colors 
VIOLET: #5D597A;
BEIGE: #CCCA9F;
GREY: #4F4444;
LIME: #C9DA2A;
DARK BROWN/GREY: #332828;
*/


/********** DEFAULT/GENERAL TAGS **********/
body {
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #332828; /* DARK BROWN/GREY */	
}

hr {
	margin: 5px 0;
	height: 1px;
	width: 100%;
	border: 0;
	color: #332828; /* DARK BROWN/GREY */
	background: #332828;
}

img {
	border: 0;
	vertical-align: bottom;
}

.thumb {
	padding-left: 5px;
	padding-bottom: 10px;
}

p {
	margin: 0;
}

ul {
	margin: 0 0 10px 0;
	padding: 0;
}

li{ 
	margin-left: 30px;
}

.nobullet{
	list-style: none;
}

/********** POSITIONING **********/

html, body, #container{
	min-height: 100%;
	height: 50%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #332828; /* DARK BROWN/GREY */
}

#framepage{
	background: #CCCA9F;
	color: #332828; /* DARK BROWN/GREY */
	font-family: Optima, Arial, Helvetica, sans-serif;
}

#content{
	height: auto;
	background: #332828; /* DARK BROWN/GREY */
	width: 800px;
}

#holder{
	padding-left: 25px;
	padding-right: 25px;
}

#container{
	margin: 0 auto;
}

#framecontainer{
	margin: 0 0 10px 0;
	display: block;
	height: auto;
	background: #CCCA9F; /* CREAM */
	padding: 0;
	border: 0;
}


/* SHOW AND HIDE DIVs */

#paintings{
	text-align:left; 
	display: none; 
	width: auto; 
	padding: 0; 
	margin: 0; 
	background-color:#5D597A;
}

#sculpture{
	display: none;
}

#scenic01{
	display: none;
}

#scenic02{
	display: none;
}

#theatre{
	text-align:left; 
	display: none; 
	width: auto; 
	padding: 0; 
	margin: 0; 
	background-color:#5D597A;
}

#vitaeonline{
	display: block;
}


#downloads{
	display: none;
}


/* LAYOUT AND PAGE AREAS */

.section{  /* MAKES SURE THE NEXT SECTION ON THE FRAME PAGE IS HIDDEN */
	min-height: 580px;
	_height: 580px; /* IE UNDERSCORE HACK */
}

#captionblock{
	vertical-align: top;
	/* float: left;  */
	display: block; 
	/* padding-top: 10px; */
}

#thumbnailblock{
	/* float: right;  */
	padding-top: 10px;
	display: block;
	margin-right: 10px; 
	background-color: #B1AF95; /* darker tan */
	border-top: 1px solid #5B5252;
	border-bottom: 1px solid #5B5252;
}

#imageblock{
	width: 500px; 
	height: 275px; 
	display: block;
}


#header {
	padding-top: 100 px; /* I tried this to make it work better  -- let's see */
	background: #332828 /* DARK BROWN/GREY */ URL('images/title_tall.jpg') left bottom no-repeat;
	height: 140px;  
	/* margin-top: 100px; taken out to try and fix in IE */
}
	
	
#centertable{  /* this is used :-) */
	height: 100%;
	width: 50%;
}
	
#leftcolumn {
	float: left;
	/* width: 510px; */
	width: 64%;
	background: #CCCA9F;
	margin: 0;
	padding: 0;
	min-height: 450px;
	_height: 450px; /* IE HACK */
}
		
#rightcolumn {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0;
	width: 228px;
	/* width: 29% */
	background: red;
	min-height: 450px;	
	_height: 450px; /* IE HACK */
}
	
#tabscolumn {
	float: left;
	display: inline;
	background: #332828; /* DARK BROWN/GREY */
	/* width: 10%; /* NEED PERCENT TO WORK IN IE */
	width: 5%;
	margin: 0px;
	padding: 0px;
	min-height: 450px;
	_height: 450px; /* IE HACK */
}
	
		#textbox {
			padding: 10px;
		}		
		
	#footer{
		height: 40px;
		width: auto;
		padding: 7px 0 0 0;
		text-align: left;	
		font-size: .7em;
		color: #868567; 
	}
	

/********** TEXT FORMATTING **********/

.caption {
	font-size:  .8em;
	font-weight: normal;
	color: #332828;
	padding-top: 10px;
	/* margin: 10px 0 0 0;  */
}

.normal {
	font-family: Optima, Helvetica, Arial, sans-serif;
	font-size:  .9em;
	line-spacing: 1.8em;
	font-weight: normal;
	color: #332828;
}

.left {
	float: left;
}

.alignleft {
	padding-bottom: 0px;
	align: left;
}

.right {
	float: right;
}

	/**** HEADERS ****/
	h1 {
		font-size:  1.6em;
		font-family: Georgia, Times New Roman, Times, serif;
		font-weight: bold;
		color: #332828;
		margin: 0 0 10px 0;
	}
	
	h2 {
		font-family: Georgia, Times, serif;
		font-size:  1.2em;
		font-weight: bold;
		color: #332828;
		margin-top: 15px;
		margin-bottom: 8px;
	}

	h3 {
		font-weight: bold;
		color: black;
		margin: 0 5px;
	}
	

	.inline {
	    display: inline;
	}

/********** ANCHOR TAGS **********/
	a:link{
		color: #5D597A; 
		text-decoration: underline; 
		margin: 0;
	}
	
	a:active{}
	
	a:visited{
		color: #5D597A; 
		text-decoration: underline; 
		margin: 0;}
	
	a:hover{
		color: rgb(30,70,20);
	}
	
	/**A.GREY**/
	a.grey:link, a.grey:visited, a.grey:active, a.grey:hover { 
		color: #999;
		text-decoration: none;
	}
	
	a.portfolio:link, a.portfolio:visited, a.portfolio:active {
		font-family: Optima, Helvetica, Arial, sans-serif;
		color: #CCCA9F;
		font-size: .8em;
		text-decoration: none;
	}
	
	a.portfolio:hover {
		color: white;
	}
	
	li.creambullet{
		list-style-type: square;
		color: #CCCA9F;
	}