/* CSS Document */
/* zero out things that cause discrepancies across browsers */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, object {
	padding:0;
	margin:0;
}


h1, h2, h3, h4, h5, h6 {
	font-size:1em;
}


a{
	text-decoration: none;
}





a img{
	border:none;
	padding:0px;
}


body{
	font-size: smaller;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



h1 a {
	font-size: 3em;
	color: #FF0033;
	margin-left:0em;
	letter-spacing: 1px;
}


	
h2 {
	color:#333333;
	font-weight: lighter;
	font-size: 1.5em;
	margin-left: 0em;
	
	}
h3{
	color:#4C4C4C;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;
	margin-left: 0em;
	font-weight:lighter;
}

h3 span{
color:#000000;
}


h4{
color:#4C4C4C;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: .75em;
	margin-left: 0em;
	font-weight:bold;
	letter-spacing:2px;
}

h5 {
	color:#333333;
	font-weight: lighter;
	font-size: 1.2em;
	margin-left: 0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	}

/*emph used in navigation bar for emphasis*/
.emph{
	color:#515151;
	font-weight:bold;

}
/* this wrapper not centered for jim*/
#wrapper {
	position:relative;
	width: 900px;
	margin-right: auto;
	margin-left: 15px;
	height: 860px;
	padding:30px;
}
		



strong{
	color: #000000;
	font-weight: bold;
	}
/* N N N N N N N N N N N N N N N N N N N N N N N    N A V B A R    N N N N N N N N N N N N N N N N */

#nav_bar{
	clear: left;
	height: 130px;
}

ul{
	list-style-type: none;
	list-style-image: none;
}

.nav_name a{
	font-size: 3em;
	color: #FF0033;
	margin-left:0em;
	letter-spacing: 1px;
	font-weight:bold;
	padding-right:60px;


	}
	



li a {
	line-height: 2em;
	letter-spacing: 4px;
	font-size: .8em;
	padding-right:60px;
	color:#999999;

}

li a strong{
color:#000000;
}
 
#nav_bar ul li {
	list-style-type: none;
	list-style-image: none;
	display: inline;
	margin-bottom: 8em;
}

li a:hover{
	font-style: normal;
	text-decoration: none;
	
		
		}

.nav_name:hover{
	font-style: normal;
	font-weight: normal;
	color: #FF0033;
	text-decoration: none;
		}





	
/*999999999999999999999999999999999999999999999999999 I N D E X   P A G E  999999999999999999999999999999999*/

#index_image{
position:absolute;
top:134px;
left:389px;
height:500px;
width:675px;
}






#wrapper_shows{
	position:absolute;
	top:116px;
	width:268px;
	height:479px;
	left: 30px;
	background-color:#EBF5E6;

	}
	
#wrapper_shows li {
	font-size:.75em;
	color:#333333;
	letter-spacing:normal;
			padding:0px;

	}

#wrapper_shows ul {

			padding:0px;

	}	
#wrapper_shows li a{
	font-size:1.1em;
	color:#27AAFA;
	letter-spacing:normal;
		padding:0px;
				line-height:normal;


	}	
	
#wrapper_shows a:visited{
	color:#8E06FF;
	}

#box1_shows{
	position:absolute;
	top:7px;
	left:23px;
	width: 219px;
}

#box2_shows{
	position:absolute;
	top:127px;
	left:29px;
	width: 143px;
}


#shows1_box{
position:absolute;
padding-top: 5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
background-color:#F9FFE7;
top:36px;
width:195px;
height:55px;
left:25px;
color:#333333;
}



#shows2_box{
	position:absolute;
padding-top: 5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;	background-color:#F9FFE7;
	top:32px;
	width:195px;
	height:49px;
	left: 22px;
	right: 10px;
}

#shows3_box{
	position:absolute;
	padding-top: 5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	background-color:#F9FFE7;
	top:45px;
	width:195px;
	height:42px;
	left: 30px;
	bottom: 163px;
}

#shows4_box{
	position:absolute;
