/* decorative stuff */
a {text-decoration: none}
a:link {color: #FF99FF}
a:visited {color: #EEAACC}
a:hover {color: #FF77FF}
a:active {color: #FFFFFF}
span.date{float:left;padding-right: 0.35em; line-height: 70%; font-size:125%; font-family:baskerville, times; color: #FFBBDD;}
span.fancy{float:left; width:1em; font-size:150%; font-family:baskerville, times; line-height: 75%;}
img{border: none}
li{font-size:120%; line-height: 150%}
h{color: #FFBBDD; font-size:150%;}
table{border:0}

/* site layout stuff */
body{color: #F19CCC; font-family: baskerville, times; background-color: #111111; margin: 0; margin-height: 0; margin-width: 0; background-image: url('images/gallerybg.jpg'); background-repeat: no-repeat; background-position: 65% 220px;}

div.menu{width:100%; padding:0; margin:0;}
div.right{float:right; width:33%; margin:0.2em; border:none; padding:2em; height: 100%}
div.content{border: 0; padding:1em;}

div.thumb{margin: 2px; border: 0; height: auto; width: auto; float: left; text-align: center;}
div.desc{text-align: center;font-weight: normal;width: 200px;margin: 4px;}




/*Gallery Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative; border: 0; padding:1.3em;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid black;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid pink;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: FFDDFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 40;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>