html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }





#body {background-image:url(Prometheus1l.jpg);
		}


#all {
	border: 2px outset white;
	font-family: "lucida sans", Verdana, sans-serif;
	color:white;
	background-color:black;
	width:950px;
	margin:20px auto;
	
	
		}
	

#nav ul {
	margin-top:0px;
	overflow:hidden;
	zoom:1;
	margin-left:60px;
		}
		
#nav li {
	float:left;
	list-style-type:none;
	
	}

#nav a {
	
	width: 85px;
	
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:1px;
	padding-right:1px;
	margin-right:10px;
	margin-left:0px;
	margin-bottom:7px;
	text-align:center;
	color: white;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	display: block;
}

#nav a:hover {
	color: black;
	}

#nav1 {background-color:#FF6600;
		margin:left:2px;
		margin-right:2px; }
#nav2 {background-color:#F55C00;
		margin:left:2px;
		margin-right:2px;}
#nav3 {background-color:#E64C00;
		margin:left:2px;
		margin-right:2px;}
#nav4 {background-color:#D63D00;
		margin:left:2px;
		margin-right:2px;}
#nav5 {background-color:#C72E00;
		margin:left:2px;
		margin-right:2px;}
#nav6 {background-color:#B81F00;
		margin:left:2px;
		margin-right:2px;}
#nav7 {background-color:#A80F00;
		margin:left:2px;
		margin-right:2px;}
#nav8 {background-color:#990000;
		margin:left:2px;
		margin-right:2px;}

#js {margin-top:200px auto;}

#onpage {
	
	width: 90px;
	
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:1px;
	padding-right:1px;
	margin-right:10px;
	margin-left:0px;
	margin-bottom:7px;
	text-align:center;
	color: black;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	display: block;
}


 
#head {
	font-size:32px;
	margin-top:24px;
	border: 1px solid black;
	text-align:center;
	padding-top:0px;
	font-family: "lucida sans", Verdana, sans-serif;
		}

#head h2 {font-size:20px;
			padding-top:10px;
			padding-bottom:10px;}



#fadeshow1 {
	border: 0px outset gray;
	margin-left:95px;
	margin-top:0px;
	
}

#footer ul{
	
	
	
	margin-left:20px;
	padding-bottom:50px;
	padding-top:10px;
	border-top:1px solid white;
}

		
#footer li {
	float:left;
	padding-top:10px;
	list-style-type:none;
	
	}

#footer a {
	width:90px;
	padding: 5px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	color: gray;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	
}

#footer a:hover {
	color: white;
	}

	
#bio {margin-left:30px;
		margin-right:30px;
		}



#phil {margin-left:20px;
		margin-right:20px;
		float:left;
		}
		
.painting {float:right;
			padding-left:20px;
			padding-top:10px;
			
}
.painting1 {float:right;
padding-right:10px;
			padding-left:20px;
			padding-top:10px;
			
}

.painting2 {float:left;
padding-left:10px;
			padding-right:20px;
			padding-top:30px;
			padding-bottom:70px;
			
}

#abstract {float:left;
			margin-left:20px;}




#fonpage {
	width:90px;
	padding: 3px;
	margin-left:5px;
	margin-top:0px;
	margin-right:5px;
	text-align:center;
	color: white;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	
}		
		
#bio {margin-left:40px;
		margin-right:40px;
				}

#bio p {padding-top:20px;
		line-height:1.2em;}

#bio h2 {font-size:25px;}


#phil {margin-left:20px;
		margin-right:20px;
		float:left;
		}
		
.painting {float:right;
			padding:10px;
			
			margin-left:30px;
			margin-right:30px;
			margin-top:10px;
			margin-bottom:10px;
			background-color:black;
			color:white;
			font-size:small;
			text-align:center;}

.painting6 {float:right;
			padding:10px;
			padding-bottom:40px;
			margin-left:30px;
			margin-right:30px;
			margin-top:50px;
			margin-bottom:10px;
			background-color:black;
			color:white;
			font-size:small;
			text-align:center;}
			
		
.painting5 {float:right;
			padding:10px;
			padding-top:10px;
			margin-left:30px;
			margin-right:30px;
			margin-top:10px;
			margin-bottom:10px;
			background-color:black;
			color:white;
			font-size:small;
			text-align:center;}			
			
			
.painting1 {float:right;
padding-right:10px;
			padding-left:20px;
			padding-top:20px;
			padding-bottom:30px;
			
}

.painting2 {float:left;
padding:10px;
			margin-left:30px;
			margin-right:30px;
			margin-top:10px;
			margin-bottom:10px;
		
			background-color:black;
			color:white;
			font-size:small;
			text-align:center;}
			
.painting7 {float:left;
padding:10px;
			margin-left:30px;
			margin-right:30px;
			margin-top:50px;
			margin-bottom:10px;
		
			background-color:black;
			color:white;
			font-size:small;
			text-align:center;}
			
			
.painting4 {float:left;
padding:10px;
			margin-left:30px;
			margin-right:30px;
			margin-top:10px;
			margin-bottom:10px;
			padding-bottom:60px;
			background-color:black;
			color:white;
			font-size:small;
			text-align:center;}

.painting3 {float:left;
padding-left:20px;
			padding-right:30px;
			padding-top:20px;
			padding-bottom:50px;
			
}
#abstract {float:left;
			margin-left:20px;}
			
			
#mag {background-color:white;
		color:black;
		width:800px;
		margin-left:45px;
		padding:30px;
		margin-bottom:50px;
		float:left;
		font-family: sans-serif;}			
			

.imgr {float:right;
		padding:10px;
		border: 1px solid black}	

.imgr1 {float:right;
		padding:10px;
		border: 1px solid white}	
		
.imgl {float:left;
		padding:10px;
		border: 1px solid white}	
		
.que {color:#686868;
	font-weight:bold;}		

#blog {padding-bottom:240px;}

#contact {padding-bottom:350px;}

#js {position:relative;}

/* begin gallery styling */
#jgal { list-style: none; width: 300px; margin-top:0px;  float:left; }
#jgal li { opacity: .5; float: left; display: block; width: 50px; height: 50px;
 background-position:50% 50%; cursor: pointer; border: 3px outset white;
  outline: 1px solid #ddd;  margin-right: 10px; margin-bottom: 10px;  overflow:hidden; zoom:1; }
#jgal li img { position:absolute ; top:0px; left: 320px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

<!--[if lt IE 8]>
<style media="screen,projection" type="text/css">
#jgal li { filter: alpha(opacity=50); }
#jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
</style>
<![endif]-->