/* CSS for JeremyPharo.com ::
   by Jeremy Pharo 2006-2010 */


/* Site-wide CSS */

body {background: url('/images/gray_back.gif'); font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000000;}
img {border: 0;}
p {font-family: georgia, serif; font-size: 12px; margin-bottom: 17px; line-height:1.4em;}


.link a:link, a:visited {
	color: #0000FF;
}	

.link a:hover {
	color: #990099;
}


#header {
	position: absolute;
	top: 5px;
	z-index: 0;
	width: 922px; 
	background-color:#cccccc; 
	height: 106px; 
}

#footer {
	clear: both; 
	background-color: #666; 
	color: #fff; 
	font-size: 10px; 
	text-align: right;
	width: 100%;
	padding:1px 0;
}

#footer a:link {
	color: #ffe600; 
}

#footer a:visited {
	color: #ffe600; 
}

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

#footer a:active {
	color: #ffe600; 
}

#printwarning {
	display: none;
}

#ID {
	position: absolute;
	right: 5px;
	top: 80px;
	font-size: 1.2em;
	color:#FFE600;
}

#container {
	width: 920px; 
	position: absolute;
	top: 124px;
	z-index: 8;
	/* margin: auto; */
	background-color: #ffffff; 
	border: 1px solid #cccccc;
}

#containerhome {
	width: 920px; 
	position: absolute;
	top: 124px;
        z-index: 5;    
	background-color: #ffffff; 
	background-image: url(images/pharo.jpg); 
	background-repeat: no-repeat; 
	background-position: top right; 
	border: 1px solid #cccccc;
}


span.top a {color:#404040;}

h2, h3 {font-family:georgia,serif; font-variant:small-caps; margin:10px 5px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4, h5 {margin:0;}

		/* MENU (also Site-wide) */
		
		#navcontain {
			position: absolute;
			z-index: 3; 
			top: 104px;
			width: 922px;
			height: 20px;
			background-color: #3f3f3f;
			background-image: url(images/menu_bg_slice.jpg);
			background-repeat: repeat-x;
		}
		
		#nav {
			position: relative;
			left: 5px;	
			width: 800px;
			height: 18px;
		}

		#nav ul {
			position: relative;
			top: -11px;
			left: -35px;
		}
		
		#nav ul li{
			list-style: none;
			display: inline;
		}
		
		#nav a:link {
			color: #ffe600;
			text-decoration: none;
		}
		
		#nav a:visited {
			color: #ffe600;
			text-decoration: none;
		}
		
		#nav a:hover {
			color: #ffffff;
			text-decoration: underline;
		}
		
		
		#nav a:active {
			color: #ffffff;
			text-decoration: none;
		}

		.newheaderLINE {
			color: #848484;
		}
		
		/* End MENU */


/* Contact.html */

#credit {
	font-size: .75em; 
	text-align: right; 
	color: #333333;
}

#credit a {
	color: #666666;
}

#contactbox {
	margin: auto;
	margin-bottom: 10px; 
	padding-top: 10px; 
	padding-left: 10px;
	width: 215px; 
	border: 2px dotted #cccccc; 
	
}

#error {
	color: #ff0000;
}

/* End contact.html */


		/* Photo.html */
		
		#containerphoto {
			width: 920px; 
			position: absolute;
			top: 124px;
			margin: auto; 
			background-color: #000000; 
			border: 1px solid #cccccc;
		}
		
		/* End Photo.html */


/* Index.html */


#content {
	position: relative;
	z-index: 9;
	width: 560px; 
	float: left; 
	margin-left: 6px; 
	/* padding-top: 5px; */
	background-color: #eee; 
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc; 
}


#sidebar {
	position: relative; 
	left: 2px;
        z-index: 10;
	width: 150px; 
	float: left; 
}

#sidebar a {
	color: #0000ff;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: none; 
	background-color:#b6b6b6; 
	color: #000000;
}

#sig {
	font-size: 1.2em;
}

#blurb {
	font-size: 10px;
}

#validators {
	height: 50px;	
	width: 202px; 
	position: absolute; 
	top: 265px; 
	right: -204px;
}

#contact {
	font-size: .8em; 
	height: 30px; 
	width: 202px; 
	position: absolute; 
	top: 280px; 
	right: -204px;
        z-index: 11;
}

#paragraph {
	width: 500px; 
	position: relative; 
	top: 5px;
	padding:3px;
}

#paragraph p  {line-height:1.5em;}

/* End Index.html */


		/* Graphics.html */
		
		#graphimages {
			margin: auto; 
			width: 401px; 
			margin-top: 3px; 
			margin-bottom: 3px;
		}
		
		.graphimage {
			float: left;
		}
		
		/* End Graphics.html */


/* WEB.html */

.web_page h2, #content2 h2 {border-bottom: 1px solid #999;}
.web_page .grayTEXT { font-size: .9em; color: #777;}
.web_page .center {  margin: 10px auto 0; padding: 0; text-align:left; width:994px; }
.web_page p {width:240px;}

.webimages {float:left; padding: 5px;}

.web {
	width: 300px;
	padding-left: 15px;
	margin-bottom: 15px;
	clear: none;
}

.webFloat {
	width: 280px;
	padding-left: 15px;
	margin-bottom: 15px;
	float: left;
}

#breadcrumbs {
	position: relative;
	top: -10px;
	left: 20px; 
	z-index: 10;
}

#breadcrumbs a:link {
	color: #0000ff;
}

#breadcrumbs a:hover {
	color: #9900FF;		
}




/* End WEB.html */


		/* Projects.html */
		
		#container_projects {
			width: 920px; 
			position: absolute;
			top: 124px;
			z-index: 2;
			background-color: #fff; 
			border: 1px solid #cccccc;
		}

		#container_projects a {
			color: #0000ff;
		}

		#container_projects a:hover{
			color: #9900ff;
		}

		#container_projects ul {
			list-style-type: square;
		}

		/* End Projects.html */