/* To Use */
/* "TEXT"
/*
"TEXT"
/*
"TEXT"
/*
"TEXT"
/* regular styling stuff */
h1.shadow {font:18px/1.5em Verdana, Arial, Helvetica, sans-serif;color:#000;}
p.shadow, ul.shadow {font:12px/1.5em Verdana, Arial, Helvetica, sans-serif;color:#000;}
p.font1 {font:19px Verdana, Arial, Helvetica, sans-serif;color:#000;}
font1 {font:19px Verdana, Arial, Helvetica, sans-serif;color:#000;}
.shadow {
/* pretty browsers*/
text-shadow:#000 0px 0px 5px;
/* ugly ie */
zoom:1;/*force hasLayout*/
position:relative;/*fot absolute position of child element*/
}
.shadow span {
/* position correctly */
position:absolute;
left:-7px;top:-7px; /* strength + pixelradius */
z-index:-1;/* force under the normal text */
/* the magic: filters */
filter:
progid:DXImageTransform.Microsoft.Glow(Color=#eeeeee,Strength=2)
progid:DXImageTransform.Microsoft.blur(pixelradius=5, enabled='true')
;
zoom:1;/*force hasLayout*/
}
.knockout {color:#fff}/*same as background colour for knock-out effect*/
.knockout span {
filter:
progid:DXImageTransform.Microsoft.Glow(Color=#666666,Strength=2)/*make it a bit darker for contrast*/
progid:DXImageTransform.Microsoft.blur(pixelradius=5, enabled='true')
;
}