Gestaltung der Kommentare vom default Theme

<h3 id="comments">2 Reaktionen zu “kleine Fahrten vorbereitung”</h3>
  <ol class="commentlist">
    <li class="alt" id="comment-22"> 
      <cite><a href='http://pilvo.wordpress.com' rel='external nofollow'>Sülfija</a></cite>
                        <br />
            <small class="commentmetadata"><a href="#comment-22" title="#comment-22">Am 24. M&auml;rz 2008 um 12:14 Uhr</a> </small>
            <p>Was ist denn ein Hungertuch?</p>
    </li>
        <li id="comment-23"> 
            <cite><a href='http://jurtenrunde.de' rel='external nofollow'>Muckel</a></cite>
                        <br />
            <small class="commentmetadata"><a href="#comment-23" title="#comment-23">Am 24. M&auml;rz 2008 um 14:10 Uhr</a> </small>
            <p>Bei uns sind das Tücher, die man verziert hat zum Beispiel mit dem Hortensymbol (=Gruppensymbol), besonders gefärbt hat oder änliches. Dient halt einfach als Unterlage für das Brettchen, die Schale, Becher etc. . Schütz ein wenig vor dem “dreck” des Untergrundes und sieht gemütlicher aus.</p>
        </li>
  </ol>


<h3 id="respond">Einen Kommentar schreiben</h3>
<form action="http://jurtenrunde.de/blog/wp-comments-post.php" method="post" id="commentform">
<p><input type="text" name="author" id="author" value="" size="22" tabindex="1" />
<label for="author"><small>Name (erforderlich)</small></label></p>
<p><input type="text" name="email" id="email" value="" size="22" tabindex="2" />
<label for="email"><small>eMail (erforderlich) (wird nicht ver&ouml;ffentlicht)</small></label></p>
<p><input type="text" name="url" id="url" value="" size="22" tabindex="3" />
<label for="url"><small>Webseite</small></label></p>
<p><textarea name="comment" id="comment" cols="100" rows="10" tabindex="4"></textarea></p>
<p><input name="submit" type="submit" id="submit" tabindex="5" value="senden" />
<input type="hidden" name="comment_post_ID" value="90" />
</p>
</form>

#commentform p {    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0;}
#commentform input {    width: 170px;    padding: 2px;    margin: 5px 5px 1px 0; border: 1px solid #000000;}
#commentform textarea {    width: 100%;    padding: 2px; border: 1px solid #000000;}
#commentform #submit {margin:0; float: left; }


.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li {    font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold;    font-style: normal;    font-size: 1.1em;}
.commentlist p {    font-weight: normal;    line-height: 1.5em;    text-transform: none; margin: 10px 0 10px 5px;    }
.commentlist {    padding: 0;    text-align: justify;}
.commentlist li {    margin: 15px 0 3px;    padding: 5px 10px 3px;    list-style: none;}
.commentlist p {    margin: 10px 5px 10px 0;}
.commentmetadata {    font-weight: normal;    }
.nocomments {    text-align: center;    margin: 0;    padding: 0;    }
.commentmetadata {    margin: 0;    display: block;}
.postmetadata ul, .postmetadata li {    display: inline;    list-style-type: none;    list-style-image: none;}
.entry form { /* This is mainly for password protected posts, makes them look better. */    text-align:center;}
.commentlist li, #commentform input, #commentform textarea { font-family: 'Geeza Pro', Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.entry ol { padding: 0 35px 0 0; }
.entry li { margin: 7px 10px 8px 0; }
.entry ul {    margin-left: auto;    margin-right: 0px;    padding: 0 30px 0 0;}


select {    width: 130px;    }