1. How do I remove the X just to the left beside "Rate this blog entry" in the main post (it is fine/not there in the intro post). If it has some useful purpose to keep it there, let me know.

div#fd.eb .eb-rating .ui-stars-cancel {

     display: none !important;

}

2. When integrated with EasySocial, the 'About the Author' layout is a bit cramped, with the Achievements title too close to the 'View Profile | More Posts etc line and the Bio line starting beside the Achievement icons. The 'View Profile etc' line does not appear in the blue link colour, just normal text and because it starts beside the EasySocial Icon (not below it), the view is cramped/messy on smaller screens.

div#fd.eb .eb-entry-author-bio .eb-achievements {

    margin-top: 20px !important;

}

div#fd.eb .eb-entry-author-meta span a {

     color: blue !important;

}

div#fd.eb .eb-entry-author-details {

margin-top: 60px !important;

}

Suggestion:

1. Move the Achievements section with icons to the bottom of the 'About the Author' area, just before Recent Posts.
2. Move the Bio to just below the Profile Icon.
3. Move the 'View Profile | More Posts etc' line below the new Bio position with the correct Blue link colour for each item and remove the | to allow a neat display of each link item one below the other in smaller screens (currently it is very cramped).

The above suggestion is only 1 solution to the current view, I am sure you will have a better option.

div#fd.eb .eb-entry-author-bio h3 a:hover {

    color: #039be5 !important;

}