body {
	margin: 0px;
	background-color: #333333;
	font-family: Arial, verdana, sans-serif;
	color: #ffffff;
	text-align: center;
}

#whole { 
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 720px;
	background-color: #333333;
	border: 0px solid #ffffff;
	text-align: left;
}

a {color: #ffffff;}

/* splash styles */

#contents-splash {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 715px;
	margin-top: 20px;
	border: 0px solid #ffffff;
	font-size: .9em;
	}
#contents-splash a {color:#ffffff;}
#contents-splash img {border: 1px solid #ffffff;}

#left, #center, #right {display: inline;}
#left img, #right img {margin: 20px 0px 20px 0px;}
#left img {margin-right: 13px;}
#right img {margin-left: 13px}

#contents-splash p {margin-top: 40px; text-transform: uppercase; }

#contents-splash p.enter a.blue {text-decoration: none;}

#contents-splash p.enter a.blue:hover {color: #00CCFF;}





/* header styles here */

 p#header {
 	margin:44px 5px 18px 5px;
	border: 0px solid #DFDFDF;
	width: 710px;
	text-align: center;
} 

p#header.home {margin-top:130px;}

p#header a {
	color: #ffffff;
	font-size: 1.16em;  
	letter-spacing: 1.3em; 
	text-transform:uppercase;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #333333;
	}
	
p#header a span.endo  {
	letter-spacing: .1em;
	border: 1px solid #333333;
	}
p#header a.endo  {
	letter-spacing: .1em; 
	border: 1px solid #333333;
	}

p#header a.yellow:hover {color: #FFFF00;}
p#header a.green:hover {color: #33FF00;}
p#header a.orange:hover  {color: #FF6600;}
p#header a.red:hover {color: #ff0000;}
p#header a.purple:hover {color: #cc00ff;}
p#header a.blue:hover {color: #00CCFF;}
p#header a.pink:hover {color: #FF0099;}
p#header a.grey:hover {color: #ff0000;} /*this is red not grey ! */
p#header a.endo:hover {color: #00CCFF;}

p#header.projects a:hover {color: #33CCFF;}
p#header.artist a:hover  {color: #FFFF00; }
p#header.publications a:hover  {color: #cc00ff; }
p#header.cv a:hover {color: #33FF00; }
p#header.texts a:hover  {color: #FF8C00; }
p#header.contact a:hover {color: #FF0099; }

/* navigation styles */


#main-nav ul {
	width: 710px;
	float: left;
	padding: 0px;
	border: 0px solid #DFDFDF;
	list-style-type: none;
	margin: 0px 5px 0px 5px;
	text-align: center;
	}

#main-nav li {
	display: inline;
	margin: 0px 37px 0px 0px;
	padding: 0px;
	}
	
#main-nav li.contact {margin: 0px;}



/* nav text styles here */

#main-nav li a {
	padding: 0px 2px 0px 2px;
	line-height: 20px;
	border: 0px solid #DFDFDF;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 0.95em;
	margin-left:0px;
	}
#main-nav li a:hover, #main-nav li a:hover.on, #main-nav li a.on {color: #333333;}

#main-nav li.projects a:hover, #main-nav li.projects a.on {background: #33CCFF;}
#main-nav li.state a:hover, #main-nav li.state a.on {background: #FFFF00;}
#main-nav li.publications a:hover, #main-nav li.publications a.on {background: #cc00ff;}
#main-nav li.cv a:hover, #main-nav li.cv a.on {background: #33FF00;}
#main-nav li.texts a:hover, #main-nav li.texts a.on {background: #FF8C00;}
#main-nav li.contact a:hover, #main-nav li.contact a.on {background: #FF0099;}


/* main contents styles */

.clear { clear: both }

#contents{
	float:left;
	width: 720px;
	margin: 20px 0px 0px 0px;
	}

#leftcol {
	margin: 0px 0px 0px 0px;
	width: 195px;
	float:left;
	background: #282729;
	border: 0px solid #DFDFDF;
	}

	
#rightcol {
	float:left;
	margin:0px 0px 0px 0px;
	width: 520px;
	background: #e2e1e1;
	border: 0px solid #fff;
	}


/* main contents */

#leftcol {font:  .8em arial, verdana, sans-serif; padding-bottom: 5px;}

