/* Обычный стиль (Серый) */

	

	.thread_info {

font-weight: 700;

}


*

	{

	font-size: 13px;

	line-height: 16px;

	font-family: Verdana;

	direction: ltr;

	}



html, body, div,  img, h1, h2, h3, p, nav, ul, li, select

	{

	padding: 0;

	margin: 0;

	border: 0;

	color: #000000;

	}

img {

	/*border: 0.5px solid #000;*/

	/*outline: 1px solid rgba(0,0,0,0.5);*/

}

body

	{

	margin: 30px auto;

	background-color: #ffffff;

	width: 900px;

	}

video {
    width: auto;
    height: 250px;
    object-fit: cover;
}

h1, h2, h3

	{

	color: #000;

	font-weight: bold;

	margin-bottom: 5px;

	font-size: 14px;

	}



p

	{

	word-wrap: break-word;

	margin-bottom: 10px;

	}



a:link

	{

	color: #006ab9;

	text-decoration: none;

    font-weight: bold;

	}



a:visited

	{

	color: #006ab9;

	text-decoration: none;

	}



a:hover

	{

	color: red;

	text-decoration: none;

	/*text-shadow: 3px 3px 3px #bea6f5;*/

	}



.form_BB_codes, .menu, .post, .comment, .banner, footer

	{

	border: 1px solid #575757;

	background: #ffffff repeat-x scroll left bottom;

	}



.form {

	display: block;

	margin: 0 auto;

	width: 870px;

	border-bottom: 1px solid black;

	box-sizing: border-box;

	margin-bottom: 15px; 

}



.block_form

	{

	display: flex;

	flex-direction: column;

	

	width: 500px;

	/*padding: 0 10px 10px 10px;*/

	margin: 0 auto;

	/*border: 1px solid #575757;*/

	background-color: #ffffff;

	/*background-image: url("logo.png");*/

	background-position: 95% 50%;

	background-repeat: no-repeat ;

	/*border-radius: 3px 3px 0 0;*/



	clear: right;

	}



.form_name

	{

	color: #000000;

	font-weight: bold;

	position: relative;

	left: 0;

	top: -20px;

	}







.form_title

	{

	color: #000000;

	/*width: 494px;*/

	padding: 4px;

	/*margin: 0 auto;*/

	margin-bottom: 10px;

	border: 1px solid #a4a4a2;

	background-color: #ffffff;

	display: block;

	border-radius: 3px;

	}



.block_form_BB_codes{

	margin-bottom: 10px;

}



.form_BB_codes

	{

	color: #000000;

	text-align: center;

	width: 30px;

	height: 20px;

	padding: 2px 6px;

	font-size: 15px;

	margin: 0px 3px 5px 0;

	background-position: left top;

	display: inline-block;

	cursor: pointer;

	border-radius: 3px;

	}



.form_BB_codes:hover

	{

	background-position: left bottom;

	box-shadow: 0px 0px 20px -2px #ccc;

	background: #ccc;

	}



.form_BB_codes:active

	{

	background-image: none;

	}



.form_smiles

	{

	width: 280px;

	max-height: 300px;

	float: right;

	overflow: auto;

	word-wrap: break-word;

	}



.form_smiles img

	{

	cursor: pointer;

	}



textarea

	{

	color: #000000;

	width: 494px;

	min-height: 150px;

	padding: 2px;

	margin: 0 0 10px 0;

	border: 1px solid #a4a4a2;

	background-color: #ffffff;

	overflow: auto;

	display: block;

	border-radius: 3px;

	resize: none;

	}



.form_url_file

	{

	color: #000000;

	width: 494px;

	padding: 2px;

	margin: 0 0 10px 0;

	border: 1px solid #a4a4a2;

	background-color: #ffffff;

	display: block;

	border-radius: 3px;

	}



.form_pc_file

	{

	width: 220px;

	color: #bbbbbb;

	margin: 0 0 10px 0;

	display: inline-block;

	/*border: 1px solid #a4a4a2;*/

	background-color: #ffffff;

	border-radius: 3px;

	}



.random_pic{

	color: #000000;

}

.form_submit

	{

	margin: 0 auto 15px;

	display: block;

	width: 120px;

	font-size: 16px;

	padding: 5px;

	}



label

	{

	color: #000000;

	font-size: 8pt;

	}



.op_input

	{

	margin: 0;

	position: relative;

	left: 129px;

	top: 1px;

	}



.op_input input

	{

	padding: 0;

	margin: 0;

	}



.menu

	{

	color: #000000;

	width: 850px;

	padding: 10px;

	margin: 0 auto 0 auto;

	border-radius: 0 0 3px 3px;

	/*box-shadow: 0px 2px 2px #dedede*/

	}







.menu select

	{

	margin-right: 30px;

	}



