.BlogFrontMaster .SidebarTop { margin-top: 0 }

.BlogSidebarTop { min-height: 35px; border-bottom: solid 1px #6a6a6a }

.BlogSidebarTopTitle { color: #454545; font-size: 18px; font-weight: 700; line-height: 30px; padding: 5px 0 }

.BlogSidebarRight { padding: 10px 0; border-top: 0 }

.BlogSidebarBottom,
.BlogSidebarTopImgLeft,
.BlogSidebarTopImgRight { display: none }

.BlogNavList { width: 100%; margin-bottom: 15px; clear: left }

.BlogNavNormalList { width: 100% }

.BlogNavNormalListLink a { padding: 5px 0 5px 8%; width: 100%; vertical-align: middle; display: block; color: #454545; text-decoration: none; white-space: normal; text-align: left; font-size: 13px }

    .BlogNavNormalListLink a:hover { color: #ff5e5e }

.BlogNavNormalListMoreLink { text-align: right; padding: 4px 5px 0 }

    .BlogNavNormalListMoreLink a { color: #454545; text-decoration: underline; padding-right: 19px; background: url(images/bullet/more.gif) no-repeat right center; font-size: 12px }

        .BlogNavNormalListMoreLink a:hover { color: #ff5e5e }

.BlogDetails { width: 100%; margin: 0 auto 10px }

.BlogDetailsTop { width: 100%; min-height: 40px; line-height: 30px; vertical-align: middle; text-align: left; border-bottom: solid 1px #6a6a6a }

.BlogDetailsTopTitle { color: #454545; font-size: 18px; line-height: 30px; font-weight: 700 }

.BlogDetailsTopImgLeft { display: none }

.BlogDetailsTopImgRight { display: none }

.BlogDetailsRight { padding: 15px 0 0 }

.BlogDetailsBottom { display: none }

.BlogFormView { width: 770px }

.BlogDetailsDefaultPublisherDiv { color: #66767b }

.BlogDetailsDefaultBlogContentDiv { clear: both; float: left; font-size: 14px; line-height: 30px; margin: 20px 0; width: 94% }

.BlogDetailsDefaultDiv { clear: left; float: left; width: 100%; margin-bottom: 10px }

.CategoryLabel { background: url(images/icon/icon-category.gif) no-repeat; background-position: left center; padding-left: 25px; font-style: italic; color: #ff5e5e; width: 15%; display: block; float: left }

.BlogDetailsDefaultCatPanel { padding-top: 0; font-size: 12px; background: url(images/icon/icon-category.gif) no-repeat; background-position: left top; width: 100%; clear: left; float: left }

.BlogDetailsDefaultCatDiv { width: 85%; float: left }

.BlogDetailsDefaultTagsLink { color: #66767b }

.BlogDetailsDefaultPublisherDiv { clear: left; float: left; width: 50%; line-height: 25px; margin-top: 18px }

.BlogDetailsSocialButton { float: right; padding-bottom: 10px; margin-top: 20px }

.BlogDetailsFacebookDiv { float: left }

.BlogDetailsLineDiv,
.BlogDetailsTwitterDiv { float: left; padding-left: 5px }

.BlogListTop { width: 100%; min-height: 40px; line-height: 30px; vertical-align: middle; text-align: left; border-bottom: solid 1px #6a6a6a }

.BlogListTopImgLeft { display: none }

.BlogListTopImgRight { display: none }

.BlogListRight { padding: 5px 0 }

.BlogListBottom { display: none }

.BlogListItem { padding-bottom: 25px }

.BlogListItemTable { width: 100% }

.BlogListItemDetailsColumn { padding: 10px 0; vertical-align: top }

.BlogListItemBlogTitleDiv { margin: 20px 0 }

.BlogListItemNameLink { font-size: 18px; line-height: 30px }

.BlogListItemPublisher { clear: left; color: #7e7e7e; float: left; font-size: 12px; line-height: 35px; margin-bottom: 10px }

.BlogListItemShortContentDiv { clear: both; line-height: 30px !important; margin: 25px 0; width: 100%; font-size: 13px }

.BlogListItemMessageDiv { background: url(Images/Background/dot-line.jpg) repeat-x left bottom; height: 2px; width: 100% }

.BlogListItemReadmore { color: #000; position: relative; font-size: 12px; top: 9px; background: url(images/bullet/more.gif) no-repeat; background-position: 90% center; background-color: #fff; padding-right: 25px; text-decoration: underline }

.BlogPublisher { color: #66767b }

.BlogListItemSocialButton { float: right; line-height: 35px; padding-top: 2px }

.BlogListDefaultPageControlPanel { clear: both; line-height: 30px; margin: 10px 0; padding: 3px 0; width: 100% }

.BlogListDefaultItemPerPage { float: left; width: 55%; font-size: 12px }

    .BlogListDefaultItemPerPage select { float: left; margin-right: 10px; margin-top: 6px; width: 40px; background-color: #f4f4f4 }

    .BlogListDefaultItemPerPage .OptionControlTitle { float: left; margin-right: 10px }

.BlogListDefaultPagingControl { text-align: right; float: right }

    .BlogListDefaultPagingControl .PagingPrev { padding-right: 5px; color: #000 }

    .BlogListDefaultPagingControl .PagingNext { padding-left: 5px; color: #000 }

.BlogListDefaultDataList { width: 95%; clear: left; float: left }

.BlogListDefaultDataListItemStyle { vertical-align: top }

.SearchBox { width: 100%; margin-bottom: 1px; clear: left }

    .SearchBox .SidebarRight { font-size: 18px; padding: 15px 0; width: 100% }

.SidebarBottom,
.SidebarTopImgLeft,
.SidebarTopImgRight { display: none }

.SearchBoxTextBox { z-index: 1; width: 74% !important; border: solid 1px #ddd; border-right: none; color: #000; font-size: 12px; height: 18px; float: left; margin-bottom: 5px }

.SearchBox .BtnStyle1 { width: 24%; margin: 0; padding: 0 }

.BlogComment .CommonPageTop { display: none }

.BlogCommentDiv { width: 100% }

    .BlogCommentDiv table { width: 100% }

.BlogCommentTitle { float: left; font-weight: 700 }

.BlogCommentTextArea { width: 100%; height: 114px; font-size: 13px }

.BlogCommentPostDiv { width: 100%; margin: 15px 0 }

.BlogCommentPagingDiv { line-height: 30px; padding: 10px 0; text-align: right }

.BlogCommentPostLabel { padding-bottom: 10px; font-weight: 700 }

.BlogCommentPostButton { float: right; margin-top: 10px }

.BlogCommentPagingBox .PagingPrev { padding-right: 12px; color: #000 }

.BlogCommentPagingBox .PagingNext { padding-left: 12px; color: #000 }

.ArchiveBox .SidebarTopTitle { background: url(images/icon/down.gif) no-repeat right center }

.ArchiveBox .SidebarTopTitleHide { background: url(images/icon/Up.gif) no-repeat right center }

.ArchiveBox .BlogNavNormalListLink a { background: url(images/bullet/Bullet5.gif) no-repeat 0 9px; color: #66767b; font-size: 12px }

    .ArchiveBox .BlogNavNormalListLink a:hover { color: #ff5e5e }

.RecentPost .BlogSidebarRight { padding: 0 }

.RecentPost .ImageRecentPost { width: 100%; clear: left; float: left; margin: 10px 0 }

    .RecentPost .ImageRecentPost img { max-height: 85px }

.TitleRecentPost { width: 100%; clear: left; float: left }

.DateRecentPost { width: 100%; clear: left; float: left; font-size: 12px; color: #666; line-height: 20px }

    .DateRecentPost .BlogListItemPublisher { margin-bottom: 0 }

.RecentPost .BlogNavNormalListLink { background: url(Images/Background/dot-line.jpg) repeat-x left bottom; padding-bottom: 4px; padding: 15px 0 }

    .RecentPost .BlogNavNormalListLink a { padding: 0; color: #666; font-size: 14px; line-height: 24px }

        .RecentPost .BlogNavNormalListLink a:hover { color: #ff5e5e }

.BlogCategoryBox .BlogSidebarTop { background: url(images/icon/up.gif) no-repeat right center }

.BlogCategoryBox .SidebarTopHide { background: url(images/icon/down.gif) no-repeat right center }

.BlogCategoryBox .BlogNavNormalListLink a { background: url(images/bullet/bullet3.gif) no-repeat 0 11px; padding-top: 8px; padding-bottom: 8px }

@media only screen and (min-width:980px) {
    .BlogImage img { max-width: 680px }
}

@media only screen and (max-width:979px) {
    .CategoryLabel { width: 22% }
    .BlogCommentPostDiv { width: 100% }
    .BlogImage img { width: 100% }
    .BlogDetailsDefaultBlogContentDiv { width: 100% }
    .BlogDetailsDefaultCatDiv { width: 75% }
}

@media only screen and (max-width:479px) {
    .CategoryLabel { width: 35% }
    .BlogListTop { line-height: 25px }
    .BlogListDefaultItemPerPage { clear: left; float: none; display: none; margin: 0 auto 5px }
    .BlogListDefaultPagingControl { clear: left; float: none; display: table; margin: 0 auto 5px }
    .BlogListItemPublisher { width: 100%; margin-bottom: 10px }
    .BlogListItemSocialButton { clear: left; float: left; width: 100% }
    .BlogDetailsDefaultDiv,
    .BlogListItemBlogTitleDiv,
    .BlogListItemShortContentDiv { padding: 0 }
    .BlogDetailsTop { line-height: 25px }
    .BlogCommentPagingBox { text-align: center; float: none }
    .BlogCommentTitle { float: none; font-weight: 700; text-align: center }
    .BlogCommentPagingDiv { text-align: center }
    .BlogDetailsDefaultPublisherDiv { width: 100%; padding: 0 0 15px }
    .BlogDetailsSocialButton { width: 100%; clear: both; float: none; padding: 0 }
    .BlogDetailsFacebookDiv,
    .BlogDetailsLineDiv,
    .BlogDetailsTwitterDiv { width: auto }
    .BlogDetailsDefaultBlogContentDiv { padding: 0 }
    .BlogDetailsDefaultCatDiv { width: 65% }
}