Displaying file types


a[href$="zip"], a[href$="pdf"], a[href$="doc"], a[href$="exe"], a[href$="png"], a[href$="mp3"]  {
	padding-left:20px; 
	background:url(bg-file-icons.png) no-repeat 0 0;
}
a[href$="png"]{
	background-position: 0 -48px;
}
a[href$="pdf"] {
	background-position: 0 -99px;
}
a[href$="mp3"]{
	background-position: 0 -145px;
}

/* Write the file type after the link text*/
a[href$=".zip"]:after{
	content: "(.zip file)"; 
	color:#999; 
	margin-left:5px;
}
a[href$=".pdf"]:after{
	content: "(.pdf file)"; 
	color:#999; 
	margin-left:5px;
}