select

	{

	color: #000000;

	border: 1px solid #575757;

	background-color: #ffffff;

	border-radius: 3px;

	/*text-shadow: 2px 2px 3px #dedede;*/

	}



option

	{

	background-color: #ffffff;

	}



#active

	{

	font-weight: bold;

	}



nav, ul, li

	{

	display: inline;

	}



ul li

	{

	list-style: none;

	border-right: 1px dotted #bea6f5;

	}



ul li:last-child

	{

	border-right: none;

	}



ul li a:link, ul li a:visited

	{

	color: #000000;

	margin: 0 3px 0 3px;

	padding: 0 7px 0 7px;

	text-shadow: 2px 2px 3px #dedede;

	}



ul li span a:link, ul li span a:visited

	{

	color: Blue;

	margin: 0 3px 0 3px;

	padding: 0 7px 0 7px;

	text-shadow: 2px 2px 3px #dedede;

	}



li span {

    color: green; /* Цвет текста */

   }





ul li a:hover

	{

		text-decoration: underline;

	}



.post {

	background-color: #dddddd;

/*	color: #48B0FD;*/

	width: 850px;

	padding: 10px 10px 0 10px;

	margin: 30px auto 30px auto;

	box-shadow: 1px 2px 2px #dedede;

	border-radius: 3px;

}







.comment

	{

/*	color: #48B0FD;*/

	width: 850px;

	padding: 10px 10px 0 10px;

	margin: 30px auto 30px auto;

	box-shadow: 1px 2px 2px #dedede;

	border-radius: 3px;

	}



.text_image

	{

	margin: 0 10px 10px 0;

	float: left;

 margin-right: 10px;

	}



.edit_image, .delete_image, .show_image, .hide_image, .ban_image, .oil_image

	{

	line-height: 19px;

	width: 19px;

	height: 19px;

	margin-left: 10px;

	background: url("buttons.png") no-repeat scroll;

	float: right;

	cursor: pointer;

	display: inline-block;

	}



.edit_image

	{

	background-position: 0 0;

	}



.delete_image

	{

	background-position: -40px 0;

	}



.show_image

	{

	background-position: -80px 0;

	}



.hide_image

	{

	background-position: -120px 0;

	}



.ban_image

	{

	background-position: -160px 0;

	}



.oil_image

	{

	background-position: -185px 0;

	width: 30px;

	}



.video

	{

	/*text-align: center;*/

	margin: 0px;

	padding: 0px;

	}



.youtube

	{

	width: 300px;

	height: 200px;

	background-repeat: no-repeat;

	background-position: left top;

	cursor: pointer;

	display: inline-block;

	}



.quote

	{

	color: #ffb100;

    background-color:#000000;

    font-size:large;



	}



.redtext

	{

	color: #FF0000;

	}

	

.greentext

	{

	color: #32cd32;

	}



.spoiler, .spoiler a:link, .spoiler a:visited, .spoiler .quote

	{

	color: #2c2c2c;

	background-color: #2c2c2c;

	}



.spoiler:hover

	{

	color: #48B0FD;

	background-color: transparent;

	}



.spoiler:hover a:link

	{

	color: #b49b1a;

	background-color: transparent;

	}



.spoiler:hover a:visited

	{

	color: #c9be89;

	background-color: transparent;

	}



.spoiler:hover .quote

	{

	color: #789922;

	background-color: transparent;

	}



.info

	{

	background: #ddffdd; 

	line-height: 19px;

	color: #000;

	font-size: 15px;

	margin: 0 -9px 2px 0;

	padding-left: 3px;

	display: block;

	clear: both;

	}



.info, .info span, .info a

	{

	font-size: 9pt;

	}



.info a

	{

	margin: 0 2px 0 5px;

	text-decoration: underline;

	}



	.post .info{

	background-color: #ffffff;

}



.extra_setting

	{

	line-height: 12px;

	font-size: 8pt;

	color: #999999;

	width: 872px;

	text-align: right;

	margin: -30px auto -13px auto;

	white-space: nowrap;

	margin-top: -25px;

	}



.extra_setting span, .extra_setting a

	{

	line-height: 12px;

	font-size: 8pt;

	color: #000000;

	border: 1px solid #575757;

	/*background: url("gradient.png") #333333 repeat-x scroll left bottom;*/

	background-color: #ffffff;

	padding: 1px 10px;

	/*border-radius: 10px/20px 3px;*/

	/*box-shadow: 1px 2px 2px #000000;*/

	display: inline-block;

	white-space: nowrap;

	}



.extra_setting b, .extra_setting a

	{

	line-height: 12px;

	font-size: 8pt;

	color: #000000;

	/*text-shadow: 2px 2px 3px #000000;*/

	cursor: pointer;

	}



#go_down

	{

	font-weight: bold;

	float: left;

	opacity: 0.5;

	}



#go_down:hover

	{

	opacity: 1;

	}



