/* These declarations apply everywhere on every page */

body { font-family: Georgia, Verdana,"Trebuchet", arial, sans-serif; font-size: 10pt; background-color: oldlace; }


/*These declarations affect all links*/

a { text-decoration: none; color: peru; }
/* a:link { color: ???; } */ /* uncomment and complete this declaration to set a site-wide link color */
a:hover { color: crimson }
a:visited { color: darkred; /*sienna*/  }
img { border: 2px; }


/* These declarations affect all text headings */

h1 { text-align: center; padding-top: 48px; color: peru; font-size: 14pt; font-weight: lighter; }
h2 { color: peru; font-size: 10pt; font-weight: normal; }


/* These declarations define the title bar used on most pages; font sizes INTENTIONALLY in pixels, not points */

.titlebar { margin-left: 6%; /*width: 80%;*/ margin-right: 6%; height: 28px; 
	margin-top: 20px; margin-bottom: 50px; padding-right: 4px; padding-top: 0;
	border-bottom: thin solid gray; background-color: #F5F5F5; /*whitesmoke*/
	font-family: Georgia, Verdana,"Trebuchet MS", arial, sans-serif; }

/* These declarations apply to the title part ("Priscilla Fowler ...") toward the left of the titlebar */

.titlepart { float: left;  padding-left: 4px; padding-top: 4px; font-size: 16px; color: peru; font-style: italic;}
.titlepart em { font-style: italic; }
.titlepart a { padding: 4px; font-size: 12px;}	/* padding controls space between link numbers */
											/* font-size can be omitted; will be inherited from .titlepart */

/* These declarations apply to the navigation part toward the right of the titlebar */

.navpart { float: right; padding-top: 10px; text-align: right; width: 650px; }
.navpart a { padding: 0 10px 0 3px; font-size: 12px; font-weight: bold; } /* padding controls space between link words */

/* These declarations apply to the home page only */

.homepage { margin-left: 15%; margin-top: 40px; width: 700px;/* background image is 600px wide */
	background-image: url("background.jpg"); background-repeat: no-repeat; background-position: center top; 
		border: thin solid oldlace; background-color: oldlace; }
.homepage h1 { font-size: 36px; color: darkred; margin-top: 20px; padding-bottom: 0px; font-style: italic}

/* These declarations apply to the 5 navigation links on the home page; the margin-top specifies how far down the links
	begin below the top of the page; change this attribute to adjust where the links appear to be superimposed on the image */

.navbar { background-color: transparent; margin-top: 450px; text-align: center; }
.navbar a { padding: 4px; font-size: 14px; font-weight: bold; } /* padding controls space between link words */
.navbar a:link { color: saddlebrown; }
.navbar a:hover { color: crimson; }
.navbar a:visited { color: peru; }

/* These declarations apply to the "footnote" below the main image on the home page; 
	the margin-top attribute specifies how far down the footnote begins below the 5 navigation links */

.footnote { margin-top: 48px; margin-left: 50%; font-size:10px; color: saddlebrown; text-align: right; /*background-color: oldlace;*/ }
.footnote a:link { color: saddlebrown; text-decoration: underline}
.footnote a:hover { color: crimson }
.footnote a:visited { color: darkred }

/* These declarations apply to the general pages, not the individual painting presentation pages */

.introblock { align: center; padding: 16px; margin-bottom: 24px; }
.introblock td .imagepart { width: 300px; }
.introblock td .textpart { }
.imagepart { align: center; padding-left: 48px; padding-right: 48px; /*border: 1px solid green;*/ }
.textpart { align: center; padding-left: 48px; padding-right: 48px; /*border: 1px solid red;*/ }
.textpart h2 { font-size: 16px; font-style: italic; text-align: center; padding-top: 0px; padding-bottom: 2px; }
.textpart p { font-size: 11px; margin-top: 0.5em; margin-bottom: 0px; text-align:center; color: saddlebrown }
.navnote { font-size: 10px; font-style: italic; margin-top: 36px; }
.bottomlink { text-align: right; font-size: 16px; color: darkred } /* text-align could also be right or left */

.portfolio { margin-left: 4%; width: 92%; } /* portfolio uses more width than text pages */
.portfolio .titlebar { margin-left: 0; /*width: 100%;*/ margin-right: 0; margin-bottom: 25px; }
.portfolio table { margin: 40; width: 90%; /*border: 1px solid black;*/ }
/*.portfolio td { width: 33%; padding-top: 10px; }*/
.portfolio .introblock { border: 1px solid saddlebrown; }

.resume { margin-left: 15%; /*width: 70%;*/  margin-right: 15%; }
.resume p { margin: 0pt; padding-top: 4pt;} /* padding controls space between paragraphs in resume */
.resume h2 { margin-top: 16px; margin-bottom: 2px; }

.exhibits { margin-left: 15%; /*width: 70%;*/ margin-right: 15% }
.exhibits h2 { color: black; margin-top: 24px; font-size:12pt;}
.exhibits2 { }
.exhibits2 .introblock { /*border: 1px solid saddlebrown;*/ }
.exhibits2 h2 { margin-top: 24px; font-size:12pt; font-style: italic; }

.statement { margin-left: 15%; /*width: 70%;*/ margin-right: 15%; }
.statement p { margin: 0; padding-top: 8pt; line-height: 1.3em; } /* line-height controls space between lines in a paragraph */
.signature { font-size: 12pt; text-align: right; color: maroon; margin-top: 24px; }

.contactinfo { margin-left: 15%; /*width: 70%;*/ margin-right: 15%; text-align: center; }
.contactinfo .titlebar { margin-left: 0%; width: 100%; margin-bottom: 24px; center;}
.contactinfo p { margin: 0; padding-top: 8px; line-height: 1.3em; center;}
.contact info a:link { color: maroon; text-decoration: underline; font-weight: bold;}
.formbox { margin-left: 10%; margin-right: 10%; margin-top: 50px; padding: 40px; background-color: oldlace;  }

.workshops { margin-left: 15%; /*width: 70%;*/ margin-right: 15%; }
.workshops p { margin: 0; padding-top: 8pt; line-height: 1.3em; } /* line-height controls space between lines in a paragraph */
.signature { font-size: 12pt; text-align: right; color: maroon; margin-top: 24px; }

/* These declarations apply to the individual painting presentation pages */

.imagepage .titlebar { width: 100%; margin-left: 0; margin-right: 0; }
/*.imagepage .navpart { width: 500px; }*/
.imagepage .thumbblock { float: left; padding-left: 12px; }
.imagepage .thumbblock table { width: 234px; }
.imagepage .thumbblock td { color:peru; padding: 4px; font-size: 11px; }
.imagepage .content { margin-left: 250px; padding-top: 20px; text-align: center; font-style: italic; }
.content h1 { font-size: 13px; padding-top: 0; text-align: center; color: peru; }
.content p { font-size: 11px; margin-top: 0; margin-bottom: 0px; text-align:center; color: 8B4513 /*saddlebrown*/}

/* These declarations apply to the large grid painting presentation pages */

.imagepage2 .titlebar { width: 100%; margin-left: 0; margin-right: 0; }
.imagepage2 .navpart { width: 500px; }
.imagepage2 .thumbblock { float: left; padding-left: 24px; height: 600px; }
.imagepage2 .thumbblock table { width: 260px; }
.imagepage2 .thumbblock td { padding: 1px; }
.selected { border: 1px solid red; }
.unselected { border: 1px solid oldlace; } /* color should be same as body background-color defined above */

.copyright {font-size: 9px; text-align: left; color: peru; font-style:normal; padding-top: 8px;}