/**
* ------------------------------------------------------------------------
* JA Blazes Template for J25 & J30
* ------------------------------------------------------------------------
* Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: J.O.O.M Solutions Co., Ltd
* Websites:  http://www.joomlart.com -  http://www.joomlancers.com
* This file may not be redistributed in whole or significant part.
* ------------------------------------------------------------------------
*/
@import url(../../fonts/abel/stylesheet.css);
/* COMMON STYLE
--------------------------------------------------------- */
body.bd-iphone {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt; /* Base Font-size */
}
/* logo ---*/
h1.logo { height: 60px; width: 190px; }
h1.logo a {
    background: url(../../images/logo2.png) no-repeat left;
    height: 60px;
    width: 190px;
}
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
body.com_content #ja-content-main {
    -webkit-border-radius: 8px;
    background-color: #fff;
    border: #878787 solid 1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    display: block;
    padding: 4%;
    margin: 0 4%;
}
body.com_content #ja-content-main .item-page {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    overflow:visible;
}
/* K2
--------------------------------------------------------- */
div.catItemBlogView, #k2Container.itemBlogView { padding-left: 0 !important; }
/* paging ---*/
#jac-wrapper .pagination { padding: 10px 0  !important; }
.k2Pagination { clear: both; padding-bottom: 20px; position: relative; }
.k2Pagination .counter { font-weight: normal; margin: 0; right: 7px; top: 7px; }
/* datetime ---*/
.catItemBlogView.catItemIsFeatured .catItemDate, .catItemBlogView .catItemDate, 
.itemBlogView.itemIsFeatured .itemDate, .itemBlogView .itemDate {
    background: none !important;
    color: #666 !important;
    float: left;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 92%;
    left: auto !important;
    margin-right: 10px;
    padding: 0 !important;
    position: static !important;
    top: auto;
    width: auto !important;
}
.catItemBlogView.catItemIsFeatured .catItemDate .date, 
.catItemBlogView .catItemDate .date, .itemBlogView.itemIsFeatured .itemDate .date, 
.itemBlogView .itemDate .date {
    border: none !important;
    color: #666 !important;
    float: none !important;
    font-size: 100% !important;
    line-height: normal  !important;
    margin: 0  !important;
    padding: 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
}
.catItemBlogView .catItemDate .month-year, .itemBlogView .itemDate .month-year {
    display: inline !important;
    float: none !important;
    text-transform: none !important;
}
.catItemBlogView .catItemDate .month-year span, 
.itemBlogView .itemDate .month-year span { display: inline !important; }
div.catItemMeta span.catItemAuthor, .itemMeta .itemAuthor, 
.itemMeta .itemCategory, .itemMeta .itemDateCreated, div.genericItemMeta .genericItemCategor, div.genericItemMeta .genericItemDateCreated { background-position: 0 3px !important; }
.jac-add-button { margin-bottom: 10px; padding: 0 10px; }
div.catItemTagsBlock ul.catItemTags li { margin-bottom: 5px; }
div.catItemImageBlock { margin-bottom:0  !important; }
/* k2 Categories -----*/
div.subCategoryContainer { float: none; width: 100% !important; }
/* images ---*/
div.catItemIntroText img, .itemIntroText .img-border { width: 93%; }
img.left { margin-bottom: 5px; }
.article-image IMG {
    max-width: 100%;
}
#ja-current-content .article-content .article-image img{
    width:100%;
}
#ja-current-content .article-content img{
    width:100%;
}
img[hspace="6"] { margin-right: 6px; }
/* Leave a comment ---*/
div.itemCommentsForm form textarea.inputbox, div.itemCommentsForm form input.inputbox { width: 96% !important; }
/* article tool ---*/
dl.article-info { white-space:normal !important; }
/* demo content ---*/
div.article-content div.article-image {
    margin-top: 5px;
}
div.article-image {
    float: none;
    clear: both;
    text-align: center;
    margin: 0 20px 20px 0;
    padding: 0;
}
div.article-image img {
    border: 1px solid #eee;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    float: none;
}
.article-image img.left { float: none; margin-right: 0; }
body.com_content h1.componentheading, body.com_content .componentheading { left: 0; }
/* weblink ----*/
.ja-content-main fieldset.filters { padding-left: 10px; padding-right: 10px; }
table.contentpane, table.tablelist, table.category { background: #fff; margin: 10px 1%; width: 98%; }
table.contentpane th, table.tablelist th, table.category th,
table.contentpane td, table.tablelist td, table.category td { border-bottom: 1px solid #e0e0e0; padding: 5px; }

table.weblinks td , table.weblinks th, table.newsfeeds th, table.newsfeeds td { border-bottom: 1px solid #E0E0E0; padding: 5px; }
/* newsfeeds ------- */
table.newsfeeds { width:100%; }
.sortby { margin-bottom: 10px; }
/* contact us & search ------- */
#component-contact #contact_text { width:96%; }
#search_searchword { width:100px; }
/* popup login ---*/
#ja-popup-content-wrap #iContent { height: 270px; }
#ja-login p#form-login-username strong, #ja-login p#form-login-password strong, #ja-login p#form-login-submit label { color:#666; }
/* typo page ---*/
body ul.ja-unordered-list li, body ul.ja-typo-list li { padding-left:30px !important; }
.ja-typo-bubble.bubble-7 span.ja-typo-bubble-author, .ja-typo-bubble.bubble-8 span.ja-typo-bubble-author, .ja-typo-bubble.bubble-9 span.ja-typo-bubble-author { padding-top:0 }
.ja-typo-blockswrap .cols-3 .ja-typo-block, .ja-typo-blockswrap .cols-2 .ja-typo-block, .ja-typo-blockswrap .cols-4 .ja-typo-block { width:100% !important; float:none; }
/* search ------- */
form.search .button { display:none; }
.ja-content-main .counter {
    position: inherit;
    right: auto;	
}
/* Iphone Comment ------- */
.bd-iphone .jac-add-button {
    margin: 0 0 10px 10px;
    padding-left: 22px;	
}
div.item-page.ja-blazes-blog #jac-wrapper {
    margin-left: 0;
}
#jac-pagination.wrap {
    width: auto;
}
/* Readmore ------- */
p.readmore a {
    background: none repeat scroll 0 0 #9C422E;
    border: 1px solid #712E1F;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    float: left;
    margin-right: 10px;
    font-weight: normal;
}
p.readmore a span {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #EED5D0;
    display: block;
    padding: 2px 10px 2px 6px;
}
#ja-header {
    display: none;
}
#logo {
    position: relative;
    overflow: hidden;
    height: 120px;
}
.bd-iphone div.moduletablelogophone {
    left: 0;
    position: relative;
    text-align: center;
    top: 0px;
    max-height: 100%;
    width: 100%;
}
div.catItemImageBlock, .itemImageBlock{
    width: 100%;
    position: relative;
    overflow: hidden;
}
span.catItemImage img , span.itemImage img{
    width: 96% !important;
}
.itemIntroText p {
    display: block;
    width: 100%;
}
.ja-content-main .counter {
    float: left;
    margin-top: 15px;
    margin-left: 5px;
}   
@media screen and (min-width: 769px) { 
    body p.box-hilite-1 {
    width: 94%;
}
}
@media only screen and (max-device-width: 768px) {   
    body p.box-hilite-1 {
    width: 86%;
}
.pagination li.pagination-end {
    left: 110px;
}
}

