@media all and (min-width: 0px) {
    p { color: #333; line-height: 1.6; }
    .ArchiveYear ul { padding: 0 0 0 5px; margin: 0; }
    .ArchiveYear h3 { font-size: 16px; padding: 5px 0; margin: 0; }
    .BlogWhatReadingControl .List p {line-height: normal !important; padding: 0; margin: 0; padding-bottom: 5px; }
    .ContentArea { padding: 5px; }

        .ContentArea .Body a { text-decoration: underline !important; }

    .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%; }

    .BlogLeftColumn .BlogLeftColumnLeft .LeftBottom { display: none; }
}

@media all and (min-width : 0px) and (max-width: 984px) {

    .ContentArea { padding: 20px 5px 5px 5px; }

    .FeaturedBlogControl .Image { float: left; min-height: 100px; }

    .FeaturedBlogControl .Content { float: left; }

    .FeaturedBlogControl .Title { background-color: white; border: none !important; }

        .FeaturedBlogControl .Title a { background-color: white; border: none !important; }

    .FeaturedBlogControl .Content .Teaser { }

    .FeaturedBlogControl .Content .Byline { padding-bottom: 20px; font-style: italic; }

    .BlogItemSublayout { }

    .BlogDetailControl .Title { background-color: white !important; border: none !important; }

        .BlogDetailControl .Title h2 { font-size: 20px; font-weight: lighter; color: #004276; background-color: white; border: none !important; }

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

    .BlogListingTable .PageRowTop .Pages a { color: #004276 !important; }

    .LeftColumn .BlogDetailControl .Title h2 { font-size: 24px; font-weight: lighter; color: #004276; }

    .BlogListingTable td { width: 50%; padding: 5px; }

        .BlogListingTable td.PageRowBottom { width: initial; }

        .BlogListingTable td.PageRowTop { display: none; }

    .BlogDetailControl .Header h1 a { text-transform: uppercase; text-decoration: none; }

    .BlogStackControl .Header h1 a { text-transform: uppercase; text-decoration: none; }

    .BlogStackControl .Title { border: none !important; background-color: white; }

        .BlogStackControl .Title h2 { background-color: white; }

            .BlogStackControl .Title h2 a { background-color: white; color: #004276; font-weight: lighter; font-size: 24px; }

    .BlogStackControl .Body p { }

    .BlogStackControl .DateTime { padding-bottom: 8px; }

    .BlogStackControl .Byline { padding-bottom: 8px; }

    .BlogStackControl .Tags { font-size: 15px; }



    .BlogRecentPostsControl .InnerArea { width: 99%; background-color: #ECE8D5; margin-top: 90px; padding-top: 4px; padding-bottom: 4px; }

        .BlogRecentPostsControl .InnerArea .Title { font-size: 20px; font-weight: bold; clear: both; color: black; border: none !important; }

    .BlogCategoryControl .InnerArea { width: 99%; background-color: #ECE8D5; padding-top: 4px; padding-bottom: 4px; }

        .BlogCategoryControl .InnerArea .Title { font-size: 20px; font-weight: bold; clear: both; color: black; border: none !important; }

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

    .BlogArchiveControl .InnerArea { width: 290px; background-color: #ECE8D5; padding-top: 4px; padding-bottom: 4px; }

        .BlogArchiveControl .InnerArea .Title { font-size: 20px; font-weight: bold; clear: both; color: black; border: none !important; }

        .BlogArchiveControl .InnerArea .List div a { padding: 8px 0; }

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

    .BlogWhatReadingControl .InnerArea { width: 99%; background-color: #ECE8D5; padding-top: 4px; padding-bottom: 4px; }

        .BlogWhatReadingControl .InnerArea .Title { font-size: 20px; font-weight: bold; clear: both; color: black; border: none !important; }

        .BlogWhatReadingControl .InnerArea .List { }

            .BlogWhatReadingControl .InnerArea .List a { padding-bottom: 8px; }

    .LeftColumn .BlogDetailControl .Body { border-bottom: 1px solid black; }

    .BlogLeftColumn .Title { border: none !important; background-color: white; }

    .BlogItem .Title { background-color: white !important; font-weight: bold; font-size: 18px; border: none !important; }

        .BlogItem .Title a { background-color: white !important; }

    .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-size: 14px; font-weight: bold; }

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

            .BlogListingTable .PageRowBottom .Pages a { font-size: 14px; font-weight: bold; color: #004276 !important; }

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

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

    .BlogLeftColumn .RightTop { display: inline-block; }

    .BlogDetailControl .Header { margin-top: 5px; margin-bottom: 5px; margin-right: 5px; padding-bottom: 4px; }

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

        .ContentToolsControl span { float: left; }

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

    .Image a img { width: 99%; }

    .CommunityControl { padding: 5px; max-height: 350px; overflow-y: scroll; overflow-x: hidden; }
        .CommunityControl .CommunityTitle { padding: 8px 8px; border: 1px solid black; background-color: #ece8d5; font-size: 18px; font-weight: bold; }
        .CommunityControl .Community .CommentList .Title { background-color: white; border: none !important; }
        .CommunityControl .CommentList .Title a { text-decoration: underline !important; color: #004276 !important; }

        .CommunityControl .Community { border-bottom: solid 1px #b0b0b0; color: #5D5D5D; }

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

        .CommunityControl .CommentList { font-size: 12px; width: 99%; padding: 5px; }

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

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

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

        .CommentControl .ShareThoughts { background-repeat: no-repeat; padding: 10px 0 0 22px; line-height: 30px; }



        .CommentControl .PostComment { background-image: url('/Images/Control/Comments/PostCommentV2.png'); border: 02px solid #666668; background-repeat: no-repeat; }

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

                .CommentControl .PostComment .Comment .Editor { padding: 5px 0 0 0; }

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

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

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

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

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

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

    .ContentToolsControl { border: 1px solid #E5E5E5; background-color: #E7EEF5; padding: 5px; }

        .ContentToolsControl span { font-weight: normal; color: #666; }


    .MoreBlog { display: none; }

    .BlogLatestWrapper .BlogLatestControl .Title a { text-decoration: none; }

    .BlogLatestControl .Blogs .BlogImage { float: left; max-width: 85px; }

    .BlogLatestControl .Blogs .BlogList { padding: 0 3px; }

    .LeftTop .FeaturedBlogControl .Content .Blog { font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 4px 0 8px; }



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

    .AdvertisementControl .Title { display: none; }
}

/* Mobile */
@media all and (max-width : 320px) {

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

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

    .BlogListingTable .PageRowBottom .MoreBlog { display: none; }

    .FeaturedBlogControl .Content { width: 175px; }

    .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) {

    .LargeAd { display: none; }

    .MobileAdvertisement { display: block; }

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

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

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

    .FeaturedBlogControl .Content { width: 175px; }

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

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

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

@media all and (max-width: 400px) {
    .BlogListingTable .PageRowBottom .MoreBlog { display: none; }
}

/* Tablet */
@media all and (min-width : 481px) and (max-width : 600px) {

    .MobileAdvertisement { display: none; }

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

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

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

    .FeaturedBlogControl .Content { width: 75%; }

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

/* Tablet Wide Screen */
@media all and (min-width : 601px) and (max-width: 768px) {

    .MobileAdvertisement { display: none; }

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

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

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

    .FeaturedBlogControl .Content { width: 75%; }

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

/* Tablet Wide Screen */
@media all and (min-width : 769px) and (max-width: 984px) {

    .MobileAdvertisement { display: none; }

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

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

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

    .FeaturedBlogControl .Content { width: 75%; }

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

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

    .BlogContainerSubLayout { }

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

        .BlogContainerSubLayout .BlogLandingTitle { margin: 5px 5px -5px 5px; }

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

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

    .BlogLeftColumn .BlogLeftColumnLeft { margin: 5px; float: left; width: 45%; }

        .BlogLeftColumn .BlogLeftColumnLeft .LeftTop { margin: 5px; height: 275px; width: 370px; }

    .FeaturedBlogControl .Image { float: left; }

    .FeaturedBlogControl .Content { float: left; padding: 5px 5px; width: 265px; }

    .FeaturedBlogControl .Blog { float: left; width: 260px; padding: 10px 0; }

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

    .FeaturedBlogControl .Title { float: left; width: 260px; padding: 2px 0 5px 3px; border: none; }

        .FeaturedBlogControl .Title a { }

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

    .BlogLeftColumn .BlogLeftColumnLeft .LeftBottom { margin: 5px; }

        .BlogLeftColumn .BlogLeftColumnLeft .LeftBottom .EmptyContainerControl { width: 297px; padding: 5px; }

            .BlogLeftColumn .BlogLeftColumnLeft .LeftBottom .EmptyContainerControl h2 { font-size: 20px; font-weight: bold; padding: 5px; }

            .BlogLeftColumn .BlogLeftColumnLeft .LeftBottom .EmptyContainerControl .Title { background-image: url( '/~/media/Images/MEN/Editorial/Home/box_297.ashx' ); background-repeat: no-repeat; font-size: 20px; font-weight: bold; padding-left: 16px; }

            .BlogLeftColumn .BlogLeftColumnLeft .LeftBottom .EmptyContainerControl p { padding: 0 8px; }

    .BlogLeftColumn .BlogLeftColumnRight { margin: 5px; float: right; width: 50%; }

        .BlogLeftColumn .BlogLeftColumnRight .RightTop { float: right; }

        .BlogLeftColumn .BlogLeftColumnRight .RightBottom { margin: 0 auto; float: right; }

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


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

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

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

            .BlogLeftColumn .BlogListing .BlogListingControl .BlogItem { padding: 10px 8px; height: 210px; }

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

                .BlogLeftColumn .BlogListing .BlogListingControl .BlogItem .Items { float: left; margin: 5px; width: 250px; padding-bottom: 5px; }

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

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

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

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

                        .BlogLeftColumn .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' ); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 1px; }

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

    .BlogListingTable { width: 770px; }

        .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-size: 14px; font-weight: bold; }

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

                .BlogListingTable .PageRowTop .Pages a { font-size: 14px; font-weight: bold; color: #004276 !important; }

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

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

            .BlogListingTable .PageRowTop .MoreBlog { font-size: 14px; 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-size: 14px; font-weight: bold; color: #004276 !important; }

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

                .BlogListingTable .PageRowBottom .Pages a { font-size: 14px; font-weight: bold; color: #004276 !important; }

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

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

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

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

    .BlogContainerSubLayout .LeaderboardAdvertisement { padding-top: 10px; }

    .BlogContainerSubLayout .BlogRightColumn { margin: 5px; 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 { }

    .LeftColumn { margin: 5px; padding: 5px; float: left; width: 575px; border-right: solid 1px #BFBFBF; }

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

        .RightColumn .RightColumnTop { }

            .RightColumn .RightColumnTop .Title h2 { padding-left: 110px; font-size: 18px; font-weight: normal; }

                .RightColumn .RightColumnTop .Title h2 strong { font-weight: bolder; }

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

            .RightColumn .RightColumnLeft .LeftTop { }

            .RightColumn .RightColumnLeft .LeftCenter { }

            .RightColumn .RightColumnLeft .LeftBottom { }

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

    .LeftColumn .BlogStackControl { }

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

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

            .LeftColumn .BlogStackControl .Header h1 { margin: 0; }

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

            .LeftColumn .BlogStackControl .Header p { margin: 0; padding-bottom: 5px; }

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

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

        .LeftColumn .BlogStackControl .Byline { }

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

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

        .LeftColumn .BlogStackControl .Body { }

            .LeftColumn .BlogStackControl .Body li { }

            .LeftColumn .BlogStackControl .Body p { line-height: 20px; }

            .LeftColumn .BlogStackControl .Body h2 { font-size: 16px; }

        .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; }

    .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; }

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

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

            .BlogRecentPostsControl .InnerArea .Title { font-size: 16px; 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: #ECE8D5; }

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

            .BlogCategoryControl .InnerArea .Title { font-size: 16px; 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: 205px; background-color: #ECE8D5; }

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

            .BlogArchiveControl .InnerArea .Title { font-size: 16px; 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: 205px; margin-bottom: 5px; background-color: #ECE8D5; }

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

            .BlogWhatReadingControl .InnerArea .Title { font-size: 16px; 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; }

    .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; padding-top: 10px; }

    .RightColumn .JumboRightTopAdvertisement { padding-bottom: 20px; }

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

    .BlogDataSublayout .BottomSubLayout { border-top: solid 1px #999; padding: 0 5px 0 5px; clear: both; }

        .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 { }

    .LeftColumn { margin: 5px; padding: 5px; float: left; width: 575px; border-right: solid 1px #BFBFBF; }

        .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; }

    .RightColumn .RightColumnTop { padding-left: 0px; margin-left: 0; }

        .RightColumn .RightColumnTop .Title h2 { padding-left: 110px; font-size: 18px; font-weight: normal; }

            .RightColumn .RightColumnTop .Title h2 strong { font-weight: bolder; }



    .RightColumn .CommunityControl { max-height: 350px; background-image: url( '/~/media/Images/MEN/Editorial/Blogs/box_360.ashx' ); background-repeat: no-repeat; padding-bottom: 10px; }

        .RightColumn .CommunityControl .CommunityTitle { height: 15px; text-transform: uppercase; padding: 5px 0 10px 5px; margin: 0 0 2px 0; font-weight: bold; font-size: 17px; }
        .RightColumn .CommunityControl .Avatar { float: left; height: 45px; width: 45px; padding: 10px; }
        .RightColumn .CommunityControl .DateCreated { text-align: right; padding-top: 5px; width: 335px; }
        .RightColumn .CommunityControl .Community { border-bottom: solid 1px #b0b0b0; width: 355px; color: #5D5D5D; padding: 5px; }
        .RightColumn .CommunityControl .CommunityComments { overflow-y: scroll; overflow-x: hidden; margin-bottom: 10px; max-height: 250px; width: 360px; }



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

        .RightColumn .RightColumnLeft .LeftTop { }

        .RightColumn .RightColumnLeft .LeftCenter { }

        .RightColumn .RightColumnLeft .LeftBottom { }

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

    .BlogDetailControl { }

        .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; text-decoration: none; }

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

        .BlogDetailControl .Title { clear: both; }

            .BlogDetailControl .Title h2 { font-size: 24px; font-weight: lighter; color: #004276; 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 .Body h2 { font-size: 16px; }

        .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; width: 350px; border: 1px solid #E5E5E5; background-color: #E7EEF5; padding: 5px; }

        .ContentRelatedControl h2 { font-weight: bold; margin: 0; padding-bottom: 5px; font-size: 16px; }
        .ContentRelatedControl .List { padding-bottom: 8px; }
        .ContentRelatedControl h3 { margin: 0; padding: 0; font-size: 16px; }
            .ContentRelatedControl h3 a { margin: 0; padding: 0; font-size: 16px; font-weight: normal; }
        .ContentRelatedControl p { font-size: 16px; padding: 0 0 0 5px; margin: 0; line-height: normal; }

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

        .LeftColumn .BlogDetailControl .BottomControls .RightControl .ContentToolsControl { width: 140px; border: 1px solid #E5E5E5; background-color: #E7EEF5; padding: 5px; }

            .LeftColumn .BlogDetailControl .BottomControls .RightControl .ContentToolsControl span { font-weight: normal; color: #666; }

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

            .LeftColumn .BlogDetailControl .BottomControls .RightControl .toolbox-icon a { line-height: 24px; }

        .LeftColumn .BlogDetailControl .BottomControls .RightControl .image-gallery-icon { background-position: 0 0; }

        .LeftColumn .BlogDetailControl .BottomControls .RightControl .print-icon { background-position: 0 -24px; }

        .LeftColumn .BlogDetailControl .BottomControls .RightControl .email-icon { background-position: 0 -48px; }

        .LeftColumn .BlogDetailControl .BottomControls .RightControl .rss-icon { background-position: 0 -72px; }

        .LeftColumn .BlogDetailControl .BottomControls .RightControl .comments-icon { background-position: 0 -96px; }

        .LeftColumn .BlogDetailControl .BottomControls .RightControl .magnifying-glass-icon { background-position: 0 -120px; }

    .PreviousNextLinks { border-top: solid 1px #BFBFBF; border-bottom: solid 1px #BFBFBF; }

        .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; padding-top: 10px; }

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

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

    .BlogItemSublayout .BottomSubLayout { border-top: solid 1px #999; padding: 0 5px 0 5px; clear: both; }

        .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  ====== */
    .blog-landing-rss-feed { width: 100%; padding: 8px 0 8px 0; border-top: solid 1px #a2DEF9; border-bottom: solid 1px #a2DEF9; }

    .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 { font-size: 16px; text-decoration: underline; }

        .blog-landing-rss-itemtitle a { font-size: 16px; }

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

    .blog-landing-rss-itemauthor { }

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


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

        .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-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 .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 .ShareThoughts .Share { }

            .CommentControl .ShareThoughts a { }

        .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; }
}