/* This is the main style sheet */
/* offwhite background, black text */
body {
    background-color: #DDD3BD;
    color: #000000;
}


/* Use black for all links, but yellow when cursor is over link */
A:link	    { color: #000000; }
A:visited   { color: #000000; }
A:active    { color: #000000; }
A:hover     { color: #FFFC00; }


/* No link border around images */
img {
    border: 0;
}

/* to end of file: rollover code for nav bar */
/* There is probably an easier way to do this than repeat for each */
/*   component of navbar, but I'm just a stupid CSS newbie :-)  */
/* Pick pictures for each part of nav bar, default to white text */
a.nav {
	display: block;
	width: 150px;
	height: 60px;
	margin: 0em 0;
	padding: 0px 0 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}

a.nav#home {
	background-image: url("/images/antique/nav_home.jpg");
}

a.nav#code {
	background-image: url("/images/antique/nav_code.jpg");
}

a.nav#pictures {
	background-image: url("/images/antique/nav_pictures.jpg");
}

a.nav#projects {
	background-image: url("/images/antique/nav_projects.jpg");
}

/* Text to yellow, shift image to left on mouse over link*/
a.nav:hover {
	background-position: -150px 0;
	color: #FFFC00
}

/* On click on link, text to red, shift image to left */
a.nav:active {
	background-position: -300px 0;
	color: #FF0000;
}


/* Settings for the top and bottom of the left nav bar... just static images */
td.nav {
	display: block;
	margin: 0em 0;
	padding: 0px 0 0px 0px;
	/*font: bold 20px/1 sans-serif;*/
	color: #FF0000;
	text-decoration: none;
	background-color: #DDD3BD;
}

td.nav#top {
	width: 150px;
	height: 80px;
	background-image: url("/images/antique/nav_top.jpg");
}

td.nav#bottom {
	width: 150px;
	height: 400px;
	background-image: url("/images/antique/nav_bottom.jpg");
}

div.header#head {
        display: block;
        margin: 0em 0;
        padding: 0px 0 0px 0px;
        color: #000000
        background-color: #DDD3BD;
        text-decoration: none;
        width: 645px;
        height: 120px;
        background-image: url("/images/antique/header.png");
}