#leftcol ul {
	list-style-type: none;
	margin:12px 5px 5px 5px;
	padding: 0px 0px 2px 5px;
	}

#leftcol li {
	margin: 2px 0px 0px 0px;
	padding: 0px  0px  0px  0px;
	text-indent: -2px;
	}


#leftcol a {
	color: #ffffff ;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 2px 0px 2px;
	line-height:1.4em;
	}

#contents #leftcol a:hover { color: #333333;}

#contents.projects #leftcol a:hover {	background: #33CCFF; }
#contents.artist #leftcol a:hover {	background: #FFFF00; }
#contents.publications #leftcol a:hover {	background: #cc00ff; }
#contents.cv #leftcol a:hover {	background: #33FF00; }
#contents.texts #leftcol a:hover {	background: #FF8C00; }
#contents.contact #leftcol a:hover {	background: #FF0099; }

#contents.proejcts #rightcol a {	color: #33CCFF; text-decoration: none;}
#contents.artist #rightcol a {	color: #FFFF00; text-decoration: none;}
#contents.publications #rightcol a {	color: #cc00ff; text-decoration: none; background: #e2e1e1;}
#contents.cv #rightcol a  {	color: #33FF00;text-decoration: none; background-color: #e2e1e1;}
#contents.texts #rightcol a  {	color: #FF8C00; text-decoration: none;}
#contents.contact #rightcol a {	color: #FF0099; text-decoration: none;}

#contents #rightcol a:hover {color: #282729; text-decoration: none; background-color: #e2e1e1;}

#contents #rightcol a.specialhover:hover {
	background-color: #e2e1e1;
	color: #000;
	}
	
#rightcol {
font-size: .9em;
color: #333333;
padding-bottom: 10px;
margin-bottom: 20px;
}

#rightcol p { margin: 10px 15px 12px 20px;
text-align: justify;
}



h2 {
	font: bold 0.95em arial, verdana, sans-serif;
	color: #282729;
	padding: 0px 0px 0px 10px;
	text-transform: uppercase;
	margin: 15px 0px 5px 10px;
	line-height: 1em;

	}
	
div.textfield ul {
	list-style-type: none;
	margin:0px;
	padding: 0px;
	}

div.textfield li {
	margin: 0px 5px 0px 20px;
	padding: 3px  0px  3px  0px;
	line-height: 1.2em;
	}
	
div.textfield p {margin-left: 10px;}
div.textfield p.quote {padding: 0px 20px 0px 20px;}
div.textfield p.poem {font-style: italic;}
p.small {font-size: .9em; }
	
/* leftcol top border styles  */
#contents.projects #leftcol  { border-top: 2px solid #33CCFF;}
#contents.artist #leftcol  { border-top: 2px solid #FFFF00; }
#contents.publications #leftcol  { border-top: 2px solid #cc00ff; }
#contents.cv #leftcol  { border-top: 2px solid #33FF00; }
#contents.texts #leftcol  {	border-top: 2px solid #FF8C00; }
#contents.contact #leftcol  { border-top: 2px solid #FF0099; }

/* rightcol top border styles  
#contents.projects #rightcol  { border-top: 2px solid #33CCFF;}
#contents.artist #rightcol  { border-top: 2px solid #FFFF00; }
#contents.publications #rightcol  { border-top: 2px solid #cc00ff; }
#contents.cv #rightcol  { border-top: 2px solid #33FF00; }
#contents.texts #rightcol  {	border-top: 2px solid #FF8C00; }
#contents.contact #rightcol  { border-top: 2px solid #FF0099; }*/


/* CV and PUBLICATIONS hidden layers positioning */

#pubintro,
#sexworks,
#thedragking,
#sublime,
#lovebites,
#cvblank,
#education,
#monographs,
#exhibitions,
#filmography,
#publications,
#worknperf,
#film,
#talks,
#blank,
#desire,
#hermlove,
#other,
#credits,
#contact {
	position: absolute;
	float: left;
	margin: 0px;
	color:#333333;
	padding: 0px 0px 12px 0px;
	background: #e2e1e1;
	width: 520px;
	border-bottom: 10px solid #333333;
	}
	
