body {}


#wrap.auto-width {
	max-width: initial;
}

ul.linklist > li.auto-width{ float:right;}
#auto-width{width: 22px; height:15px; background: url('img/auto-width.png'); vertical-align: text-top;}
#auto-width:hover{background-position: 0 -19px;}
.auto-width .auto-width #auto-width{background-position: -26px 0;}
.auto-width .auto-width #auto-width:hover{background-position: -26px -19px;}

/* -------------- LOGO --------------*/

#site-description {max-width: 420px;;}
.site_logo {
    background-image: url('/forum/styles/prosilver/logo/cnc-club.ru%20logo%20tranparent.png');
    width: 206px;
    height: 87px;

   /* background-image: url('/styles/prosilver/logo/logo NY 2023.png');
    width: 213px;
    height: 89px;
    margin-right: 5px;*/
}

#logo{
	padding:0px;
}

/* -------------- LOGO --------------*/
/* -------------- FORUM-COLORS --------------*/

li.row.f19.bg1,
li.row.f165.bg1,
li.row.f164.bg1,
li.row.f163.bg1,
li.row.f162.bg1,
pass{ background-color: #f7f7ec }

li.row.f19.bg2,
li.row.f165.bg2,
li.row.f164.bg2,
li.row.f163.bg2,
li.row.f162.bg2,
pass{ background-color: #efefdc; }

li.row.f138.bg1,
pass{ background-color: #f7ecec; }

li.row.f138.bg2,
pass{ background-color: #f2e1e1; }

li.row.f141.bg1,
pass{ background-color: #f5edf7; }

li.row.f141.bg2,
pass{ background-color: #eee1f2; }



.post.f141.bg1 {  background-color: hsl(285 41% 95% / 1); }
.post.f141.bg2 {  background-color: hsl(285 41% 90% / 1); }

/* -------------- FORUM-COLORS --------------*/
/* -------------- GALLERY --------------*/
#gallery {}
#gallery img{max-width: 75px; max-height:75px;}
#gallery a {
	padding: 2px;
	background: #fff;
	box-shadow: 1px 1px 4px #0005;
	float: left;
	margin: 0 2px;
}
#gallery .new, #gallery .random {position: relative; float:left; margin-top: 10px;}
#gallery .label{	position:absolute; top: -12px; font-size: 8px;}
/* -------------- GALLERY --------------*/
/* -------------- ATTACH THUMB --------------*/
.attach-thumb {	
	max-width:70px;
	 max-height:70px; 
	 padding: 2px; 
	 background: #fff; 
	 box-shadow: 1px 1px 5px #0005;
	 float: left;
	 margin: 0 10px 0 5px
}
#file-list-container .attach-comment textarea{height: 65px;}
/* -------------- ATTACH THUMB --------------*/
/* -------------- TOPIC-STARTER --------------*/
.topic-starter {position: absolute; background: url('img/topic-starter.png'); height:81px; width:81px; right: 0px; top:0px;}
/* -------------- TOPIC-STARTER --------------*/
/* -------------- UNREAD --------------*/
.new-link.hidden, .unread-link.hidden {display:inline-block;}
/* -------------- UNREAD --------------*/
/* -------------- QUOTE --------------*/
#quote_selected {
	display: none;
	position: absolute;
	padding: 7px 15px;
	background: #fff;
	box-shadow: 2px 2px 8px #0007;
	border-radius: 5px;
}
/* -------------- QUOTE --------------*/

/* -------------- REPUTATION --------------*/
a.post-reputation {
	box-shadow: none;	
    border: 1px #00ab00 solid;
}


a.post-reputation.neutral {
    padding: 2px 3px 0px 3px;
    box-shadow: none;
    border: 1px #ccc solid;
}
a.post-reputation.negative {
	border-color: #D31141;	
}
/* -------------- REPUTATION --------------*/


/* -------------- YOUTUBE --------------*/
iframe {display: block;}
a.youtube-inserted {text-decoration: none; font-size: 0.8em; border-bottom: none; color: #777777; border-color: #777777;}
a.youtube-inserted:visited {color: #aaaaaa; border-color:#aaaaaa;}
a.youtube-inserted:hover {background:none; border-bottom: 1px solid;}
/* -------------- YOUTUBE --------------*/

/* -------------- Last post avatar --------------*/

a.lastpostavatar {
	float: left;
	padding: 1px;
	border: 1px solid #cccccc;
	background: white;
	margin: 0px 4px;
	width: 26px;
	height: 26px;
	overflow: hidden;
	box-shadow:	0px 1px 2px rgba(0, 0, 0, 0.2);
}

a.last-post-avatar:hover {
	border: 1px solid #536482;
}

.forabg .lastpost a{
	display: initial
}

/* -------------- Last post avatar --------------*/
/* -------------- POST --------------*/

.postbody {
    width: calc(100% - 200px - 4px - 16px);
}

.post .profile-warnings {display:none;}

/* -------------- POST --------------*/
/* -------------- SPAM --------------*/

.spam-buttons{
    background: #eee5;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 3px;
    max-width: 440px;
    box-shadow: 1px 1px 5px #f004;
    text-align: center;
    margin: 5px;
}

.spam-buttons .button {
	margin: 10px;
}

.spam-buttons .rate-good-icon {
	color: #00ab00;
}

.spam-buttons h1{
	font-size: 1.8em;
	color: #000;
    margin: 10px;
}
/* -------------- SPAM --------------*/
/* -------------- BBCODE --------------*/
.offtop {opacity: 0.1;}
.offtop:hover {opacity: 1;}

/* -------------- BBCODE --------------*/
/* -------------- MOBILE 700px --------------*/
.linklist.compact #notifications_alert {display:none;}
@media (max-width: 700px) {

	.site_logo {
		background-image: url('/styles/prosilver/logo/cnc-club.ru%20logo%20tranparent.png');
		height: 45px;
		width: 100px;
		background-size: contain;
		float: right;
		position: absolute;
		right: 3px;
	}
	.logo { display:block;}
	.site-description {width: auto; float:left; height: 45px;}
	
	
	#gallery img{max-width: 40px; max-height:40px;}
	#gallery a {
		padding: 1px;
		background: #fff;
		box-shadow: 1px 1px 4px #0005;
		float: left;
		margin: 0 1px;
	}
	#gallery .new, #gallery .random {position: relative; float:left; }
	#gallery .label{ display: none;}

	
	.profile-rank img {width: 30px;}
	.postbody {
	 	width: auto;
	}


	/* -------------- SPAM --------------*/
	.spam-buttons {
		border: none;
		box-shadow: none;
		text-align: left;
		margin: 0px; 
	}
	.spam-buttons .button { margin: 5px 0px; font-size: 1em; padding: 5px 5px}
	.spam-buttons .button.rate-bad-icon{ margin-right: 20px;}
	.spam-buttons .rate-good-icon {}
	.spam-buttons h1 {display: none;}
	/* -------------- SPAM --------------*/

}

/* -------------- Zoom out fix -4px --------------*/
/* -------------- Zoom out fix -4px --------------*/