.khayal{padding:0px;}
.khayal-bg{width:100%; background:#f2f2f2;}
.khayal-title{ padding:10px 15px; float:left; font-size:20px; color: #0c457b;}
.khayal-month{float:right; background:#f9f9f9; padding:0 15px; margin:6px 15px 0 0;}
.khayal-txt{text-transform: uppercase; font-weight:bold; float:left; font-size:15px; color:#0c457b; line-height:32px;}
.khayal-date{color:#0c457b; margin-left:20px; float:left; font-size:14px; line-height:32px;}

.khayal-date-cri{ background:url(../images/date.png) no-repeat -12px 0; padding:8px; float:left; margin-left:3px; color:#fff;}
.khayal-left-arrow{ background:url(../images/date.png) no-repeat; width:11px; height:18px; float:left; margin-left:10px; margin-top:7px;}
.khayal-right-arrow{ background:url(../images/date.png) no-repeat -43px 0; width:11px; height:18px; float:left; margin-left:3px; margin-top:7px;}

.khayal-box-blog{ border: 1px solid #cccccc; padding: 15px 20px 0 20px; width:100%; margin-top:20px;}
.khayal-box-blog h1{color: #0c457b; float: left; font-weight: normal; padding: 0; text-align: left; font-size: 30px; line-height: 35px;  margin:0 0 10px 0; width:100%;}
.tag-user{ background:url(../images/user.jpg) no-repeat left; color:#6D6C71; padding:0px 20px; float:left; font-size:12px; }
.tag-time{ background:url(../images/time.jpg) no-repeat left; color:#6D6C71; padding:0px 20px; float:right; font-size:12px;}
.tag-social{ float:left;}
.video-sm-img{border: 1px solid #cccccc; float:left; margin:0 20px 16px 0; max-width:100%; overflow:hidden;}
.khayal-box-blog-txt{ font-size:12px; color:#545454; line-height:18px; }
.khayal-box-blog-txt1{ overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;}
.khayal-box-blog-txt2{ font-size:12px; color:#545454; line-height:18px; }
.borrom-tag-arrow{ background:url(../images/uparrow.jpg) no-repeat right; width:18px; height:11px;  float: right; margin-top: -10px;}
.bottom-tag{ background:#fcfcfc; padding:15px 20px; border-top: 1px solid #eeeeee; margin:0 -20px; color:#5d5d5d; font-size:12px;}
.bottom-tag a{color:#5d5d5d; text-decoration:none;}
.post ul{height: 92%; overflow:auto;}
.post-title{ font-size:18px; color:#0c457b; margin-bottom:15px;}
.post-txt{ background:#f9f9f9; padding:10px; height:310px;}
.post-txt ul { margin:0; padding:0;}
.post-txt ul li{ list-style:none; font-size:13px; color:#333434;  border-bottom: 1px solid #f0f0f0; border-left:5px solid #f9f9f9; padding:10px; background:none;}
.post-txt ul li:last-child{border-bottom:none;}
.post-txt ul li a{ text-decoration:none; color:#333434;}
.post-txt ul li:hover{background:url(../images/left-arrow.jpg) no-repeat left #f0f0f0; border-left:5px solid #006bf5 !important; padding:10px;}
.post-txt ul li:hover, .sub-active{background:url(../images/left-arrow.jpg) no-repeat left #f0f0f0 !important; border-left:5px solid #006bf5 !important; padding:10px;}
.scroll{ overflow:auto; height:310px;}

@media only screen and (max-width: 480px){ .khayal-bg{ margin-top:20px;}.khayal-month{ margin-right:0;} .tag-social{ margin-top:15px;} .video-sm-img {width:100%; margin-right:0; } .video-sm-img img{width:100%; margin-right:0; } .khayal-box-blog{ padding: 15px 10px 0 10px; } .bottom-tag { margin: 0 -10px;}
}