.calligraphy{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.calligraphy:after{ content:""; display:block; clear:both;}
.calligraphy li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; overflow:hidden; }
.calligraphy li p{ margin:0; padding:0;}
.calligraphy li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.calligraphy li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.calligraphy li p.titleArea .board{ padding-right:5px;}

.calligraphy li p.authorArea{ margin-left:120px;}
.calligraphy li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.calligraphy li .thumb img{ position:relative; width:100%;}
.calligraphy li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.calligraphy 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'); }
.calligraphy li .category{ padding-right:5px; font-weight:normal;}
.calligraphy li .title{ font-weight:bold;}
.calligraphy li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.calligraphy li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.calligraphy li .author{ margin-right:10px;}
.calligraphy li .date{ font:11px Tahoma;}
.calligraphy li .hour{ font:11px Tahoma;}



.calligraphy li .title{ color:#fff;}
.calligraphy li .replyNum a{ color:#ff1a1a;}
.calligraphy li .trackbackNum a{ color:#66c;}
.calligraphy li .author{ color:#333;}
.calligraphy li .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.calligraphy li .date{ color:#333;}
.calligraphy li .hour{ color:#888;}
.calligraphy li .text{ color:#888;}

.titleWrap { 
	position:absolute; 
	left:0; top:336px; 
	width:100%; 
	height:98px; 
	background:#000; 
	color:#fff; 
	opacity:0.9;  
	filter:alpha(opacity=90); 
	-ms-filter:alpha('opacity=90'); 
}

.subject {
	width:100%;
	height:30px;
	color:#fff;
	line-height:30px;
	text-align:center;
	border:1px solid #000;
}

.calligraphy li p.text{ width:70%; text-align:justify; margin:0 auto; line-height:1.5em; color:#fff; }