/* COLORS
----------------------
lt green: rgb(222,226,195)
dk green: rgb(111,126,23)
dk grey: rgb(50,50,50)
lt grey: rgb(180,180,180)
*/

/* GENERAL
----------------------*/
*{
margin:0;
padding:0;
border:0;
text-decoration:none;
}
body{
font-family:Verdana, sans-serif;
color:rgb(50,50,50);
}
/* DIVs - layout
----------------------*/
h1#header{
position:relative;
top:10px;
left:19px;
height:50px;
width:300px;
text-indent:-9999px;
background:transparent url("../images/name.gif") 0 0 no-repeat;
}
div#content {
text-align:center; /* align divs in early IE */
position:relative;
margin-top:30px;
}
#contactBody #content{
text-align:left;
}
div#seriesTitle{
text-align:left; /*reset actual text*/
margin-right:10%;
border-bottom:1px solid rgb(200,200,200);
_height:1%; /* get early IE to show bottom border */
}
.text{
text-align:left; /*reset actual text*/
margin:20px 23%;
}
div#footer{
clear:both;
margin-left:10%;
padding-bottom:5px;
text-align:right;
color:rgb(180,180,180);
border-top:1px solid rgb(200,200,200);
}
/* VCARD
----------------------*/
.vcard{
float:left;
padding:2em 0 2em 19px;
}
div.vcard div{
margin-bottom:1em;
}
.email{
font-style:italic;
}
.fn{
color:rgb(111,126,23);
}
.email span{
font-size:.8em;
}
/* A
----------------------*/
a {
border:0;
color:rgb(111,126,23);
}
#footer a{
color:rgb(180,180,180);
}
a:hover{
border:0;
background-color:rgb(222,226,195);
}
/* P, BLOCKQUOTE, SPAN, CITE
----------------------*/
.text p{
margin:0 0 .5em 0;
line-height:1.5em;
}
div#footer p{
padding:2px 1.5em 0 0;
font-size:.8em;
}
#seriesTitle p{
font:1.1667;/*14 px */
padding:0 0 3px 19px;
}
#subLink {
float:left;
margin:0;
padding:1px 0 0 19px;
font-style:italic;
}
#picasa{
position:absolute;
top:440px;
left:10%;
}
p#picTitle{
font:italic 110%/1em "Times New Roman", Times, serif;
position:absolute;
bottom:22px;
margin-left:10%;
}
cite{
font-style:italic;
}
/* H
----------------------*/
h2{
margin:.9em 0 .6em 0;
font-size:1em;
}
#aboutBody h2{
color:rgb(111,126,23);
text-transform:uppercase;
letter-spacing:2px;
border-bottom:1px solid rgb(180,180,180);
}
h3{
clear:both;
margin:1.2em 0 .2em 0;
padding-top:1em;
font-size:1em;
}

/* IMGs
----------------------*/
.imgL{
float:left;
margin:.5em 1em .5em 0;
}
.imgR{
float:right;
margin:.5em 0 .5em 1em;
}
/* THUMBS
----------------------*/
ul#thumbs{
position:relative;
width:442px;
}
#aboutBody ul#thumbs{
width:780px;
height:210px;
margin:20px auto 26px auto;
}
#wordsBody ul#thumbs{
height:410px;/* 520-410 = 110 */
margin:55px auto;/*110/2 = 55 */
}
#gardensBody ul#thumbs{ /* 520-332 = 188 */
height:332px;
margin:94px auto; /* 188/2 = 94 */
}
#familyBody ul#thumbs{
height:363px;/* 520 - 363 = 157 */
margin:78px auto 79px auto; /* 157/2 = 78.5 */
}
ul#thumbs li{
float:left;
position:relative;
list-style:none;
padding:4px;
height:102px;
width:80px;
text-align:center;
}
ul#thumbs li.firstRow{
padding-top:0;
}
ul#thumbs li.lastRow{
padding-bottom:0;
}
ul#thumbs li.horiz{
height:80px;
width:102px;
padding-bottom:0;
}
#aboutBody #thumbs li{
width:252px;
height:202px;
}
#familyBody #thumbs li{
width:102px;
height:102px;
}
#familyBody #thumbs li.horiz{
height:83px;
}
#thumbs a{
display:block;
border:1px solid white;
}
#thumbs a:hover{
border:1px solid rgb(111,126,23);
}
/* SHOWS 
----------------------*/
ul#shows li{
float:left;
width:45%;
height:7.5em;
list-style:none;
line-height:1.5em;
padding-bottom:1.5em;
}
ul#shows li.left{
width:50%;
}
/* SLIDES
----------------------*/
div.slide{
text-align:center;
}
div.slide img{ /*vert slides */
padding:0;
margin:30px 0 40px 0;
}
/*#familyBody .slide img{ NOT IN USE - all horizS
margin:25px 0;
}*/ 
div.horizS{ /* height of display div (image is 450px) */
height:520px;
}
div.horizS img, #familyBody .horizS img{
margin:30px 0 40px 0;/*top + bot margin = 70px */
}
div#loading{
position:relative;
height:450px;
margin:35px 0;/*top + bot margin = 70px */
text-align:center;
}
div#loading img{
margin-top:200px;
}
/* PREV/NEXT Nav
----------------------*/
div#prevNext{
position:absolute;
top:2em;
right:10%;
}
a#prev, a#next, a#toThumbs{
display:block;
float:left;
position:relative;
width:11px;
height:15px;
padding:3px;
}
a#toThumbs{
width:12px;
}
#prevNext a:hover{
text-decoration:none;
background-color:rgb(222,226,195);
}
a.tooltip span{
display:none;
}
a.tooltip:hover span{
display:inline;
position:absolute;
top:20px;
left:0;
padding:3px;
font-size:.9em;
} 
/* SERIES NAV
----------------------*/
#seriesNav{
position:absolute;
top:15px;
right:100px;
width:140px;
padding:10px 0 3px 0;
font-size:.9em;
line-height:1.5em;
list-style:none;
border-left:1px solid rgb(111,126,23);
}
#seriesNav a{
padding-left:6px;
}
#seriesNav a:hover{
background:transparent url("../images/tinyLine.gif") 0 .6em  no-repeat;
text-decoration:none;
}
#gardensBody #seriesNav #gardens a,
#wordsBody #seriesNav #words a,
#familyBody #seriesNav #family a{
background:transparent url(../images/tinyLine.gif) 0 .6em  no-repeat;
}
#aboutBody #seriesNav,
#contactBody #seriesNav{
display:none;
}
/* PRIMARY NAV
----------------------*/
ul#primNav {
position:absolute;
top:0;
right:100px;
list-style:none;
}
/*all list items*/
#primNav li {
float:left;
}
/*all links in the nav*/
#primNav a {
display:block;
padding:3px 6px 3px 6px;
}
#primNav a:hover{
background-color:rgb(222,226,195);
border-bottom:0;
}
/*specific top-level links*/
#primNav #about a{
border-right:1px solid rgb(111,126,23);
width:41px;
}
#primNav #portfolio a{
border-right:1px solid rgb(111,126,23);
width:62px;
}
#wordsBody #portfolio a,
#gardensBody #portfolio a,
#familyBody #portfolio a{
background-color:rgb(222,226,195);
border-bottom:0;
}
#primNav #contact a{
width:53px;
}
#aboutBody #about a,
#portfolioBody #portfolio a,
#contactBody #contact a{
background-color:rgb(212,216,185);
}
/*fix whitespace bug in IE-Win*/
/* \*/
* html #primNav a {
    height: 1px;
    }
/*  */