/*
 * CSS specific to Footnotes module.
*
* Thanks to binford2k@lug.wsu.edu for this tip and drinkypoo
* for the question leading up to it. http://drupal.org/node/80538
*/
 

/* Add empty space before footnotes and a black line on top. */
.footnotes {
  clear: both;
  margin-top: 4em;
  margin-bottom: 2em;
  border-top: 1px solid #000000;
}

/* Make footnotes appear in a smaller font */
.footnotes {
  font-size: 0.9em;
}

/* 
  Make the footnote a supertext^1
*/
.see_footnote {
  vertical-align: top;
  position: relative;
  top: -0.25em;
  font-size: 0.9em;
}

/* Hide the actual number of the OL list of footnotes*/
ol.footnotes {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
ol.footnotes li {
  margin-left: 2.5em;
}

/* Move the footnote number outside of the margin for footnote text (hanging indent) */
ol.footnotes {
  /* This is apparently very needed for the "position: absolute;" below to work correctly*/
  position: relative; 
}
.footnotes .footnote {
  position: absolute;
  left: 0px;
  z-index: 2;
}

/* Note: This CSS has a minor bug on all versions of IE in that the footnote numbers 
are aligned with the absolute bottom of their space, thus being a couple of pixels 
lower than their corresponding line of text. IE5.5 has a serious bug in that the numbers 
are not shifted left at all, thus being garbled together with the start of their text. */


/*
 * Textile Footnotes 
 */
 /* First footnote */
 #fn1 {
   border-top: 1px solid #000000;
   margin-top: 3em;
 }
 .footnote {
   font-size: 0.9em;
 }