McCavity on "[Plugin: Fancier Author Box by ThematoSoup] WordPress custom theme, Fancier Author Box and some CSS problems"

I have an experimental blog. It is my first attempt to use WordPress, uses a custom theme (based on twentyeleven) called “Piratenkleider” and I’ve configured it to use the Fancier Author Box. Actually I’m very happy with the result, I’ve already changed a bit of the style sheet (the box’s boundary was a tad bit too strong for my taste). However I ran into three problems which I think are somewhere in the CSS between the theme and the plugin:

1. The text of the tabs is too close to the box
2. On the active tab (either one) there’s a bar across the text (or the tab doesn’t touch the box)
3. The social media icons are too far apart (I’ve seen it differently)

I already modified the CSS of the theme a bit: once to disable the "external" markup it adds to any link it deems external and second I changed the style of the Author box's border to be a bit lighter:

.content-primary a.extern {
	background: url("");
	padding-left: 0;
}

.ts-fab-tab {
	border: 1px dotted #333;
}

Since I can't upload the screenshot here I've prepared an article in my other blog which shows a picture of the box. Can you help me find the correct styles?

Many thanks in advance & kind regards from Germany

Henning Halfpap

http://wordpress.org/extend/plugins/fancier-author-box/