padding-top: 5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;	background-color:#F9FFE7;
	top:283px;
	width:195px;
	height:63px;
	left: 25px;
}

#shows5_box{
	position:absolute;
padding-top: 5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;	background-color:#F9FFE7;
	top:162px;
	width:195px;
	height:80px;
	left: 32px;
}

#shows6_box{
	position:absolute;
padding-top: 5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;	background-color:#F9FFE7;
	top:116px;
	width:193px;
	height:65px;
	left: 22px;
}


/* A A A A A A A A A A A A----------------- A R T P A G E  ------------------------ A A A A A A A A A A A */


#recent_work{
position:absolute;
top:148px;
left:32px;
width:430px;
height:30px;
}

#past_work{
position:absolute;
top:553px;
left:31px;
width:300px;
height:30px;
}

#horizontal_box{
position:absolute;
top:181px;
left:34px;
width:926px;
height:330px;
overflow:scroll;
white-space:nowrap;
}

#horizontal_box img{
padding-right:10px;
}


.bar_item{
	height:350px;
	padding-right:15px;
	float:left;
	
}

.bar_item p{
font-size:10px;
color:#999999;
}


#box_portrait{
position:absolute;
top:582px;
width:151px;
height:194px;
left:32px;

}

#box_portrait img{
padding:0px;
margin:0px;
}

#box_cartoon{
position:absolute;
top:584px;
width:100px;
height:200px;
left:215px;
}


#box_animation{
position:absolute;
top:584px;
width:100px;
height:150px;
left:490px;
}


#click{
	position:absolute;
	top:827px;
	left:45px;
	font-size:.8em;
	color:#7F6E76;
	width: 352px;
}

/* thumbnails' gallery on index page*/


.thumbnail{
	width:950px
}

.thumbnail img {
	border:none;
	padding:3px;
	margin:5px;
}

.thumbnail p {
	color:#FF6600;
	padding:3px;
	margin:0px;
}

.thumbnail_index{
	float:left;
	min-width: 100px;
	}
	
.thumbnail_index img{
	padding:0px;
	margin: 0px 15px 2px 15px; 

	}
	
	
	
/*for thumbnail's caption*/
.thumbnail_index p {
	font-size:10px;
	color:gray;
	font-weight:lighter;
	text-align: center;
	margin-top: 1px;
	}

		
.backto{
	font-family:Arial, Helvetica, sans-serif;
	color: #B8B8B8;
	text-decoration:none;
	font-weight: lighter;
	font-size:1em;
	white-space: normal;
}

.enlarge{
	float:left;
	}



/* for index page*/

.gallery{
	width:700px;
	}



/*styling for bio and press pages*/
.bio li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 6em;
	text-indent: -3em;
	font-size: 1em;
	line-height: normal;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	margin-top: 1em;
	margin-bottom: 0em;
}
li{
	list-style-type: none;
	list-style-image: none;
}

.bio li a{
	font-family: "Courier New", Courier, monospace;
	color:#3399FF;
	margin-left: 6em;
	text-indent: -3em;
	font-size: 1.2em;
	line-height: normal;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	margin-top: 1em;
	margin-bottom: 0em;
}

/* (((((((((((((((((((((((((((((((((((((((((((((((((((((( P O R T R A I T    P A G E   )))))))))))))))))))))))))))))))))))))))*/ 

#enlargement_container{
	position:absolute;
	top:189px;
	left:457px;
	width:400px;
	height:500px;
	
	}
#caption_box{
	position:absolute;
	top:701px;
	left:450px;
	width:331px;
	height:30px;
	
	}	
		



#paintings_heading{
position:absolute;
top:191px;
left:33px;
width:337px;
}

#portrait_heading{
position:absolute;
top:165px;
left:33px;
width:156px;
}

#paintings_heading a{
color:#333333;
}

#thumbnails_container1{
	position:absolute;
	top:218px;
	left:40px;
	width:372px;
	height:555px;
	}

#thumb1{
	position:absolute;
	top:0px;
	left:0px;
	width:60px;
	height: 75px;
	z-index:1;
}


