/* Cleaned CSS: */

  body {
     font-family: Arial, sans-serif;
     font-size: 12px;
     margin: 0px;
     background-color: #f8f8f8;
     color: #000000;
  
     }
  a {
     color: #000000;
     }
  a:visited {
     color: #314667;
     }
  .entryHeaderDate a {
     color : #000000;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color : #000000;
     text-decoration : underline;
     }
  .header-title {
     background-color: #6b7da6;
     font-family: ;
     font-size: 30px;
     color: #ffffff;
     padding: 0px 20px 0px 20px;
     }
  .header-subtitle {
     background-color: #6b7da6;
     color: #d4ddee;
     font-family: ;
     font-size: 24px;
     padding: 0px 24px 0px 24px;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     border-left: 2px solid #ffffff;
     border-bottom: 2px solid #ffffff;
     }
  .pageheaderblock {
     text-align: left;
     }
  .pagefooterblock {
     border-top: 2px solid #ffffff;
     background-color: #aabbdd;
     color: #000000;
     padding: 4px 4px 4px 24px;
     margin-top: 4px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #000000;
     }
  .bodyblock {
     padding: 10px 20px 0px 20px;
     }
  .bodyheaderblock {
     border-top: 2px solid #ffffff;
     background-color: #d4ddee;
     padding: 4px 0px 4px 0px;
     }
  .bodynavblock {
     border-top: 2px solid #ffffff;
     background-color: #d4ddee;
     color: #000000;
     margin: 10px 0px 4px 0px;
     padding: 8px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #000000;
     }
  .body-title {
     font-family: ;
     font-size: 18px;
     color: #000000;
     text-align: left;
     padding-left: 24px;
     }
  .body-midtitle {
     font-family: ;
     font-size: 18px;
     color: #000000;
     text-align: left;
     padding-left: 8px;
     }
  .entryHolder {
     color: #000000;
     background-color: #f8f8f8;
     font-family: ;
     font-size: 12px;
     border-top: 2px solid #ffffff;
     margin: 4px 0px 4px 0px;
     }
  .entryUserinfo {
     text-align: center;
       margin: 0px 8px 8px 0px;
     
     background-color: #f8f8f8;
     }
  .entryUserinfo-usericon img {
     border: 0;
     }
  .entryText {
     display: table;
     table-layout: fixed;
     width: 100%;
     padding: 10px;
     box-sizing: border-box;
     }
  .entryHeader {
     background-color: #dddddd;
     color: #000000;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .entryHeader a{
     color: #000000;
     }
  .entryHeaderSubject {
     font-weight: bold;
     }
  .entryHeaderSubject A, .entryHeaderSubject A:hover, .entryHeaderSubject A:visited {
     text-decoration: none;
     color: #000000;
     }
  .entryMetadata {
     padding-left: 10px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: inline;
     padding-right: 10px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: ;
     font-size: 11px;
     color: #000000;
     text-align: right;
     padding: 4px 0px 4px 0px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .entryLinkbar li .ljlikus-button .svgicon {
    stroke-width: 2px;
    width: 16px;
    height: 16px;
    fill: transparent;
    stroke: #FF2D2D;
  }
  .entryLinkbar li .ljlikus--like-active .svgicon/*,
  .entryLinkbar li .ljlikus-button .svgicon:hover*/ {
    fill: #FF2D2D;
  }
  .entryLinkbar li .ljlikus-action {
    color: #FF2D2D;
  }
  .commentHolder {
     color: #000000;
     background-color: #f8f8f8;
     border-top: 2px solid #ffffff;
     font-family: ;
     font-size: 12px;
     margin: 4px 0px 4px 0px;
     }
  .commentHolder > TABLE {
     table-layout: fixed;
     }
  .commentHolder-left > TABLE > TBODY > TR > TD:first-child {
     width: 108px;
     }
  .commentHolder-right > TABLE > TBODY > TR > TD:last-child {
     width: 108px;
     }
  .commentHolder-left.commentHolder-wrap > TABLE > TBODY > TR:first-child TD,
  .commentHolder-right.commentHolder-wrap > TABLE > TBODY > TR:first-child TD {
     width: 100%;
     }
  .commentHolder > TABLE > TBODY > TR > TD[colspan]:first-child {
     width: auto;
     }
  .commentUserinfo {
     text-align: center; 
       margin: 0px 8px 8px 0px;
     
     background-color: #f8f8f8;
     }
  .commentUserinfo-usericon img {
     border: 0;
     }
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #dddddd;
     color: #000000;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: ;
     font-size: 11px;
     color: #000000;
     text-align: right;
     padding-top: 4px;
     padding-bottom: 4px;
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     background-color: #f8f8f8;
     color: #000000;
     padding-left: 10px;
     }
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #dddddd;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #000000;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #dddddd;
     background: #eeeeee;
     color: #000000;
     }
  .day-blank {
     border: 1px solid #dddddd;
    }
  .day {
     border: 1px solid #dddddd;
     }
  .day-date {
     border-right: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;
     color: #000000;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #000000;
     }
  
  .sidebar {
     font-family: ;
     font-size: 11px;
     margin-right: 20px;
     width: 200px;
     }
  .sidebox {
     color: #000000;
     background-color: #f8f8f8;
     margin: 4px 0px 4px 0px;
     }
  .sideboxTitle {
     background-color: #dddddd;
     color: #000000;
     border-top: 2px solid #ffffff;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     text-align: ;
     }
  .sideboxContent {
     text-align: left;
     padding: 2px 4px 2px 4px;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }
  .sidebox #tags_sidebox {
     text-align: center;
     }
  .sidebox #systemlinks {
     text-align: left;
     }
  .sidebox #latestmonth table{
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;
     }
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }
  
  .header-menu {
     padding: 0px;
     background-color: #aabbdd;
     border-top: 2px solid #ffffff;
     padding-left: 19px;
     font-family: ;
     font-size: 12px;
     line-height: 20px;
     }
  .header-menu a, .header-menu a:visited {
     white-space: nowrap;
     text-align: left;
     padding: 2px 6px 2px 6px;
     color: #000000;
     text-decoration: none;
     }
  .header-menu a:hover {
     background-color: #6b7da6;
     color: #000000;
     }
  #footer-menu {
     font-size: 11px;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #000000;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }
  .tagstable, .tagstable td {
     border: 1px solid #dddddd;
     }
  .tagstable { width: 500px; }

  .print-username {
    display: none;
    }

  @media print {
  /* LJSUP-21182
    .bodyblock,
    .body-title {
        padding: 0;
        }
    .body-title {
        font-size: 27pt;
        }

    .print-username {
        display: block;
        }

    .commentLinkbar {
        display: none;
        }

    .entryHolder,
    .commentHolder {
        border: 0;
        }

    .entryUserinfo-usericon,
    .commentUserinfo-usericon {
        text-align: left;
        }

    .entryUserinfo-usericon IMG,
    .commentUserinfo-usericon IMG {
        width: 50px;
        height: 50px;
        margin-bottom: 5px;
        }

    .commentUserinfo-username {
        max-width: 100px
        text-align: left;
        }

    .entryHeader,
    .commentHeader {
        padding-left: 0;
        }

    .bodyheaderblock {
        border: 0;
        }
  */
  }
  
  /* LJSUP-13769 */
  .appwidget-journalpromo {
    margin: 12px 0 10px;
    }

  .j-adv {
    text-align: center;
    overflow: hidden;
    }
  .j-adv--s2-sidebar-before-widgets {
    margin-top: 4px;
  }
    .j-bottom-adv {
        margin: 20px auto;
        }
    .j-adv-inner {
        display: inline-block;
        }
  /* Telegram userpromo */
  .telegram-userpromo {
      padding-left: 10px;
  }
  

