@import url("peco_basic.css");

h2 {
	color: #932425;
}

#main {
	width: 550px;
	float: right;
	border-left: 1px solid #aaa;
}
#main div.section {
	padding: 14px;
}
#main p {
	margin: 6px 0;
}
#main h2 {
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#side {
	width: 179px;
	float: left;
}
#side div.section {
	padding: 14px;
}
#side h2 {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#side p {
	margin: 6px 0;
}
#side ul#categories {
	margin: 0;
	padding: 0;
}
#side ul#categories li {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 8px 0 0 0px;
	padding: 0;
}
#side ul#categories li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#side ul#categories li li {
	list-style-type: circle;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

#side ul#categories li li#current {
	font-weight: bold;
}

#ondisplay {
	width: 250px;
	float: right;
}
h2#displaycase {
	margin: 14px;
}

#portifolio {
	width: 300px;
	float: left;
}

.displaysection {
	padding: 12px;
	clear: both;
}
.displaysection .thumbnail {
	float: left;
	border: 1px solid #932425;
	padding: 4px;
	margin: 0 5px 5px 0;
}
.displaysection h3 {
	margin-bottom: 8px;
	font-size: 14px;
	color: #932425;
	text-decoration: underline;
}
.displaysection h3 span {
	display: block;
	margin: 3px 8px 8px 3px;
	width: 120px;
	height: 120px;
	float: left;
	background-color: #999999;
}