ul.xoxo { list-style:none; margin-left:0px;padding-left:0px; }
a[rel] {
	padding-left:25px;
	background-repeat: no-repeat;
	background-position: left top;
}
a[rel~="bookmark"] {
	padding-left:0px;
}
a[rel~="tag"] {
	padding-left:0px;
	background-repeat: no-repeat;
	background-position: left top;
}
a[rel~="nofollow"] {
	padding-left:0px;
	background-repeat: no-repeat;
	background-position: left top;
}
a[rel="me"] {	
	background-image:url('xfn-me.png');
}

/*-------- [ 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('xfn-friend.png');
}
/*-------- [ Normal contacts youve met ]--*/
a[rel~="contact"][rel~="met"] ,
a[rel~="acquaintance"][rel~="met"] ,
a[rel~="friend"][rel~="met"] {
	background-image:url('xfn-friend-met.png');
}

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

/*-------- [ Sweethearts are more important than work!!! ]--*/
a[rel~="muse"] ,
a[rel~="crush"] ,  
a[rel~="date"] ,
a[rel~="sweetheart"] {
	background-image:url('xfn-sweetheart.png');
}
/*-------- [ ...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('xfn-sweetheart-met.png');
}