/* CSS Document */

body {
	background-color: #8B9990;
	background-image: url(images/backgr-black.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #333333;
	font-size: 0.8em;
	font-family: verdana, arial, sans-serif;
	line-height: 2em;
}
	
body.slides {
	background-color: #8B9990;
	background-image: url(images/backgr-black.jpg);
	background-position: 0px -490px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 0.9em;
	font-family: verdana, arial, sans-serif;
	line-height: 2em;
}


a {
	background-color: #f2eeae;
	color: #000000 ;
	text-decoration: none; }
	
a:hover {
	color:#990000;
	}

/* h1 is used only for Steven's name at the top of the page. */
h1 {
	display: none; }

/* h2 is used to display the name of the page on a post-it. */
 h2 {
	position: absolute;
	left: 650px;
	top: 80px;
	width: 190px;
	height: 75px;
	color: #EFEEEF;
	font-weight: normal;
	font-size: .1em; }

 .portfoliopage h2 {
	background-image: url(images/note-portfolio.gif); }

 .foundriespage h2 {
	background-image: url(images/note-foundries.gif); }

 .teachingpage h2 {
	background-image: url(images/note-teaching.gif); }

 .aboutpage h2 {
	background-image: url(images/note-about.gif); }

 .emailpage h2 {
	background-image: url(images/note-email.gif); }
 

/* sketches is used only for the Flash file on the home page. */
.sketches {
	position: absolute;
	left: 144px;	
	top: 172px;
	width: 721px;
	height: 323px;
	background-image: url(images/sk-shoe.jpg); }

/* content is used to contain text on the page. */
.content {
	position: absolute;
	left: 164px;	
	top: 182px;
	width: 660px;
	height: 313px;
	overflow: auto;
	padding-right: 10px; }

/*styles for good looking forms on any page */

.form-fields {
	padding: 8px ;}

form label {
	width: 110px;
	float: left;
	font-size: .9em; }
	

/* styles to create the rollover graphic navigation at the bottom */
.nav {
	position: absolute;
	left: 162px;
	top: 495px;
}

.slides .nav {
	position: absolute;
	left: 162px;
	top: 5px; }

.nav li {
	display: inline;
	width: 140px;
	height: 70px
}




a.portfolio {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 140px;
	height: 70px;
	display: block;
	background: url(images/nav-portfolio.gif);
	color: #EFEEEF;
	font-size: .1em; }

a.portfolio:hover {
	background-position: 0px -70px; }

a.foundries {
	position: absolute;
	left: 141px;
	top: 0px;
	width: 140px;
	height: 70px;
	display: block;
	background: url(images/nav-foundries.gif);
	color: #EFEEEF; 
	font-size: .1em;}

a.foundries:hover {
	background-position: 0px -70px; }

a.teaching {
	position: absolute;
	left: 281px;
	top: 0px;
	width: 140px;
	height: 70px;
	display: block;
	background: url(images/nav-teaching.gif);
	color: #EFEEEF;
	font-size: .1em; }

a.teaching:hover {
	background-position: 0px -70px; }

a.about {
	position: absolute;
	left: 422px;
	top: 0px;
	width: 140px;
	height: 70px;
	display: block;
	background: url(images/nav-about.gif);
	color: #EFEEEF;
	font-size: .1em; }

a.about:hover {
	background-position: 0px -70px; }

a.email {
	position: absolute;
	left: 562px;
	top: 0px;
	width: 140px;
	height: 70px;
	display: block;
	background: url(images/nav-email.gif);
	color: #EFEEEF;
	font-size: .1em; }

a.email:hover {
	background-position: 0px -70px; }

/* footer is for text content outside the frame at the bottom of the page. */
.footer{
	position: absolute;
	left: 144px;
	top: 680px; 
	width: 730px; 
	color: #CCCCCC;
	font-size: 0.7em;
	line-height: 1.2em}
	
a.footer{
	background-color:#53660C;
	color:#FFFF66;
	}