/*
Newpost Catch StyleSheet

Please to customize as you like.
*/

#npcatch li{
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	overflow:hidden;
	clear:both;
	margin:0px 0px 0px;
}

#npcatch .thumb{
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	float:left;
	padding:5px 10px;
}

#npcatch .title{
	opacity: 0.8;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	width:135px;
	float:left;
	padding:5px 5px 5px 0px;
}

#npcatch li:hover{
	background:#ffffff;
}

#npcatch li:hover .thumb{
	color: transparent;
	-webkit-animation: moveFromTop 400ms ease;
	-moz-animation: moveFromTop 400ms ease;
	-ms-animation: moveFromTop 400ms ease;
}

#npcatch li:hover .title{
	-webkit-animation: moveFromTop 500ms ease;
	-moz-animation: moveFromTop 500ms ease;
	-ms-animation: moveFromTop 500ms ease;
}

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

#npcatch li:hover .date{
}


/** Define Webkit **/

@-webkit-keyframes moveFromTop {
    from {
	-webkit-transform: translateY(-300%);
    }
    to {
	-webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
	-moz-transform: translateY(-300%);
    }
    to {
	-moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
	-ms-transform: translateY(-300%);
    }
    to {
	-ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
	-webkit-transform: translateY(200%);
    }
    to {
	-webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
	-moz-transform: translateY(200%);
    }
    to {
	-moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
	-ms-transform: translateY(200%);
    }
    to {
	-ms-transform: translateY(0%);
    }
}

