/* Wrapper mit fester Seitenbreite */

#wrapper {
    width: 900px;
    font-family:  verdana, arial, helvetica, sans-serif;
    font-size: 69%;
    background-color: #fff;
    border-left: 8px solid #dfdfdf;
    border-right: 8px solid #dfdfdf;
    margin: 0px auto;
}


/* Schriftgrösse der Artikeltexte */

.serendipity_entry_body {
    font-size: 120%;
}

/* Gestaltung der Links */

a:visited,
a:link {
   text-decoration:underline;
}

a:hover, a:active {
   color:#000000;
   background-color:#4682B4;
   text-decoration:none;
}



/* Formatierungen für das Twitter-Plugin */


#twitter_update_list {
    list-style: none;
    padding-left: 0;
} 

a.twitter_update_time { display: block; }

#twitter_update_list li { margin-bottom: 5px; }

/**************************************************/
/* fancy new serendipity comments by Don Chambers */
/* www.optional-necessity.com                     */
/**************************************************/

/* don's fancy new comments */
.serendipity_commentsTitle{ /* required due to floated comments */
    clear: both;
}

.dc_serendipity_comment { /* the entire comment */
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #cccccc;
    background-color: #EEEEEE;
    display: inline;
    /* oddbox and evenbox being ignored, but those could be styled differently */
}

.dc_comment_details { /* comment source and comment body */
    min-height: 50px;
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #cccccc;
    background-color: #f6f6f6;
}

.dc_comment_source { /* avatar, name, post time */
    float: left;
    margin: 0;
    padding: 5px;
    width: 160px;
    overflow: hidden;
}

.dc_comment_source img{ /* avatar */
    float: left;
    padding: 5px;
/* source image should be fecthed at these dimensions for best results */
    height: 50px;
    width: 50px;
}

/* links within comment_source */
.dc_comment_source a:link,
.dc_comment_source a:visited,
.dc_comment_source a:hover,
.dc_comment_source a:active{
    font-weight: bold;
}

#serendipity_trackbacklist .dc_comment_source p {
    margin-left: 0;
}

#serendipity_commentlist .dc_comment_source p {
    margin-left: 60px; /* image padding plus image width */
}

p.dc_comment_source_author { /*author name*/
    margin-top:0;
}

p.dc_comment_source_url { /* author homepage, if any */
    font-size: 80%;
}

p.dc_comment_source_date { /*comment date and time */
    text-transform: lowercase;
}

.dc_serendipity_commentBody { /* text/body of comment */
    float: left;
    clear: right;
    padding: 5px;
    overflow: hidden;
/* width set inline via smarty calculation */
}

.dc_comment_action { /* comment number delete, reply */
    float: left;
    clear: both;
    margin-top: 5px;
/* width set inline via smarty calculation */
    font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
/* using a background image, so combination of font size and family needs to be large enough to see image */
}

.dc_comment_source_ownerlink,
.dc_comment_reply {
    float: left;
    display: inline;
    font-weight: bold;
}

.dc_comment_action a:link,
.dc_comment_action a:visited {
    padding-left: 20px;
    text-decoration: none;
    color: #939393; /* grey */
}
.dc_comment_action a:hover,
.dc_comment_action a:active {
    padding-left: 20px;
    text-decoration: none;
    color: #FF6600;  /* dark orange */
}

.dc_comment_reply a:link,
.dc_comment_reply a:visited {
    background: url('img/reply_grey.png') no-repeat;
}

.dc_comment_reply a:hover,
.dc_comment_reply a:active {
    background: url('img/reply.png') no-repeat;
}

.dc_comment_source_ownerlink a:link,
.dc_comment_source_ownerlink a:visited {
    margin-right: 10px;
    background: url('img/delete_grey.png') no-repeat;
}

.dc_comment_source_ownerlink a:hover,
.dc_comment_source_ownerlink a:active {
    margin-right: 10px;
    background: url('img/delete.png') no-repeat;
}

.dc_comment_source_trace {
    float: right;
    display: inline;
}

/* comments by entry author */
.dc_serendipity_comment_author_self,
.dc_serendipity_comment_author_self .dc_comment_details  {
    border: 1px solid #E67D18; /* dark orange */
}
.dc_serendipity_comment_author_self {
    background: #F8EEDF;
}

.dc_serendipity_comment_author_self .dc_comment_source a:link,
.dc_serendipity_comment_author_self .dc_comment_source a:visited,
.dc_serendipity_comment_author_self .dc_comment_source a:hover,
.dc_serendipity_comment_author_self .dc_comment_source a:active{
/*    color: #ffffff; */ /*color might need to be light if using dark background */
}

.dc_serendipity_comment_author_self .dc_comment_details{
    background: #F7D9A7 url('img/comment_self_background.gif') repeat;
/*    color: #ffffff; */ /*color might need to be light if using dark background */
}