#thumb2{
	position:absolute;
	top:0px;
	left:75px;
	width:60px;
	height: 75px;
	z-index:1;
}

#thumb3{
	position:absolute;
	top:0px;
	left:150px;
	width:60;
	height: 75px;
	z-index:1;
	
}


#thumb4{
	position:absolute;
	top:0px; 
	left:225px;
	width:60px;
	height: 75px;
	z-index:1;
}

#thumb5{
	position:absolute;
	top:90px;
	left:0px;
	width:60px;
	height: 75px;
	z-index:1;
}


#thumb6{
	position:absolute;
	top:90px;
	left:75px;
	width:60px;
	height: 75px;
	z-index:1;
}

#thumb7{
	position:absolute;
	top:90px;
	left:150px;
	width:60px;
	height: 75px;
	z-index:1;
}


#thumb8{
	position:absolute;
	top:90px;
	left:225px;
	width:60px;
	height: 75px;
	z-index:1;
}


#thumb9{
	position:absolute;
	top:180px;
	left:0px;
	width:60px;
	height: 75px;
	z-index:1;
}

#thumb10{
	position:absolute;
	top:180px;
	left:75px;
	width:60px;
	height: 75px;
	z-index:1;
}


#thumb11{
	position:absolute;
	top:180px;
	left:150px;
	width:60px;
	height: 80px;
	z-index:1;
}


#thumb12{
	position:absolute;
	top:180px;
	left:225px;
	width:60px;
	height: 80px;
	z-index:1;
}

#thumb13{
	position:absolute;
	top:270px;
	left:0px;
	width:60px;
	height: 80px;
	z-index:1;
}


#thumb14{
	position:absolute;
	top:270px;
	left:75px;
	width:60px;
	height: 75px;
	z-index:1;
}


#thumb15{
	position:absolute;
	top:270px;
	left:150px;
	width:60px;
	height: 75px;
	z-index:1;
}

#thumb16{
	position:absolute;
	top:270px;
	left:225px;
	width:60px;
	height: 75px;
	z-index:1;
}


#thumb17{
	position:absolute;
	top:365px;
	left:0px;
	width:60px;
	height: 75px;
	z-index:1;
}


#thumb18{
	position:absolute;
	top:365px;
	left:75px;
	width:60px;
	height: 75px;
	z-index:1;
}

#thumb19{
	position:absolute;
	top:365px;
	left:150px;
	width:60px;
	height: 75px;
	z-index:1;
}

#thumb20{
	position:absolute;
	top:365px;
	left:225px;
	width:60px;
	height: 75px;
	z-index:1;
}

/*container for larger thumbnails*/

#larger_thumbnails_container{
	position:absolute;
	top:218px;
	left:40px;
	width:372px;
	height:555px;
	}
	
	
	
#larger_thumbnails_container img{
padding:0px;
margin:0px;
}	
 
/*(((((((((((((((((((((((((((((((((((((((((((((((((((((((((( E N D   OF   P R O T R A I T   P A G E ))))))))))))))))))))))))))))*/




#thumbnail_box {
position:absolute;
top:800px;
	width:220px;
	height: 600px;
	}
	
#thumbnail_box img{
	padding: 5px;
	margin:0px;
	clear: left;
	height: auto;
	width: 40px;
	}
	
	
#enlargement_box {
	float:left;
	margin-left:50px;
	margin-top:600px;
	height: 550px;
	width: 500px;
	font-size:0.75em;
	color:#333333;
	float: left;
	z-index: 1;
}
#wrapper #enlargement_box img {
	padding: 3px;
	height: auto;
	width: 400px;
	overflow: hidden;
}


/*...................................animation pages............................*/

#animation_thumbnails {
	width:880px;
	height: 130px;
	float: left;
	margin-top:20px;
}


#animation_thumbnails a img{
	margin: 10px;
	}

#animation_play {
	width:310px;
	height:350px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
	clear: left;
	padding-top: 30px;
	}
	
	

#footer{
	position:absolute;
	top:708px;
	font-size: 8pt;
	left: 45px;
}

.click{
	color: #009966;
	
	}