/*  The drop shadow technique used here for the paintings, including the
	actual .png shadow images, are from the www.positioniseverything.net site.
	The dropshadow article is under articles/sidepages/dropshadow.
	I've made a slight change in floating the outerpair1 in order to get the
	divs to wrap tightly to the images when in an enclosing div.
*/
.name {
	font-family: helvetica,arial,sans-serif;
	font-weight: bold;
	color: #404040;
}
.size {
	font-family: helvetica,arial,sans-serif;
	font-size: smaller;
	font-weight: bold;
	color: #808080;
}
div.painting {
	border: 0;
	text-align: center;
	float: left;
	width: 335px;
	height: 260px;
}
img.thumb {
	margin: 4px;/**/
}
.outerabs {
	position: absolute;
	background: url(../images/upperrightfade.png) right top no-repeat;
}
.outerpair1 {
	margin-left: 4px;
	float: left;
	background: url(../images/upperrightfade.png) right top no-repeat;
}
.outerpair2 {
	background: url(../images/lowerleftfade.png) left bottom no-repeat;
	padding-top: 8px;
	padding-left: 8px;
}
.shadowbox {
	background: url(../images/shadow.png) bottom right;
}
.innerbox {
	background: #F0F0F0;
	position: relative;
	padding: 0;
	margin: 0;
	left: -8px;
	top: -8px;
}
img {
	/*padding: 0;/**/
	/*margin: 0;/**/
	/*border: 0;/**/
	vertical-align: bottom;
}
/*
 * every page has a watercolor paper background
 */
body {
	background: url(../images/Watercolor.jpg);
	padding: 0;
	margin: 0;
}
/*
 * every page has a header div that contains a "Sarah Bouwsma" and page title image
 */
.header {
	display: block;
	position: relative;
	margin-top: 0.25in;
	margin-left: 0.25in;
	margin-right: 0.25in;
}
.headerhr {
	height: 4px;
	border: 0; /**/
	border-style: none;
	color: #000000;
	background: url(../images/GreenLine4.png) repeat;
	margin-top: 8px; 
	margin-bottom: 8px; 
}
.note {
	font-family: helvetica,arial,sans-serif;
	text-align: center;
	font-weight: bold;
	color: #606060;
	margin-bottom: 0.25in;
}
.Sold {
	color: red;
}
#galleryContent {
	margin-left: 0.25in;
}