/* THIS IS A STYLE SHEET CONTAINING EXAMPLES I OUTLINE IN MY BLOG */

/* START EXAMPLES 1 - Some selectors that work in every browser */
/* http://adamducker.com/blog/4/pseudo-elements-you-can-use/ */

p.example1, p.example2 { 
	color: #000;
	font-family: verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 20px;
}
p.example1:first-letter { color: #00F; }
p.example2:first-line { color: #070; }

/* END EXAMPLES 1 */



/* END EXAMPLES 2 - Animated GIF sprite for a UL bullet */
/* http://adamducker.com/blog/7/use-css-sprites/ */

ul.aniBullet {
 	list-style-type: none;
	margin: 0;
	padding: 20px 30px 10px 30px;
}
ul.aniBullet li {
 	margin: 0;
	padding: 0 0 10px;
}
ul.aniBullet h5 {
	font-size: 20px;
	font-weight: bold;
	line-height: 21px;
	margin: 0;
	padding: 0;
}
ul.aniBullet h5 img { 	
	background-image: url(../public/rumor-ani-only-sprite.gif);
	background-repeat: no-repeat;
	height: 22px;
	margin-right: 5px;
	position: relative;
	top: 3px;
	width: 22px;
}
ul.aniBullet p {
 	color: #000;
	font-size: 13px;
	margin: 0;
	padding: 0;
}
img.aniBullet1 { background-position: 0 0; }
img.aniBullet2 { background-position: -21px 0; }

/* END EXAMPLES 2 */