/*
=======================================================
Free to use, if you decide to talk about it
somewhere, just give me some credit. :) If you
make a million dollars, buy me some beer.
=======================================================
You should be able to look thru the CSS and see what
everything does pretty easily. Note the negative margin
when making Internet Explorer conditional stylesheets.
Also note that opacity might not play well with certain
browsers. It could be worse I suppose.
=======================================================
BROWSER VERSION(S) TESTED IN:
**********************************************
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.13) 
Gecko/2009080315 Ubuntu/9.04 (jaunty) Firefox/3.0.13
**********************************************
*/

/* General Stuff */

.topText {
	z-index: 3;
	color: green;
}
   
.shadowText {
	z-index: 1;
	color: black;
	margin: -22px 0 0 1px;
	opacity: .50;
}

.topText a {
	text-decoration:underline
}

.topText a:hover {
	text-decoration: none;
} 

.textContainer {
   width: 150px;
   height: 25px;
}

.topText, .shadowText {
	width: 149px; /* .textContainer width - x-axis drop shadow offset */
	height: 23px; /* .textContainer height - y-axis dropshadow offset */
	position: relative;
	font-size: 18px;
	font-weight: bold;
	font-family: Helvetica;
 }

/* .large Stuff */

.topText.large, .shadowText.large {
	width: 249px; /* .textContainer.large width - x-axis drop shadow offset */
	height: 123px; /* .textContainer.large height - y-axis dropshadow offset */
	font-size: 36px;
}

.topText.large {
	color: blue;
}

.shadowText.large {
	margin: -122px 0 0 1px; /* different margin for different .textContainer height */
}

.textContainer.large {
   width: 250px;
   height: 125px;
}

/* .wrap Stuff */

 .topText.wrap, .shadowText.wrap {
	font-size: 36px;
	line-height: 35px;
}

.topText.wrap {
	color: red;
}

.textContainer.wrap {
   width: 150px;
   height:85px;
}