/* main.css.php */

body
{
	background-color: #000000;
	background-image: url('/images/bg/bg_abstract.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: 0px 0px;

	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 2em; /* originally 1.6em */
	color: #fff;
}

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; color: #ffffff;}



/* ---> Global Elements <---- 
------------------------------------------------------------------------------------------------------*/
body.bgon
{
	background-color: #000000;
	/*background-image: url('/images/bg/image_background1_darker.jpg');*/
	background-image: url('/images/bg/bg_abstract.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: 0px 0px;

	font-family: Verdana, Helvetica, Arial, sans-serif;
}
body.bgoff
{
	background-image: none;
}

h1 { margin-left: -14px; }
	h1.page-title { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .3em; margin-left: 0px;  }
h2 {}

h3 {}

h4 {}

h5 {}

h6 {}


img { border: 0px solid #f00; }
	img.nav 			{ border: 0px; padding-bottom: 5px; margin-right: 7px; }
	img#spotlight-img 	{ border: 0px solid #000; padding: 21px 0px 12px; }
	img.thumb 			{ border: 1px solid #000; }
	img#title-img 		{ border: 0px solid #000; padding: 0px 0px 0px 7px; }
	img#large-img 		{ border: 0px solid #fa6bff; border: 1px solid #000; margin-left: -14px; margin-bottom: 21px; }
	img.exhibit_thumb 	{ border: 1px solid #000; margin-right: 10px; margin-bottom: 5px;}

a {}
	a:link,	p.content a:link, p.spotlight a:link 							{ color: #d199c3; text-decoration: none; padding-bottom: .1em; border-bottom: 1px dotted #d199c3; }
	a:visited, p.content a:visited, p.spotlight a:visited 					{ color: #d199c3; text-decoration: none; padding-bottom: .1em; border-bottom: 0px dotted #99708f; }
	a:hover, p.content a:hover, p.spotlight a:hover, a.artist:hover			{ border-bottom: 1px solid #d199c3; }
	a.nav, a.thumb 															{ border-bottom: 0px dotted #99708f; padding: inherit; }
	a.footer:link															{ color: #5F4466; text-decoration: none;  border-bottom: 0px dotted #99708f;}
	li.jobs a, a.artist:link												{ border-bottom: 0px dotted #99708f; }
	a.boxed 																{ border: 0px solid #fff; }

p {}
	p.content 		{ font-family: Verdana, Helvetica, Arial, sans-serif; margin-right: 1em; margin-bottom: 2em; }
	p.spotlight 	{ padding: 0px 2px; text-align: justify; line-height: 1.4em; }
	p.credit-role 	{ text-align: right; margin: inherit; line-height: inherit; }
	p.credit-name 	{ text-align: left; margin: inherit; line-height: inherit; }
	p.footer 		{ color: #fff; text-align: center; line-height: 1.4em; margin:auto; } /* color was 5F4466 */

dd { margin-bottom: 2em; }


/* ---> Site Structure <---- 
------------------------------------------------------------------------------------------------------*/

#splash  	{ background-color: #000000; background-image:url('/images/bg/splash_bg_02.jpg'); background-repeat:no-repeat; background-position:0px 0px; }

#wrapper 	{ width: 850px; margin: 0px auto; padding: 0px; border-left: 0px dotted #933; } /* width was 776 */
#navbar		{ width: 135px; position: absolute; top: 110px; }
#footer  	{ width: 100%; border-top: 1px solid #431C4D; margin-bottom: 3em; padding-top: 1em; border: 0px dotted #999; }
#nav-logo	{ padding: 10px 0 5px; display: none; }


/* ---> page banners <---- 
------------------------------------------------------------------------------------------------------*/

#banner-about		{background-image:url('/images/banners/about.jpg'); 		width:690px; height:285px; background-position:0px 0px; margin-left: -14px; margin-bottom: 21px; background-repeat:no-repeat;}
#banner-art-exhibit	{background-image:url('/images/banners/art_p.jpg'); 			width:690px; height:285px; background-position:0px 0px; margin-left: -14px; margin-bottom: 21px; background-repeat:no-repeat;}
#banner-careers		{background-image:url('/images/banners/diapo.gif');		width:690px; height:285px; background-position:0px 0px; margin-left: -14px; margin-bottom: 21px; background-repeat:no-repeat;}
#banner-contact		{background-image:url('/images/banners/map.jpg'); 			width:690px; height:285px; background-position:0px 0px; margin-left: -14px; margin-bottom: 21px; background-repeat:no-repeat;}
#banner-home		{background-image:url('/images/banners/home_p.jpg'); 		width:690px; height:285px; background-position:0px 0px; margin-left: -14px; margin-bottom: 21px; background-repeat:no-repeat;}
#banner-press		{background-image:url('/images/banners/press.jpg'); 		width:690px; height:285px; background-position:0px 0px; margin-left: -14px; margin-bottom: 21px; background-repeat:no-repeat;}
#banner-projects	{background-image:url('/images/banners/projects.jpg');	width:690px; height:285px; background-position:0px 0px; margin-left: -14px; margin-bottom: 21px; background-repeat:no-repeat;}


/* ---> Style classes <---- 
------------------------------------------------------------------------------------------------------*/

.content {}
	td.content { background-image:url('/images/bg/fond_noir.png'); padding: 7px 7px 7px 21px; }
	ul.content { line-height: 1.6em; margin-left: 0em; margin-right: 1em; margin-bottom: 2em; }


.spotlight-tables {}
	table.spotlight-tables {}
	td.spotlight-tables	{ background-image:url('/images/bg/fond_noir.png'); }


.spotlight-table {}
	table.spotlight-table 			{ padding: 0px; border-spacing: 7px; border: 0px solid #fff; }
	table.spotlight-table th 		{ color: rgb(255, 204, 255); padding: 8px 2px 2px; text-align: left; font-size: 1.5em; font-family: Verdana, Helvetica, Arial, sans-serif; border: 0px solid #f00; }
	table.spotlight-table tr th a 	{ color: #d199c3; text-decoration: none; padding-bottom: .1em; border-bottom: 0px dotted #d199c3; }
	table.spotlight-table td 		{ border: 0px solid #00f; padding: 0px; }
	

.credits {}
	table.credits 	 { border-spacing: 0px 0px; border: 0px solid #fff; }
	table.credits th { border: 0px solid #00f; padding: 2px 4px; }
	table.credits td { border: 0px solid #00f; padding: 2px 4px; }


.jobs {}
	ul.jobs { line-height: 1em; margin-left: 0em; margin-right: 1em; margin-bottom: 0em; }
	ul.job  { line-height: 1.6em; margin-left: 0em; margin-right: 1em; margin-bottom: 2em; }
	
.jobDesc { margin: 1em; border-left: 1px solid #fff; padding: 0 0 0 1em; }

.exhibits {}
	dl.exhibits dt { font-weight: bold; font-size: 1.2em; }


/* IE fix */