/* commentBox */

.commentbox 
{
    position:relative; 
    margin:0px auto; 
    min-width: 8em; 
    max-width:876px; /* based on image dimensions */ 
    z-index:1; 
    margin-left:10px; /* default, width of left corner */ 
/*    margin-bottom:0.5em; /* spacing under greyo */ 
    clear: both;
}
.commentbox .content, .commentbox .t, .commentbox .b,.commentbox .b div 
{
    background: url(/images/comments-border.gif) no-repeat top right; 
    _background-image:url(/images/comments-border.gif);
}

.commentbox .content 
{
    min-height: 100px;
    position:relative; 
    zoom:1; 
    _overflow-y:hidden; 
    padding: 0;
}

.commentbox .t 
{ 
    /* top+left vertical slice */ 
    position:absolute; 
    left:0px; 
    top:0px; 
    width:10px; /* top slice width */ 
    margin-left:-10px; 
    min-height: 100px;
    height:100%; 
    _height:1600px; /* arbitrary long height, IE 6 */ 
    background-position:top left;
}

.commentbox .d  
{
    margin: 0; 
    padding-top: 10px;  
    padding-right: 10px; 
}

.commentbox .b 
{ 
    /* bottom */ 
    position:relative; 
    width:100%;
}

.commentbox .b, .commentbox .b div 
{
    height:30px; /* height of bottom cap/shade */ 
    /*font-size:1px;*/
}

.commentbox .b 
{
    background-position:bottom right;
}

.commentbox .b div 
{
    position:relative; 
    width:12px; /* bottom corner width */ 
    margin-left:-10px; 
    background-position:bottom left;
}

.commentbox .b div.r
{
    float:right;
    width: 100%;
    margin-left: 10px;
    background-image:none;
}

.commentbox .hd, .commentbox .bd, .commentbox .ft 
{
    position:relative;
    top: -30px;
}

.commentbox .wrapper 
{
    /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.commentbox h1, .commentbox p 
{
    margin: 0; /* margins will blow out backgrounds, leaving whitespace. */ 
    padding: 0px;  
}

.commentbox h1, .commentbox h2 
{
    color: #0c7700; 
}

.commentbox h2, .commentbox p 
{
    margin: 0; /* margins will blow out backgrounds, leaving whitespace. */ 
    padding: 0px; 
    padding-bottom: 1px; 
}

.commentbox h2
{
    font-size: 15px; 
}

/* cfooter */

.cfooter 
{
    margin-top : -16px;
    position:relative; 
    margin:0px auto; 
    min-width: 8em; 
    max-width:876px; /* based on image dimensions */ 
    z-index:1; 
    margin-left:10px; /* default, width of left corner */ 
    margin-bottom:11px; /* spacing under greyo */ 
    clear: both;
}
.cfooter .content, .cfooter .t, .cfooter .b,.cfooter .b div 
{
    background: url(/images/comments-border.gif) no-repeat bottom right; 
    _background-image:url(/images/comments-border.gif);
}

.cfooter .content 
{
    position:relative; 
    zoom:1; 
    _overflow-y:hidden; 
    padding: 0;
    background-position: bottom right;
    height: 30px;
}

.cfooter .t 
{ 
    /* top+left vertical slice */ 
    position:absolute; 
    left:0px; 
    top:0px; 
    width:10px; /* top slice width */ 
    margin-left:-10px; 
    height:30px;
/*    height:100%; 
    _height:1600px; /* arbitrary long height, IE 6 */ 
    background-position:bottom left;
}

.cfooter .d  
{
    font-size: 10px;
    margin: 0; 
    padding-top: 12px;  
    padding-right: 10px; 
}

.cfooter .b 
{ 
    /* bottom */ 
    position:relative; 
    width:100%;
}

.cfooter .b, .cfooter .b div 
{
    height:30px; /* height of bottom cap/shade */ 
    /*font-size:1px;*/
}

.cfooter .b 
{
    background-position:bottom right;
}

.cfooter .b div 
{
    position:relative; 
    width:12px; /* bottom corner width */ 
    margin-left:-10px; 
    background-position:bottom left;
}

.cfooter .b div.r
{
    float:right;
    width: 100%;
    margin-left: 10px;
    background-image:none;
}

.cfooter .hd, .cfooter .bd, .cfooter .ft 
{
    position:relative;
    top: -30px;
}

.cfooter .wrapper 
{
    /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.cfooter h1, .cfooter p 
{
    margin: 0; /* margins will blow out backgrounds, leaving whitespace. */ 
    padding: 0px;  
}

.cfooter h1, .cfooter h2 
{
    color: #0c7700; 
}

.cfooter h2, .cfooter p 
{
    margin: 0; /* margins will blow out backgrounds, leaving whitespace. */ 
    padding: 0px; 
    padding-bottom: 10px; 
}

.cfooter h2
{
    font-size: 15px; 
}


/* other */
.commentimage
{
    float:left;
    padding:1px;
}

.commentcontent
{
    padding-top:1px;
}