/*
=Global
*/
* {
	margin:0;
	padding:0;
}
a {
	color:#000000;
}
img {border:none}

body {
	color:#444;
	font:1em "Bookman Old Style",Georgia,"Times New Roman",Times, serif;
}
#all {
	position:relative;
	min-width:660px;
	max-width:60em;
	margin:0 auto;
}
#main {
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	background:#FFFFFF;
	clear:both;
	width:79%;
}

/*
=Header
*/
#header {
	color:#000000;
	height:2em;
	text-align:center;
	font:4em "Kristen ITC", "Comic Sans MS", Helvetica, sans-serif;
	border:solid #004B16 .03em;
}

/*
=Content
*/
#content {
	padding:20px;
	background:#FFFFFF;
	clear:both;
	border:solid #004B16 .12em;
	border-top-width:0;
}
#content #artplace {
	margin:0 auto;
	display:block;
	border:solid #004B16 .12em;
	margin-top:-4em;
	clear:both;
}
#content div.main {
	width:100%;
	display:block;
	padding:20px 20px 10px 0;
	clear:both;
	min-height:400px;
}
div #books {
	width:100%;
	display:block;
	padding:20px 20px 10px 0;
	clear:both;
}
#content div.section div {float:left; padding-left:20px; display:inline; padding-bottom:30px; height:6.6em; width:7.4em;}
#content div.section span {line-height:1.1em; height:2.2em; padding-top:2px; cursor:pointer;}
#content div.section a {padding-left:20px; text-decoration:none; display:inline}
#content div.section a img {
	clear:both;
}
#content div.section a span {
	display:block;
	color:#333333;
	text-decoration:underline;
}
#content img.norm {
	float:left;
	padding:0 10px 10px;
}
#content p.art {
	font-size:1.8em;
	padding-left:20px;
	padding-top:1.8em;
	clear:both;
	border-bottom:solid #004B16 .08em;
}
#books span {
	display:block;
}
span.title {
	text-decoration:underline;
	font-weight:bold;
	padding-bottom:.6em;
}
div.top {
	padding-top:.6em;
}
span.bottom {
	padding-bottom:.6em;
}
form textarea {margin-bottom:5px}
form input.txt:focus, textarea:focus {
	background-color:#f8f8f8;
	border-style:ridge;
}
form label {
	padding:15px 20px 5px;
	display:block;
}

/*
=Navigation
*/
#nav {
	float:left;
	clear:right;
	background:#DDA910 url(../images/sidebar.jpg) top right;
	width:20%;
	padding-top:20px;
	font-size:1.4em;
}
#nav div {
	clear:both;
	height:85px;
}
div #navcap {
	float:left;
	width:100%;
	height:50px;
	background:url(../images/sidebarcap.png) bottom right;
}
#nav span {
	width:4em;
	float:right;
	line-height:1em;
	text-align:right;
	margin-right:.2em;
	text-decoration:underline;
}
#nav img {float:right; margin-right:.2em}

#nav a.home span, a.gallery span, a.blog span {height:30%; margin-top:15%}
#nav a.books span, a.school span, a.about span, a.funstuff span {height:50%; margin-top:8%}

#nav a.home {color:#FFFFFF}
#nav a.gallery {color:#FFFF00}
#nav a.books {color:#C45408}
#nav a.blog {color:#FF0000}
#nav a.school {color:#A40001}
#nav a.about {color:#2489B5}
#nav a.funstuff {color:#0022B5}

/*
=Footer
*/
#footer {
	clear:both;
	color:#000000;
	text-align:right;
}
#footer a {
	font-size:.9em;
} 
#footer a.xenon {
	font-size:.8em;
	padding-left:.6em;
	color:#666666;
} 


#test div.section div {
	display: none;
}
#test div.section div.show {
	display: block;
}