/* -----------projects styles------------ */
#projectsindex {
	position: relative;
	margin-right: 172px;
	margin-left: 172px;
	width: 376px;
	border: 0px solid #fff;
	text-align: center;
	}
	
table.projects td {
width: 122px;
height: 122px;
vertical-align: middle;
}

table.projects td img {
border: 1px solid #ffffff;
margin: 20px;
}



#projectsbuttons {
position: relative;
margin: 50px 73px 15px 73px;
width: 230px;
border: 0px solid #fff;
height: 20px;
background-color: #282729;
/* border-top: 2px solid #33CCFF; */
}


h4.projectstab { 
position: absolute;
text-align: center;
width: 230px;
margin-left: 0px; /* this line to be seen by IE only please! */
margin-top: 0px;
text-align: center;
font-weight: normal;
font-size: .9em;
padding: 2px 0px 2px 0px;
text-transform: uppercase;
}

h4 a {color: #ffffff; text-decoration: none;}

h4 a:hover {color: #33CCFF;}

#contents-image {
	position: relative;
	margin: 0px 110px 20px 110px;
	width: 500px;
	border: 0px solid #fff;
	text-align: center;
	height: 500px;
	}

#captions {
float: left;
border: 0px solid #fff;
width: 720px;}


h3 {display: inline; font: normal 0.9em arial, verdana, sans-serif; margin: 0px 0px 5px 0px; text-align: center;}
h3#project {margin: 0px 140px 0px 140px;}
h3 {color: #33CCFF}

h3 a:link, h3 a:visited {text-decoration: none; color: #ffffff;}
h3 a:hover {color: #33ccff;}



p.captionstext {
	text-align: center;
	color: #ffffff;
	font: normal 0.95em arial, verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	margin-top: 6px;
	margin-bottom: 0px;
	}
	
.captionstext a:link, 
.captionstext a:visited {text-decoration: none;}

.captionstext strong {color: #33ccff;}
.captionstext a:hover strong {color: #333333;}

p.detailstext {
	text-align: center;
	color: #ffffff;
	font: normal 0.95em arial, verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	margin-top: 4px;
	margin-bottom: 6px;
	}

/* Container that gets resized and holds the photo */
#Container {
	margin: 0 auto;
	position: relative;
	width: 200px;	/* Initial width */
	height: 200px;	/* Initial height */
	background: #333 url(images/load.gif) 50% 50% no-repeat;
	border: 1px solid #ffffff;
	overflow: visible;
	}

/* Inner container for photo */
#PhotoContainer { visibility: hidden; }

/* Temporary image for preloads */
#TempPhoto { visibility: hidden; display: inline; }

/* Counter for photos */
#Counter { DISPLAY: NONE; }


#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	width: 200px;
	z-index: 100;
	background-color: transparent;
	display: none;
	}


#PrevLink {
	display: block;
	float: left;
	height: 200px;
	width: 100px;
	}

#NextLink {
	display: block;
	float: right;
	height: 200px;
	width: 100px;
	z-index: 100;
	}



#PrevLink span, #NextLink span { display: none; }

/* Miscellaneous */	
img { border: none; }

	

/* mainstyles 



#introText {
	font-size:1.4em;
	margin-left: -1px;
	color:#DFDFDF;
	}

#projectstable {
	top:0px;
	}

.border {
	margin: 2px;
	border: 0px solid #333333;
	}



#buttons a {
	font-family:  arial, verdana, sans-serif;
	color: #DFDFDF;
	font-size: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	text-decoration: none;
	}
	 */

/* text styles here 
	
#contents ul a {
	font-family:  arial, verdana, sans-serif;
	font-size: 0.95em;
	color: #DFDFDF ;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 2px 0px 2px;	
	}


#contents ul.projects li a:hover.link {
	color: #000000;
	background: #33CCFF;
	}
	
#contents ul.publications li a:hover.link {
	color: #000000;
	background: #cc00ff;
	}

#contents ul li.on a.proj {
	color: #000000;
	background: #33CCFF;
	font-size: .9em;
	}

#pub-right p, #cv-right p {
	font-family:  arial, verdana, sans-serif;
	color: #545454;
	}


h1 {
	font-family:  arial, verdana, sans-serif;
	font-size: 1.1em;
	color: #545454;

	margin: 0px;
	}


*/