/* 초기에 배경과 같은 색으로 테두리를 정해줍니다. */
.htmlList { position:relative; height:110px; margin:0 auto; padding:5px; border:5px solid #fff; }

.htmlList img { position:relative; border:5px solid #eee; }
.htmlList h3 { overflow:hidden; position:absolute; left:10px; top:5px; height:20px; margin:0 10px 0 0; padding:0; }
.htmlList p { overflow:hidden; position:absolute; left:10px; top:30px; height:75px; margin:0 10px 0 0; padding:1px;}

.htmlList .date { font-size:11px; color:#999; }

.htmlList a { color:#333333; text-decoration:none; }
.htmlList a:hover { color:#999; text-decoration:none; }

.htmlListOver { border:5px solid #ff9900; cursor:pointer; }

/* 구분선 */
hr.separate { width:500px; height:1px; margin:5px auto; background-color:#ccc; color:#ccc; border:none; }