/*
Newpost Catch StyleSheet

With the version up of the plug-in, so will be overwritten "style.css" file each time,
I think how to directly edit the "style.css" file and how would you or declined.
If you wish to apply a CSS style on its own,
In the "/wp-content/themes/theme directory/css/" as you please create a "newpost-catch.css".
Please the name of the file to create and "newpost-catch.css". The other is the file name, does not apply.

*/

#npcatch li{
	overflow:hidden;
	clear:both;
	margin:10px;
}

#npcatch img{
	float:left;
/*	padding:5px 10px; */
/*	margin:0px 0px 10px; */
	border: solid 1px #ccc;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}

#npcatch .title{
/*	width:500px; */
	font-size: 14px;
	float:left;
	padding:20px 5px 5px 10px;
}

#npcatch .date{
    font-size   : 8px;
    font-weight : bold;
    padding:20px 5px 5px 10px;
    color: #1E90FF;
}
#npcatch li:hover{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#npcatch li:hover .title{
    color: #FF00FF;
}

#npcatch li:hover .title a{
    color: #FF00FF;
}

#npcatch li:hover .date{
    font-size   : 8px;
    font-weight : bold;
    color: #9400D3;
}