/*******************blog style*****************/
.text .mar-btm{ margin-bottom:11px;}

#blog h2 { text-transform:uppercase; padding-bottom: 10px; padding-left: 0; display:block; border-bottom: 1px solid #ededed; }
#blog .content{ float:left; width:70%; padding:0;}
#blog .admin-icon, #blog .commnt-icon, #blog .clndr-icon{ height:20px float:left; font-size:18px; display:block;  font-size:12px; line-height:22px;}
#blog .admin-icon{  background: url("../images/blog/blog-icon.png") no-repeat scroll -7px -7px transparent; padding: 0 0 0 30px; width: 150px; float:left; }
#blog .commnt-icon{background: url("../images/blog/blog-icon.png") no-repeat scroll -7px -38px transparent; padding: 0 0 0 30px; width: 90px; margin:0 auto;}
#blog .clndr-icon{background: url("../images/blog/blog-icon.png") no-repeat scroll -7px -67px transparent; text-align: right; width: 100px; float:right;}
#blog .post{ width:auto;  margin:0px 0 60px;  }

#blog .post .post_content{ width:100%; border-bottom: 1px solid #ededed;  padding:10px 0; clear:both;}
#blog .post_content .image{ width:100%; }
.video{ position: relative; padding-bottom: 54.25%; /* 16:9 */ padding-top: 25px; height: 0; margin:6px auto 0px;}
.video iframe{ width:100%; height:100%; position:absolute; left:0; top:0;}

