#list a {color:yellow}
  #menu a {color:lightgray}
  #link-to { left: 300px; }
  .painting {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    position: absolute;
    width: 95px;
    height: 180px;
    top: -83px;
    background: #000 0 90px url(/images/rope.gif) no-repeat;
    -moz-opacity:.40;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity:.40;
  }


  .painting img {
    position: relative;
    top: 106px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }

  .swing_right img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }

  .swing_left img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
  }

  .swing_right {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
    -moz-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }

  .swing_left {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
    -moz-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }

  .no_swing {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-opacity: .40;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .40
  }

  .no_swing img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }

#auth b
{ cursor:pointer; }
.cmnt_date
{white-space:nowrap;}

.emulb {
    opacity: 0.3;
    border: 0;
    cursor: pointer;
    width: 168px;
    height: 121px;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    display: inline-block;
}
.emulb.up {
    transform: translateY(-121px);
    opacity: 0;
}

#captchaQuestion {
	display: inline-block !important;
	top: 245px;
	left: 3px;  
	position: relative;
	transition: opacity 0.5s ease-in-out;
}
.fade-out {
	opacity: 0;
}
.fade-in {
	opacity: 1;
}

  #commentForm {
    margin-top: 20px;
	background-image: url('/images/comments.png');
    background-size: 558px 266px;
    background-position: center;
      color: #ffff00;
    font-family: monospace;
   	border: none; /* убираем рамку формы */
	outline: none;
	width: 558px;
	height: 266px;
	position: relative;
  }

#commentForm input[type="text"] {
/*  all: unset; */
	position: absolute;
  width: 172px;
  height: 23px;
  top: 156px;
  left: 0px;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.6);
    color: #ffff00;
  box-shadow: none !important;
/*  border: none !important; */
  outline: none !important;
  appearance: none;
  border: 1px solid #009f9f; /* 1px, голубая рамка */
}

#commentForm input[name="captcha"] {
 /*  all: unset; */
 position: absolute;
  width: 188px;
  height: 23px;
  top: 201px;
  left: 0px;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.6);
    color: #ffff00;
  box-shadow: none !important;
/*  border: none !important; */
  outline: none !important;
  appearance: none;
  border: 1px solid #009f9f; /* 1px, голубая рамка */
}

#commentForm textarea {
/*  all: unset; */
	position: absolute;
  width: 413px;
  height: 75px;
  top: 271px;
  left: 0px;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.6);
    color: #ffff00;
  box-shadow: none !important;
/*  border: none !important; */
  outline: none !important;
  appearance: none;
  border: 1px solid #009f9f; /* 1px, голубая рамка */
  resize: none !important;
  overflow: hidden;
}
  #commentForm button {
    background: rgba(0, 0, 0, 0.8);
      color: #ffff00;
    padding: 2px 8px;
    cursor: pointer;
	position: absolute;
	top: 357px;
	left: -1px;
  }

  #refreshCaptcha {
    position: absolute !important;;
	top: 357px !important;;
	left: 92px !important;;
   }
    .comment-block {
      background-color: #111;
 /*     border: 1px solid #0f0; */
      padding: 10px;
      margin-bottom: 10px;
      font-family: monospace;
      color: #ffff00;
	  width: 538px;
    }
    .comment-header {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
/*    border-bottom: 1px dashed #0f0; */
      padding-bottom: 4px;
      margin-bottom: 6px;
    }
    .comment-author {
	  color: #6f6;
      font-weight: bold;
	  font-size: 16px;
    }
    .comment-date {
      color: #6f6;
      font-size: 12px;
    }
    .comment-text {
      white-space: pre-wrap;
      line-height: 1.4em;
	  word-wrap: break-word;
	  overflow-wrap: break-word;
    }
	.comment-divider {
	box-sizing: border-box;
/*	width: 100%; */
	width: 502px;
	height: 4px; /* высота картинки */
	background-image: url("/images/line.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	margin: 0px 0;
	position: relative;
	top: -10px; /* поднимаем на 10px */
	}
	#pagination {
	text-align: left;
	margin-top: 10px;
	font-family: monospace;
	display: block;
	}

	#pagination button {
	background-color: #111;
	color: #fff;
	border: 1px solid #009f9f;
	padding: 5px 10px;
	margin-right: 4px;
	cursor: pointer;
	transition: background 0.3s;
	}

	#pagination button:hover {
	background-color: #555;
	}

	#pagination button.active {
	background-color: #009f9f;
	color: #000;
	font-weight: bold;
	cursor: default;
	}

	#pagination button.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	}