/*  the entire guestbook entry */


.gst-box {  /*========= the guest entry container =======*/
margin: 0;
padding: 0;
display: block;
width: 40em;
height: auto;
padding: 0.4em;
border: 6px solid #a2b5cd;
margin: 0.5em auto 0 auto;
position: relative;
}

.gst-box table td{
position: relative;
}

.gst-box p{
width: 99%;
}

.gst-title {   /* title of text content */
text-align: left;
position: relative;
width: 96%;
font-size: 1.4em;
margin-top: 1.5em;
margin-bottom: 0;
background: transparent url(../art/yelback.jpg) repeat left top;
border-top: 3px solid #eee8aa;
border-right: 3px solid #eed8ae;
border-bottom: 3px solid #eee9bf;
border-left: 3px solid #f5f5dc;
padding: 0.1em;
padding-left: 0.9em;
}

div.indexlink {  /* the arrow "up" to the index; graphic is in the html for accessibility */
text-align: right;
float: right;
margin-left: 1em;
width: 50px;
zoom: 1;
}


h2 {
margin: 1em auto 0 auto;
}

td {
vertical-align: top;
}

.short {
width: 20em;
}

.sm-cap {
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
font-variant: small-caps;
width: 3em;
}

.smalldivider {  /* blue bar.  Use a content-empty para or div. */
margin: 0.6em auto;
border-top: 4px solid #4682B4;
text-align: center;
}

.peter {
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
font-variant: small-caps;
text-align: left;
width: 100%;
margin-top: 0.6em;
margin-bottom: 0;
}

.left {
text-align: left;
}
/*========= End the guest entry container =======*/


/* ======Add the cat tabs to the top box of the entry ============= */

.category {/* put the category tab in the top right of each guestbook entry*/
position: absolute;
top: 0.1em;
right: 2em;
margin: 0;
text-align: center;
font-size: 80%;
color: #607B8B;
width: 9em;
}

.category a:link, .category a:visited, .category a:hover {
text-decoration: underline;
padding: 0.1em;
background-color: #ffffff;
}

.category img {
margin: auto;
}

.category a:hover {
display: inline;
margin-bottom: 0;
text-decoration: none;	
}

/* ===== Typography   ====== */

ul { /* needed to set local list style */
list-style: none;
margin: 1em 0;
padding: 0;
}


.numb-list ul{ /* add margin to to list */
margin-top: 1em;
}

blockquote {
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
font-size: 0.95em;
line-height: 1.2;
}
 
blockquote h3 {
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
font-size: 1.06em;
margin-bottom: 0;	
}

.gst-table {
text-align: left;
width: 100%;
border: 0;
margin-left: 0;
padding: 0.6em;
}


top-matter {  /* Enclose page title and year menu */
margin: 0 auto;
text-align: center;
display: block;
height: 10em;
width: 100%;
}


.gstyear {
width: 100%;
}

.gstyear table { 
height: 54px;
margin: 1.5em auto;
text-align: center;
font-size: 100%;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
border: 1px solid #4682b4;
}

.gstyear td {
vertical-align: middle;
text-align: center;
background: transparent url(../art/yelback.jpg) repeat left top;
padding: 0;
margin: 0;
}

.gstyear a:link, .gstyear a:visited {
color: black;
padding: 0.4em 1em;
text-decoration: none;
border: none;
background: transparent url(../art/yelback.jpg) repeat left top;
}

.gstyear a:hover { 
color: black;  
padding: 0.4em 1em;
width: auto;
background: #fffacd;
border: none;
}

.pic-caption {font-size: .7em; font-style: italic; text-align: right; padding-right: 60px;}
/* added to make 'source' captions small and just-right */


/* ========= Guestbook specific odd codings ========== */
.BGH-label {
width: 27em;
margin: 0.5em 4em;
padding: 0.5em;
font-style: italic;
border: 1px solid red;
}

.before{
background-color: #f5f5dc;
width: 26%;
}
.after {
background-color: #f0f8ff;
}

.rite {
text-align: right;
width: 1em;
}
/* ======== Guestbook specific odd codings ========= */