body, input, textarea, select, option, blockquote
{
	font-family: verdana, helvetica, geneva, arial;
	font-size: 13pt;
}

body, textarea, select, option
{
	background-color: #000;
	color: #d0d0c0;
}

h1
{
	font-size: 110%;
	margin-bottom: 5px;
}

h2
{
	font-size: 110%;
	margin-bottom: 0px;
}

h3
{
	font-size: 100%;
	margin-bottom: 0px;
}

dl h1 {
	background: #303030;
	border: 1px solid #464646;
	border-top-width: 5px;
	padding: 4px 7px;
	color: #ffff00;
}

a 
{
	text-decoration:none;
	color: orange;
}

a.old
{
	color: #906020;
}

a.new
{
	border: none;
}

a:hover 
{
	color: #FFFFE0;
}

.sticky
{
	font-weight: bold;
}

ul.threads
{
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	text-indent: 0px;
}

.threads li
{
	padding: 0.5ex 0 0 0.5ex;
	margin-left: 0px;
	list-style: none;
}

div.p
{
	margin: 0;
	padding: 5px;
}

td.p2
{
	font-size: 80%;
}

div.p2
{
	font-size: 80%; 
	margin-bottom: 0.5em;
}

div.n
{
	// nothing here
}

h2
{
	color: #000;
	background-color: orange;
	margin: 1em 0 0 0;
	padding: 0.3ex;
}

.threads h3
{
	margin: 0;
	padding: 0;
}

.threads h3 sup
{
	font-size: 70%;
	margin-left: 0.5ex;
}

.p h3
{
	margin: 0 0 1ex 0;
}

.n h3
{
	padding: 0.4ex;
	border-right: solid 1em orange;
}

.p p
{
	margin: 0 0 0.5ex 0;
	padding: 0;
}

.p input, #frep input
{
	color: orange;
}

.p input, #frep input, a.pg
{
	background: #404040;
	border: none;
	cursor: pointer;
	padding-left: 0.2ex;
	padding-right: 0.2ex;
	margin-right: 0.1ex;
}

#frep textarea
{
	width: 100%;
	height: 20em;
	display: block;
	margin: 1ex 0 1ex 0;
	background: #303030;
	border: 1px solid #d0d0c0;
}

#frep label
{
	margin-right: 1ex;
}

#frep select
{
	padding: 0 1ex 0 1ex;
	margin: 0;
	border: none;
}

q 
{ 
	color: #E0E080; 
	font-style: normal; 
}

em 
{ 
	color: #FF5050; 
	font-style: normal; 
}

.p input, #frep input, a.pg, a.reply
{
	background: #404040;
	border: none;
	cursor: pointer;
	padding-left: 0.2ex;
	padding-right: 0.2ex;
	margin-right: 0.1ex;
}

div.footer { margin: 5px 0 5px 0; padding: 5px 0 0 0; border-width: 1px 0 0 0; border-style: solid; border-color: #303030; font-size: 13px;}

.hidden { color: #C0C0B0; }
.marked { color: #FFFF00; }
.masked { color: #FF5050; }
.posted { color: #777777; }
.yellow { color: #EEEE55; }
.red { color: #FF0000; }
.white { color: #FFFFFF; }

pre { font-family: Consolas, Courier New, courier; }

.even { background-color: #404040; }
.odd { background-color: #303030; }

div.pagelist { padding: 0.3em 0 0.3em 0; }

.new
{
  border-width: 0 0 0 2px;
  border-color: orange;
  border-style: solid;
}

span.quoted, q, blockquote { color: #E0E080;  quotes: none;}
blockquote {display:block; margin: 1em 0 1em 0;}
textarea{width: 100%;display:block;}

.repret input, .repret select, .repwhom label, .repwhom select {vertical-align:middle;}
label { margin: 0 1ex 0 1ex;}
.reptext { margin: 1ex 0 1ex 0;}
.subj label { display: block; margin: 0;}
.subj { margin: 0;}


div.thread
{
	margin: 0;
	padding: 0 0 3px 0;
}
.thread h3
{
	margin: 0;
	padding: 0;
}

.thread h3 sup
{
	font-size: 70%;
	margin-left: 0.5ex;
}

dt
{
	padding: 3px;
	margin: 0;
	color: #ffff00;
	font-weight: bold;
}

dd
{
	padding: 3px;
	margin: 0;
}

div.p p a 
{
 word-break: break-all;
}

.thumbnails
{
	margin: -2em 0 0 -2em;
	text-align: center;
}

.thumbnail
{
	text-decoration: none;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 2em 0 0 2em;
}

.thumbnail .r
{
	width: 200px;
	float: left;
}

.thumbnail .r .rt
{
	width: 100%;
	text-align: center;
}

.thumbnail .r .rd
{
	width: 100%;
	text-align: center;
	font-size: 8pt;
}

.spoiler  {
	overflow: hidden;
	width: 10em;
	height: 1.4em;
	cursor: pointer;
	text-align:center;
	background-color:#505050; 
	border:1px solid #909090;
	color: #ff5050;
}

.spoiler div { padding-top: 20px; }

* html .spoiler {  width: 100px; height: 20px; background: url('/static/images/spoiler-bg.gif') top left no-repeat; background-color: #505050;  }

.spoiler:before {
	content:"Spoiler!"
}

.nospoiler {
	background-color:#505050; 
	border:1px solid #909090; 
	padding: 5px;
	cursor: pointer;
}

.newsbody {
	text-align: justify;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}


.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	cursor: pointer;
}

.youtube img {
	width: 100%;
	top: -16.84%;
	left: 0;
}

.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba(0,0,0,0.6);
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}

.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}

.youtube img,
.youtube .play-button {
	cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
	position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

div.p.even, div.p.odd {
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-word;
  word-break: break-word;

  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

div.p.even pre, div.p.odd pre {
 overflow-x: auto;
}


.bottomh {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	padding-bottom: 3pt;
	padding-top: 3pt;
}

.bottomp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.follows-channel { display: table; margin: 10px auto; box-sizing: border-box; padding: 10px; }
.follows-channel::before { content: ''; width: 25px; height: 25px; background-repeat: no-repeat; background-position: 0 0; display: table-cell; vertical-align: middle; }
.follows-channel a { color: #ffa500; text-decoration: none; }
.follows-channel a:hover { text-decoration: underline; }
.follows-channel_telegram { background-color: #404040; }
.follows-channel_telegram::before { background-image: url("/static/images/social/telegram.png"); background-size: 25px 25px; }
.follows-channel_vk { background-color: #404040; }
.follows-channel_vk::before { background-image: url("/static/images/social/vk.png"); background-size: 25px 25px; }
.follows-channel_youtube { background-color: #404040; }
.follows-channel_youtube::before { background-image: url("/static/images/social/yt.png"); background-size: 25px 25px; }
.follows-channel_rutube { background-color: #404040; }
.follows-channel_rutube::before { background-image: url("/static/images/social/rt.png"); background-size: 25px 25px; }
.follows-channel_zen { background-color: #404040; }
.follows-channel_zen::before { background-image: url("/static/images/social/yz.png"); background-size: 25px 25px; }
.follows-channel_music { background-color: #404040; }
.follows-channel_music::before { background-image: url("/static/images/social/yandex-music.png"); background-size: 25px 25px; }
.follows-channel_max { background-color: #404040; }
.follows-channel_max::before { background-image: url("/static/images/social/max.png"); background-size: 25px 25px; }


.follows-channel__content { font-family: Verdana,Roboto,Sans; font-size: 16px; font-weight: 700; display: table-cell; vertical-align: middle; padding-left: 10px; }
