/* general */
body {background-color: #E1E0E3; font-family: "Palatino Linotype", "Times New Roman", Times, serif; font-size:12pt; 
      color:#606060; margin:0; padding: 0; text-align: center;}
a {color: #909090; text-decoration:none} /* try #A0A0A0 here and 707070 for text if want to make text and links different ...
                                            could still have hover be 808080 if wanted that affect or maybe if 
											have hover darker could take off the underline */
/*a:link {color: #808080; text-decoration:none}     
a:visited {color: #808080; text-decoration:none} */
a:hover {color: #808080; text-decoration: underline}  
/* 
a:active {color: #808080; text-decoration:none} */ 
img {border: 0; }
div.thumbRow1 img {padding: 3px 15px 0; vertical-align: middle;}
div.thumbRow2 img {padding: 30px 15px 0; vertical-align: middle;}
p.caption { font-size: 10pt; text-align: center; padding: 0; margin: 0;}

.clickable {cursor: hand; cursor: pointer; }

/* header related */
h1.homeHeaderName {font-size: 35pt; margin:0; padding: 8px 0 0 0; line-height: 90%; font-weight:normal; }
span.homeHeaderPhotographs { font-size: 19pt; color: black; font-weight:normal;} 
hr.homeHeader { width: 475px;  margin-top: -2px ;  height: 1px;  }

h1.headerName {font-size: 18pt; margin:0 auto; padding: 8px 0 0 0; line-height: 90%; font-weight:normal;}
span.headerPhotographs { font-size: 10pt; color: black; font-weight:normal;} 
/* still try to figure out the better way besides hardcoding px width below */
hr.header { width: 245px;  margin-top: -2px ;  height: 1px;   }

/* gallery page */
img.row1galleryImage { padding: 3px 30px 0; }
img.row2galleryImage { padding: 15px 30px 0; }

div#nextPrevBar { width: 600px; text-align: center; font-size: 12pt; padding: .5em 0; margin: auto;}
div#nextPrevBar span.prev { float: left;  text-align: left; padding-left: .5em; width: 150px; }
div#nextPrevBar span.next { float: right;  text-align: right; padding-right: .5em; width: 150px; }

/* text pages */
div.textPage { text-align: left; padding:.1em 3em; }
 
 
/* footer related */
div#bottomNavBar { margin-top: -.5em;  padding: 0; text-align: center;}
div#bottomNavBar hr {height: 1px; border-top: 1px solid #A0A0A0; color: #A0A0A0; width: 600px; /* think about neg margin-top */ }	
div#bottomNavBar p.links { font-size: 10pt;  padding: 0 0 1px 0; margin-top: -.25em; margin-bottom: 0;}
div#bottomNavBar a { font-size: 10pt;  }
div#bottomNavBar p.copyright { font-size: 8pt;  padding: 0; margin-top: .25em; color: #909090;  }