eine gepunktete Linie unter der Überschrift erhältst du zB, wenn du den Block

h3 {
font-family: <% layout.titlefont %>;
color: <% layout.textcolor %>;
font-size: <% layout.titlesize %>;
margin: 0px 0px 4px 0px;
padding: 0px;
}

innerhalb der geschwungenen Klammer um folgende Zeile ergänzt:

border-bottom: 1px dotted <%layout.titlecolor%>;

Weitere Informationen zum Umgang mit CSS finden sich auf de.selfhtml.org.