/* 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.66ex;
	/*margin-right: -0.76ex;*/
	/*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: #030000; /* set to page background - it hydes the hyphen */
	text-decoration: inherit;
}