/* special_events  */





div#floatl {
	float: left;
}

div#floatr {
	float: right;
}

div.spacer {
	clear: both;
}






/* Begin CSS for displaying and enlarging thumbnails */

.thumbnail {
position: relative;
z-index: 0;
}

.thumbnail:hover {
background-color: transparent;
z-index: 50;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 0px;
left: -1000px;
border: 0px solid lime;
visibility: hidden;
color: white;
font-weight: bolder;
text-decoration: none;
}

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

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -300px; /*position where enlarged image should offset horizontally */

}

/* End CSS for displaying and enlarging thumbnails */




/* Begin NEW Mozilla-only CSS for displaying and enlarging thumbnails */
.picture { 
   max-width: 450px;
   max-height: 450px;
   padding-left:20px;
   padding-bottom:10px;
}

.image { 
   display:block;
   border:1px dotted #666;
   margin:5px;
   margin-bottom: 0px;
   padding:5px;

   height:175px; 
   width:200px;

   background-repeat:no-repeat;
   background-position:5px 5px;
   background-attachment:scroll;
}

 .caption { 
   display:block; 
   font-family:serif; 
   color:#666; 
   margin-top:10px; 
   margin-left:5px;
}

span.image + span.caption:after {
   content : "mouse over to enlarge; may take a moment to load";
   display:block;
   color: #ccc;
}

#pnd { 
   background-image:url("/img/weblog/20030810-roma-punksnotdead-sm.jpg"); 
}

#pnd:hover { 
   height:350px;
   width:400px;
   background-image:url("/img/weblog/20030810-roma-punksnotdead.jpg"); 
}
/* End NEW Mozilla-only CSS for displaying and enlarging thumbnails */