.pages

	{

	color: #000000;

	text-align: center;

	width: 870px;

	padding: 15px 0 10px 0;

	margin: 0 auto 2px auto;

	/*border: 1px solid #575757;*/

	background-color: #fff;

	/*border-radius: 3px 3px 0 0;*/

	}



.pages b

	{

	color: #ff0000;

	}



.pages a

	{

	display: inline-block;

	text-align: center;

	position: relative;

	cursor: pointer;

	color: black;

	min-width: 20px;

	margin-left: 4px;

	margin-bottom: 4px;

	padding: 2px 4px;

	border-bottom: 2px solid #369;

	background: #e4fce4;

	font-weight: normal;

	font-size: 14px;



	}



.pages a::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 0;

	background: #369;

	transition: top 0.3s, height 0.3s;

}



	.pages a:hover::before {

		top: -2px;

		height: 2px;

}



a.form_name{

	color: black;

	top: 0;

	padding: 4px;

}



a.form_name:hover {

	border: 1px solid black;

}

.banner

	{

	color: #48B0FD;

	margin: 20px auto 0;

	padding: 10px 20px;

	border: 3px double #575757;

	border-radius: 40px 3px 40px 3px;

	box-shadow: 1px 2px 2px #000000;

	opacity: 0.9;

	display: inline-block;

	}



.banner b

	{

	line-height: 22px;

	color: #006ab9;

	font-weight: bold;

	}



.banner a:link, .banner a:visited

	{

	font-weight: bold;

	color: #b49b1a;

	text-shadow: 2px 2px 3px #000000;

	}



.right

	{

	float: right;

	}



.left

	{

	float: left;

	}



#move

	{

	float: right;

	}



footer

	{

	color: #006ab9;

	text-align: center;

	width: 840px;

	padding: 15px;

	margin: 0 auto 0 auto;

	border-radius: 0 0 3px 3px;

	box-shadow: 0px 2px 2px #000000;

}





footer img

	{

	margin: 10px;

	background: url("gradient.png") #333333 repeat-x scroll left bottom;

	/*border: 3px solid #fff;*/

	/*border-radius: 10px;*/

	box-shadow: 2px 2px 5px #000000;

	}



#gallery

	{

	text-align: center;

	}



#gallery span

	{

	text-align: left;

	display: inline-block;

	margin: 5px 2px;

	padding: 5px;

	/*background: url("gradient.png") #333333 repeat-x scroll left bottom;*/

	border: 3px double #575757;

	/*border-radius: 3px 3px 40px 3px;*/

	/*box-shadow: 2px 2px 5px #000000;*/

	}



#gallery span img

	{

	margin: 5px;

	}





blockquote{

  background: #f9f9f9;

  border-left: 3px solid #ccc;

  margin: .5em 10px;

  padding: 0 10px;

  quotes: "\201C""\201D""\2018""\2019";

  padding: 3px 5px;

  line-height: 1.4;

/*  margin-left: 210px;*/

  display: flex;

  margin-bottom: 15px;

  margin-left: 0px;

}

#f2

{

	border: 1px solid #575757;

	cursor:pointer;position:absolute;left:55%;top:100px;width:351px;height:284px;

	background-position: 97% 77%;

	background-repeat: no-repeat;

}



@media screen and (max-width: 980px) {

#f2

{

	

    border: 1px solid #575757;

	cursor:pointer;position:absolute;left:560px;top:115px;width:351px;height:284px;

	background-position: 97% 77%;

	background-repeat: no-repeat;

}

}

#f2

{

    border: 1px solid #575757;

	cursor:pointer;position:absolute;left:57%;top:110px;width:351px;height:284px;

	background-position: 97% 77%;

	background-repeat: no-repeat;

}

@media only screen and (min-width : 1640px) { 
#f2
{
    left: 55%;
    width: 351px;
    top: 113px;
    height: 294px;
}
}

@media only screen and (max-width : 1639px) { 
#f2
{
    left: 55%;
    width: 361px;
    top: 113px;
    height: 294px;
}
}

@media only screen and (max-width : 1380px) { 
#f2
{
    left: 56%;
    width: 352px;
    top: 113px;
    height: 294px;
}
}

@media only screen and (max-width : 1380px) { 
#f2
{
    left: 56%;
    width: 352px;
    top: 113px;
    height: 294px;
}
}

@media only screen and (max-width : 1200px) { 
#f2
{
    left: 57%;
    width: 350px;
    top: 113px;
    height: 294px;
}
}

@media only screen and (max-width : 1100px) { 
#f2
{
    left: 58%;
    width: 353px;
    top: 113px;
    height: 294px;
}
.menu a {
    font-size: 25px;
    line-height: 28px;
}
.menu select {
    margin-right: 10px;
    font-size: 20px;
    margin-left: 10px;
}
.post p {
	font-size: 14px;
}
}