/** images with captions embedded in page */

.image-frame {
  margin-top: 5px;
  padding: 9px;
  position:relative;
}
* html .image-frame {
  height:100% /* IE6 needs haslayout before position:relative works */
}
.image-frame .corner {
  width:45px;
  height:45px;
  position:absolute;
  display:block;
}
.image-frame .corner-top-left {
  background: url(images/border-thumbnail-slice.gif) top left no-repeat;
}
.image-frame .corner-top-right {
  background: url(images/border-thumbnail-slice.gif) top right no-repeat;
}
.image-frame .corner-bottom-left {
  background: url(images/border-thumbnail-slice.gif) bottom left no-repeat;
}
.image-frame .corner-bottom-right {
  background: url(images/border-thumbnail-slice.gif) bottom right no-repeat;
}
.image-frame {
}
#content-wrapper .image-frame a:link, #content-wrapper .image-frame a:visited {
  border-bottom: 0px;
}
ul.images .framed-image {
  margin:5px;
}
.image-frame .side-top, .image-frame .side-bottom {
  width:100%;
  height:20px;
}
.image-frame .side-left, .image-frame .side-right {
  height:100%;
  width:20px;
}
.image-frame .side-top {
  left:0px;
  top:0px;
  background: url(images/border-top-bottom.gif) top left repeat-x;
}
.image-frame .side-bottom {
  left:0px;
  bottom:0px;
  background: url(images/border-top-bottom.gif) bottom left repeat-x;
}
.image-frame .side-left {
  left:0px;
  top:0px;
  background: url(images/border-left-right.gif) top left repeat-y;
}
.image-frame .side-right {
  top:0px;
  right:0px;
  background: url(images/border-left-right.gif) top right repeat-y;
}