@media only screen and (max-device-width: 480px) {
    div.itemToolbar ul li {
    padding: 0px !important;
}div.itemToolbar ul li span {
    font-size: 10px;
}
.itemBlogView .itemDate {
    margin: 0px;

    }.itemBlogView .itemDate span{
    font-size: 12px;

}
}
@media screen and (max-width: 320px) {
    div.moduletablelogophone {
    left: 10%;
}
}
.bottom-footer-social a.facebook {
    background: none; 
}
#footer .bottom-footer-social a {
    font-size: 0px;
}
#footer .bottom-footer-social a i{
    font-size: 25px;
    color: #935d37;
    margin-left: 2px;
}
#footer .bottom-footer-social a:hover, #bottom-footer .bottom-footer-social a i:hover {
    text-decoration: none !important;
    opacity: 0.8;
}
#footer .bottom-footer-social {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    text-align: center;
}
#footer .bottom-footer-social .moduletable
{
    padding: 0px;
    margin-top: 15px;
    margin-left: 15px;
    text-shadow: 1px -1px 1px #000;
}
#wrapall #logo  {
    max-width: 358px;
}

#ja-main p, span.itemTextResizerTitle, div.itemHeader h2.itemTitle{
    color: #666;
}
div.catItemHeader h3.catItemTitle a:hover, div.catItemHeader h3.catItemTitle a:focus, div.catItemHeader h3.catItemTitle a:active {
    color: #9c6441 !important;
}
.itemRelated h3, .moduletable_ghidanh h3 {
    color: #333;
}
.customsocial-mobile .contact-social-icon {
    background: url("../../images/social.png") no-repeat transparent;
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    font-size: 0px;
    margin-right: 10px; 
}
.moduletablesocial-mobile {
    text-align: center;
}
.customsocial-mobile {
    margin-top: 20px;
    display: inline-block;
}
.customsocial-mobile .facebook {
    background-position: 0px 0px;
}
.customsocial-mobile .facebook:hover {
    background-position: -33px 0px;
}
.customsocial-mobile .gplus {
    background-position: 0px -75px;
}
.customsocial-mobile .gplus:hover {
    background-position: -33px -75px;
}
.customsocial-mobile .twitter {
    background-position: 0px -39px;
}
.customsocial-mobile .twitter:hover {
    background-position: -33px -39px;
}
.customsocial-mobile .rss {
    background-position: 0px -115px;
}
.customsocial-mobile .rss:hover {
    background-position: -33px -115px;
}
.customsocial-mobile .mail {
    background-position: 0px -154px;
}
.customsocial-mobile .mail:hover {
    background-position: -33px -154px;
}

