* {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #e9dfd5;
	background-image: url("../images/flowerpot.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right bottom;
	font: 100% Verdana, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	margin: 50px 0px 0px 0px;
}

#content img {
	border: 1px solid #EEEEEE;
	height: 128px;
	width: 128px;
}

p.code {
	font: 100% Courier, sans-serif;
}

a {
	color: #000000;	
	text-decoration: underline;
}

#wrapper {
	margin: 0 auto -20px;
	position: relative;
}

#wrapper.mainpage {
	width: 640px;    /* num_images*(image_width + padding + margins) */ 
}

#wrapper.regular {
	width: 800px;
}

#content {

}

#content ul {
	width: 100%;
}

#content li {
	width: 128px;
	position: relative;
	float: left;
	display: inline;
	margin: 16px 16px 16px 16px;
}

#content a img
{
	border: 0px;
}

img
{
	border: 0px;
}

#content a span {
	position: absolute;
	/*left: -4096px;*/
	bottom: 2px;
	left: 0px;
	width: 126px;
	background: #FFFFFF;
	font-weight: bold;
	border: 0px solid #e9a157;
	border-width: 5px 1px 5px 1px;	
	padding: 0px 0px 0px 0px;
}

#content a:hover span {
	top: 50px;
	background: #FFFFFF;
	border: 0px solid #e97700;
	border-width: 5px 1px 5px 1px;	
	padding: 10px 0px 10px 0px;
}

.nav_button {
	position: absolute;
	width: 48px;
	height: 48px;
	left: 26px;
}

.nav_button.home {
	top: 26px;
}

.nav_button.back {
	top: 100px;
}

dl.regular_entry {
	padding: 0px; 
	margin: 10px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;  /* wrapper width */
}

dl.mainpage_entry {
	padding: 10px 16px 10px 16px; 
	float: left; 
	margin: 10px 16px 10px 16px;
	margin: 0px;
	width: 608px;  /* wrapper width - entry margins*/
}

dt {
	background: #92b18d; 
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
}

dd {
	background: #f7f6de;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

dd p,dd ul {
	margin-left: 2%;
	margin-right: 2%;
	padding: 10px;
	line-height: 1.3em;
}

td.dnd.purple {	color: #800080; }
td.dnd.gray { color: #666666; }
td.dnd.purpleblue { color: #6b4794; }
td.dnd.blue { color: #280099; }
td.dnd.green { color: #7da647; }
td.dnd.red { color: #ff6633; }

.align-right {
	float: right;
	margin: 0px 0px 15px 15px;
}

.align-left {
	float: left;
	margin: 0px 15px 15px 0px;
}

.align-center-512 {
	float: left;
	margin-left: 144px; /* (width of wrapper - width of image) / 2 */
	margin-bottom: 20px;
}

.sidebar {
	position: absolute;
	background: #410e00;
	z-index: -10;
}

.sidebar.s0 {
	top: 0px;
	left: 100px;
	height: 600px;
	width: 7px;
}

.sidebar.s1 {
	top: 40px;
	left: 110px;
	height: 440px;
	width: 4px;
}

.sidebar.s2 {
	top: 300px;
	left: 118px;
	height: 160px;
	width: 2px;
}

.sidebar.s3 {
	top: 90px;
	left: 122px;
	height: 38px;
	width: 1px;
}

.sidebar.s4 {
	top: 0px;
	right: 100px;
	height: 640px;
	width: 6px;
}

.sidebar.s5 {
	top: 200px;
	right: 108px;
	height: 340px;
	width: 4px;
}

.sidebar.s6 {
	top: 60px;
	right: 116px;
	height: 100px;
	width: 2px;
}

.sidebar.s7 {
	top: 380px;
	right: 119px;
	height: 30px;
	width: 1px;
}