<div
    lj-discovery-times
    class="b-discoverytimes-wrapper discoverytimes-noiframe"
    >
        
            <div
                class="
                    b-discoverytimes
                    
                        b-discoverytimes-state-branding
                    
                    
                    "
                ng-class="{
                    'b-discoverytimes-state-recommend':   times.showRecommend,
                    'b-discoverytimes-state-recommended': times.isRecommend,
                    'b-discoverytimes-state-random':      times.showRandom
                }"
                ><!--

                head
                --><h1 class="b-discoverytimes-head"><!--
                    --><a
                        class="b-discoverytimes-head-link"
                        href="https://www.livejournal.com/magazine"
                        target="_blank"
                        ><!--
                        -->LJ Magazine<!--
                    --></a><!--
                --></h1><!--

                banner
                -->
                    <div class="b-discoverytimes-banner">
                        <div
  class=
    "
    ljsale
    ljsale--empty
    
    "

  
    lj-sale="adfox_shtorka_marketing"
  
    lj-sale-close-less="true"
  

  ></div>
                    </div>
                

                <!-- items -->
                <div class="b-discoverytimes-container">
                    <div class="b-discoverytimes-items-container">
                        <ul class="b-discoverytimes-items">
                            <li ng-repeat="item in times.items"
                                ng-class="{
                                    'b-discoverytimes-item-active': times.active[item.itemid]
                                }"
                                class="b-discoverytimes-item"
                                >
                                <h3 class="b-discoverytimes-item-head">
                                    <span class="b-discoverytimes-item-author" ng-bind-html="item.author" ng-if="item.author"></span>
                                    <span ng-if="item.user && !item.author"
                                        lj-user-dynamic="item.user.username"
                                        lj-user-dynamic-options="{ target: '_blank', noctxpopup: true }"
                                        ></span>
                                </h3>

                                <p class="b-discoverytimes-item-body">
                                    <a ng-href="{{item.url}}" lj-html="item.subject" target="_blank"></a>
                                </p>
                            </li>
                        </ul>

                        
                            <!-- aside -->
                            <p class="b-discoverytimes-aside">

                                <!-- recommend entry -->
                                <a
                                    href="javascript:void(0);"
                                    class="b-discoverytimes-aside-recommend"
                                    ng-click="times.recommend()"
                                    ><!--
                                    -->Recommend this entry<!--
                                --></a>

                                <!-- recommended entry -->
                                <span
                                    class="b-discoverytimes-aside-recommended"
                                    ><!--
                                    -->Has been recommended<!--
                                --></span>

                                <!-- random entry -->
                                <a
                                    href="https://www.livejournal.com/random.bml"
                                    target="_blank"
                                    class="b-discoverytimes-aside-random"
                                    ><!--
                                    -->Surprise me<!--
                                --></a>

                            </p><!-- /aside -->
                        
                    </div>
                </div>
            </div><!-- /discoverytimes -->
        
 </div>