/*------------------------------------------------------------------------
# News Show SP2 - News display/Slider module by JoomShaper.com
# ------------------------------------------------------------------------
# Author    JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2013 JoomShaper.com. All Rights Reserved.
# @license - GNU/GPL V2 for PHP files. CSS / JS are Copyrighted Commercial
# Websites: http://www.joomshaper.com
-------------------------------------------------------------------------*/
h3.ns2-title {font-size:100%;font-weight:bold;}
a.ns2-readmore span,span.ns2-hits,a.ns2-comments {margin:0 5px 0 0;font-size:0.9em}
a.ns2-readmore span {background:url(../images/more.png) no-repeat 0 0;padding:0 0 0 13px}
span.ns2-hits {color:#666666;background:url(../images/hits.png) no-repeat 0 0;padding:0 0 0 14px}
a.ns2-comments {background:url(../images/comments.png) no-repeat 0 0;padding:0 0 0 18px}
img.ns2-image {max-width:100%;height:auto;}

/*Blog type date*/
.ns2-date-blog {float:left;margin:0 10px 0 0;background:#333;padding:10px;text-align:center;color:#999;line-height: 10px;}
	.ns2_date_day{font-size:18px;font-weight:700;}
	.ns2_date_month_year{display:block;text-transform:uppercase;}
	.ns2_date_month_year span{display:block;}
	span.ns2_date_month{font-size:11px;line-height:11px;}
	span.ns2_date_year{font-size:10px; margin-bottom: -5px;}

.ns2-date-blog {
    border-radius: 5px;
    color: #ffd000;
    float: left;
    margin: 0 10px 0 0;
    padding: 10px 10px;
    text-align: center;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ns2-date-blog:hover {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*Article tools*/
div.ns2-tools{color:#999;font-size:0.9em}
div.ns2-tools span {margin:0 5px 0 0}
div.ns2-author,
div.ns2-created,
div.ns2-category {display:inline}

div.ns2-created {font-size: 10px;}

/*Rating*/
div.ns2-rating{height:16px;white-space:nowrap;margin:5px 0 0}
div.ns2-rating-bar,div.ns2-rating-bar div{height:16px;background-image:url(../images/transparent_star.png);background-repeat:repeat-x}
div.ns2-rating-bar{width:80px;overflow:hidden;background-position:0 0}
div.ns2-rating-bar div{background-position:0 -16px;display:block}

/*Newly added*/
div.nssp2 .flt-left {float:left}
div.nssp2 .col-1 {width:100%}
div.nssp2 .col-2 {width:50%}
div.nssp2 .col-3 {width:33.333%}
div.nssp2 .col-4 {width:25%}
div.nssp2 .col-5 {width:20%}
div.nssp2 .col-6 {width:16.666%}
div.nssp2 .col-7 {width:14.256%}
div.nssp2 .col-8 {width:12.5%}
div.nssp2 .col-9 {width:11.111%}
div.nssp2 .col-10 {width:10%}

/*Animation Area*/
div.ns2-art-pages, div.ns2-links-pages {overflow:hidden;position:relative;-webkit-transition:height 300ms;-moz-transition:height 300ms;-o-transition:height 300ms;-ms-transition:height 300ms;transition:height 300ms}
div.ns2-page {overflow:hidden;}
div.nssp2-animation {height:80px;background:url(../images/loader.gif) no-repeat 50% 50%}
div.nssp2-animation .ns2-page {height:0}

div.nssp2-default .ns2-art-controllers, div.nssp2-default .ns2-links-controllers {float:right}
div.nssp2-default .ns2-art-pagination, div.nssp2-default .ns2-links-pagination{float:left;margin:0 10px}
		
	.ns2-art-prev, .ns2-links-prev,
	.ns2-art-play, .ns2-links-play,
	.ns2-art-pause, .ns2-links-pause,
	.ns2-art-next, .ns2-links-next,
	.ns2-art-pagination span, .ns2-links-pagination span {
		cursor:pointer;
		display:inline-block;
	}
	
	.ns2-art-pagination, .ns2-links-pagination {
		display:inline-block;	
	}
		
	div.nssp2-default .ns2-art-prev, div.nssp2-default .ns2-links-prev,
	div.nssp2-default .ns2-art-play, div.nssp2-default .ns2-links-play,
	div.nssp2-default .ns2-art-pause, div.nssp2-default .ns2-links-pause,
	div.nssp2-default .ns2-art-next, div.nssp2-default .ns2-links-next,
	div.nssp2-default .ns2-art-pagination span, div.nssp2-default .ns2-links-pagination span{
		background-image:url(../images/nav-buttons.png);
		background-repeat:no-repeat;
		width:8px;
		height:9px;
		float:left;
		text-indent:-999em;
		margin:0 2px;
	}
	
	div.nssp2-default .ns2-art-prev, 
	div.nssp2-default .ns2-links-prev {background-position:0 0}
	div.nssp2-default .ns2-art-prev:hover, 
	div.nssp2-default .ns2-links-prev:hover {background-position:0 -9px}
	div.nssp2-default .ns2-art-next, 
	div.nssp2-default .ns2-links-next {background-position:-8px 0}
	div.nssp2-default .ns2-art-next:hover, 
	div.nssp2-default .ns2-links-next:hover {background-position:-8px -9px}
	div.nssp2-default .ns2-art-play, 
	div.nssp2-default .ns2-links-play {background-position:-24px 0}
	div.nssp2-default .ns2-art-play:hover, 
	div.nssp2-default .ns2-links-play:hover {background-position:-24px -9px}
	div.nssp2-default .ns2-art-pause, 
	div.nssp2-default .ns2-links-pause {background-position:-32px 0}
	div.nssp2-default .ns2-art-pause:hover, 
	div.nssp2-default .ns2-links-pause:hover {background-position:-32px -9px}
	div.nssp2-default .ns2-art-pagination span, 
	div.nssp2-default .ns2-links-pagination span{background-position:-16px 0}
	div.nssp2-default .ns2-art-pagination span:hover, 
	div.nssp2-default .ns2-links-pagination span:hover, 
	div.nssp2-default .ns2-art-pagination span.active, 
	div.nssp2-default .ns2-links-pagination span.active{background-position:-16px -10px}
	
/*Share*/
div.nssp2 .ns2-social {}
div.nssp2 .ns2-social span.ns2-share-icon {display:inline-block;margin-left:10px}
div.nssp2 .ns2-social span:first-child {margin-left:0}

div.nssp2-default .ns2-art-prev {
    height: 31px;
    width: 31px;
    display: block;
    background: transparent url('../images/news_buttons.png') no-repeat 0 0;
    background-position: 0 0;
    text-indent: -999em;
    margin-top: 6px;
    cursor: pointer;
}

div.nssp2-default .ns2-art-next {
    height: 31px;
    width: 31px;
    display: block;
    background: transparent url('../images/news_buttons.png') no-repeat 0 0;
    background-position: -31px 0;
    text-indent: -999em;
    margin-top: 6px;
    cursor: pointer;
    margin-right: 1px;
}

div.nssp2-default .ns2-art-prev:hover { background-position: 0 -31px; }
div.nssp2-default .ns2-art-next:hover { background-position: -31px -31px; }

div.nssp2-default .ns2-art-pagination, div.nssp2-default .ns2-links-pagination {
    float: left;
    margin: 10px;
}

a.ns2-readmore span {
        padding: 6px 10px;
        color: #fff;
        border-radius: 5px;
        background: #999;
        transition: all 0.3s ease-in-out 0s; 
}

a.ns2-readmore span:hover {
	color: #FFF;
        background: #999;
        transition: all 0.3s ease-in-out 0s;
}


div.ns2-category:before {
	position:absolute;
        top:0;
        left:-5px;
        content: ""
}
div.ns2-category {
	margin-right: 5px;
	} 