#content #introExample  {
	width: 260px;
	border: solid 1px black;
	padding: 20px 0 20px 40px;
	
	margin: 5px 10px 0 0 !important;
	float: left;
	font-family: "GraublauWeb-Bold", "Arial Narrow", "Helvetica",
		sans-serif !important;
	
	background-image: -sand-gradient(linear, center top, center bottom, from(rgba(0,0,255, 0.3)), to(rgba(255, 255, 0, 0.3)));
}

#introExample p {
	zoom: 1;
	font-size: 8em !important;
	line-height: 1em !important;
	text-shadow: 10px 10px 0px #aaaaaa;
	margin-bottom: 0 !important;
}

#introExample p.small {
	font-size: 0.1em;
	line-height: 1em;
	font-family: "DroidSansRegular", "Arial Narrow", "Helvetica", sans-serif;
	font-weight: bold;
	text-shadow: none;
}

body.ie6 #introExample p,
body.ie7 #introExample p,
body.ie8 #introExample p,
body.ie9 #introExample p {
	zoom: 1;
	background-color: #cccccc;
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc),
		 	progid:DXImageTransform.Microsoft.DropShadow(Color=#aaaaaa, OffX=10, OffY=10);
	
}

.hilite2 {
	background-color: #ccffcc;
}

.hilite3 {
	background-color: #ccccff;	
}

.test {
	margin: 0 auto 20px auto; 
	width: 50%;
	height: 50px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	padding: 20px;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
}

#cssExample1 {
	background-color: white;
	text-shadow: 5px 5px 0px #cccccc; 
}

#cssExample2 {
	background-color: white;
	text-shadow: 5px 5px 5px #999999; 
}

#cssExample3 {
	font-weight: normal;
	background-color: #cccccc;
	text-shadow: 0px 1px 0px white;
}

#cssExample4 {
	font-family: "Droid Sans Mono", "Consolas", "Courier New", "Courier", monospace;
	white-space: pre;
	line-height: 1em;
	text-align: left;
	font-size: 1em;
	height: auto;
	overflow: visible;
	background: black;
	text-shadow: 
		1px -1px 1px hsl(0, 50%, 60%),
		-1px 1px 1px hsl(0, 50%, 60%),
		1px 1px 1px hsl(0, 50%, 60%),
		-1px -1px 1px hsl(0, 50%, 60%),
		0px 1px 1px hsl(0, 50%, 60%),
		0px -1px 1px hsl(0, 50%, 60%),
		1px 0px 1px hsl(0, 50%, 60%),
		-1px 0px 1px hsl(0, 50%, 60%)
		;
}

#basicTextShadow {
	background: url('/prx/000/http/www.useragentman.com/blog/wp-content/uploads/2011/04/marble.jpg');
	
	height: auto;
}

#basicTextShadow p {
	text-shadow: 3px 3px 0px #99cc99;
	font-size: 20px !important;
	line-height: 1.5em !important; 
}

body.ie6 #basicTextShadow p,
body.ie7 #basicTextShadow p,
body.ie8 #basicTextShadow p,
body.ie9 #basicTextShadow p {
	zoom: 1;
	background-color: #cccccc; 
	
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
		 	progid:DXImageTransform.Microsoft.DropShadow(Color=#99cc99, OffX=3, OffY=3);
	
}


.textShadowTest p {
	padding-bottom: 10px;
}

#sky {
	
	background: url('/prx/000/http/www.useragentman.com/tests/textShadow/images/sky.jpg') #243165;
	color: black;
}

#sky p {
	font-size: 20px !important;
}

#sky.textShadowTest p {
	
	text-shadow:
		 0px -1px 5px #eeeeee,     /* north      */
		 0px  1px 5px #eeeeee,     /* south      */
		-1px  0px 5px #eeeeee,     /* west       */
		 1px  0px 5px #eeeeee,     /* east       */
		-1px -1px 5px #eeeeee,     /* north-west */
		-1px  1px 5px #eeeeee,     /* north-east */
		 1px -1px 5px #eeeeee,     /* south-west */
		 1px  1px 5px #eeeeee;     /* south-east */
}

body.ie6 #sky.textShadowTest p,
body.ie7 #sky.textShadowTest p,
body.ie8 #sky.textShadowTest p,
body.ie9 #sky.textShadowTest p {
	zoom: 1;
	background-color: #cccccc;
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
		 	progid:DXImageTransform.Microsoft.Glow(Strength=5, Color=#eeeeee);
	position: relative;
	top: -3px;
	left: -3px; 
}

#white {
	background: white;
	color: white;
	text-shadow: 
		1px -1px 5px rgba(0, 0, 0, 0.2),
		-1px 1px 5px rgba(0, 0, 0, 0.2),
		1px 1px 5px rgba(0, 0, 0, 0.2),
		-1px -1px 5px rgba(0, 0, 0, 0.2),
		0px 1px 5px rgba(0, 0, 0, 0.2),
		0px -1px 5px rgba(0, 0, 0, 0.2),
		1px 0px 5px rgba(0, 0, 0, 0.2),
		-1px 0px 5px rgba(0, 0, 0, 0.2)
		;
}


#clouds {
	background: url('/prx/000/http/www.useragentman.com/border-image/images/backgrounds/clouds.jpg') #c9d0e0;
	text-shadow: 1px -1px 2px #cccccc,
		-1px 1px 2px #666666,
		1px 1px 2px #666666,
		-1px -1px 2px #666666,
		0px 1px 2px #666666,
		0px -1px 2px #666666,
		1px 0px 2px #666666,
		-1px 0px 2px #666666
		;
	color: white;
}


body.ie6 #clouds p,
body.ie7 #clouds p,
body.ie8 #clouds p,
body.ie9 #clouds p {
	zoom: 1;
	background-color: #666666;
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=#666666)
		 progid:DXImageTransform.Microsoft.Glow(Color=#666666, Strength=3); 
}

table.screenshots th {
	white-space:  normal;
}

table.screenshots td + td {
	padding: 0 0 0 10px;
}

table.screenshots td  img {
	
	border: none !important;
}

table td.example3 {
	background: #cccccc;
	border-left: solid 1px white !important;
}