@import url(reset.css);

html{
	background:#212121;
}

body{
	color:#999;
	font:12px/18px Verdana, Arial, sans-serif;
	margin:40px;
	width:500px;
	margin:60px auto;
}

h2, ul, ol, p, dl dd{
	margin-bottom:18px;
}

h2, h3, h4{
	color:#FFF;
	font:inherit;
}

h2{
	font-size:13px;
	line-height:19px;
}

a{
	color:#FFF;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:active{
	outline:none;
}

#splash a,
#logo a,
#topnav li a,
#subnav li a{
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
}

#splash{
	margin:0;
}

#splash a{
	background:url(splash.jpg) center center no-repeat;
	margin:-300px 0 0 -400px;
	width:800px;
	height:600px;
	position:absolute;
	top:50%;
	left:50%;
}

#logo{
	margin-bottom:20px;
}

#logo a{
	background-image:url(logo.png);
	width:494px;
	height:34px;
}

#topnav,
#subnav,
#gallery,
#gallery #thumbnails{
	clear:both;
	overflow:hidden;
}

#topnav{
	margin-bottom:12px;
}

#topnav li,
#subnav li{
	list-style:none;
	float:left;
}

#topnav li a,
#subnav li a{
	margin-right:8px;
}

#topnav li a{
	height:11px;
}

#topnav li a:hover,
#topnav li a.current{
	background-position:0 -20px;
}

#topnav li a#link_about{
	background-image:url(topnav_about.png);
	width:55px;
}

#topnav li a#link_painting{
	background-image:url(topnav_painting.png);
	width:74px;
}

#topnav li a#link_drawing{
	background-image:url(topnav_drawing.png);
	width:76px;
}

#topnav li a#link_writing{
	background-image:url(topnav_writing.png);
	width:70px;
}

#topnav li a#link_links{
	background-image:url(topnav_links.png);
	width:46px;
}

#topnav li a#link_contact{
	background-image:url(topnav_contact.png);
	width:71px;
}

#subnav{
	margin-bottom:0;
}

#subnav li a{
	height:16px;
}

#subnav li a:hover,
#subnav li a.current{
	background-position:0 -23px;
}

#subnav li a#link_biography{
	background-image:url(subnav_biography.png);
	width:74px;
}

#subnav li a#link_artiststatement{
	background-image:url(subnav_artiststatement.png);
	width:117px;
}

#subnav li a#link_exhibitions{
	background-image:url(subnav_exhibitions.png);
	width:82px;
}

#subnav li a#link_recent{
	background-image:url(subnav_recent.png);
	width:48px;
}

#subnav li a#link_notsorecent{
	background-image:url(subnav_notsorecent.png);
	width:97px;
}

#subnav li a#link_farfromrecent{
	background-image:url(subnav_farfromrecent.png);
	width:111px;
}

#subnav li a#link_doodles{
	background-image:url(subnav_doodles.png);
	width:61px;
}

#subnav li a#link_sketches{
	background-image:url(subnav_sketches.png);
	width:65px;
}

#subnav li a#link_songs{
	background-image:url(subnav_songs.png);
	width:45px;
}

#subnav li a#link_stories{
	background-image:url(subnav_stories.png);
	width:52px;
}

#subnav li a#link_statements{
	background-image:url(subnav_statements.png);
	width:83px;
}

#subnav li a#link_art{
	background-image:url(subnav_art.png);
	width:24px;
}

#subnav li a#link_music{
	background-image:url(subnav_music.png);
	width:44px;
}

#subnav li a#link_interest{
	background-image:url(subnav_interest.png);
	width:57px;
}

#content,
#gallery{
	margin-top:30px;
}

#content p img{
	margin:0 20px 0 0;
	float:left;
}

#gallery #thumbnails li{
	margin-bottom:30px;
}

#gallery #thumbnails{
	margin-right:-6px;
	overflow:hidden;
}

#gallery #thumbnails li,
#gallery #thumbnails li img{
	width:48px !important;
	height:48px !important;
}

#gallery #thumbnails li{
	border:1px solid #000;
	margin:0 6px 6px 0;
	float:left;
	cursor:pointer;
}

#gallery #thumbnails li.active,
#gallery #thumbnails li.hover{
	border-color:#FFF;
}

#gallery #artwork{
	margin-bottom:20px;
}

#gallery #artwork img{
	margin-bottom:10px;
}

#gallery #artwork span{
	color:#999;
	font-size:11px;
	letter-spacing:1px;
	text-transform:uppercase;
}
