/* CSS Document */
* { margin: 0; padding: 0;}

h2, h3, h4, h5, p, ul { margin: 0; padding: 0;}
p {padding-left: 0; margin-top: 10px;}

html, body {font: 76%/160% Helvetica, Arial, sans-serif; font-size: 16px; line-height: 115%; color: #000000;}

html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}

body {background: #f5f2f4;}

a {text-decoration: none; color: #805818; font-weight: 500;}
a:hover {color: #474b02;}

img {border: 1px solid #000000;}

/* -------------------------- STRUCTURE ------------------------------- */

#frame {width: 600px; margin: auto; position: relative;}
#main {width: 600px; margin: 0; padding: 0; font-size: .9em;}

/* -------------------------- NAVIGATION ------------------------------- */

#home {background: url(images/pageTitles/home.jpg) top left no-repeat #f5f2f4;*/}
#contact {background: url(images/pageTitles/contact.jpg) top left no-repeat #f5f2f4;*/}
#panel {background: url(images/pageTitles/onPanel.jpg) top left no-repeat #f5f2f4;*/}
#paintings {background: url(images/pageTitles/paintings.jpg) top left no-repeat #f5f2f4;*/}
#paper {background: url(images/pageTitles/onPaper.jpg) top left no-repeat #f5f2f4;*/}
#resume {background: url(images/pageTitles/resume.jpg) top left no-repeat #f5f2f4;*/}
#about {background: url(images/pageTitles/about.jpg) top left no-repeat #f5f2f4;*/}
#history {background: url(images/pageTitles/history.jpg) top left no-repeat #f5f2f4;*/}
#earlyWork {background: url(images/pageTitles/earlyWork.jpg) top left no-repeat #f5f2f4;*/}
#web {background: url(images/pageTitles/web.jpg) top left no-repeat #f5f2f4;*/}
#book {background: url(images/pageTitles/shopBook.jpg) top left no-repeat #f5f2f4;*/}
#print {background: url(images/pageTitles/shopPrint.jpg) top left no-repeat #f5f2f4;*/}
#blank {background: url(images/pageTitles/blank.jpg) top left no-repeat #f5f2f4;*/}

.nav {margin-top: 20px; margin-bottom: 5px; width: 600px; height: 75px;}

#homeLink{ 
		position: absolute; 
		top: 24px; 
		right: 0px; 
		width: 200px; 
		height: 35px; 
		background-color: transparent; 
		border: 0; }

ul#navList {list-style: none; margin: auto; height: auto;  text-align: left; font-size: .6em; overflow: hidden;}
ul#navList li {display: inline; padding: 0px 7px 0px 0px;}
ul#navList li.on1 {display: inline; padding: 0px 1px 0px 1px;}
ul#navList li.on2 {display: inline; padding: 0px 1px 0px 1px;}
ul#navList li.on3 {display: inline; padding: 0px 8px 0px 1px;}
ul#navList a {font-weight: bold; text-decoration: none; color: #000000;}
ul#navList a:hover {color:#704613;}

.urhere {color: #704613; font-weight: bold;}
 

/* -------------------------- HOME ------------------------------- */
.photoHome {float: left; margin-right: 25px; margin-bottom: 0px; border: 0;}
#anneHome {float: left; position: relative; width: 240px;}
.homeText {font-size: 9pt; font-style: italic; font-weight: 500; text-align: right; margin-bottom: 4px; margin-top: 7px; line-height: 164%;}
.homeTextLarge {font-size: 10pt; font-style: italic; font-weight: 500; text-align: right; margin-bottom: 4px; margin-top: 7px; line-height: 150%;}
.homeSPtitle {font-size: .7em; font-weight: 600;  line-height: 18px; color: #91631a; padding-top: 3px;}
.homeSP {color: #5d525a; font-size: 110%; font-weight: 400; line-height: 14px; padding-left: 3px;}
.homeUE {font-size: .7em; font-weight: 400; line-height: 15px; margin-top: -5px;}

.photoHomeTest {float: left; margin-top: -10px; border: 0;}
#homeLeftColumn {float: left; position: relative; width: 290px;}
.homeTextTest {font-size: 9pt; font-style: italic; font-weight: 500; text-align: right; margin-bottom: 4px; margin-top: 7px; line-height: 145%;}
#homeRightColumn  {float: right; position: relative; width: 290; margin-left: 20px; margin-top: 10px;}
.soloShow {border: 0; margin-bottom: 7px;}
.playHome {float: left; margin-right: 10px; margin-bottom: 0px; border: 0;}
.homeSPTest2 {font-size: .7em; font-weight: 400; line-height: 14px;}
/* -------------------------- RESUME ------------------------------- */

#rWrapper {width: 600px; text-align: left;}
.resumeHeading {margin-top: 1em;  padding-bottom: 0; color: #ad98a7; font-family: Verdana; font-size: 11px;}
.resumeList {list-style: none; font-family: Verdana; font-size: 11px; width: 600px;}
.upcoming {color: #5d525a}
.showTitle {font-style: italic;}

#rhWrapper {width: 600px; text-align: left;}
#rhList {width: 600px; list-style: none;}
#rhList li {margin: 0px 15px 0px 0px; font-weight: 500; font-size: 1em; font-family: Georgia;}
#rhList a {text-decoration: none; color: #b0a190;}
#rhList a:hover {color:#474b02;}
.rhL {float: left; color:#704613;}

/* -------------------------- HISTORY ------------------------------- */


#historyP {display: block; clear: both; overflow: auto; font-family: Verdana; font-size: 11px;}
.photoRight {float: right; margin-left: 15px; margin-right: 10px; margin-top: 1em; margin-bottom: 5px;}

/* -------------------------- PAINTINGS ------------------------------- */

#yearWrapper {width: 640px; text-align: justified;}
#yearList {width: 630px; list-style: none;}
#yearList li {padding-bottom: 7px; margin: 0px 37px 0px 0px; font-weight: 500; font-size: 1em; font-family: Georgia;}
#yearList a {text-decoration: none; color: #b0a190;}
#yearList a:hover {color:#474b02;}
.yearL {float: left; color:#704613;}

#title {text-align: justified; padding-bottom: 7px; width: 600px; font-size: 1em; font-family: Georgia; font-weight: 500; color: #704613;}

#thumbWrapper {text-align: left; width: 700px; margin: auto;}
#year {padding: 0; margin-bottom: 15px; text-align: left;}
#thumbnailList {width: 700px;  list-style: none; margin: auto;}
.thumb {float: left; margin: 0px 25px 25px 0px; width: 100px; height: 100px;}
.altThumb {float: left; margin: 0px 25px 25px 0px; width: 100px; height: 125px;}

.singlePainting {text-align: center; margin-bottom: 10px; padding-bottom: 10px; height: auto;}
.singlePainting h2 {padding: 0; font-size: 16px;}
#thumbBack {float: left;}


#paintingNavList  { list-style: none; margin: auto; text-align: center; font-size: 1.1em;}
#paintingNavList li  { display:inline; padding: 20px;}
#paintingNavList a  {text-decoration: none; color: #91631a;}
#paintingNavList a:hover {color:#474b02;}

.singlePainting h2 { text-transform: uppercase; margin-top: 5px;}
.size {margin-left: 2em;}

.subHeading {font-size: .9em; font-weight:lighter; text-transform: none;}
/* -------------------------- CONTACT ------------------------------- */

#contactBox {
	position: absolute; 
		top: 118px; 
		left: 0px; 
		width: 180px; 
		height: 300px; 
		border-right-color: #e9dfe6; 
		border-width: 3px;
		border-right-style:solid;}
		
#contactLeading {
	text-align: left; 
	font-size: .9em;
	font-family: Verdana;
	color: #5d525a;    
	line-height: 125%; 
	margin: 25px 15px 0px 0px; }
	
#contactList {list-style: none; margin-left: 215px; width: 380px;}
.contactEntry {font-family: Verdana; font-size: 11px; line-height: 140%; padding: 15px 0px; width: 190px; float: left;}

/* -------------------------- WEB O SPHERE ------------------------------- */

#WOSBox {
	position: absolute; 
		top: 118px; 
		left: 0px; 
		width: 180px; 
		height: 300px; 
		border-right-color: #e9dfe6; 
		border-width: 3px;
		border-right-style:solid;}
		
#WOSLeading {
	text-align: left; 
	font-size: .9em;
	font-family: Verdana;
	color: #5d525a;    
	line-height: 125%; 
	margin: 25px 15px 0px 0px; }
	
#linkList {list-style: none; margin-left: 215px; width: 380px;}
.linkEntry {font-family: Verdana; font-size: 11px; line-height: 140%; padding: 10px 0px; width: 380px; float: left;}


/* -------------------------- BOOK and PRINT------------------------------- */

#bookLeftColumn  {float: left; position: relative; width: 420;}
#bookRightColumn  {font-size: .8em; font-family: Verdana; color: #5d525a; line-height: 125%; padding-top: 10px; padding-right: 15px; }
.bookCover {border: 0; margin-right: 20px; margin-bottom: 10px; }
#bookPagesList {width: 400px; margin-right: 20px; list-style: none; font-size: 9pt; border: 0;}
.title {float: left; margin: 0px 0px 20px 0px; width: 75px; height: 74px; border: 0;}
.page {float: left; margin: 0px 0px 20px 12px; width: 150px; height: 74px; border: 0;}

#printLeftColumn  {float: left; position: relative; width: 420;}
#printRightColumn  {font-size: .8em; font-family: Verdana; color: #5d525a; line-height: 125%; padding-top: 10px; padding-right: 5px; }
.printCover {border: 0; margin-right: 20px; margin-bottom: 20px; }


/* -------------------------- FOOTER ------------------------------- */

#footer {margin-top: 15px; padding-bottom: 10px; clear: both; width: 600px; height: 18px; background: url(images/footer.jpg) no-repeat #f5f2f4;*/}
#thumbsFooter {padding-bottom: 10px; clear: both; width: 600px; height: 18px; background: url(images/footer.jpg) no-repeat #f5f2f4;*/}
#bigThumbsFooter {padding-bottom: 10px; margin-top: 250px; clear: both; width: 600px; height: 18px; background: url(images/footer.jpg) no-repeat #f5f2f4;*/}