/* simple.css */

body {
	font-family: helvetica, arial, sans-serif;
	background-color: white;
	padding: 3px 30px 3px 30px;
}



/* First we define a "naked text" link, such as for within a text block, 
or at the bottom of the page where the plain text navigation links lie. */
a {
	color: #555544; /* Dark green */
/*	font-size: 100%; */
/*	text-decoration: none; */
}
a:hover {
	color: #DD6633; /* Red-gold */
}


/* The primary header of each page is "Barbara J Carter" acting like a logo */
h1 {
	color: #DDDDDD; /* grey */
	background-color: white;
	margin: 0 0 10px 0;
	padding 0;
/*	font-size: big; */
	font-family: helvetica, arial, sans-serif;
	font-variant: normal;
/*	font-weight: bold; */
}


h2 {
	font-family: helvetica, arial, sans-serif;
	margin: 0 0 20px 0;
	padding 0;
/*	font-size: medium; */
}


/* We make the header text "Barbara J Carter" a link to the home page. */
a.h1, a.h2 {
	text-decoration: none;
}

#miniflex {
	width: 100%;
	float: left;
/*	font-size: 75%; */
	margin: 0 0 10px 0;
	padding: 0 35px 20px 0;
	border-top: 1px solid #333;
	}

#miniflex li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left; 
	line-height: 150%;
	font-weight: bold;
	margin: 4px 35px 20px 0;
	padding: 0;
	text-decoration: none;
	color: #999;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	padding: 0 0 0 0;
	border-top: 4px solid #333;
 	margin: 0 35px 20px 0;
	color: #333;
	}



/* The left-floating "boxes" that comprise individual elements on the paintings
page -- typically a thumbnail, possibly with its associated caption, which links to
another image or page. */

div.box { /* the basic box, good for images */
   float: left;
   margin: 0px 30px 35px 0px;
   padding: 0;
}

div.fatbox { /* a wider-margined version of the box for text or forms only */
   float: left;
   margin: 0px 40px 40px 0px;
   padding: 5px;
   max-width: 45%; /* this limits the line-length for easier text reading */
   border: 1px solid #DDD;
}

div.textbox { /* a div that simply prevents text lines from running over about 80 chars */
   margin: 0;
   padding: 0;
   max-width: 80em; /* this limits the line-length for easier text reading */
}

div.box p { /* the caption */
   text-align: left;
   margin: 0;
   padding: 0 0 10px 0;
}

span.sold {
   color: red;
}

div.clear {
   clear: both;
}

/* Misc options */
img {
   border: 0px;
   margin: 0px 0px 0px 0px;
}