hr {
    background: #895A3C;
    width: 80%;
    height: 2px;
}
div.usernotes {
    background: url('images/brown30.png');
    border: 1px groove #895A3C;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
div.usernotes div.author {
    font-weight: normal;
    font-size: 100%;
}
div.usernotes div.date {
    font-weight: normal;
    font-size: 80%;
}
.small {
    font-weight: normal;
    font-size: 70%;
}
div.usernotes div.head, div.usernotes div.foot {
        background-color: transparent;
        padding: 4px;
}
div.usernotes div.foot {
        text-align: right;
}
div.usernotes div.foot form {
    background: url('images/brown30.png');
    border: 1px groove #895A3C;
}
div.usernotes div.foot a, div#usernotes div.head a {
        background-color: transparent;
}
div.usernotes span.action {
        float: right;
}
div.usernotes div.note {
        margin-left: 2em;
        margin-right: 2em;
        border-bottom:1px dashed;
        padding: 4px;
}
div.usernotes div.text {
        padding: 2px;
        margin-top: 4px;
}

.bordered {
    background: url('images/brown30.png');
    border: 1px groove #895A3C;
    border-spacing: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Always visible */
#outer .holder {	padding: 1em;		border: 1px solid #ddd;	margin: 0 20px 10px 0;	}
#outer .holder p {	padding: 5px; 0 0 0;	margin: 0; }
#outer .holder p.bold { font-weight: bold; }
#outer .holder h2 {	margin: 0;		padding: 0; }

/* unclicked style div.more */
#outer div.more i {	float:right; 	margin-right:-10px 10px 0 0; 	cursor:pointer; 	color:#c00; 	font-weight:bold;	}
#outer div.more i.hide {display:none;	}
#outer div.more p {	display:none;	}
#outer div.more img {	display:none;	}

/* clicked style div.click */
#outer div.click i.show {display:none;	}
#outer div.click i.hide {display:block;	}
#outer div.click p {	display:block;	}
#outer div.click img {	display:block; 	float:left; 	padding-right:10px; }