@charset "UTF-8";

#newface{
	background-color:#ffe;
}

#newface article{
	margin:5px;
	padding:5px;
	background-color:#fff;
	border:solid 1px #6cf;
	border-radius:2.5px;
	margin-bottom:10px;
}

#newface article a{
	display:table;
	width:100%;
}

#newface article div.states{
	display:table-cell;
	width:40%;
	vertical-align:top;
}

#newface article div.states p.thum{
	position:relative;
}

#newface article div.states p.thum img{
	width:100%;
	vertical-align:bottom;
}

#newface article div.states p.thum img.icon-righttop{
	position:absolute;
	top:0;
	right:0;
	width:40%;
}

#newface article div.states p.thum img.icon-diary {
	position:absolute;
	bottom:5px;
	right:5px;
	width:30%;
}

#newface article div.text{
	display:table-cell;
	width:60%;
	vertical-align:top;
}

#newface article div.text p{
	margin:0 7.5px;
}

#newface article div.text p.copy{
	font-size:0.8rem;
	line-height:1.5em;
	padding:2.5px;
	background-color:#ffe;
	border:solid 1px #f69;
	color:#444;
}

#newface article div.text p.name{
	font-weight:bold;
	margin-bottom:5px;
}


#newface article div.text p.name span.size{
	display:block;
	font-size:0.8rem;
	line-height:1.75em;
	color:#444;
	font-weight:normal;
}

#newface article div.text p.comment{
	font-size:0.8rem;
	line-height:1.75em;
	color:#444;
	height:100px;
	overflow:hidden;
}

#newface article div.text ul.icon-category{
	margin:0 5px 5px;
}

#newface article div.text ul.icon-category li{
	width:24%;
	float:left;
	margin:0 0.5%;
}

#newface article div.text ul.icon-category li img{
	width:100%;
	vertical-align:bottom;
}