comment bubble

how to transfer the comment bubble from Twenty Eleven to a child theme of Twenty Ten

edit this line in loop.php of the child of Twenty Ten:

                <span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'twentyten' ), __( '1 Comment', 'twentyten' ), __( '% Comments', 'twentyten' ) ); ?></span>

change to:

                <span class="comments-link"><?php comments_popup_link('<span class="leave-reply">Reply</span>', '1', '%' ); ?></span>


copy this from style.css of Twenty Eleven:

/* Comments link */
.entry-header .comments-link a {
    background: #eee url(images/comment-bubble.png) no-repeat;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 35px;
    overflow: hidden;
    padding: 0 0 0;
    position: absolute;
    top: 1.5em;
    right: 0;
    text-align: center;
    text-decoration: none;
    width: 43px;
    height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
    background-color: #1982d1;
    color: #fff;
    color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
    visibility: hidden;
}

remove the `.entry-header` from all the above styles, and add to style.css of  the Twenty Ten child theme.
also add this line:

.hentry { position: relative; }

copy /images/comment-bubble.png from Twenty Eleven;
and paste into the /images folder of the Twenty Ten child theme.

possibly adjust the positioning:

top: 1.5em;
right: 0;