html { height: 100%;}
body { min-height: 100%;}

body.april1 .mid_top .nav{
    transition: transform 1s ease-in-out;
}

body.april1 .mid_top .nav:hover {
    transform: rotate(180deg);
}

.fa-star {color:gold;}

.leech:before{
    content:'(+)';
    font-weight:bold;
}

.leech.on:before {
	content:'(−)';
}

.n {
    font-weight:bold;
    text-decoration:none;
    white-space:nowrap;
}

a.n{
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
}

.rubber {
    flex-grow:1;
    overflow:visible;
}


#topics .msg-box {
    margin: 0 .35em 1em 0.35em;
    padding: .35em .7em;
    border-left:dotted .15em #000;
    display: block;
    background-color:white;
    opacity:.98;
    background:#fff;
}

#topics h1 {
    display:inline;
}

#topics .oldscool .msg-box {
    white-space: pre-line;

}

#topics {
    background:#fff;
    border-bottom:solid 1px #ccc;
    padding-bottom:.3em;
}

#topics .root {
    padding:0.4em 0.2em 0.2em 1em;
    clear:left;
    border-top:solid 1px #ddd;
}

#topics.holiday .root {
    padding:0.4em 0 0.2em 4%;
    clear:left;
}
#topics.holiday .root img.holiday {
    float: left;
    margin: 0 10px 0 -3.6%;
}

#topics .root.nw {background:linear-gradient(to right,#00AC82 100%, transparent) repeat-y;}
#topics .root.arc {background:linear-gradient(to right,#c0c 100%, transparent) repeat-y;}
#topics .root.nw.arc {background:linear-gradient(to bottom,#c0c 50%, #00AC82 50%) repeat-y;}

#topics .root.nw,
#topics .root.arc,
#topics .root.nw.arc {
    background-size:7px 14px;
}

#topics .root:nth-child(odd),
#topics .root.arc.nw:nth-child(odd) {background-color:#f9f9ff;}

#topics .topic ul.childs {
    padding:0 0 0 2.5%;
}

#topics .topic {
    list-style-type: none;
    overflow: hidden;
}

#topics .topic a[href] p{
    display:inline;
}

#topics .topic a.ip img,
.data a.ip img {
    vertical-align:middle;
    margin:0 3px 0 1px;
    opacity:0.7
}
#topics .topic a.leech {
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
    color:inherit;
}

#topics .date {white-space:nowrap}

#topics span.maxlen:before {
    content:'˙˙˙';
    border:solid 1px #aaa;
    background:#ccc;
    border-radius:.3em;
    padding:.1em .15em;
    color:#000;
    margin-left:.2em;
    display:inline-block;
    height:.55em;
    vertical-align:text-bottom;
}

#topics span.small {
    padding:0em 7px;
    font:normal 0.65em tahoma,arial;
}
#topics span.small > *,
#topics strong {
    white-space:nowrap;
}
#topics span.small a {
    font-weight:bold;
}

#topics strong {
    text-decoration:none;
    white-space:nowrap;
}
#topics strong.a {
    background:gold;
    padding:2px 0.5em 0 0.4em;
    border-radius:1em;
}

#topics strong.m,
#topics .expand,
#topics .collapse,
#topics .empty {

}

#topics .expand:before,
#topics .collapse:before,
#topics .empty:before {
    margin:0 0.3em 0 0;
    vertical-align:bottom;
}

#topics strong.z,
    .msg-box strong.z {
    color:#c0a;
}

#topics strong.z.old,
    .msg-box strong.z.old {
    color: #c0a;
}

#topics .avatar {
	display:none;
}

/***** labels *******/
#topics span.moved{
	opacity:.4
}

a.nw {
    background:#00AC82;
    border:solid 1px #fff;
    cursor:pointer;
    color:#FFF;
}

.reset_nw{
    text-decoration:none;
}

a.nw,
strong.moved {
    font: italic 10px tahoma,verdana;
	display:inline;
	text-decoration:none;
	padding:1px 7px 1px 5px;
	border-radius:0.5em;
    letter-spacing:0.07em;
}

#topics strong.moved{
    background:MediumOrchid;
}

#topics strong.moved:before{
    content:'ТАМ --->';
    text-transform: uppercase;
    color:#FFF;
}

#topics strong.moved.target {
    color:#FFF;
    margin-left:.3em
}

#topics strong.moved.target:before{
    content:'/moved: ';
    text-transform:  none;
    color:#FFF;
}


/***** newsfeed *****/
.newsfeed {
    width:210px;
    padding-bottom:10px;
    font:normal x-small tahoma,verdana,arial;
    clear: both;
    float: right;
	background:#e7e7d0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    display: -webkit-flex;
    display:flex;
    flex-direction:column;
    align-items:center;
    overflow-x: hidden; /* Hide horizontal scrollbar */
    overflow-y: auto; /* Add vertical scrollbar */;
}

.newsfeed .birthday{
    font-size:1.1em;
    padding:3px 10px;
}
.newsfeed .birthday:before {
	content: '\f071';
    float:left;
    margin:0.25em 0.4em 0 0;
    font: normal normal normal 14px/1 FontAwesome;
 	color:orange;
    text-shadow:0px 1px 2px #000;
}

.newsfeed .eenews {
    display: block;
    height: 40px;
    width: 190px;
    background: url(http://eenews.ru/images/logo.png) no-repeat center;
    background-color: white;
    background-size: 85%;
    text-decoration: none;
}

.newsfeed:after{
    content		: " ";
	visibility	: hidden;
	display		: block;
	height		: 0;
	clear		: both;
}

.newsfeed img {margin:0.3em auto;}

.newsfeed .rss {
    padding:10px 10px 0;
    text-align:left;
    width:100%;
}

.newsfeed .rss img {width:99.9%;}
.newsfeed .rss span{
    float:right;
    color:#080;
    font-style:italic;
}
.newsfeed a.cap {
    display:block;
    font:bold xx-small verdana,tahoma;
    color:#307;
    text-decoration:none;
	margin-bottom:7px;
	text-align:right;
	border-bottom:1px solid #abc;
	padding-bottom:7px;
}
.newsfeed .hronos {
    margin-bottom: .5em;
    font-size: 1.2em;
    font-style: italic;
    border-bottom: dotted .2em #fff;
}
.newsfeed .hronos a {
   display:block;
   text-decoration:none;
   margin-bottom: .2em;
}
.newsfeed .hronos img {
    width: 85%;
    margin: 0 auto;
    display: block;
}

.newsfeed .hronos .rss dd{display:none;}
.newsfeed .hronos .rss dt{text-align:center;}

/***** onboard *****/
.onboard {
    clear:both;
    padding:7px 10px;
    font-weight: bold;
    font-size:0.85em;
}
.onboard a {white-space:nowrap;}

.onboard,
.onboard a{
    background:transparent;
}

.onboard .fa {color:#008;font-size:0.85em}
.onboard .people {display:inline; margin-left:3px;}
.onboard .people a {padding-left:19px; background-repeat:no-repeat; background-position:center left; background-size:16px;}


@media screen and (max-width:700px){
    #topics .root img.holiday,
    #topics .avatar {
        display:none;
    }
}