/*
 * Based on the article "Creating Cross Browser Compatible CSS Text Shadows"
 * found at: http://www.workingwith.me.uk/articles/css/cross-browser-drop-shadows
 */
 
/* default setup that everything sees */
.shadow {
	/* needed for Internet explorer */
	height: 29px;
	filter: Shadow(Color=#333333, 
	             Direction=135, 
	             Strength=4);/**/
	margin: 0 0 0 0;
	
	/* Needed for Gecko 
	line-height: 2em;*/
	white-space: nowrap;
}

/* 
 * used by browsers that know about :before to create the shadow 
 */
.shadow:before {
	display: block;
	margin: 0 0 -1.25em 0.1em;
	padding: 0;
	color: #444444; 
}

/*
 * Fetches the string to use for the shadow by getting the "title" attribute of the element
 */
#shadow_1:before { 
	content: attr( title );
}