#blog .post_content .widget-links{ padding-bottom:10px; width:inherit;}
#blog .post_content p, #blog .post_content b{  padding-bottom:8px; text-align:justify;}
#blog .post_content figcaption{ margin:10px 0 0; float:left;}
#blog .tags {margin: 16px 0 0; width: inherit;}
#blog .tags a{  font-size:13px; line-height:17px; padding:0 2px;} #blog .tags a:hover{ }
#blog .pagination{ float:right; display:block; text-align:right;}
#blog .pagination .next{ background: url("../images/controls.png") no-repeat scroll -31px -22px transparent; float:right; height:22px; width:22px;}
#blog .pagination .prev{ background: url("../images/controls.png") no-repeat scroll 0 -22px transparent; float:left;  height:22px; width:22px;}
#blog .pagination a{ margin:0 5px;  float:left;  font-size:12px;}
#blog .read-more{ float:right; margin-top:10px;}
/**sidebar**/
#blog .sidebar{ float:right; width:22%; display:block; padding:0px 5px;}
#blog .sidebar article{ border-bottom:5px solid #ededed; margin:0px 0 25px; padding:0 0 20px;  clear:both; float:left; width:100%;}
#blog .sidebar h3{ text-transform:uppercase; padding-bottom:10px;}
.sidebar article ul li{ border-top:1px solid #ededed; line-height:22px; background:url(../images/blog/bullet.png) no-repeat 8px 9px; font-size:13px; line-height:13px; padding: 6px 0 8px 18px;}
.sidebar article ul li:first-child{ border-top:none;}
.sidebar article ul li a:hover{ }
.sidebar article ul.tabs{padding: 11px 0; font-size: 0; margin:0; list-style-type: none; text-align: left; /*set to left, center, or right to align the tabs as desired*/}
.sidebar article ul.tabs li{display: inline;margin: 0; padding:0; border:none; background-position:-0 36px;  /*distance between tabs*/}
.sidebar article ul.tabs li a{ font-size:14px; text-decoration: none; position: relative; z-index: 1; padding:7px 16px; border: 1px solid #fff; border-bottom-color:#ededed;   border-radius: 2px 2px 0 0; outline:none; text-transform:uppercase;  padding-bottom:8px\0; }
.sidebar article ul.tabs li a:visited{ color: #000;}
.sidebar article ul.tabs li.selected a{position: relative; top: 0px; background: white; border: 1px solid #ededed; border-bottom-color: white; text-transform:uppercase; }
.sidebar article ul.tabs li.selected a:hover{text-decoration: none;} 
#blog .title{ font-size:14px; padding:0 0 6px;}            

#sidetab p{  font-size:12px; padding:6px 0; text-align:left; line-height:13px;}
article div.tabcontent li:first-child{ border:none;}
article div.tabcontent li{ background:none; padding:20px 0  5px;}
article div.tabcontent li img{ float: left; margin-right: 15px;width: 59px; padding-bottom:8px;}

article div.tabcontent li span{  font-size: 11px; }
article div.tabcontent .last{ margin-bottom:0;}
article div.tabcontent li p{ font-size:11px;}
.sidebar article div.tabcontents{border:none; width:198px; padding: 10px 15px 0;background-color:#FFF;border-radius: 0 2px 2px 2px; border-top: 1px solid #ededed; }
#blog .slideShow{ width:212px; margin-top:10px; height:285px;}
#blog .slideShow ul{ border-top:1px solid #ededed;}
#blog .slideShow li{ list-style:none; background:none; border:none; padding:10px 0 0 0;}
#blog .slideShow .bx-controls-direction{  display: block; position: absolute; right: 0; top: -32px; width: 50px;}
#blog .slideShow .bx-wrapper .bx-next { background: url("../images/controls.png") no-repeat -31px top;}
#blog .slideShow .bx-wrapper .bx-prev { background: url("../images/controls.png") no-repeat  -2px top;}
#blog .slideShow .bx-wrapper .bx-controls-direction a { height: 20px; margin: 0; text-indent: 9999px; width: 20px;}
#blog .client {float: left; padding: 30px 0 0;}
#blog .slider-main p{  font-size:11px; line-height:14px; text-align: justify;}
#blog .client img {background: none repeat scroll 0 0 #CCCCCC; float: left; font-size: 9px; height: 54px; line-height: 54px; margin-right: 15px; text-align: center; width: 54px;}
#blog .client .name { font-size:15px; line-height:20px;}
#blog #slide-buttons{ right: -33px; top: -1px; width:94px;}
#blog .image-gallery-slider{ position:relative; width:100%;  }
#blog .image-gallery-slider > .bx-wrapper img{ width:100%}
#blog .bx-wrapper, #blog .bx-wrapper .bx-viewport{ background:none; box-shadow:none; left:0; padding:0; margin-bottom:0; border:none!important;}

#blog .bx-pager{ display:none;}
#blog #archives li a{}
#blog #tabPost li:last-child{ padding-bottom:0;}

#blog #postPager{ float:left; width:100%; position:relative;}
#blog #postPager a{  text-decoration:none; text-transform:uppercase; float:left; line-height:40px; height:37px; width:37px; font-size:13px; text-decoration:underline;}
#blog #postPager .prevPost {background:rgba(0,0,0,0.7) url(../images/home_page/slider/large_left.png) no-repeat -2px -3px; float:left; }
#blog #postPager .prevPost:hover{background:rgba(0,0,0,0.3) url(../images/home_page/slider/large_left.png) no-repeat -2px -3px; float:left;}
#blog #postPager .nextPost {background:rgba(0,0,0,0.7) url(../images/home_page/slider/large_right.png) no-repeat -2px -3px; float:right;}
#blog #postPager .nextPost:hover {background:rgba(0,0,0,0.3) url(../images/home_page/slider/large_right.png) no-repeat -2px -3px; float:right;}
#blog #postPager .prev{ position:absolute; left:37px; background:#fff; padding:0 8px;}
#blog #postPager .next{ position:absolute; right:37px; background:#fff; padding:0 8px;}
#blog .comments{ margin-top:60px; float:left; width:100%;}
.comments article{ border-bottom:1px solid #ededed; padding:15px 0 10px; width:inherit; float:left;}

.comments article figure{ float:left;}
.reply{ text-decoration:underline; text-transform:uppercase; font-size:13px;}
.comments article h3{ font-weight:700; }
.commentsDetails{ float:right; margin:0 0 0 10px; width:85%;}
.comments article p{ font-size:13px; padding:8px 0;}
.comments article .date{  font-size:12px;}

.comments form{ width:100%;}
.comments form .form-field{ width:100%;}
.comments form input,textarea{ width:93.5%;}
.comments form input[type="submit"] { background: none repeat scroll 0 0 #C20509; border: medium none;color: #FFFFFF; cursor: pointer; float: left; font-size: 14px; width: 100px !important;}
.comments form input, textarea{ width:96.7%;}
/*----------------------------*/
 /*Media queries for device compalability
 /*----------------------------*/
 
@media only screen  and (max-width:956px)   { 
 #blog .content, #blog .sidebar{ width:99%;}
 .sidebar article div.tabcontents{ width:100%;}
 .sidebar article ul.tabs{ padding:10px 0;}
}

@media only screen and (min-width: 480px) and (max-width:767px)   {

#blog .content{ float:none; margin:0 auto; width:460px; overflow:hidden;}
#blog .sidebar{ float:none; margin:30px auto 0; width:460px;}
#blog .slideShow{margin: 0 auto; width: 460px; height:230px;}
.sidebar article div.tabcontents{width:405px;}
#blog .clndr-icon, #blog .admin-icon, #blog .commnt-icon{ float:none; width:100%; padding:7px 0 0 30px; text-align:left; }
#blog .clndr-icon { background-position:-7px -58px;}
#blog .admin-icon{ background-position:-7px 0px;}
#blog .commnt-icon{ background-position:-7px -30px;}
.commentsDetails{ width:75%;}

}


@media only screen and (min-width: 320px) and (max-width: 479px)   {

#blog .content{ float:none; margin:0 auto; width:290px; overflow:hidden;}
#blog .sidebar{ float:none; margin:30px auto 0; width:290px;}
#blog .slideShow{margin: 0 auto; width: 290px; height:230px;}
.sidebar article div.tabcontents{width:255px;}
#blog .clndr-icon, #blog .admin-icon, #blog .commnt-icon{ float:none; width:100%; padding:7px 0 0 30px; text-align:left; }
#blog .clndr-icon { background-position:-7px -58px;}
#blog .admin-icon{ background-position:-7px 0px;}
#blog .commnt-icon{ background-position:-7px -30px;}
.commentsDetails{ width:67%;}


}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .sidebar article ul.tabs li a  {   padding: 9px 16px; } /*Hack for chrome*/
}