.tagItemDateCreated{
    background:none!important;
    font-family: Arial,Helvetica,sans-serif !important;
    color:#666666 !important;
}
.tagItemImageBlock .itemImageCaption{
    margin-bottom: 0.5%;
    padding-left: 2%;
}
/*new css 12032014*/
#ja-content-main .itemBlogView{
    padding-left:0!important;
}
#ja-content-main .itemHeader{
    padding-left: 0px!important;
}
#ja-content-main .itemBlogView .itemToolbar {
    margin-left: 0!important;
}
#ja-content-main .itemDate .month{
    font-size: 12px!important;
    padding-left: 10px;
}
.border{
    border: 4px solid #953735;
    padding: 15px 10px;
    box-sizing: border-box;
    border-radius: 45px;
}
.border .top-hidden{
    background: #fff;
    width: 90%;
    height: 25px;
    display: BLOCK;
    margin: 0 auto;
    margin-top: -25px;
}
.border .bot-hidden{
    background: #fff;
    width: 90%;
    height: 25px;
    display: BLOCK;
    margin: 0 auto;
    margin-bottom: -25px;

}
ol.abc,ol.abc li{
    list-style-type:lower-alpha!important;
}

ol.left h2{
    margin-left: -30px;
}
body ol.left{
    padding-left:0px!important;
}
.navigation-page{
    overflow: hidden;
}
.navigation-page .left{
    float:left;
}
.navigation-page .right{
    float:right;
}
table.ktkc td{
    font-size: 12px;
    line-height: 15px;   
}
.bullet2 li{
    background: url('/templates/ja_blazes/images/bullet2.jpg') no-repeat left top transparent!important;
    padding-left: 45px;
    list-style: none;
    margin: 0!important;
}
ol.bullet2{
    padding-left:0!important;
}
.border1{
    border: 3px solid #953735;
    padding: 2px;
}
.border2{
    border: 1px solid #953735;
    padding: 0px 8px;
}
.mucluc h2,.mucluc h2 a{
    color: #000;
    font-size: 100%;
    text-decoration: none;
}
.mucluc h1{
    font-family: 'UVNLaXanh' !important;
    font-size: 250%;
    margin-top: 10px;
    color: #9c6441;
}
/*new css12032014*/

img.mobileimgfix{
    width: auto!important;
}
div.itemFullText h3{color: #9c6441;}
.yellowBox{
    background: #FFFFDD;
    border: 3px solid #D2D2B6;
    padding: 10px 15px 0 15px;
    margin: 15px 0;
}
.itemIntroText ul{
    list-style-type: disc;
    padding-left: 25px;
}
.itemIntroText ul li{margin-bottom:5px;}
.itemIntroText ol li p, .itemIntroText ul li p{
    margin: 0;
}