@import "sizes2.css";
@import "shared.css";

/*
   This style arranges the thumbnails with limited information -
   title, image size in K, and the number of hits when
   available.  The thumbnails are arranged in a table-like format,
   with as many as can fit on a line.
 */


/* Hide the link to the "brief" style */
#brief2style a {
    font-weight: bold;
}

/* Make subheadings small but distinctive */
h2.subset {
   clear: both;
   border-bottom: 0;
   border-right: 0; 
   margin: 0;
   margin-top: 1em;
   text-align: center;
   font-size: medium;
   font-weight:  bold;
   margin-right: 2em;
   margin-left: 0em;
}

div.entry {
   background: InactiveCaption;
   color: CaptionText;
   /* clear: right; */
   border: thin inset; 
   overflow: hidden;
   /* border: thin groove; */
   float: left;
   font-size: smaller; 
   margin: 0.5em;
   padding-left: 0.5em;
   padding-right: 0.5em;

   width: 10em;
   height: 12em;
}

div.entry:hover {
   background: ActiveCaption;
   color: CaptionText;
   border: thin outset;
}

h4.modified { display: block; }
div.entry h4 {
   font-weight: normal;
   margin: 0;
   text-align: right;
   padding-left: 0.5em;
   padding-right: 0.5em;
}


div.entry div.imageheader:before {
    content: "Info";
    float: left;
    font-weight: bold;
    text-align: left;
    margin-bottom:1ex;
    padding: 0 1ex;
}

div.imageheader h4.rank , div.imageheader h4.imagename { 
	font-size: larger;
	font-weight: bold;
	text-align: center;
}

.imageheader { 
    display: none;
    background: InfoBackground;
    color: InfoText;
    border: thin outset;
    position: absolute;
    right: 0px;
    margin-top: -100px;
    /* top: 0px;  */
    z-index:1;
}

.entry:hover .imageheader {
   display: block;
}

.entry:hover .imageheader a {
   text-decoration: none;
   color: inherit;
}

p.imagenote {
  display: none;
}

div.entry h3 {
   text-align: center;
   margin: 0;
   padding: 0;
   font-weight: bold;
   font-size: medium;
   clear: both;
}

h2.subset {
    clear: left;
}

hr.clearentry {
    display: none;
}

hr.clear {
    visibility: hidden;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}