/* CSS Document containing rules for all browsers
   Layout markup by James Re and original concept design by James Re at Highchair designhaus */
   
html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: Futura, FuturaBook, "Futura Book", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	color: #000;
	text-align: left; 
	font-size: 10px; 
}
img, img a, a img { border: none; }
a { text-decoration: none; }

#header {
	padding-top: 33px;
	background: 0px -2px no-repeat url("../css-images/HeaderBack.jpg") transparent;
}
	#header ul { list-style-type: none; }
	#header ul#menu { height: 20px; } 
	#header ul#menu li, #header ul#menu li a { height: 14px; } 
	#header ul  li { float: left; /* border: solid 1px #0F0; temp */ }
	#header ul#menu li a {
		display: block;
		background-position: top left; 
		background-repeat: no-repeat;
	}
	#header ul#menu a:hover { background-position: 0px -18px; }
	#header ul#menu a.menuon { background-position: 0px -18px; }
	#header ul#menu a.menuon:hover { background-position: 0px -18px; }
	#header ul#menu a#home { width: 247px; }
	#header ul#menu a#paintings { background-image: url("../css-images/paintings_but.jpg"); }
	#header ul#menu a#statement { background-image: url("../css-images/statement_but.jpg"); }
	#header ul#menu a#resume { background-image: url("../css-images/resume_but.jpg"); }
	#header ul#menu a#exhibitions { background-image: url("../css-images/exhibitions_but.jpg"); }
	#header ul#menu a#contact { background-image: url("../css-images/contact_but.jpg"); }
	
	#header ul#years { padding-left: 255px; }
	#header ul#years li a { 
		text-decoration: none;
		color: #000;
		font: 11px Futura, Arial, serif;
		padding-right: 3px;
	}
	#header ul#years li a:hover { color: #680000; }
	#header ul#years li a.yearon { color: #680000; }
	#header ul#years li a.yearon:hover { color: #680000; }
#thepaintings {
	clear: both; 
	padding: 10px 0 0 248px;
}
	#thepaintings h2 {
		display: inline;
		padding-right: 5px;
		letter-spacing: 1px;
		font: 12px Georgia, serif;
	}	
	#thepaintings h1 {
		padding-right: 5px;
		font: 14px Arial, sans-serif;
	}
.theheader {
	margin: 25px 0 10px 248px;
	padding: 10px;
	width: 300px;
	letter-spacing: 2px;
	background-color: #fff;
	font: bold 12px Futura, Arial, sans-serif; 
}
.thetext {
	margin: 0 0 10px 248px;
	padding: 10px;
	width: 300px;
	background-color: #fff;
	font: 12px/14px Georgia, serif;
}
	.thetext p {
		padding-bottom: 5px;
	}
	.thetext h2 {
		text-align: right;
		padding: 2px;
		background-color: #000;
		color: #fff;
		font: 12px Futura, Arial, sans-serif;
		float: right;
	}