/*  
Style Name: TPG-Default
Style URI: http://082net.com/tag/tp-guestbook/
Description: tp-guestbook default css style
Version: 1.1
Author: Cheon, Youngmin
Author URI: http://082net.com/
*/

.tpg-commentlist { /* Commentlist Container */
font-family: Verdana, Tahoma, 'Trebuchet MS', 'Lucida Grande', Sans-serif;
font-size: .75px;
background: ;
}

.tpg-commentlist img { 
margin: 0;
padding: 0;
border: none;
}

h4.tpg-head, h4.leaveamessage { 
font-weight: normal;
letter-spacing: -1px;
color: #8a3207;
margin: 0;
padding: 0;

}

h4.tpg-head { 
font-size: .75em;
margin-left: 15px;
text-align: justify;
color: #8a3207;
letter-spacing: 1px;
}

h4.leaveamessage a {
font-size: 14px;
float: right;
margin-right: 8px;
color: ;
}

/* Comment List Box */
.tpg-commentlist .comment {/* general comment style */
position: static;
margin: 3px;
margin-top: 6px;
border: 1px solid #888866;
padding: 4px 8px;
background-color: #FFF;
}




.tpg-commentlist .odd {/* alternate(odd) comment style */
background-color: #f0f1e9;
}

}

.tpg-commentlist .authorcmt {/* author comment style */
background-color: #FCFDEC;
border-color: #DEE2C2;
}

/* Comment Meta */
.tpg-commentlist .comment .tpg-meta {
margin-top: 10px;
}
.tpg-commentlist .comment .cmt-author {/*comment author */
font-size: 10px;
font-weight: bold;
color: #8a3207;
}

.tpg-commentlist .comment .cmt-author a {
color: #8a3207;
text-decoration: none;
border-bottom: 1px dotted #8a3207

}

.tpg-commentlist .comment .cmt-author a:hover {
color: #de7745;
}

.tpg-commentlist .comment .cmt-meta {/* Comment Meta data */
font-size: 10px;


}

.tpg-commentlist .comment .cmt-meta a{/* Comment Meta data */
text-decoration: none;
color: #797954;
}



.tpg-commentlist .comment .cmt-meta a:hover{/* Comment Meta data */
font-size: 10px;
color: #8a3207;
}


.tpg-commentlist .comment .c-edit-link a {
color: #999;
}

/*Comment Content Body */
.tpg-commentlist .cbody {
margin-top: 10px;
}

.tpg-commentlist .c-text {/* normal content style */
font-size: 12px;
padding: 4px;
width: 100%;
overflow: auto;
}

.tpg-commentlist .c-text{ /* normal comment text box */
}

.tpg-commentlist .c-text.odd-t{ /* alternate comment text box */
}

.tpg-commentlist .c-text.authorcmt-t  { /* author comment text box */
}


/* Reply Text */
.tpg-commentlist .reply {
text-align: right;
font-size: 11px;
padding: 6px 0 0 0;
margin: 0 2px 2px 0;
background: ;
}
.tpg-commentlist .reply a {
text-decoration: none;
color: #797954;
}

.tpg-commentlist .reply a:hover {
text-decoration: none;
color: #8a3207;
}

/* Comment Form */
#addcomment img {
border: none;
padding: 2px;
}
#tpg-commentform { /* comment form container */
width: 100%;
margin-top: 12px;
}
#tpg-commentform label {
display: block;
text-transform: uppercase;
}
#tpg-commentform #author, 
#tpg-commentform #email,
#tpg-commentform #url,
#tpg-commentform #comment {
width: 90%;
margin: 0 0 10px;
padding: 2px;
border: 1px solid #ccc;
overflow: auto;
font-size: 12px;
}
#tpg-commentform p {
margin: 4px 0px;
}
#tpg-commentform #addcommentbutton {
padding: 2px 4px;
padding-bottom: 0px;/* IE FIX */
background: #eee;
border: 3px double #666;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 12px;
color: #333;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
}
#tpg-commentform #reroot small {
font-size: 12px;
}

.tpg-commentlist .nocomment {/* 'No Comment' text box style */
font-size: 18px;
text-align: center;
color: blue;
}
/* Collapse Button */
.tpg-commentlist img.collapseicon { 
margin-left: 2px; 
margin-top: 2px; 
}

.tpg-commentlist .comment .collapseicon {
width: 14px !important;
height: 13px !important;
overflow:hidden;
background: url('i/collapseicon.gif') left top no-repeat;
}

.tpg-commentlist .collapsed .collapseicon {
background-position: left bottom;
}

.tpg-commentlist .collapsed .cbody { 
display: none; /* Do Not Change This!! */
}

/* Gravatar */
.tpg-commentlist .comment img.gravatar {
float: right;
margin-top: -10px;
padding: 2px;
border: 1px solid #ccc;
background-color: #eaeaea;

}

.tpg-commentlist .comment a:hover img.gravatar {
background-color: #fff;
}