@charset "utf-8";
/* CSS Document by Suranjit Mandal | +880 1730 012393 */

*, html{
	margin:0;
	padding:0;
}
body{
	font-family:Verdana, SolaimanLipi, Geneva, sans-serif;
	background:#fff;
	color:#444;
}
h1, h2{font-size:20px; margin-bottom:10px; margin-top: 5px;}
h1{color:#F00;}
h2{color:#444;}
.left{
	float:left;
}
.right{
	float:right;
}
.textCenter{
	text-align:center;
}
.textRight{
	text-align:right;
}
.textLeft{
	text-align:left;
}
ul{margin:0; list-style:none;}
a{
	text-decoration:none;
	outline:none;
}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 30px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 30px;}

.container-fluid{padding-left: 0 !important; padding-right: 0 !important;}
.mob-container{
	margin: 0 auto;
}
.topBar{
	background-color: #57A8CD; /* FF0000 */
	padding: 5px 18px;	
}
.topBar a{
	font-size: 12px;
	color:#fff;
}
.topBar a:hover{
	color:#000;
	line-height:12px;
}
.mob-banner{
	background:#ddd;
	min-height: 40px;
}
.mob-header{}
.mob-banner .logo{
	width: 180px;
	margin-top: 20px;	
	margin-left: 15px;
}
.mob-banner .advert{
	background:#fff;
	float:right;
	width:166px;
	text-align:center;
	padding:10px 0;
	color:#ffcfbf;
	font-size:18px;
	margin: 13px 15px 0 0;	
}
/*Nav CSS*/
.menu-area{
	/*background:#F00;*/
}
.menu-area .navbar-brand{color: #fff;}
.menu-area .navbar-toggle .icon-bar{background-color: #fff;}


/*News List CSS*/
.news-item{clear:both; margin: 20px 0;}

ul.news-list, ul.news-list2, ul.news-no-list{clear:both; margin: 20px 0; list-style:none;}
ul.news-list li, ul.news-list2 li, ul.news-no-list li{  margin-bottom: 15px; display:table; vertical-align:middle;}
ul.news-list li p, ul.news-list2 li p, ul.news-list li p a, ul.news-list2 li p a, .news-item p, .news-item p a, .news-item  a{font-size:16px; color:#444;}
ul.news-list li p a:hover, ul.news-list2 li p a:hover, .news-item p a:hover, .news-item  a:hover{color:#FF0000; text-decoration:underline;}

ul.news-no-list li p, ul.news-no-list li p a{font-size:16px; color:#444;}
ul.news-no-list li p a:hover{color:#FF0000; text-decoration:underline;}

ul.news-list li img{ float: left; margin-right: 15px;}
ul.news-list2 li{border-left: 2px solid #F00; padding-left: 10px;}

.readmore{clear:both; margin:15px 0;  text-align:right;}
.readmore a{font-size:16px; color:#F00;}
.readmore a:hover{color: #000;}

/*Add CSS*/
.add364x50, .add364x300{margin: 10px 0; text-align:center;}

/*spotlightNews and opinionNews CSS*/
.spotlightNews, .opinionNews, .entertainmentNews{margin-bottom:20px; background:#004c66;}
.spotlightNewsTitle, .opinionNewsTitle, .entertainmentNewsTitle{background:#004c66; padding: 12px 0; color:#fff; font-size:20px; text-transform:uppercase; text-align:center;}
.spotlightNewsImg, .opinionNewsImg, .entertainmentNewsImg{width: 364px;}
.spotlightNewsContent, .opinionNewsContent, .entertainmentNewsContent{
	padding: 10px;
}
.entertainmentNews{	background:#ff4000 !important;}
.entertainmentNewsTitle{background:#ff4000 !important;}

.spotlightNewsContent p, .opinionNewsContent p, .spotlightNewsContent p a, .opinionNewsContent p a, .entertainmentNewsContent p, .entertainmentNewsContent p a{
	font-size: 16px;
	color:#fff;
}
.spotlightNewsContent p a:hover, .opinionNewsContent p a:hover, .entertainmentNewsContent p a:hover{
	text-decoration:underline;
}

/*Footer CSS*/
.mob-footer{background:#354267; padding: 20px 0; text-align:center; color:#fff; font-size:12px;}
.mob-footer a{color:#fff; font-size:12px;}
.mob-footer a:hover{text-decoration:underline;}

.copyright{
	margin: 15px 0;
	color: #444;
	font-size:11px;
	text-align:center;
}
hr {
    height: 2px;
    background-color: #0b9aaa;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 75%;
}

/*All Media CSS*/
@media (min-width: 320px) and (max-width: 479px) {
	h1, h2{font-size:18px;}
	h4, .h4 {font-size: 16px;}
	.multimedia a, .multimedia a:hover{font-size:12px;}
	#storyBody table{width:100% !important; margin: 0px 0px 5px 0px !important;}
}
@media (max-width: 767px) {
	.img-responsive{width: 100%;}
	.menu-area{
		padding-right: 15px;
	}
}
#scrollUp {
    background-image: url("https://d30fl32nd2baj9.cloudfront.net/media/2015/10/05/top.png/BINARY/top.png");
    bottom: 80px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
}
#belowinlineimage {

    font-family: sans-serif,solaimanLipi;
    font-size: 13px;
    opacity: .8;
}
/* story details custom css */
#storyBody table
{
	border: 1px solid #8DBDD8;
	background-color: #E6EEEE;
	margin: 0px 0px 5px 0px;
}
#storyBody td{padding:5px;}
/* story details custom css ends */
