@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Georgia, serif;
	overflow:hidden;
	}

p { 
	font-size: 1em; 
	color:#000;
	padding:0.1em;
	margin:0.1em;
	}

a:link {color: #000;
	text-decoration:none;}
a:visited {color: #000;
	text-decoration:none;}
a:hover {color: #58002b;
	text-decoration:none;}		

#container {
	}

#background {
	}

#top {
	position:absolute; 
	right: 2.5em;
	top: 2em;
	text-align: center;
	opacity:0.6;
	filter:alpha(opacity=60);
	padding:1em;
	background-color:#fdebcf;
	border:dotted 1px #000000;
	}

#bottom_outer {
		position:absolute;
		top:500px;
		bottom:0px;
		left:0px;
		width:700px;
		margin:0;
		padding:0;
		}

#bottom {position: absolute;
	left: 5em;
	bottom:6em;
	text-align:center;
	margin:0;
	padding:0;
	z-index:2;
	}

#bottom_box {
	position:absolute;
	bottom: 18px;
	left: 63px;
	opacity:0.6;
	filter:alpha(opacity=60);
	padding:1em;
	background-color:#fdebcf;
	border:dotted 1px #000000;
	height:60px;
	width:480px;
	}

div#bottom a span {display:none;}
div#bottom a:hover span{
	display:block;
	}

.cat_pic {
	display:block;
	position:absolute;
	left:0px;
	}
.flower_pic {
	display:block;
	position:absolute;
	left: 60px;
	}
.books_pic {
	display:block;
	position:absolute;
	left:120px;
	}

.random_pic {
	display:block;
	position:absolute;
	left:180px;
	}
.science_pic {
	display:block;
	position:absolute;
	left: 240px;
	}
.email_pic {
	display:block;
	position:absolute;
	left: 300px;
	}
.me_pic {
	display:block;
	position:absolute;
	left: 360px;
	}
.misc_pic {
	display:block;
	position:absolute;
	left: 420px;
	}

#date {
	position:absolute;
	bottom: 2em;
	right: 2em;
	margin:.25em;
	padding:.25em;
	font-size: .85em;
	opacity:0.6;
	filter:alpha(opacity=60);
	background-color:#fdebcf;
	border:dotted 1px #000000;
	z-index: 1;
	}

#date p {
	margin:0;
	padding:0;
	}

#menu {
	position:absolute;
	left:75px;
	top:75px;
	z-index:5;
	}

#menubox {
	top:0px;
	width:8em;
	height:12.75em;
	border:dotted 1px #000;
	opacity:0.6;
	filter:alpha(opacity=60);
	background-color:#fdebcf;
	}	

#books {
	position: absolute;
	top: 0px;
	width: 6em;
	padding: .3em;
	text-align: right;
	font-size: 1.2em;
	font-weight:bold;
	left:2px;
		}

#books a {color:#000;
	text-decoration:none;}
#books a:hover {color: #002809;}

ul#booklist {width: 7em;}
ul#booklist > li:hover > ul {width: 11em; top: -4px; left: 6.5em;}
ul#booklist > li:hover > ul li:hover {
		}

#pictures {
	position: absolute;
	top: 41px;
	width: 6em;
	padding: .3em;
	text-align: right;
	font-size: 1.2em;
	font-weight:bold;
	left:2px;
		}

#pictures a {color:#000000;
	text-decoration:none;}
#pictures a:hover {color: #002809;}
	
ul#piclist {width: 7em;}
ul#piclist > li:hover > ul {width: 11em; top: -4px; left: 6.5em;;}
ul#piclist > li:hover > ul li:hover {
		}


#misc {
	position: absolute;
	top: 81px;
	width: 6em;
	padding: .3em;
	text-align: right;
	font-size: 1.2em;
	font-weight:bold;
	left:2px;
		}

#misc a {color:#000000;
	text-decoration:none;}
#misc a:hover {color: #002809;}
	
ul#misclist {width: 7em;}
ul#misclist > li:hover > ul {width: 10em; top: -4px; left: 6.5em;;}
ul#misclist > li:hover > ul li:hover {
		}


#writing {
	position: absolute;
	top: 121px;
	width: 6em;
	padding: .3em;
	text-align: right;
	font-size: 1.2em;
	font-weight:bold;
	left:2px;
		}

#writing a {color:#000000;
	text-decoration:none;}
#writing a:hover {color: #002809;}
	
ul#writelist {width: 7em;}
ul#writelist > li:hover > ul {width: 14.5em; top: -4px; left: 6.5em;;}
ul#writelist > li:hover > ul li:hover {
		}

#hiking {	position: absolute;
	top: 161px;
	width: 6em;
	padding: .3em;
	text-align: right;
	font-size: 1.2em;
	font-weight:bold;
	left:2px;
		}

#hiking a {color:#000000;
	text-decoration:none;}
#hiking a:hover {color: #002809;}
	
ul#hikinglist {width: 7em;}
ul#hikinglist > li:hover > ul {width: 10.5em; top: -4px; left: 6.5em;;}
ul#hikinglist > li:hover > ul li:hover {
		}




#science {
	position: absolute;
	top: 241px;
	width: 6em;
	padding: .3em;
	text-align: right;
	font-size: 1.2em;
	font-weight:bold;
	left:2px;
		}

#science a {color:#000000;
	text-decoration:none;}
#science a:hover {color: #002809;}

ul#scilist {width: 7em;}
ul#scilist > li:hover > ul {width: 12em; top: -4px; left: 6.5em;;}
ul#scilist > li:hover > ul li:hover {
		}


ul {padding: 0; 
	margin: 0;}
ul li {
	list-style-type: none;
	border: none;
	position: relative;
	margin: 0;
	padding: 0;
	padding-right:.5em;
	line-height: 1.5em;
	left: -6px;
	top: 1px;
	}
ul ul {display: none;}
ul li:hover > ul {display: block; 
	position: absolute;
	text-align:left;
	background-color:#fdebcf;
	filter:alpha(opacity=60);
	border:dotted 1px #000;
	}
li a {display: block; 
	text-decoration: none;
	}

ul ul {width: 10em;}
li.sub > a {padding: 4px;}