/* ################## layout ###################### */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div {
	/* debugging */
	border: 0px solid black;
}

#headerbox {
	position: relative;
	margin-left: 330px;
	margin-top: 30px;
}

#navibox {
	margin: 25px 0 10px;
}

#navibox li {
	display: inline;
	width: 20;
	list-style: none;
}

#navibox a {
	padding: 0.5em 0em 0.5em;
	margin-right: 2em;
}

#sidebox {
	float: left;
	position: relative;
	margin-left: 50px;
	margin-top: 25px;
	width: 250px;
	margin-bottom: 20px;
}

h2, h3, .first_p {
	display: inline;
}

p {
	margin-bottom: 1.7em;
}

#showbox {
	position: relative;
	margin-left: 330px;
	margin-top: 30px;
	margin-right: 110px;
	margin-bottom: 20px;

}

.artbox {
	margin-bottom: 3em;
}

.artbox ul {
	list-style: none;
	margin: 0px;
	margin-top: 5px;
}

.textbox {
	max-width: 40em;
}

.textbox label {
	float: left;
	width: 5.5em;
}
.textbox .checkboxlabel {
	float: none;
	position: relative;
	margin-left: 0.5em;
	margin-right: 3em;
	top: -2px;
}
.textbox input[type=text] {
	width: 18em;
}
.textbox textarea {
	width: 23.5em;
	height: 8em;
}
.textbox input[type=submit] {

}
/* ################## markup ###################### */


body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75em;
	letter-spacing: 0.05em;
	line-height: 1.7em;
	color: rgb(60,60,60);
}

h2, h3 {
	font-size: 100%;
	font-weight: bold;
}

#logobox img {
	border: 0px;
}


#navibox a:link, #navibox a:hover, #navibox a:active, #navibox a:visited {
	font-weight: bold;
	text-decoration: none;
	color: rgb(0,0,0);
}

#navibox a:hover, #navibox a:active, #navibox .onstage {
	border-bottom: 2px solid rgb(0,0,0);
}
#navibox .offstage {
	border-bottom: 0px;
}

.artbox .arttitle {
	font-weight: bold;
}

a:link, a:hover, a:active, a:visited {
	text-decoration: none;
	color: rgb(60,60,60);
}
a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

.textbox input, .textbox textarea {
	border: 1px solid rgb(100,100,100);
}