"weiterlesen" gestalten

da es noch nicht existiert, einfach neu anlegen (in der style.css des themes):

a.more-link { ... }
a.more-link:hover { ... }

tip:
in den html code im browser schauen, und dann nach der stelle suchen, wo das 'weiterlesen' steht - dort im html code sind hinweise auf die css; in deinem beispiel sieht der code da so aus:

<a href="http://www.reziratte.de.dd1828.kasserver.com/wordpress/?p=2455#more-2455" class="more-link">Weiterlesen &raquo;</a>

da kannst du sehen, dass das ein link ist 'a' und der link die class 'more-link' hat; was dann in css wie oben umgesetzt wird.

Zitat

Und wenn ich "Weiterlesen" dann rechts unter dem abgeschnittenen Text haben möchte, statt links, wie es jetzt ist?
Wo lege ich das fest?

Auch dort...

Zitat

Die Schrift soll blau werden, aber dann hebt sie sich da links nicht von dem Facebook-Schaltflächen ab.

Dann definiere z.B. einen Hintergrund für den Link.

Habe das hier (oben "will mehr ...erfahren") z.B. so gelöst:

Zitat

#home-top .more-link {
background: url(images/read-more.png);
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 8px 15px 8px 15px;
text-decoration: none;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
line-height: 42px;
}

#home-top .more-link:hover {
background: url(images/read-more-hover.png);
text-decoration: none;
}

Alles anzeigen

Kannste aber natürlich auch rein mit Farbe machen.