/*
  See http://dev.opera.com/articles/view/styling-xfn-and-rel-license-links/
*/

a[rel~="me"]{
        background: url(images/xfn-me.png) center right no-repeat;
        padding-right: 21px;
}

/* account for the "v:" namespace prefix where appropriate */
a[rel~="friend"],
a[rel~="v:friend"],
a[rel~="contact"],
a[rel~="v:contact"],
a[rel~="aquaintance"],
a[rel~="v:aquaintance"]{
        background: url(images/xfn-friend.png) center right no-repeat;
        padding-right: 21px;
}

a[rel~="friend"][rel~="met"],
a[rel~="contact"][rel~="met"],
a[rel~="aquaintance"][rel~="met"]{
        background: url(images/xfn-friend-met.png) center right no-repeat;
        padding-right: 26px;
}

a[rel~="colleague"],
a[rel~="co-worker"]{
        background: url(images/xfn-colleague.png) center right no-repeat;
        padding-right: 21px;
}

a[rel~="colleague"][rel~="met"],
a[rel~="co-worker"][rel~="met"]{
        background: url(images/xfn-colleague-met.png) center right no-repeat;
        padding-right: 26px;
}

a[rel~="sweetheart"],
a[rel~="muse"],
a[rel~="crush"],
a[rel~="date"]{
        background: url(images/xfn-sweetheart.png) center right no-repeat;
        padding-right: 21px;
}

a[rel~="sweetheart"][rel~="met"],
a[rel~="muse"][rel~="met"],
a[rel~="crush"][rel~="met"],
a[rel~="date"][rel~="met"]{
        background: url(images/xfn-sweetheart-met.png) center right no-repeat;
        padding-right: 26px;
}