First off, go to settings > reading and reduce the number of posts to show on the posts pages to something like 5. It takes forever for your site to load on my wireless internet connection and this is bad for two reasons. First the search engines will dock your search engine ranking since the consider page loading times when calculating ranking. Secondly, there are still a whole lot of people out there on slower (1.5Mbps) internet connections, and with the impatience and short attention span of web surfers now days many will simply click away instead of waiting for your site to load.
The following takes care of the link colors, and also takes care of the wide gap above the titles on the static pages.
#content nav a, .widget a, .entry-title a:hover, .entry-content a, {
color: #F530D5;
}
.singular.page .hentry {
padding: 1em 0 0;
}
The menu bar is done as a linear gradient. The first color is the top and the second color is the bottom. Not much of a difference between the two colors.
#access {
background: -moz-linear-gradient(#252525, #0A0A0A) repeat scroll 0 0 transparent;
}
As far as adding icons at the top right in the header area, what you will have to do is to put them into a text widget and then reposition the text widget up to that area.
This is how you would do the stuff in the text widget.
<div id="soc-media">
code for your social media buttons here
</div>
And this is what you would add to the CSS:
#page {position: relative;}
#soc-media {
right: 0;
top: XXpx;
position: absolute;
}
The top and right values will have to be adjusted to get things placed where you want them.