.writting{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.writting:after{ content:""; display:block; clear:both;}
.writting li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; overflow:hidden; }
.writting li p{ margin:0; padding:0;}
.writting li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.writting li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.writting li p.titleArea .board{ padding-right:5px;}
.writting li p.text{ 
	margin-left:120px;
	margin-bottom:4px; 
	line-height:2em; 
	width: 350px;                   /* IE6 needs any width */
	overflow: hidden;              /* "overflow" value must be different from "visible" */ 
	-o-text-overflow: ellipsis;    /* Opera under 10.7 */
	text-overflow:  ellipsis;    /* IE, Safari */
	height:90px;
	text-align:justify;
}
.writting li p.authorArea{ margin-left:120px;}
.writting li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.writting li .thumb img{ position:relative; width:100%;}
.writting li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.writting li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.writting li .category{ padding-right:5px; font-weight:normal;}
.writting li .title{ font-weight:bold;}
.writting li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.writting li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.writting li .author{ margin-right:10px;}
.writting li .date{ font:11px Tahoma;}
.writting li .hour{ font:11px Tahoma;}

.writting li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.writting li .title{ color:#676767;}
.writting li .replyNum a{ color:#ff1a1a;}
.writting li .trackbackNum a{ color:#66c;}
.writting li .author{ color:#333;}
.writting li .category{ color:#9a0002; font-weight:bold;}
.writting li .date{ color:#333;}
.writting li .hour{ color:#888;}
.writting li .text{ color:#888;}

.widgetContainer.black .writting li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .writting li .title{ color:#999;}
.widgetContainer.black .writting li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .writting li .trackbackNum a{ color:#66c;}
.widgetContainer.black .writting li .author{ color:#999;}
.widgetContainer.black .writting li .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .writting li .date{ color:#999;}
.widgetContainer.black .writting li .hour{ color:#888;}
.widgetContainer.black .writting li .text{ color:#888;}