@media all and (min-width: 0px) {
    .BlogContainerSubLayout .LeftTop { padding: 5px 0 0 20px; width: 380px; }

    .LeftTop .FeaturedBlogControl .Image { float: left; padding: 3px 5px 0 5px; }

    .LeftTop .FeaturedBlogControl .Content { float: left; width: 265px; padding: 0 0 0 5px; margin: -28px 0 0 5px; }

    .LeftTop .FeaturedBlogControl .Blog { float: left; width: 260px; }

        .LeftTop .FeaturedBlogControl .Blog a { text-transform: uppercase; color: White; font-size: 20px; font-weight: bold; text-decoration: none; }

    .LeftTop .FeaturedBlogControl .Title { padding: 9px 0; float: left; width: 260px; font-size: 20px; }

        .LeftTop .FeaturedBlogControl .Title a { text-decoration: underline; font-weight: bold; }

    .LeftTop .FeaturedBlogControl .Teaser { float: left; width: 273px; padding: 0 0 5px; }

    .BlogDetailControl .Body p { line-height: 24px; }

    .BlogListing .BlogListingControl .BlogItem .Items .Title { margin-bottom: 8px; text-transform: uppercase; }

        .BlogListing .BlogListingControl .BlogItem .Items .Title a { font-size: 20px; color: white; font-weight: bold; text-decoration: none; }

    .BlogListing .BlogListingControl .BlogItem .Items .Teaser { margin: 10px 0; }

    .BlogListing .BlogListingControl .BlogItem .Items .RSSFeed { margin-bottom: 5px; }

        .BlogListing .BlogListingControl .BlogItem .Items .RSSFeed a { text-decoration: none; padding-left: 17px; background-color: transparent; background-image: url("~/media/Images/MEL/Editorial/Control/BlogListing/rss_feed12x12.ashx"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 1px; }

    .BlogListing .BlogListingControl .Items .PostTitleOne { margin-bottom: 15px; }

        .BlogListing .BlogListingControl .Items .PostTitleOne a { font-weight: bold; }

    .BlogListing .BlogListingControl .Items .PostTitleTwo { }

        .BlogListing .BlogListingControl .Items .PostTitleTwo a { font-weight: bold; }

    .BlogRecentPostsControl { width: 99%; margin-bottom: 5px; background-color: #E4E4E4; }

    .BlogCategoryControl { width: 99%; margin-bottom: 5px; background-color: #E4E4E4; }

        .BlogCategoryControl .InnerArea { border-left: solid 1px #999; border-right: solid 1px #999; padding: 0 8px 8px 8px; }

            .BlogCategoryControl .InnerArea .Title { font-size: 18px; color: #333; border-bottom: solid 1px white; padding: 2px 0 4px 0; font-weight: bold; }

            .BlogCategoryControl .InnerArea .List { padding: 5px; }

        .BlogCategoryControl .List a { text-decoration: none; }

        .BlogCategoryControl .List div { padding-bottom: 5px; }

    .BlogArchiveControl { width: 99%; background-color: #E4E4E4; }

        .BlogArchiveControl .InnerArea { border-left: solid 1px #999; border-right: solid 1px #999; padding: 0 8px 8px 8px; }

            .BlogArchiveControl .InnerArea .Title { font-size: 18px; color: #333; border-bottom: solid 1px white; padding: 2px 0 4px 0; font-weight: bold; }

            .BlogArchiveControl .InnerArea .List { padding: 5px; }

                .BlogArchiveControl .InnerArea .List ul li { list-style: none; }

                    .BlogArchiveControl .InnerArea .List ul li a { text-decoration: none; }

    .BlogWhatReadingControl { width: 99%; margin-bottom: 5px; background-color: #E4E4E4; }

        .BlogWhatReadingControl .InnerArea { border-left: solid 1px #999; border-right: solid 1px #999; padding: 0 8px 8px 8px; }

            .BlogWhatReadingControl .InnerArea .Title { font-size: 18px; color: #333; border-bottom: solid 1px white; padding: 2px 0 4px 0; font-weight: bold; }

            .BlogWhatReadingControl .InnerArea .List { padding: 5px; }

        .BlogWhatReadingControl .List a { text-decoration: none; }

        .BlogWhatReadingControl .List div { padding-bottom: 5px; }

    .BlogRecentPostsControl .InnerArea { border-left: solid 1px #999; border-right: solid 1px #999; padding: 0 8px 8px 8px; }

        .BlogRecentPostsControl .InnerArea .Title { font-size: 18px; color: #333; border-bottom: solid 1px white; padding: 2px 0 4px 0; font-weight: bolder; }

        .BlogRecentPostsControl .InnerArea .List { padding: 5px; }

            .BlogRecentPostsControl .InnerArea .List a { text-decoration: none; }

            .BlogRecentPostsControl .InnerArea .List .RecentPost { padding: 5px; }

    .blog-nav-rounded-top, .blog-nav-rounded-bottom { height: 5px; }

        .blog-nav-rounded-top .r1, .blog-nav-rounded-top .r2, .blog-nav-rounded-top .r3, .blog-nav-rounded-top .r4 { border-left: solid 1px #999; border-right: solid 1px #999; height: 1px; overflow: hidden; }

        .blog-nav-rounded-bottom .r1, .blog-nav-rounded-bottom .r2, .blog-nav-rounded-bottom .r3, .blog-nav-rounded-bottom .r4 { border-left: solid 1px #999; border-right: solid 1px #999; height: 1px; overflow: hidden; }

        .blog-nav-rounded-top .r1, .blog-nav-rounded-bottom .r4 { margin: 0 5px; height: 0; border-top: solid 1px #999; border-left-width: 0; border-right-width: 0; }

        .blog-nav-rounded-top .r2, .blog-nav-rounded-bottom .r3 { margin: 0 3px; border-left-width: 2px; border-right-width: 2px; }

        .blog-nav-rounded-top .r3, .blog-nav-rounded-bottom .r2 { margin: 0 2px; }

        .blog-nav-rounded-top .r4, .blog-nav-rounded-bottom .r1 { margin: 0 1px; height: 2px; }

    .blog-landing-rss-feed { width: 100%; padding: 8px 0 8px 0; border-top: solid 1px #BBBBBB; border-bottom: solid 1px #BBBBBB; }

    .blog-landing-rss-icon { float: left; width: 90px; }

    .blog-landing-rss-info { float: left; padding: 0 5px; width: 195px; }

    .blog-landing-rss-title { font-weight: bold; }

        .blog-landing-rss-title a { font-weight: bold; }

    .blog-landing-rss-description { padding: 8px 0; }

    .blog-landing-rss-link { text-decoration: none; padding-left: 17px; padding-bottom: 8px; background-color: transparent; background-image: url( "http://www.motherearthnews.com/images/template/rss_feed12x12.jpg" ); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 1px; }

    .blog-landing-rss-post { float: left; padding: 0 10px; width: 225px; }

    .blog-landing-rss-itemtitle { text-decoration: underline; }

    .blog-landing-rss-itemdescription { padding: 8px 0; }

    .blog-landing-rss-itemauthor { }

    .blog-landing-rss-itempubdate { padding: 8px 0; }
      .ArchiveYear ul { padding: 0 0 0 5px; margin: 0; }
    .ArchiveYear h3 { font-size: 16px; padding: 5px 0; margin: 0; }
    .you-tube-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

        .you-tube-container iframe,
        .you-tube-container object,
        .you-tube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}

@media all and (min-width: 0px) and (max-width: 984px) {
    .ContentArea { padding-top: 20px 5px 5px 5px; }

    .videoWrap { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ padding-top: 25px; height: 0; }

        .videoWrap iframe, .videoWrap object, .videoWrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    .ContentRelatedControl { border: 1px solid #E5E5E5; background-color: #E7EEF5; padding: 5px; margin: 9px 4px; display: inline-block; }

        .ContentRelatedControl .List h3 { font-size: 17px; }

            .ContentRelatedControl .List h3 a { font-size: 17px; }

    .BlogListingTable td.PageRowBottom { width: 99%; display: inline-block; border-top: 1px solid grey; }

    .BlogListingTable td.PageRowTop { display: none; }

    .BlogListingTable table, .BlogListingTable thead, .BlogListingTable tbody, .BlogListingTable th, .BlogListingTable td, .BlogListingTable tr { display: block; }

    .BlogListingTable td { /* Behave  like a "row" */ border: none; position: relative; padding-left: 10px; }

    .BlogListing .BlogListingControl .BlogItem { padding-bottom: 10px; }

        .BlogListing .BlogListingControl .BlogItem .Image { float: left; margin: 5px; width: 99%; display: inline-block; }

        .BlogListing .BlogListingControl .BlogItem .Items { float: left; margin: -33px 1px 1px 10px; width: 300px; padding-bottom: 10px; }

            .BlogListing .BlogListingControl .BlogItem .Items .Title { margin-bottom: 8px; text-transform: uppercase; }

                .BlogListing .BlogListingControl .BlogItem .Items .Title a { font-size: 18px; color: white; font-weight: bold; text-decoration: none; }

            .BlogListing .BlogListingControl .BlogItem .Items .Teaser { margin: 10px 0; }

            .BlogListing .BlogListingControl .BlogItem .Items .RSSFeed { margin-bottom: 5px; }

                .BlogListing .BlogListingControl .BlogItem .Items .RSSFeed a { text-decoration: none; padding-left: 17px; background-color: transparent; background-image: url("~/media/Images/MEL/Editorial/Control/BlogListing/rss_feed12x12.ashx"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 1px; }

    .BlogDetailControl .Title { width: 99%; display: inline-block; font-size: 22px; }

    .FeaturedBlogControl .Content { float: left; width: 265px; padding: 0 0 0 5px; margin: -28px 0 0 5px; }

    .FeaturedBlogControl .Title { padding: 9px 0; width: 99%; }

    .FeaturedBlogControl .Image { width: 99%; display: inline-block; }

    .FeaturedBlogControl .Blog a { text-transform: uppercase; color: White; font-size: 18px; font-weight: bold; text-decoration: none; }

    .BlogContainerSubLayout .LeftTop { padding: 5px 0 0 10px; width: 99%; display: inline-block; }

    .ContentToolsControl { background-color: #E7EEF5; padding: 5px; float: left; display: inline-block; width: 99%; }

        .ContentToolsControl span { float: left; }

    .toolbox-icon { float: left; padding-left: 10px; }
}

@media all and (max-width : 320px) {
    .MobilePortrait { display: block; }

    .BlogStackControl .Body img { max-width: 270px; height: auto !important; }

    .BlogDetailControl .Body img { max-width: 270px; height: auto !important; }

    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }

    .CommentControl .PostComment .Captcha { padding: 0; margin: 0; width: 99%; }

        .CommentControl .PostComment .Captcha #adcopy-outer { width: 90%; }

        .CommentControl .PostComment .Captcha #adcopy-puzzle-image { width: 99% !important; }
}

/* Mobile Wide Screen */
@media all and (min-width : 321px) and (max-width : 480px) {
    .MobileLandscape { display: block; }

    .BlogStackControl .Body img { max-width: 325px; height: auto !important; }

    .BlogDetailControl .Body img { max-width: 325px; height: auto !important; }

    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }

    .CommentControl .PostComment .Captcha { padding: 0; margin: 0; }

        .CommentControl .PostComment .Captcha #adcopy-outer { width: 99%; }

        .CommentControl .PostComment .Captcha #adcopy-puzzle-image { width: 99%; }
}

/* Tablet */
@media all and (min-width : 481px) and (max-width : 600px) {
    .SmallTabletPortrait { display: block; }

    .BlogStackControl .Body img { max-width: 475px; height: auto !important; }

    .BlogDetailControl .Body img { max-width: 475px; height: auto !important; }

    .MobileAdvertisement { display: none; }

    .CommentControl .PostComment .Captcha { padding: 32px 0 0 115px; }
}

/* Tablet Wide Screen */
@media all and (min-width : 601px) and (max-width: 768px) {
    .SmallTabletLandscape { display: block; }

    .BlogStackControl .Body img { max-width: 580px; height: auto !important; }

    .BlogDetailControl .Body img { max-width: 580px; height: auto !important; }

    .MobileAdvertisement { display: none; }

    .CommentControl .PostComment .Captcha { padding: 32px 0 0 115px; }
}

/* Tablet Wide Screen */
@media all and (min-width : 769px) and (max-width: 984px) {
    .TabletLandscape { display: block; }

    .BlogStackControl .Body img { max-width: 745px; height: auto !important; }

    .BlogDetailControl .Body img { max-width: 745px; height: auto !important; }

    .MobileAdvertisement { display: none; }

    .CommentControl .PostComment .Captcha { padding: 32px 0 0 115px; }
}


@media all and (max-width : 320px) {
    .MobilePortrait { display: block; }

    .CommentControl .PostComment .Captcha { padding: 0; margin: 0; width: 99%; }

        .CommentControl .PostComment .Captcha #adcopy-outer { width: 90%; }

        .CommentControl .PostComment .Captcha #adcopy-puzzle-image { width: 99% !important; }
}

/* Mobile Wide Screen */
@media all and (min-width : 321px) and (max-width : 480px) {
    .MobileLandscape { display: block; }

    .CommentControl .PostComment .Captcha { padding: 0; margin: 0; }

        .CommentControl .PostComment .Captcha #adcopy-outer { width: 99%; }

        .CommentControl .PostComment .Captcha #adcopy-puzzle-image { width: 99%; }
}

/* Tablet */
@media all and (min-width : 481px) and (max-width : 600px) {
    .SmallTabletPortrait { display: block; }

    .CommentControl .PostComment .Captcha { padding: 32px 0 0 115px; }
}

/* Tablet Wide Screen */
@media all and (min-width : 601px) and (max-width: 768px) {
    .SmallTabletLandscape { display: block; }

    .CommentControl .PostComment .Captcha { padding: 32px 0 0 115px; }
}

/* Tablet Wide Screen */
@media all and (min-width : 769px) and (max-width: 984px) {
    .TabletLandscape { display: block; }

    .CommentControl .PostComment .Captcha { padding: 32px 0 0 115px; }
}

/* Desktop */
@media screen and (min-width: 985px) {
    .Desktop { display: block; }
    /* =====  BLOG LANDING  ====== */

    .BlogContainerSubLayout { }

        .BlogContainerSubLayout .LeaderboardAdvertisement { text-align: center; }

        .BlogContainerSubLayout .BlogLandingTitle { padding-left: 5px; }

            .BlogContainerSubLayout .BlogLandingTitle h1 { font-family: Georgia; text-transform: uppercase; }

        .BlogContainerSubLayout .ContentDivider { margin: 0px 5px 10px 5px; }

        .BlogContainerSubLayout .BlogLeftColumn { float: left; width: 785px; border-top: dashed 1px #BBBBBB; }

            .BlogContainerSubLayout .BlogLeftColumn .BlogLeftColumnLeft { float: left; width: 390px; }

                /*left top here*/

                .BlogContainerSubLayout .BlogLeftColumn .BlogLeftColumnLeft .LeftBottom { }

                    .BlogContainerSubLayout .BlogLeftColumn .BlogLeftColumnLeft .LeftBottom .EmptyContainerControl { width: 350px; }

    .EmptyContainerControl .Title { background-color: #F7F7F7; padding: 5px 5px 10px 12px; color: #333; font-size: 24px; font-weight: bold; }

    .BlogLeftColumn .BlogLeftColumnLeft .LeftBottom .EmptyContainerControl p { text-align: center; }

    .BlogLeftColumn .BlogLeftColumnRight { margin: 8px; float: left; width: 370px; }

    .BlogLeftColumn .RightTop { float: right; padding-top: 5px; }

    .BlogLeftColumn .BlogLeftColumnRight .RightBottom { }

        .BlogLeftColumn .BlogLeftColumnRight .RightBottom .tabs-title { padding: 8px 0 8px 15px; background-color: #F7F7F7; }

            .BlogLeftColumn .BlogLeftColumnRight .RightBottom .tabs-title .MPTitle { font-size: 20px; color: #333; }

        .BlogLeftColumn .BlogLeftColumnRight .RightBottom .MostPopularWrapper .end { background-image: url( "/~/media/Images/UTR/Editorial/Layout/imgSprite.ashx" ); background-repeat: no-repeat; height: 8px; }

        .BlogLeftColumn .BlogLeftColumnRight .RightBottom .MostPopularWrapper .medEnd { width: 350px; background-position: 0 -38px; }

    /* =====  BLOG LANDING CONTROLS  ====== */

    .BlogListing { margin: 10px; width: 785px; }

        .BlogListing .BlogListingControl { margin: 30px 5px 5px 5px; }

            .BlogListing .BlogListingControl .BlogItem { padding: 10px 70px 10px 8px; width: 300px; height: 200px; }

                .BlogListing .BlogListingControl .BlogItem .Image { float: left; margin: 5px; }

                .BlogListing .BlogListingControl .BlogItem .Items { float: left; margin: -33px 1px 1px 10px; width: 300px; padding-bottom: 5px; }


    .BlogListingTable { width: 770px; }

        .BlogListingTable td { vertical-align: top; }

        .BlogListingTable .RowBorder { border-top: 1px dashed gray; }

        .BlogListingTable .PageRowTop { border-top: 1px dashed gray; display: block; min-height: 18px; }

            .BlogListingTable .PageRowTop .PreviousPage { float: right; padding: 0 5px; }

                .BlogListingTable .PageRowTop .PreviousPage a { font-weight: bold; }

            .BlogListingTable .PageRowTop .Pages { float: right; padding: 0 5px; }

                .BlogListingTable .PageRowTop .Pages a { font-weight: bold; }

            .BlogListingTable .PageRowTop .NextPage { float: right; padding: 0 5px; }

                .BlogListingTable .PageRowTop .NextPage a { font-weight: bold; }

            .BlogListingTable .PageRowTop .MoreBlog { font-weight: bold; float: right; padding: 0 5px; }

        .BlogListingTable .PageRowBottom { border-top: 1px dashed gray; border-bottom: 1px dashed gray; display: block; min-height: 18px; }

            .BlogListingTable .PageRowBottom .PreviousPage { float: right; padding: 0 5px; }

                .BlogListingTable .PageRowBottom .PreviousPage a { font-weight: bold; }

            .BlogListingTable .PageRowBottom .Pages { float: right; padding: 0 5px; }

                .BlogListingTable .PageRowBottom .Pages a { font-weight: bold; }

            .BlogListingTable .PageRowBottom .NextPage { float: right; padding: 0 5px; }

                .BlogListingTable .PageRowBottom .NextPage a { font-weight: bold; }

            .BlogListingTable .PageRowBottom .MoreBlog { font-weight: bold; float: right; padding: 0 5px; }

    /* =====  BLOG LANDING ADVERTISEMENTS  ====== */

    .BlogContainerSubLayout .LeaderboardAdvertisement { }

    .BlogContainerSubLayout .BlogRightColumn { margin: 5px 5px 5px 20px; float: left; min-width: 160px; }

        .BlogContainerSubLayout .BlogRightColumn .SkyscraperAdvertisementTop { margin: 5px; min-height: 590px; min-width: 160px; }

        .BlogContainerSubLayout .BlogRightColumn .SkyscraperAdvertisementBottom { margin: 5px; min-height: 590px; min-width: 160px; }

    .BlogContainerSubLayout .BottomAdvertisement { margin: 5px; min-height: 260px; }

        .BlogContainerSubLayout .BottomAdvertisement .BottomLeft { margin: 5px 5px 5px 120px; float: left; min-width: 300px; min-height: 250px; }

        .BlogContainerSubLayout .BottomAdvertisement .BottomRight { margin: 5px 120px 5px 5px; float: right; min-width: 300px; min-height: 250px; }

    /* =====  BLOG STACK  ====== */

    .BlogDataSublayout { }

        .BlogDataSublayout .ContentArea { }

            .BlogDataSublayout .ContentArea .LeftColumn { float: left; width: 595px; padding-right: 4px; border-right: solid 1px #BFBFBF; }

            .BlogDataSublayout .ContentArea .RightColumn { float: left; width: 375px; }

                .BlogDataSublayout .ContentArea .RightColumn .RightColumnTop { border-top: 5px solid #B3B4B8; margin-left: 15px; clear: both; background-image: url( "/~/media/Images/MCC/Editorial/Layout/boxMidSize.ashx" ); background-repeat: repeat-y; width: 350px; }

    .CommunityControl { width: 350px; }

        .CommunityControl .CommunityTitle { background-color: #F7F7F7; padding: 5px 5px 10px 12px; color: #333; font-size: 24px; font-weight: bold; }

        .CommunityControl .CommunityComments { margin-bottom: 10px; max-height: 180px; width: 350px; }

            .CommunityControl .CommunityComments .Community { border-bottom: solid 1px #b0b0b0; width: 310px; margin-left: 15px; color: #5D5D5D; }

                .CommunityControl .CommunityComments .Community .Avatar { float: left; height: 45px; width: 45px; padding: 10px; }

                .CommunityControl .CommunityComments .Community .CommentList { min-height: 65px; width: 310px; padding-top: 5px; }

                    .CommunityControl .CommunityComments .Community .CommentList a { font-weight: bold; }

                    .CommunityControl .CommunityComments .Community .CommentList .DateCreated { text-align: right; padding-top: 5px; width: 310px; }

        .CommunityControl .end { background-image: url( "/~/media/Images/MCC/Editorial/Layout/imgSprite.ashx" ); background-repeat: no-repeat; height: 8px; }

        .CommunityControl .smallEnd { width: 350px; background-position: 0 -38px; }

    .CommunityComments { overflow-y: scroll; overflow-x: hidden; margin-bottom: 10px; max-height: 180px; width: 350px; }

    .BlogDataSublayout .ContentArea .RightColumn .RightColumnLeft { float: left; width: 205px; }

        .BlogDataSublayout .ContentArea .RightColumn .RightColumnLeft .LeftTop { padding-top: 5px; }

        .BlogDataSublayout .ContentArea .RightColumn .RightColumnLeft .LeftCenter { }

        .BlogDataSublayout .ContentArea .RightColumn .RightColumnLeft .LeftBottom { }

    /* =====  BLOG STACK CONTROLS  ====== */

    .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl { padding: 5px; }

        .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl .Breadcrumb { padding-bottom: 5px; }

        .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl .Header { width: 575px; border-bottom: solid 1px #BFBFBF; margin-bottom: 8px; }

            .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl .Header h1 a { text-transform: uppercase; font-size: 26px; color: Black; text-decoration: none; }

            .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl .Header p { }

        .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl .Title h2 a { font-size: 22px; font-weight: lighter; text-decoration: none; }

        .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl .DateTime { margin-top: -15px; }

        .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl .Byline { }

        .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl .Tags { margin-top: 4px; }

            .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl .Tags a { text-decoration: underline; }



        .BlogDataSublayout .ContentArea .LeftColumn .BlogStackControl .CommentLink { float: right; padding: 8px; }

    .LeftColumn .BlogStackControl .GigyaShareBarTop { float: right; padding: 5px 0 0 0; }

        .LeftColumn .BlogStackControl .GigyaShareBarTop .Facebook { float: left; padding-right: 5px; }

        .LeftColumn .BlogStackControl .GigyaShareBarTop .Twitter { float: left; }

        .LeftColumn .BlogStackControl .GigyaShareBarTop .Pintrest { float: left; padding-right: 5px; }

        .LeftColumn .BlogStackControl .GigyaShareBarTop .GooglePlus { float: left; }

        .LeftColumn .BlogStackControl .GigyaShareBarTop .LinkedIn { float: left; padding-right: 5px; }

        .LeftColumn .BlogStackControl .GigyaShareBarTop .MSN { float: left; padding-top: 3px; }

    .LeftColumn .BlogStackControl .GigyaShareBarBottom { border-top: solid 1px #BFBFBF; }

        .LeftColumn .BlogStackControl .GigyaShareBarBottom .Facebook { float: left; padding-right: 5px; padding-top: 5px; }

        .LeftColumn .BlogStackControl .GigyaShareBarBottom .Twitter { float: left; padding-top: 5px; }

        .LeftColumn .BlogStackControl .GigyaShareBarBottom .Pintrest { float: left; padding-top: 5px; padding-right: 5px; }

        .LeftColumn .BlogStackControl .GigyaShareBarBottom .GooglePlus { float: left; padding-top: 5px; }

        .LeftColumn .BlogStackControl .GigyaShareBarBottom .LinkedIn { float: left; padding-right: 5px; padding-top: 5px; }

        .LeftColumn .BlogStackControl .GigyaShareBarBottom .MSN { float: left; padding-top: 8px; }



    .BlogRecentPostsControl { width: 205px; margin-bottom: 5px; background-color: #E4E4E4; }

        .BlogRecentPostsControl .InnerArea { border-left: solid 1px #999; border-right: solid 1px #999; padding: 0 8px 8px 8px; }

            .BlogRecentPostsControl .InnerArea .Title { font-size: 18px; color: #333; border-bottom: solid 1px white; padding: 2px 0 4px 0; font-weight: bolder; }

            .BlogRecentPostsControl .InnerArea .List { padding: 5px; }

                .BlogRecentPostsControl .InnerArea .List a { text-decoration: none; }

                .BlogRecentPostsControl .InnerArea .List .RecentPost { padding: 5px; }

    .BlogCategoryControl { width: 205px; margin-bottom: 5px; background-color: #E4E4E4; }


    .BlogWhatReadingControl { width: 205px; margin-bottom: 5px; background-color: #E4E4E4; }

    .BlogStackControl .divPrevious { float: left; padding: 10px; padding-bottom: 20px; }

    .BlogStackControl .divNext { margin-left: 470px; padding: 10px; padding-bottom: 20px; }

    /* =====  BLOG STACK ADVERTISEMENTS  ====== */

    .BlogDataSublayout .LeaderboardAdvertisement { text-align: center; margin-bottom: 5px; }

    .BlogDataSublayout .ContentArea .RightColumn .JumboRightTopAdvertisement { }

    .BlogDataSublayout .ContentArea .RightColumn .RightColumnAdvertisement { float: left; margin: 5px; }

    .BlogDataSublayout .BottomSubLayout { clear: both; border-top: solid 1px #BFBFBF; }

        .BlogDataSublayout .BottomSubLayout .BottomLeft { margin: 5px 5px 5px 120px; float: left; min-width: 300px; min-height: 250px; }

        .BlogDataSublayout .BottomSubLayout .BottomRight { margin: 5px 120px 5px 5px; float: right; min-width: 300px; min-height: 250px; }

    /* =====  BLOG POST  ====== */

    .BlogItemSublayout { }

        .BlogItemSublayout .ContentArea { }

            .BlogItemSublayout .ContentArea .LeftColumn { float: left; width: 595px; padding-right: 4px; }

    .LeftColumn .BlogDetailControl .ShareBarBottom { float: left; padding: 10px; }

        .LeftColumn .BlogDetailControl .ShareBarBottom .Facebook { float: left; padding-right: 5px; padding-top: 5px; }

        .LeftColumn .BlogDetailControl .ShareBarBottom .Twitter { float: left; padding-top: 5px; }

        .LeftColumn .BlogDetailControl .ShareBarBottom .Pintrest { float: left; padding-top: 5px; padding-right: 5px; }

        .LeftColumn .BlogDetailControl .ShareBarBottom .GooglePlus { float: left; padding-top: 5px; }

        .LeftColumn .BlogDetailControl .ShareBarBottom .LinkedIn { float: left; padding-right: 5px; padding-top: 5px; }

        .LeftColumn .BlogDetailControl .ShareBarBottom .MSN { float: left; padding-top: 8px; }

    .LeftColumn .BlogDetailControl .GigyaShareBarTop { float: right; padding: 10px; }

        .LeftColumn .BlogDetailControl .GigyaShareBarTop .Facebook { float: left; padding-right: 5px; }

        .LeftColumn .BlogDetailControl .GigyaShareBarTop .Twitter { float: left; }

        .LeftColumn .BlogDetailControl .GigyaShareBarTop .Pintrest { float: left; padding-right: 5px; }

        .LeftColumn .BlogDetailControl .GigyaShareBarTop .GooglePlus { float: left; }

        .LeftColumn .BlogDetailControl .GigyaShareBarTop .LinkedIn { float: left; padding-right: 5px; }

        .LeftColumn .BlogDetailControl .GigyaShareBarTop .MSN { float: left; padding-top: 3px; }

    .BlogItemSublayout .ContentArea .RightColumn { padding: 5px; float: left; width: 375px; border-left: solid 1px #BFBFBF; }

        .BlogItemSublayout .ContentArea .RightColumn .RightColumnTop { border-top: 5px solid #B3B4B8; margin-left: 15px; clear: both; background-image: url( "/~/media/Images/MCC/Editorial/Layout/boxMidSize.ashx" ); background-repeat: repeat-y; width: 350px; }

        .BlogItemSublayout .ContentArea .RightColumn .RightColumnLeft { float: left; width: 205px; }

            .BlogItemSublayout .ContentArea .RightColumn .RightColumnLeft .LeftTop { }

            .BlogItemSublayout .ContentArea .RightColumn .RightColumnLeft .LeftCenter { }

            .BlogItemSublayout .ContentArea .RightColumn .RightColumnLeft .LeftBottom { }

        .BlogItemSublayout .ContentArea .RightColumn .RightBottom .most-popular-body { margin-left: 30px; text-align: left; }

    .BlogItemSublayout .ContentArea .GigyaShareBarBottomControl { float: left; padding: 10px; }

    .BlogItemSublayout .ContentArea .GigyaShareBarTopControl { float: right; padding: 10px; }

    /* =====  BLOG POST CONTROLS  ====== */

    .BlogDetailControl { padding: 5px; }

        .BlogDetailControl .Breadcrumb { padding-bottom: 5px; }

        .BlogDetailControl .Header { width: 575px; border-bottom: solid 1px #BFBFBF; margin: 0 0 7px 0; }

            .BlogDetailControl .Header h1 a { text-transform: uppercase; font-size: 26px; color: Black; text-decoration: none; }

            .BlogDetailControl .Header p { margin-top: -15px; }

        .BlogDetailControl .Title { clear: both; }
            .BlogDetailControl .Title h2 { font-size: 22px; font-weight: lighter; margin: 0; padding: 0; }
        .BlogDetailControl p.Date { margin: 0; padding: 0; }
        .BlogDetailControl p.Byline { line-height: normal; padding: 0; margin: 0; }
        .BlogDetailControl p.Tags { line-height: normal; padding: 0; margin: 0; }
        .BlogDetailControl .Tags a { text-decoration: underline; }
        .BlogDetailControl .CommentLink { float: right; padding: 8px; }

        .BlogDetailControl .GigyaComments { padding-left: 10px; }

        .BlogDetailControl #ShowShareBarUI2 { float: left; padding: 10px; }

        .BlogDetailControl .GigyaShareBarTopControl { float: right; padding: 10px; }

        .BlogDetailControl .BottomControls .LeftControl { float: left; }

    .ContentRelatedControl { float: left; border: solid 1px #E5E5E5; border-left: none; background-color: #E7EEF5; width: 440px; margin: 0 10px 0 0; padding: 8px 0 5px 5px; }

        .ContentRelatedControl h2 { font-weight: bold; padding-bottom: 5px; }

        .ContentRelatedControl ul { margin-left: -18px; }

        .ContentRelatedControl .List { padding-bottom: 8px; }

            .ContentRelatedControl .List h3 { font-size: 17px; margin-top: -12px; margin-bottom: -10px; }

                .ContentRelatedControl .List h3 a { font-size: 17px; }

    .BlogDetailControl .BottomControls .RightControl { float: right; }

    .ContentToolsControl { border: 1px solid #E5E5E5; padding: 5px; }

    .toolbox-icon { height: 24px; padding-left: 35px; margin: 5px 0; background: url(/Resources/images/toolbox.jpg) no-repeat; }

        .toolbox-icon a { line-height: 24px; }

    .image-gallery-icon { background-position: 0 0; }

    .print-icon { background-position: 0 -24px; }

    .email-icon { background-position: 0 -48px; }

    .rss-icon { background-position: 0 -72px; }

    .comments-icon { background-position: 0 -96px; }

    .magnifying-glass-icon { background-position: 0 -120px; }

    .PreviousNextLinks .divPrevious { float: left; padding: 10px; }

    .PreviousNextLinks .divNext { margin-left: 470px; padding: 10px; margin-bottom: 10px; }

    /* =====  BLOG POST ADVERTISEMENTS  ====== */

    .BlogItemSublayout .LeaderboardAdvertisement { text-align: center; margin-bottom: 5px; }

    .BlogItemSublayout .ContentArea .RightColumn .JumboRightTopAdvertisement { text-align: center; padding-bottom: 10px; }

    .BlogItemSublayout .ContentArea .RightColumn .RightColumnRight { float: left; padding-left: 5px; }

    .BlogItemSublayout .ContentArea .LeftColumn .BlogDetailControl .AdvertisementControl { padding-bottom: 10px; }

    .BlogItemSublayout .BottomSubLayout { clear: both; border-top: solid 1px #BFBFBF; }

        .BlogItemSublayout .BottomSubLayout .BottomLeft { margin: 5px 5px 5px 120px; float: left; min-width: 300px; min-height: 250px; }

        .BlogItemSublayout .BottomSubLayout .BottomRight { margin: 5px 120px 5px 5px; float: right; min-width: 300px; min-height: 250px; }

    /* =====  BRYAN'S BLOG RSS FEED  ====== */

    .Comments .Comment { padding: 10px 0; margin: 2px 3px 0 0; border-bottom: solid 1px grey; }

        .Comments .Comment .UserInformation { float: left; padding: 2px 4px; }

        .Comments .Comment .Avatar { float: left; padding: 2px 4px; }

        .Comments .Comment .Information { float: left; width: 145px; padding: 2px 4px; }

            .Comments .Comment .Information .DisplayName { overflow: hidden; font-size: 14px; font-weight: bold; padding: 0 0 4px; }

            .Comments .Comment .Information .DateCreated { overflow: hidden; }

            .Comments .Comment .Information .DateUpdated { overflow: hidden; }

        .Comments .Comment .Body { width: 335px; min-height: 100px; float: left; }

    .Create { float: left; }

        .Create .WYSIWYG { padding: 5px 0 0 0; }

            .Create .WYSIWYG .Editor { width: 565px; }

        .Create .List { float: left; width: 505px; }

        .Create .Submit { width: 568px; text-align: right; }

    /* =====  Blogger Lite  ====== */

    .BlogEditorControl { margin: 10px 10px; }

    .Blogger { background-color: #D3DEEF; border: 1px dashed #2F4F4F; padding: 5px; padding-top: 10px; }

    .BlogEditorControl .Button { padding: 4px 0 0; width: 265px; color: blue; }

    .PaneHeader { font-size: 18px; width: 650px; padding: 2px 2px; }

    .ContentTitle .txtContentTitle { width: 650px; }

    .ContentTeaser .txtContentTeaser { width: 650px; }

    .ContentBody .edContentBody { width: 650px; }

    .ContentTags .txtContentTags { width: 650px; }

    .ContentTaxonomy .drpContentTaxonomy { width: 655px; }

    .ContentBlog .drpContentBlog { width: 655px; }

    .ContentByline .txtContentByline { width: 650px; }

    .BlogEditorControl .Blogger .MediaImage table { width: 650px; }

    .BlogEditorControl .Blogger .MediaImage .drpMediaSoical { width: 650px; margin: 1px 0 0 0; }

    .MetaTitle .txtMetaTitle { width: 650px; }

    .MetaDescription .txtMetaDescription { width: 650px; }

    .MetaKeyword .txtMetaKeyword { width: 650px; }

    .EmbeddedDirection .txtEmbeddedDirection { width: 650px; }

    .EmbeddedDirection .txtEmbeddedDirection { width: 650px; }

    .BlogEditorControl .Blogger { float: left; }

    .BlogEditorControl .Panel .BlogInformation { width: 340px; }

        .BlogEditorControl .Panel .BlogInformation .Preview { width: 95px; }
          
        .BlogEditorControl .Panel .BlogInformation .PreviewValue { }

            .BlogEditorControl .Panel .BlogInformation .PreviewValue .dvPreview { width: 239px; overflow: auto; }

    .BlogEditorControl .Panel { float: left; padding: 10px 10px; font-size: 16px; }

        .BlogEditorControl .Panel .BodyCount { padding: 5px 0; }

        .BlogEditorControl .Panel .BlogValidation ul { margin-left: 0; padding-left: 20px; color: red; }

        .BlogEditorControl .Panel .BlogInformation { }

        .BlogEditorControl .Panel table { width: 340px; font-size: 16px; font-weight: normal; }

            .BlogEditorControl .Panel table td { border: 1px solid #D3DEEF; }

            .BlogEditorControl .Panel table .Stuff { text-align: right; padding: 2px 4px; width: 100px; }

        .BlogEditorControl .Panel .BlogInformation { display: none; }

    .BlogEditorControl .BlogEditorConfirmation { text-align: center; }


    /*=========== Comment Login =============*/

    .CommentControl .HeaderDividerControl { border-bottom: 2px solid #999999; margin-top: 5px; margin-bottom: 5px; }

    .CommentControl { margin: 0 0 0 12px; }

        .CommentControl .ShareThoughts { width: 535px; height: 70px; background-repeat: no-repeat; padding: 10px 0 0 22px; }

        .CommentControl .PostComment { background-image: url('/Images/Control/Comments/PostCommentV1.png'); width: 540px; height: 521px; background-repeat: no-repeat; border: 2px solid #666668; }

            .CommentControl .PostComment .Comment { padding: 25px 0 0 140px; }

                .CommentControl .PostComment .Comment .Editor { padding: 5px 0 0 0; width: 365px; height: 180px; }

            .CommentControl .PostComment .Captcha { padding: 32px 0 0 115px; }

            .CommentControl .PostComment .Submit { padding: 1px 0 0 115px; }
}