
body {
	border-color: #f0f0f0;
	border-style: solid;
	border-width: 0px 0px 0 0px;
	margin: 0 0 0 50px; width: 800px; height: 500px; font-family: verdana; font-size: 11px;}

a {color: #555; text-decoration: none}
a:hover {color: #555}

#nav {margin-top: 10px; right:15px;}
#nav ul {
	border-color: #f0f0f0;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	height: 20px;
}
#nav li {clear:left; float:right; margin-left: 10px; list-style:none}

#nav a {color: #ccc;  text-decoration: none}
#nav a.selected {color: #555;}
#nav a:hover {color: #555}

#content {width: 800px; height: 450px; position: relative; top: 30px; left:0px;float: left}
#content #big_style {
		font-family:tahoma; font-weight: bold;
		font-size: 180pt;
		color:#000;
		text-align:center;
		top:40px;
		position:relative;
}

#content #big_style a {color: #000; text-decoration: none}
#content #worklist {}

#content #worklist a {font-size: 15px; margin-right: 20px; line-height: 28px; color: #777;  text-decoration: none}
#content #worklist a:hover {color: #111;}
#content #worklist ul {
	margin: 0px 0 0 50px;
	padding-left: 20px;
	border-color: #f0f0f0;
	border-style: solid;
	border-width: 0 0 0 16px;
	text-align: top;
	height: 730px;
	list-style:none;}
#content #worklist li {float: left; color:#111; margin-bottom: 5px;}
#content #worklist #image {cursor: pointer; float:left; }
#content #worklist #title {cursor: pointer; float:left;margin-top: 5px; padding-left:20px; text-align:left;width:560px;}

#content #soundlist a {font-size: 15px; margin-right: 20px; line-height: 28px; color: #777;  text-decoration: none}
#content #soundlist a:hover {color: #111;}
#content #soundlist ul {margin: 0px 0 0 50px;padding-left: 20px;border-color: #f0f0f0;border-style: solid;border-width: 0 0 0 16px;text-align: top;height: 400px;list-style:none;}
#content #soundlist li {color:#111; margin-bottom: 5px;}
#content #soundlist #title {cursor: pointer; float:left; padding-left:20px; text-align:left;top:4px; width:560px;}

#content #back {position: absolute; top: 0px; left: 140px}
#content #back a {font-size: 13px; color: #999; text-decoration: none}
#content #caption {position: relative; font-weight: bold; font-size: 16px; color: #333; -top: 200px; left: 380px}
#content #comment {position: relative; font-weight: normal; font-size: 10px; color: #333; -top: 200px; left: 400px}

#content #photolist a {font-size: 10px; margin-right: 20px; line-height: 24px; color: #777;  text-decoration: none}
#content #photolist a:hover {color: #111; text-decoration: underline}
#content #photolist ul {
	margin: 0 0 0 50px;
	border-color: #f0f0f0;
	border-style: solid;
	border-width: 0 0 0 16px;
	text-align: top;
	height: 500px;
	list-style:none }

#content #photolist li {width: 320px; height: 50px; position: relative; #margin-left: 30px;}
#content #photolist li.li2 {width: 320px; height: 65px; position: relative; #margin-left: 30px;}
#content #photolist #image {cursor: pointer; float:left; margin: 0px;}
#content #photolist #title {cursor: pointer; left:70px;position:absolute; text-align:left;top:8px;width:260px;}

#content #photo {}
#content #photo a {font-size: 10px; margin-right: 20px; line-height: 24px; color: #777;  text-decoration: none}
#content #photo a:hover {color: #111; text-decoration: underline}

#content #bio {font-family: Garamond; width: 600px; align: center; font-size:16px; color:#444; text-align:justify}
#content #bio p {margin-bottom: 12px; text-indent: 30px; line-height:1.5em}
#content #bio h3 {margin-bottom: 2px; text-indent: 0px; line-height:1em; font-weight: bold}
#content #bio h4 {margin: 10px 0 0 0; padding 0; text-indent: 0px; line-height: 0em; font-weight: bold;font-size:14px}


#images {
	 visibility: hidden;
	 z-index: 2;
	 opacity: 1;
	 background-color: #ffffff;
	 position: absolute;
	 border: #d0d0d0 solid 1px;
	 top: 20%;
	 left: 45%;
	 margin-left:-312px;
	 margin-top:-100px;
}
#images #photo {
	 position: relative;
	 padding: 12px 12px 5px 12px;
}
#images #caption {
	 position: relative;
	 left: 9px;
	 float: left;
	 top: 0px;
	 padding-bottom: 10px;
}
#images #closer { position: absolute;text-align: right;right: 11px}
#images #closer a {color: #555; text-decoration: none}
#images #closer a:hover {color: #555}

#image_shadow {
	 visibility: hidden;
	 position: absolute;
	 z-index: 1;
	 background-color: #333;
	 top: 20%;
	 left: 45%;
	 margin-left:-308px;
	 margin-top:-90px;
	 opacity: 0.1;
	 filter:alpha(opacity=10);
}

.title {font-size: 12pt;font-family: Garamond; color: #809090;  text-align: right;}