/* CSS Document */

* {
padding: 0px;
margin: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color:#ffffff;
	font-size:12px;
	behavior:  url(/scripts/csshover3.htc);
	font-size: 100%; 
}

.black {
	background-color:#000;
}


a {
color: #CFBE78;
text-decoration: none;
}


a:hover {
color: #BD7619;
}

.darkLink a {
color: #BA523D;
text-decoration: none;
}


.darkLink a:hover {
color: #BF60EB;
}


.text ul {
list-style-type: square;
text-decoration: none; 
font-size: 16px;
color: #CFBE78;
padding-left: 25px;
padding-top: 20px;
}

.text li {
color: #000;
}

.text ul a {
list-style-type: square;
text-decoration: none; 
font-size: 16px;
color: #3C333D;
}

.text ul a:hover {
list-style-type: square;
text-decoration: none; 
font-size: 16px;
color: #742620;
}

/*div#wrapper painting {
position: absolute;
width: 825px;
left: 0px;
top: 0px;
z-index: 6;define an arbitrary layer # that will relate to the other element that is overlapping
}
*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3C333D;
	font-size:24px;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3C333D;
	font-size:18px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3C333D;
	font-size:16px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size:14px;
}


h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size:12px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size:10px;
}


/*GENERIC WRAPPER, PUT BKGD IMAGE IN PAGE*/


#wrapper{
width: 825px;
height: 1500px;
position: relative;
margin: 0px;
}

#homeNav a {
position: absolute;
text-decoration: none;
}

#homeNav a i { visibility: hidden; }

#homeNav a#top {
top: 0px;
height: 513px;
width: 760px;
left: 40px; }


#homeNav a#bottom { height: 85px;
width: 535px;
left: 225px;
top: 514px; 
margin-bottom: 25px;}

#homeNav a#bottom2 { height: 85px;
width: 200px;
left: 25px;
top: 514px; 
margin-bottom: 25px;}

#wrapperText{
width: 825px;
height: 1500px;
position: relative;
margin: 0px 0px 0px 0px;
background: url(/images/plain_mainpic.jpg) no-repeat left top;

}


.textcontent {
	padding: 10px;
	width: 475px;
	position: absolute;
	top: 0px;
	margin: 60px 350px 0px 120px;
	color:#000;
	background-color: #fff;

}




#wrapperideas{
width: 825px;
height: 1500px;
position: relative;
margin: 0px 0px 0px 0px;
background: url(/ideas/images/ideas_mainpic.jpg) no-repeat left top;

}


.ideascontent {
padding: 10px;
width: 475px;
position: absolute;
top: 0px;
margin: 100px 350px 0px 140px;
color:#000;

}

.ideascontent img {
float: left;
padding-right: 25px;

}

.ideasItems {
padding: 30px 0px 0px 0px;
font-size: 14px;
}




#wrapperPainting{
width: 825px;
height: 1500px;
position: relative;
margin: 0px 0px 0px 0px;
background: url(/paintings/images/work_mainpic.jpg) no-repeat left top;

}


.paintingcontent {
	padding: 10px;
	width: 475px;
	position: absolute;
	top: 0px;
	margin: 50px 350px 0px 65px;
	color:#000;

}


.paintingcontent ul {
position: absolute;
left: 10px;
list-style-type: none;
text-decoration: none;
margin: 0px 1px 0px 0px;

}

.paintingcontent li {
color: #000;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.paintingcontent a {
color: #CFBE78;

}

.paintingcontent a:hover {
color: #BD7619;
}



.pastShows a {
	position: inherit;
	display: block;
	width:584px;
	height: 109px;
	margin-left: 175px;
	text-indent: -1000em;
	background-image:  url(/shows/images/invites.jpg);
	background-position: top;
	/*  IE 5 hack \*/overflow: hidden;/* end hack */

}
 
.pastShows a:hover { background-image:  url(/shows/images/invites.jpg);
 background-position: bottom;
}	
	




#wrapperPast{
width: 825px;
height: 1500px;
position: relative;
margin: 0px 0px 0px 0px;
background: url(/past/images/past_mainpic.jpg) no-repeat left top;

}


.pastcontent {
	padding: 10px;
	width: 475px;
	position: absolute;
	top: 0px;
	margin: 60px 350px 0px 65px;
	color:#000;

}


.pastcontent ul {
position: absolute;
left: 10px;
list-style-type: none;
text-decoration: none;
margin: 0px 1px 0px 0px;

}

.pastcontent li {
color: #000;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.pastcontent a {
color: #CFBE78;

}

.pastcontent a:hover {
color: #BD7619;
}

#footer_free ul {
	position: absolute;
	left: 76px;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	font-weight:bolder;
	text-transform:uppercase;
}

#footer_free li {
color: #000;
padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 5px;
font-size:10px;
float: left;
list-style-type: none;
}

#footer_free a {
color: #000;
}

#footer_free a:hover {
color: #cfbe78;
}


#footer ul {
	position: absolute;
	top: 680px;
	left: 76px;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	font-weight:bolder;
	text-transform:uppercase;
}

#footer li {
color: #000;
padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 5px;
font-size:10px;
float: left;
list-style-type: none;
}

#footer a {
color: #000;
}

#footer a:hover {
color: #cfbe78;
}



.clr {
clear: both;
}


/* ROLLOVERS */

#mainnav ul {
position:absolute;
width: 50px;
}


#mainnav a {
	display: block;
	width: 40px;
	text-indent: -1000em;
	/*  IE 5 hack \*/overflow: hidden;/* end hack */

}
 
#mainnav a:hover {
 background-position: right bottom;
}	
	


li.work a {
	background-image:  url(/images/nav_work.gif);
	height: 67px;
}

li.shows a {
	background:  url(/images/nav_shows.gif);
	height: 91px;
	}


li.words a {
	background:  url(/images/nav_words.gif);
	height: 87px;
}


li.ideas a {
	background:  url(/images/nav_ideas.gif);
	height: 79px;
}


li.blog a {
	background:  url(/images/nav_blog.gif);
	height: 65px;
	}


li.past a {
	background:  url(/images/nav_past.gif);
	height: 69px;	
	}


#ptgNav {
position:absolute;
}

#ptgNav a {
	display: block;
	width: 500px;
	height: 40px;
	text-indent: -1000em;
	background-position: -16px;
	background-repeat:no-repeat;
	/*  IE 5 hack \*/overflow: hidden;/* end hack */
}

#ptgNav a:hover {
 background-position: left top;
}	
	


#pastNav {
position:absolute;
}

#pastNav a {
	display: block;
	width: 500px;
	height: 40px;
	text-indent: -1000em;
	background-position: -16px;
	background-repeat:no-repeat;
	/*  IE 5 hack \*/overflow: hidden;/* end hack */
}

#pastNav a:hover {
 background-position: left top;
}	
	
 	
li.resume a {background:  url(/past/images/resume.png)}
li.biography a {background:  url(/past/images/biography.png)}
li.pastshows a {background:  url(/past/images/pastshows.png)}
li.paintinglist a {background:  url(/past/images/paintinglist.png)}




#sitemeter {
text-indent: -1000em;
}