/*  CSS Style sheet for the Halls of Heroes  */

body {
   background-color:#444;
   color:#eee;
   font-family:Verdana, Geneva, sans-serif;
   background-image:url('images/squiggle2color.png');
   background-attachment:fixed;
}
.normalBg {background-color:#444}
.darkerBg, dt {background-color:#333}
.tintedBg {background-color:#432}
.blackBg {background-color:black}
.subdue {font-size:.9em; color:#bbb}
.stress {color:#3c4}
.tnr {font-family:'Times New Roman', Times, serif}

.linkClr {color:#5ae}
a:link {text-decoration:underline; color:#5ae}
a:visited {text-decoration:underline; color:#e84}
a:hover {/*font-weight:bold;*/ text-decoration: none; color: #1ce; background-color: #114;}
a:active {text-decoration: underline;}

.plus1 {font-size:1.2em}
.plus2 {font-size:1.4em}
.minus1 {font-size:.85em}
.fixedW {font-family: "Courier New", Courier, monospace}

h1 {font-size:1.5em; font-weight:bold; margin:0px}
h2 {font-size:1.2em; font-weight:bold; margin:0px; font-family:'Times New Roman', Times, serif;}
h3 {font-size:1.1em; font-weight:normal; margin:0px}

/* follwoing "commentary" class family courtesy of SpAm at htmlforums.com, 2013-01-14 */
.commentaryBgFg {background-color:#E8C782; color:black}
.commentaryFrame {font-family: Tahoma, Geneva, Arial, sans-serif; border:3px ridge black}
div.igdCommentary {
   float:left;
   background-color:#E8C782;
   border:3px ridge black;
   padding:0px;
}
div.igd {
   margin-top:3em;
   padding:1em 1em 2em 1em;
   border:2px ridge white;
   border-left:0px;
}
div.commentary {
   padding-right:1em;
   margin-left:1em;
   color:black;
   /* font-family: Copperplate Gothic Light, sans-serif; */
   font-family: Tahoma, Geneva, Arial, sans-serif;
}
h2.commentary {color:black; font-family:Century Gothic, sans-serif; padding-top:4px}
.commentary a:link {text-decoration:none; color:#4083b3}
.commentary a:visited {text-decoration:none; color:#ba6135}
.commentary a:hover {text-decoration: none; color: #1ce; background-color: #114}
.commentary a:active {text-decoration: underline}
.commentarySubdue {font-size:.9em; color:#334}
.darkerCommentary {background-color:#ca6; color:#111}

/* center an object class item, with 1% margins */
.obj98 {margin-left:1%; width:98%}
.obj88 {margin-left:6%; width:88%}
.obj78 {margin-left:11%; width:78%; min-width:500px}
/* auto center object (width is "what it needs to be") */
.objCtr {margin-left:auto; margin-right:auto}
.nbrk {white-space:nowrap}
.ctrNbrk {text-align:center; white-space:nowrap}
.bord1 {border-style:solid; border-width:1px}
.bordAccent {border-style:solid; border-width:3px; border-color:tan}
.noBorder {border-width:0px}
.blocked {text-align:justify}
.rightRagged {text-align:left}
.leftRagged {text-align:right}
.pad4848 {padding:4px 8px 4px 8px}
.pad4888 {padding:4px 8px 8px 8px}

td.noWrapTop {white-space:nowrap; vertical-align:top}
div.ctr {text-align:center}
div.endFloat {clear:both}
div.floatL {float:left}
div.floatR {float:right}

/* a heightOfParent div should be contained in outer div which specifies overflow:hidden */
div.heightOfParent {padding-bottom:100%; margin-bottom:-100%}

img.marg4444 {margin:4px}
img.marg4000 {margin:4px 0px 0px 0px}
img.marg4848 {margin:4px 8px}
img.marg4848nb {margin:4px 8px; border-width:0px}
img.marg4440m {margin:4px 4px 4px 0px; vertical-align:middle; border-width:0px}
img.marg4444m {margin:4px; vertical-align:middle; border-width:0px}
img.marg4448m {margin:4px 4px 4px 8px; vertical-align:middle; border-width:0px}
img.marg9408m {margin:9px 4px 0px 8px; vertical-align:middle; border-width:0px}

/* from concept by Coothead at htmlforums.com */
.chemical {font-weight:normal}
.chemical span {
   font-family:arial, sans-serif;
   display:inline-block;
}
.chemical sub {
   font-family:'courier new', monospace;
   font-size:.85em;
   vertical-align:-25%;
}

/* above by Rich Franzen.  last updated 2013-02-01 */

/* dl, dt, dd tags for list data, adapted from
** http://www.onextrapixel.com/2009/05/13/how-to-use-dl-dt-and-dd-html-tags-to-list-data-vs-table-list-data/
*/
dl {
    margin-bottom:2px;
    margin-right:10px;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:.9em;
}

dl.leftBlock {float:left; width:50%}

dl dt {
    float:left;
    font-weight:bold;
    margin-right:10px;
    white-space:nowrap;
    padding:1px 1px 2px 8px;
    width:7.5em;
    font-size:.9em;  /* along with the .9 of dl, a total of .81em */
}

dl dd {
     white-space:nowrap;
     /* margin:2px 0; */
     padding:1px 1px 2px 1px;
 }
/* above by Rich Franzen.  Created 2013-01-02, last edited 2013-01-24 */

/* following "CSS Popup Image Viewer" is by Dynamic Drive at
   http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/
   (captured 4 January 2013)  */
.thumbnail{
position: relative;
z-index: 0;
font-family:'Times New Roman', Times, serif;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: tan;  /* originally lightyellow */
padding: 5px;
left: 0px;  /* originally -1000px */
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
font-size: .85em;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 19px; /* (originally 0) vertical offset of enlarged image */
left: 30px; /* (originally 60) horizontal offset of enlarged image */
}
/* end of Dynamic Drive's CSS */