/* HYPHENS.CSS
This file is a part of a javascript CSS-based hyphenation technology implementation
by Cyril Nikolaev
VERSION 0.98

(c) 2006 Cyril Nikolaev
Updates on http://snusmumrik.org.ru
Contact me at cyril7@gmail.com
*/

/* If you want the hyphens to look different in different positions use
more complicated selectors here */

/* Opera rules */
.hpo {
  margin-right: -6px; /* set to -(hyphen width + gap) */
}
.hpo:after {
  content: url(hyphen.gif); /* a hyphen image (a GIF/PNG with a line, ex. 1x5px) */
  margin-left:1px; /* width of the gap between the text and the hyphen */
  vertical-align: 5px; /* height of hyphen above baseline, approx 1/3 line-height */
}
/* you souldn't not touch those rules */
.hbo { visibility: hidden; } .hbo:after { content: "\200b"; }

/* IE rules */
.hii {
  margin-left: -6px; /* set to -(hyphen width + gap) */
}
.hpi {
   /* a hyphen image (a GIF/PNG with a line, ex. 1x5px) */
  background: url(hyphen.gif) no-repeat right center;
  padding-right: 5px;  /* set to hyphen width + gap - 1 (fixing border width) */
  
  /* Fuckin IE!! Sometimes (indetermined) it shows the hyphen
  under the previous span instead of padded space.
  The padding fixes, but increases left text margin with 1px */ 
  padding-left: 1px;
}

/* Gecko rules */
.hhf {
  /* width of hyphen character */
  margin-right: -0.86ex;
}
.hhf:after {
  /* hyphen character + \200b, ex.: "-\200b" (minus), "\2013\200b" (en dash) */
  content: "-\200b";
}

/* All browsers */
.hso, .hsi, .hsf {
  background-color: #fff; /* set to page background - it hydes the hyphen */
  text-decoration: inherit;
}