/*
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.

*/

.sub-column #sidebar-in ul.post-categories {
	z-index:1;
	display:block;
	font-size:0.6em;
	padding:3px 5px;
	background:#ff6464;
	color:#FFF;
	text-align:center;
	margin-bottom:5px;
	margin-left:-10px;
	width : 172px ;
	float:right;
	}

.sub-column #sidebar-in ul.post-categories li {
	display:inline;
	}

.sub-column #sidebar-in ul.post-categories li:after {
	content:',';
	color:#FFF;
	}

.sub-column #sidebar-in ul.post-categories li a {
	padding:0 2px;
	color:#FFF;
	}



ul#npcatch li{
	display:block;
	list-style:none;
	background:none;
	overflow:hidden;
	clear:both;
	padding:5px 0;
	margin:0px;
	color:#0086ff;
	font-size:1.1em;
}

ul#npcatch img{
	z-index:9999;
	float:left;
	padding:0 10px 0 0;
}

ul#npcatch .title{
	display:block;
}

ul#npcatch .title a{
	z-index:10;
	width: calc(100%-120px) ;
	padding:0;
	color:#0086ff;
}

ul#npcatch .title a:hover {
	color:#0070c4;
}

ul#npcatch li:hover{
}

ul#npcatch li:hover .title{
}

ul#npcatch li:hover .title a{
}

ul#npcatch li:hover .date{
}

@media only screen and (max-width : 640px){

.sub-column #sidebar-in ul.post-categories {
	display:none;
	}

ul#npcatch .title{
	margin-top:10px;
	font-size:1.2em;
}

}

@media only screen and (max-width : 360px){


ul#npcatch .title{
	font-size:1em;
}

}