@keyframes tuda-suda { from { background-position:0 5%; } to { background-position:0 95%; }  }
/* Более крутая анимашка тормозит в Chrome-alike { 0% { background-size:108%; background-position:50% 10%; }  20% { background-size:120%; }  50% { background-size:100%; } 75% { background-size:115%; } 100% { background-size:100%; background-position:50% 90%; }  }*/

#FRONTMORD_TP { height:35vh; height:60vmin; margin:0 .3ex 1em .3ex; background-color:#7c756b; background-size:cover; background-position:0 5%; border-radius:10px; border:2px solid #EEE; box-shadow:0 0 2px #505050; animation:tuda-suda 15s .2s ease-in-out alternate infinite; }


#FRNTAB_TP SECTION { margin:0 .3ex 1.2em .3ex; border:2px ridge rgba(165, 163, 163, .6); border-radius:10px 10px 8px 8px; background:rgba(218, 218, 218, .7); clear:both; }
#FRNTAB_TP H6 { margin:2px 1px 0 1.5px; padding:2px .4em 2px; box-shadow:inset 0 1px 5px #5f6f6a; border-radius:8px 8px 0 0; background:#84958C url("/i/bgr/gears_bg_horiz.png"); color:#FFF; font-size:108%; font-weight:normal; text-shadow:1px 1px 1px #6c6c6c; }
#FRNTAB_TP SECTION > DIV { padding:3px 4px 7px 8px; background:#FFF; border-radius:0 0 8px 8px; }


#TopText_TP { position:relative; box-sizing:border-box; height:100%; width:100%; border-radius:10px; overflow-y:scroll; overflow-x:auto; margin:0 auto; padding:.2em 3% 1em; font-size:80%; font-weight:bold; }

#TopText_TP > P > B > A, #TopText_TP > P > B > A:visited { color:#fbef00 !important; text-decoration:none; text-shadow:1px 1px 1px #380606; }
#TopText_TP > P > B > A:hover, #TopText_TP > P > B > A:active { color:#f2331d  !important; text-decoration:underline; }


.Announce_TP DIV:nth-of-type(2n-1) { padding:1px 4px 1px 8px; background:linear-gradient(to bottom, #d5c9b9 0%, #ede2bc 32%, #ccbc90 100%); margin:.5em -3.8px .4em -6.8px; color:rgba(42, 28, 28, .66); font-size:90%; font-weight:bold; text-shadow:-1px -1px 1px #F9F9F9; }
.Announce_TP DIV:nth-of-type(2n) { font-size:80%; }
#ToBlog_TP { margin:.5em 0 .1em; text-align:right; background:none; font-size:80%; text-shadow:none; color:#896c6c; }

.NewUsers_TP P { margin:.2em 0 .5em; line-height:1.6; }
.NewUsers_TP P U { text-decoration:none; color:#b7acac; }
.NewUsers_TP > DIV { display:table; margin:.8em .2em .4em; }
.NewUsers_TP > DIV > DIV { display:table-cell; width:100%; vertical-align:top; font-size:90%; }
.NewUsers_TP > DIV > DIV:last-of-type { text-align:right; }
.NewUsers_TP > DIV B { color:#696d7b; }

.NewUsers_TP .UserPic { width:6.6em; height:8.3em; margin:.2em .3em .3em .5em; box-shadow:1px 1px 3px #292929; }
.NewUsers_TP .UserPic IMG { width:6.6em; height:8.3em; }
.NewUsers_TP > A { display:block; margin:.1em .3em .3em .3em; text-align:right; }

.Party_TP > DIV { display:table; margin:.5em .2em 0; }
.Party_TP > DIV > DIV { display:table-cell; vertical-align:top; }
.Party_TP > DIV  EM { font-style:normal; font-weight:bold; color:#d56a30;  }
.Party_TP > DIV  B { color:#696d7b; }
.Party_TP > DIV  IMG { width:6.6em; height:8.3em; margin:.3em .8em .4em 0; padding:4px; float:left; border:1px solid #929292; border-radius:10px; background:#f2eedc; transition:.2s; }
.Party_TP > DIV  IMG:hover { border-color:#c379bd; background:#fff8c1; }
.Party_TP > A { display:block; margin:.1em .3em 1.2em .3em; text-align:right; }
.Party_TP > P { margin:.2em .2em .2em .2em; }
.Party_TP > P > A, .Party_TP > P > A:visited { text-decoration:none; color:#d56a30; }
.Party_TP > P > A:hover, .Party_TP > P > A:active { text-decoration:underline; color:#e93b1f; }

.Story_TP > DIV { margin:.4em .2em 0; }
.Story_TP > DIV  IMG { width:9em; height:9em; margin:.3em .2em .4em .8em; float:right; border-radius:7px; }
.Story_TP A:last-of-type { display:block; margin:.1em .2em .4em .3em; text-align:right; }

.Domik_TP > DIV { margin:.4em .2em 0; }
.Domik_TP > DIV  IMG { width:7em; height:7em; margin:.3em .2em .4em .8em; float:right;  }
.Domik_TP A:last-of-type { display:block; margin:.3em .2em .4em .3em; text-align:right; }