a[rel] {
	padding-right:11px;
	background-repeat: no-repeat;
	background-position: right top;
}
a[rel="me"] {	
	background-image:url('icons/me.gif');
}

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
a[rel~="contact"] ,
a[rel~="acquaintance"],
a[rel~="friend"] {
	background-image:url('icons/contact.gif');
}
/*-------- [ Normal contacts youve met ]--*/
a[rel~="contact"][rel~="met"] ,
a[rel~="acquaintance"][rel~="met"] ,
a[rel~="friend"][rel~="met"] {
	background-image:url('icons/contactMet.gif');
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
a[rel~="colleague"] ,
a[rel~="co-worker"] {
	background-image:url('icons/colleague.gif');
}
/*-------- [ Colleague and co worker icon when met ]--*/
a[rel~="colleague"][rel~="met"] ,
a[rel~="co-worker"][rel~="met"] {
	background-image:url('icons/colleagueMet.gif');
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
a[rel~="muse"] ,
a[rel~="crush"] ,  
a[rel~="date"] ,
a[rel~="sweetheart"] {
	background-image:url('icons/sweet.gif');
}
/*-------- [ ...and if youve met them thats even better ]--*/
a[rel~="muse"][rel~="met"] ,
a[rel~="crush"][rel~="met"] ,  
a[rel~="date"][rel~="met"] ,
a[rel~="sweetheart"][rel~="met"] {
	background-image:url('icons/sweetMet.gif');
}