@charset "utf-8";

@font-face {
  font-family: "FunkySouls";
  src:url("../fonts/funkysouls.eot");
  src:url("../fonts/funkysouls.eot?#iefix") format("embedded-opentype"),
    url("../fonts/funkysouls.woff") format("woff"),
    url("../fonts/funkysouls.ttf") format("truetype"),
    url("../fonts/funkysouls.svg#funkysouls") format("svg");
  font-weight: normal;
  font-style: normal;

}

/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, code, a, abbr, acronym, address, small,
img, center, ol, ul, li, dl, dt, dd, form, fieldset, label, legend, input, select, button, textarea, table, tbody, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, nav, section, time, mark, audio, video {
	border: 0; font-size: 100%; font: inherit; vertical-align: baseline; padding: 0; margin: 0; }
header, footer, nav, section, article { display: block; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=button]::-moz-focus-inner { padding:0; border:0; }

/* basic */

html, body { height: 100%; }
body { background: #FFF; color: #333; font: normal 1em/1 Tahoma, Geneva, sans-serif; position: relative; }
a { color: #333; text-decoration: underline; outline: none; }
.no-touch a:hover { color: #3A4F6C; text-decoration: none; }
::selection { background: #BBDAEA; }
::-moz-selection { background: #BBDAEA; }
::-webkit-selection { background: #BBDAEA; }
input:focus { outline: none; }
a.admin { color: #F33; }
a.moder { color: #090; }
a.coordntr { color: #30F; }
a.banned { color: #999; text-decoration: line-through; }
hr { height: 0; background: #fff; border: none; border-bottom: 0.0625rem dotted #ccc; }

/* noscript */

.noscript header[role=banner] { top: 3em; }
noscript { background: #F63; color: #FFF; font-size: 85%; line-height: 1.2; display: block; padding: 1em 2em; }

/* common */

.noscrip #header .mail:hover, .noscrip #header .nav:hover { background-color: rgba(0,0,0,0.1); }
header[role=banner], #content .forum dl, #content .topics dl, #content.favourites .topic dt,
#content.favourites .topic dd, blockquote, code { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#search input[type=submit],
.rules_link,
#content .author,
#content .views,
#content .answers,
#content .total_topics,
#content .update,
.post header .toggle,
#content.user_profile .spoiler h2,
.user_profile .edit_bttn,
.user_profile .actions li a,
*[class^=window_] .close,
.error_message .close,
.sp-head:before,
.sp-body > .sp-head-wrap:before,
#content.members .member-entry .member-name,
#content.members .member-entry .joined,
#content.members .member-entry .posts,
#content.members .member-entry .email,
.user_profile .actions .hodki:after,
#content .topic .go_new_post
{
    background-image: url(../../images/sprite.png);
    background-repeat: no-repeat;
}

/*** MOBILE FIRST ***/

/* layout */

#container {
    background: #fff;
	position: relative;
	overflow: hidden;
	min-height: 100%;
	margin-bottom: -9em;
}

	#content { padding: 3em 4% 11em; overflow: hidden; }
	aside.main { margin: 0 4% 11em; }
    
    #content.home { padding-bottom: 2em; }
    #content.forums { padding-bottom: 0; }
	
footer[role=contentinfo] {
	background: #EEF2F7;
	position: relative;
	clear: both;
	overflow: hidden;
	bottom: 0;
	min-height: 9em;
	padding: 0 4%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#container, footer[role=contentinfo] { left: 0; }

#content.moderation .topic > span.select,#content.moderation .topic > ul.update {
	display:none;
}
#content.moderation .forums .topic.subforum dl{
	width: 53%;
}	
#content.moderation .forums .topic dl{
	width: 55%;
	float:left;
	position:relative;
}	
#content.moderation .forums .block .edit {
	display: none;
}
#content.moderation .forums ul.titles {
	display: block;
}
#content.moderation .forums ul.titles li:nth-of-type(1) {
	width: 55%;
}
#content.moderation .forums ul.titles li:nth-of-type(5),#content.moderation .forums ul.titles li:nth-of-type(6) {
	display: none;
}
/*** HEADER ***/

#header {
	background: #B0BFCF;
	box-shadow: 0 -1px 0 rgba(0,0,0,0.25) inset, 0 2px 10px rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9990;
	width: 100%;
}

#header.fixed { position: fixed; }
	
		#header a {
            background: url(../../images/mini_logo.png) center no-repeat;
            background-size: 100%;
			text-indent: -9999em;
			display: block;
            position: absolute;
            left: 3.5em;
            top: 0;
            bottom: 0;
            width: 10.0625rem;
            height: 2.0625rem;
			margin: auto;
		}
	
	.switch {
		display: block;
		float: left;
		padding: 0.625em;
		cursor: pointer;
	}
	
	.no-touch .switch:hover, .touch .switch:active { background: rgba(0,0,0,0.1); }
	
		.switch li {
			background: #FFF;
			font-size: 50%;
			display: block;
			width: 2.5em;
			height: 0.5em;
			margin: 0.5em 0.5em 0 0.5em;
		}
		
		.switch li:last-child { margin: 0.5em; }
	
	/* header as menu */
	
	header[role=banner] {
		background: #F0F2F6;
		box-shadow: 1px 0 5px 3px #CCC inset;
		position: absolute;
		z-index: 97;
		width: 20em;
		min-height: 100%;
		padding: 0;
		left: -100%;
		top: 0;
		visibility: hidden;	
	}
	
		header[role=banner] .inner {
			overflow: hidden;
			padding: 4em 5%;
		}
	
	.menu_open #container, .menu_open footer[role=contentinfo] {
		position: fixed;
		/min-width: 100%;
	}
	
	.menu_open header[role=banner] {
		z-index: 999;
	}
	
		#logo { display: none; }
		
		header[role=banner] .links, #search {
			text-align: left;
		}
		
		#search { position: relative; }
		
		#userbar {
			background: none;
			overflow: hidden;
			padding: 1em 0 0 0;
		}
			
				#userbar .features .more > a { display: none; }			
				#userbar .features .more li { font-size: 100%; }
			
			#userbar .welcome {
				background: #B2BFD0;
				color: #FFF;
				text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
				padding: 0.2em 0.5em;
				overflow: hidden;
			}
			
				#userbar .welcome > a { font-weight: bold; }
			
				#userbar .settings {
					background: url(../images/settings.png) center bottom no-repeat;
					background-size: cover;
					font-size: 1rem;
					text-indent: -9999em;
					overflow: hidden;
					display: inline-block;
					vertical-align: middle;
					width: 1.125em;
					height: 1.125em;
					
				}
				
				#userbar .options { display: inline-block; }
				
					#userbar .options:before { content: '( '; }
					#userbar .options:after { content: ' )'; }
				
					#userbar .options a:after, #language a:after {
					    content: "|";
						display: inline-block;
						margin: 0 0.25em;
						text-decoration: none;
					}
					
					#userbar .options a:last-of-type:after, #language li:last-child a:after {
						content: none;
					}
					
					#userbar .options i {
						font-style: normal;
						font-size: 81.25%;
					}
			
				#userbar .welcome a { color: #FFF; }
			
				#userbar .features li {
					display: block;
					float: none;
					padding: 0;
				}
				
				#userbar .features li:after { content: none; }
                #userbar .ntfc_list { display: none; }
				
			#search input[type=search] {
				border: 1px solid #CCC;
				width: 100%;
				padding: 0.5em 3em 0.5em 0.5em;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				-webkit-appearance: none;
			}
			
			#search input[type=search], #search input[type=submit] { font: 90% Verdana, Geneva, sans-serif; }
			
			#search input[type=submit] {
                background-color: transparent;
				background-position: 10px 3px;
				border: none;
				border-radius: 0;
				-webkit-box-shadow: none;
				box-shadow: none;
				text-indent: -9999em;
				position: absolute;
				right: 0;
				top: 0;
				width: 2.5em;
				height: 2.5em;
				padding: 0;
				margin: 0;
			}
			
			.no-touch #search input[type=submit]:hover { background-position: 10px -27px; }

			header[role=banner] .links, #language, #userbar .features { padding: 1em 0 0 1em; }
			
			header[role=banner] .links, #language {
				border-top: 1px dotted #CCC;
				overflow: hidden;
				margin-top: 1em;
			}
			
				header[role=banner] .links a, .welcome, #userbar li, header[role=banner] .projects a { font-size: 87.5%; line-height: 2; }
				
				header[role=banner] .links li { display: block; }
				header[role=banner] .links li:after { content: none; }
				
		#language {
			text-align: left;
			margin: 1.5em 0;
		}
		
		html[lang=ru] #language:before { content: 'Язык: '; }
		html[lang=en] #language:before { content: 'Language: '; }
		
			#language li {
				line-height: 2;
				display: inline-block;
			}
			
		.navbar_options {
			border-top: 1px dotted #ccc;
			vertical-align: baseline;
			padding: 1.5em 1em 0;
		}
		
			.navbar_options label {
				font-size: 87.5%;
				display: inline;
			}
		
/* new mail */

#header .mail {
	display: block;
	float: right;
	position: relative;
	width: 3em;
	height: 3em;
    margin-left: 1rem;
	cursor: pointer;
}

#header .mail:before {
        content: '\6a';
        color: #fff;
        font: normal 1.5rem/3rem 'FunkySouls';
        display: block;
        margin-left: 0.5rem;
    }

	#header .mail span {
		background: #F60;
		border: 0.15em solid #FFF;
		border-radius: 50%;
		box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
		color: #FFF;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
		position: absolute;
		right: 75%;
		top: 0;
        bottom: 0;
		width: 1.5em;
		height: 1.5em;
		margin: auto;
	}

#header .bttn_ntfc {
	display: block;
	float: right;
	position: relative;
	width: 3em;
	height: 3em;
	cursor: pointer;
}

    #header .bttn_ntfc:before {
        content: '\06e';
        color: #fff;
        font: normal 1.5rem/3rem 'FunkySouls';
        display: block;
        margin-left: 0.25rem;
    }

    #header .bttn_ntfc span {
		background: #F60;
		border: 0.15em solid #FFF;
		border-radius: 50%;
		box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
		color: #FFF;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
		position: absolute;
		right: 75%;
		top: 0;
        bottom: 0;
		width: 1.5em;
		height: 1.5em;
		margin: auto;
	}
	
	#header .mail.overflow span { background: #F84040; }

/* header login */

#header .bttn_login {
    color: #fff;
    font: normal 1.5rem/3rem 'FunkySouls';
    text-align: center;
    display: block;
	float: right;
    width: 3.125rem;
	height: 3rem;
	cursor: pointer;
}

.no-touch #header .bttn_login:hover { background: rgba(0,0,0,0.1); }

/*** CONTENT ***/

/* heading */

h1 {
	font-size: 150%;
    white-space: normal;
	margin-bottom: 1em;
}

h1 + h2 { margin-top: -1em; }

section > h1, #content > .box h1, .leader-list h1, #content > h1 { margin-top: 1em; }

h2 {
	color: #333;
	font-size: 87.5%;
}

.block + h2 { margin-top: 2rem; }

h3 {
	color: #333;
	font-size: 90%;
	font-weight: bold;
	margin: 2em 0 1em;
	
}

/* text articles */

article p {
	font-size: 81.25%;
	line-height: 1.4;
	padding-bottom: 1.4em;
}

article .back { margin-top: 1em; }

	article .back a:before { content: "< "; }

/* attention message */

.attention {
    background: #F8D372;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
    border-radius: 0.25em;
    font-size: 87.5%;
	line-height: 1.4;
    margin: 2em auto;
    max-width: 40em;
    min-width: 20em;
    padding: 1.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .attention p { margin-bottom: 0.5em; }
    .attention p:last-of-type { margin-bottom: 0; }

/* forum legend */

.legend {
	background: #fff;
	clear: both;
	overflow: hidden;
	padding: 1.5em 0 0;
}

	.legend li {
		font-size: 81.25%;
		line-height: 1.4;
	}
	
		.legend li img { margin-right: 0.5em; }

.main .legend { padding-bottom: 2em; }

/* breadcrumbs */

#breadcrumbs {
	overflow: hidden;
	margin-bottom: 1em;
}

	#breadcrumbs li {
		font-size: 81.25%;
		line-height: 2;
		display: block;
		float: left;
	}
	
	#breadcrumbs li:after {
		content: ">";
		padding: 0 0.5em;
	}
	
	#breadcrumbs li:last-child:after {
		content: none;
		padding: 0;
	}

/* hints */

.hint {
	background: #FFF;
	border: 1px solid #666;
	border-radius: 0.25em;
	box-shadow: 0 2px 2px 1px rgba(0,0,0,0.3);
	font-size: 75%;
	font-weight: bold;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	padding: 1em;
	z-index: 999;
}

#overlay {
	background: #000;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
}

/* pagination */

.pagination {
	font-size: 87.5%;
	line-height: 1.4;
	overflow: hidden;
}
	
	.pagination .pages_jump, .pagination .total, .pagination ul, .pagination .all_pages {
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0.5em;
	}
	
	.pagination .pages_jump {
		border-bottom: 1px dashed #333;
		text-decoration: none;
	}
	
	.pagination .total { margin-right: 1em; }
	
	.pagination ul {
		overflow: hidden;
		margin-right: 1em;
	}
	
		.pagination li { float: left; }
		
			.pagination ul a, .pagination ul b, .pagination ul span { padding: 0.25em 0.5em; }			
			.pagination ul *:first-child { padding-left: 0; }
	
.golastpost {
	font-size: 87.5%;
	line-height: 1.2;
	margin: 0 0 1em;
}

.rules_link {
    background-position: 0 -686px;
    font-size: 87.5%;
    line-height: 1.5;
    padding-left: 1.25rem;
    margin-bottom: 0.5rem;
}
				
#content section { margin: 1.5em 0 0; }
#content section:first-of-type { margin: 0; }


	#content h2 {
		font-size: 120%;
		margin-bottom: 0.75em;
	}
	
	/* tables' titles */
		
	#content .titles {
		background: #B0BFCF;
		border-bottom: 1px solid #FFF;
		color: #FFF;
		text-shadow: 0 -1px rgba(0,0,0,0.2);
		display: none;
		position: relative;
		overflow: hidden;
		padding: 0 0 0 60px;
	}

		#content .titles li {
			font-size: 81.25%;
			line-height: 1.2;
			text-align: center;
			display: block;
			position: relative;
			float: left;
			padding: 0.5em 0.75em;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		
			#content .titles li:before {
				content: '';
				background: #FFF;
				position: absolute;
				left: 0;
				top: 0;
				width: 1px;
				height: 300%;
			}
			
			#content .titles li:first-child:before { display: none; }
		
		#content .forums .titles li:first-child, #content .topics .titles li:first-child {
			text-align: left;
			width: 100%;
		}
		
		#content .forums .titles li:first-child {
			padding-left: 31.75em;
			margin-left: -31em;
		}
			
			#content .forums .titles li:first-child:before {
				content: '';
				background: #FFF;
				display: block;
				position: absolute;
				width: 1px;
				height: 500%;
				left: 60px;
				top: 0;	
			}
			
		#content .topics .titles li:first-child {
			padding-left: 43.75em;
			margin-left: -43em;
		}

        #content .topics.moderate .titles li:first-child {
			padding-left: 61em;
			margin-left: -55.5em;
		}
		
		#content .topics .titles:before, #content.forums .subtitle:before {
			content: '';
			box-shadow: 1px 0 0 #FFF;
			display: block;
			position: absolute;
			top: -1em;
			width: 1px;
			height: 200%;
		}
		
		#content .forums .titles li:nth-child(2), #content .topics .titles li:nth-child(3) { width: 6em; }
		#content .topics .titles li:nth-child(2) { width: 10em; }
		#content .forums .titles li:nth-child(3) { width: 5em; }
		#content .topics .titles li:nth-child(4) { width: 7em; }
		#content .forums .titles li:nth-child(4), #content .topics .titles li:nth-child(5) { width: 20em; text-align: left; }
        #content .topics.moderate .titles li:nth-child(6) { width: 7em; }
        #content .topics.moderate .titles li:nth-child(7) { width: 5.5em; }
		
	#content.forums .subtitle {
		background: #C2CFDF;
		border-bottom: 1px solid #FFF;
		font-size: 81.25%;
		line-height: 1.2;
		position: relative;
		overflow: hidden;
		padding: 0.5em 5.25em 0.5em;
	}
	
	#content.forums .subtitle:before { left: 60px; }
	#content .topics .titles:before { left: 62px; }
	#content.profile .topics .titles:before { left: 37px; }

	/* forums and topics */
	
		#content .forum, #content .topics .topic  {
			background: #E4EAF2;
			border-bottom: 0.25em solid #FFF;
			position: relative;
			padding: 0.25em 0.25em 0.5em 3.75rem;
			overflow: hidden;
			clear: both;
		}

        #content .forum:last-of-type, #content .topics .topic:last-of-type { margin-bottom: 1em; }
		
			#content .forum dl,#content .topics dl {
				border-bottom: 2px solid #FFF;
				font-size: 85%;
				position: relative;
				width: 100%;
				padding: 0 0 0.75em;
				margin: 0 0 0.5em;
			}
		
			#content .forum dl, #content .topics dl, #content .forum dt, #content .forum dd,
			#content .topics dl, #content .topics dl, #content .topics dt, #content .topics dd,
			#content .icons, #content .answers, #content .total_topics, #content .update,
			#content .topics .status, #content .author, #content .answers, #content .views {
				display: block;
			}
			
			#content .answers, #content .total_topics, #content .update, #content .author, #content .views, #content .update li { float: left; }
			
            #content .forum dl, #content .topics dl, #content .answers, #content .total_topics, #content .update, #content .author, #content .views {
				line-height: 1.4;
				padding: 0.25em 0;
			}

            #content .forum .description, #content .topic .description, #content .forum .subforums { font-size: 0.75rem; }
            #content .forum .subforums a { font-weight: bold; }
            
            #content .topic .description { opacity: 0.7; }

            .forum .subforums a, .forum .moders a, .forum .update a,
            .topic .pages a, .topic .author a, .topic .answers a, .topic .update a, .topic .description a
            { text-decoration: none; }

            .no-touch .forum .subforums a:hover, .no-touch .forum .moders a:hover, .no-touch .forum .update a:hover,
            .no-touch .topic .pages a:hover, .no-touch .topic .author a:hover, .no-touch .topic .answers a:hover, .no-touch .topic .update a:hover
            { text-decoration: none; }

            .topic .description a:hover { text-decoration: underline; }

			#content .forum .moders {
                color: #333;
                font-size: 0.6875rem;
            }

                #content .forum .subforums li {
                    display: inline-block;
                    vertical-align: top;
                    margin-left: 0.25rem;
                }

                #content .forum .subforums li:first-of-type { margin: 0; }
				
				#content .update li { margin-right: 1em; }
			
				#content .forum dt, #content .topic.unread dt { font-weight: bold; }
					
					#content .forum .full {
                        font-size: 0.8275rem;
                        margin-left: 0.5rem;
                    }
					
						#content .forum .full a {
							color: #333;
							text-decoration: none;
						}
				
				#content .forum dd ul, #content .forum dd li { display: inline; }
				
					#content .forum dd li:after { content: "," }
					#content .forum dd li:last-child:after { content: none; }
			

			#content .answers, #content .total_topics { margin-right: 1em; }
            #content .topic_support { display: none; }

			#content .forum .icon {
				background: #B0BFCF;
				border-radius: 50%;
				box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset;
				position: absolute;
				left: 0.625rem;
				top: 1rem;
				width: 2.5rem;
				height: 2.5rem;
			}
			
				#content .forum .icon img {
					width: 100%;
					height: auto;		
				}
				
			#content .topics .icon {
				position: absolute;
				left: 20px;
				top: 0.75em;
			}

            #content .unread.forum .icon { background: #7095c9; }
			
			#content .topics .status {
				position: absolute;
				left: 20px;
				top: 2.25em;
			}

            #content .topics .status-single { top: 0.75em; }

			#content .topics .topic dt .topic_title {
                font-size: 0.875rem;
                display: inline-block;
                margin-right: 0.5em;
            }

            #content .topic .go_new_post {
                background-position: right -729px;
                font-size: 1rem;
                font-weight: normal;
                text-indent: -9999em;
                overflow: hidden;
                display: inline-block;
                width: 0.75rem;
                height: 0.75rem;
                margin-right: 0.25rem;
            }
			
				#content .topics .topic .pages {
					font-size: 81.25%;
					font-weight: normal;
					display: inline-block;
				}
				
				#content .topics .topic .pages:before { content: '(Страницы: '; }
				#content .topics .topic .pages:after { content: ')'; }
				
					#content .topics .topic .pages li { display: inline-block; }	
			
			.onlinelist {
				width: 100%;
			}
			.onlinelist__head {
				font-weight: bold;
				color: #3A4F6C;
				height: 30px;
				background-color: #b0bfcf;
				vertical-align: middle;
				font-size: 1em;
				padding-left: 5px;
			}
			.onlinelist__row {
				padding: 5px;
				font-size: 1em;
				vertical-align: middle;
			}
			.onlinelist__row:nth-of-type(2n+1) {
				background-color:#eef2f7;
			}
			.onlinelist__name, .onlinelist__time {
				width:20%;
				text-align: center;
				vertical-align: middle;
				padding: 5px;
			}
			.onlinelist__position {
				width:60%;
				text-align: left;
				vertical-align: middle;
				padding: 5px;
			}
			.onlinelist__pagination {
				vertical-align: middle;
				text-align: left;
			}
			.leaderlist {
				width:100%;
			}
			.leaderlist__title {
				font-weight: bold;
				color: #3A4F6C;
				height: 30px;
				background-color: #b0bfcf;
				vertical-align: middle;
				font-size: 1em;
				padding-left: 5px;
				width: 100%;
				text-align: center;
			}
			.leaderlist__header {
				background-color: #C2CFDF;
			}
			.leaderlist__name {
				width:30%;
				text-align: left;
				vertical-align: middle;
				padding: 5px;
			}
			.leaderlist__target {
				width:40%;
				text-align: center;
				vertical-align: middle;
				padding: 5px;
			}
			.leaderlist__target a {
				margin:0.2em;
				display: inline-block;
			}
			.leaderlist__location {
				width:30%;
				text-align: center;
				vertical-align: middle;
				padding: 5px;
			}
			.leaderlist__row:nth-of-type(2n+1) {
				background-color:#eef2f7;
			}
			.smilies {
				display: inline-block;
			}
			.smilies img {
				display: inline-block;
                vertical-align: middle;
				cursor:pointer;
                margin-bottom: 0.25em;
			}

            .show_smileys {
                line-height: 1.5;
                display: inline-block;
                cursor: pointer;
            }
			.buddy {
				width:100%;
				--height: 100%;
				font-size: 10px;
			}
			.buddy__title {
				font-weight: bold;
				color: white;
				height: 30px;
				background-color: #b0bfcf;
				text-align: center;
				vertical-align: middle;
			}
			.buddy__header {
				font-weight: bold;
				color: black;
				height: 25px;
				background-color: #D1DCEB;
				text-align: center;
				vertical-align: middle;
			}
			.buddy__row {
				padding: 0.5em;
				height: 30px;
				background-color: #eef2f7;
				vertical-align: middle;
			}
			.buddy__row_content {
				padding: 0.5em;
				height: 15px;
				background-color: #EEF2F7;
				vertical-align: middle;
			}
			.buddy__row_center {
				text-align: center;
			}
			.whoposted {
				width: 100%;
			}
			.whoposted__title {
				font-weight: bold;
				color: #3A4F6C;
				height: 30px;
				background-color: #b0bfcf;
				vertical-align: middle;
				font-size: 15px;
				padding-left: 5px;
				text-align: center;
				vertical-align: middle;
				border-bottom: 1px solid white;
				font-size: 10px;
			}
			.whoposted__title a {
				color: #3A4F6C;
			}
			.whoposted__header {
				border-bottom: 1px solid white;
				font-weight: bold;
				color: #4C77B6;
				background-color: #C2CFDF;
				text-align:center;
				font-size: 10px;
				height: 20px;
			}
			.whoposted__row {
				border-bottom: 1px solid white;
				font-weight: bold;
				background-color: #EEF2F7;
				text-align:center;
				font-size: 10px;
				height: 20px;
			}
			.whoposted__username {
				width: 70%;
				vertical-align: middle;
				text-align: left;
				color: #4C77B6;
				padding:5px;
				font-weight: normal;
			}
			.whoposted__count {
				width: 30%;
				border-left: 1px solid white;
				vertical-align: middle;
				text-align:center;
				color: #4C77B6;
				font-weight: normal;
			}
			.whoposted__username_bold, .whoposted__count_bold{
				font-weight: bold;
			}
			.whoposted__count_content {
				color:black;
			}
			.topicsearch {
				width: 100%;
                margin-top: 1em;
			}
            .topicsearch tr, .topicsearch td {
                font-size: 87.5%;
            }
			.topicsearch td {
				vertical-align: middle;
				padding: 0.25em;
                word-break: break-all;
                word-break: break-word;
			}
			.topicsearch__row_title {
				background-color: #B0BFCF;
				border-bottom: 1px solid white;
				height: 2em;
			}
			.topicsearch__row_header {	
				background-color: #D1DCEB;
				border-bottom: 1px solid white;
				height: 2em;
			}
			.topicsearch__row_content {
				background-color: #EEF2F7;
				border-bottom: 1px solid white;
				height: 3em;
			}
			.topicsearch__forum_block {
				margin:0em 2em 0.25em 0 ;
				display: inline-block;
			}
			.topicsearch__name {
				max-width: 7em;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.topicsearch__moderator {
				font-weight: bold;
			}
			.emailsender {
				width: 100%;
			}
			.emailsender td {
				padding:0.25em;
			}

			#content section > header {
				overflow: hidden;
				margin: 1em 0 0.5em;
			}
			    
                #content section > header h1 { margin-bottom: 0.25em; }
				#content section > header h2 { float: left; }
				
				#content section > header .options, #content section > footer .options {
					font-size: 0.8125rem;
					line-height: 1.2;	
					clear: both;
				}

                #content section > header .pagination { clear: both; }
                #content section > header .pagination, #content section > header .options:first-of-type { margin-bottom: 0.5rem; }
				
				#content section > header .options:before, #content section > footer .options:before { content: '['; }
				#content section > header .options:after, #content section > footer .options:after { content: ']'; }
					
			#content section > footer { margin: 0.75em 0 2em; }
			
			#content section > footer, #content section > footer .options {
                overflow: hidden;
                clear: both;
            }
			
					#content section > header .options li,
					#content section footer .options li {
						display: inline-block;
					}
					
				#content section > footer .options { float: left; clear: both; margin: 0.5em 0 0 0; }

					#content section > footer .options li:before, #content section > header .options li:before {
						content: '|';
						display: inline-block;
						margin-right: 0.5em;						
					}

					#content section > footer .options li:first-child:before, #content section > header .options li:first-child:before {
						content: none;
					}
					
					#content .answers, #content .total_topics, #content .update, #content .views, #content .author { color: #333; font-size: 70%; font-weight: bold; }
					#content .forum .answers:before, #content .forum .total_topics:before, #content .update { font-weight: normal; }
					#content .update a, #content .update li:first-child { font-weight: bold; }
					#content .update, #content .answers, #content .total_topics,
					
					#content .author, #content .views {
						padding-left: 25px;
						padding-bottom: 0;
						margin: 0 3em 0 0;
						overflow: hidden;
						min-height: 1.8em;
						width: auto;
					}
					
					#content .total_topics { background-position: 0 -308px; }
					#content .answers { background-position: 0 -276px; }
					#content .update { background-position: 0 -342px; }
					#content .author { background-position: 0 -405px; }
					#content .views { background-position: 0 -438px; }
					
						#content .forum .update li { float: left; }

	
	.view_options {
		background: #C2CFDF;
		border-top: 1px solid #FFF;
		text-align: center;
		padding: 0.75em;
	}

                #moder_options { margin-top: 0.5rem; }
                #moder_options form { padding-right: 3.5rem; }
                #moder_options input[type=submit] { margin: 0; }

                #moder_options select {
                    color: red;
                    font-weight: bold;
                }
    
                #moder_options input[type=text] { display: none; }
                #moder_options input[type=text].active { display: block; }

.top_filters {
    background: #b2bfd0;
    color: #fff;
    font-size: 87.5%;
    padding: 1em;
    margin-bottom: 0.5rem;
}



/* favourites */

	/* not for mobile */
	#content.favourites .topic.controls, #content.favourites .topic .topicstarter { display: none; }
    
    #content.favourites .topic .last_message { display: none; }
	
	.favourites .panel {
		background: #B2BFD0;
		font-size: 87.5%;
		padding: 1em;
	}
	
		.favourites .panel:before {
			color: #FFF;
			font-size: 87.5%;
			display: block;
		}
		
		html[lang=ru] .favourites .panel:before { content: 'Сортировать по:'; }
		html[lang=en] .favourites .panel:before { content: 'Sort by:'; }

	#content.favourites section, #content.who_online section { margin-bottom: 2em; }
	#content.favourites .panel + section { margin-top: 2em; }

	#content.favourites section p, #content.favourites .topic {
		background: #EEF2F7;
		display: block;
		overflow: hidden;
	}
	
	#content.favourites section p, #content.favourites .topic dt,
    #content.favourites .topic dd {
		font-size: 81.25%;
		line-height: 1.2;
	}

	#content.favourites section p {
		font-weight: bold;
		text-align: center;
		padding: 0.5em;
	}
	
	#content.favourites .topic {
		border-bottom: 0.0625em solid #FFF;
		position: relative;
		padding-bottom: 0.25em;
	}
	
		#content.favourites .topic dt {
			font-size: 100%;
            padding-right: 2rem;
		}
		
			#content.favourites .topic dt a { text-decoration: underline; }
			#content.favourites .topic dt a:hover { text-decoration: none; }
	
		.favourites .topic dd {
			line-height: 1.4;
            float: left;
		}

        .favourites .topic .section {
            width: 67%;
            padding-right: 0.5em;
        }

        .favourites .topic .last_author {
            text-align: right;
            width: 33%;
            padding-right: 2.5em;
        }

            #content.favourites .topic dd a {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        
            #content.favourites .topic a, #content.favourites .topic time {
                color: #333;
                display: block;
                padding: 0.25em 0.5em 0;
                text-decoration: none;
            }
			
			#content.favourites .topic dd a, #content.favourites .topic dd time { padding: 0 0 0 0.5em; }

            .favourites .topic .last_author a:before {
                content: '';
                background: url(../images/sprite.png) 0 -796px no-repeat;
                display: inline-block;
                vertical-align: middle;
                width: 0.625rem;
                height: 0.75rem;
                margin-right: 0.25rem;
            }
			
			#content.favourites .topic a:hover { text-decoration: underline; }
			
			#content.favourites .topic .delete {
				position: absolute;
				right: 0.25em;
				top: 50%;
				padding: 0;
				margin: -0.75em 0 0 0;
			}
		
				#content.favourites .topic dd.delete a {
					background: url(../images/delete_bttn.png) 0 0 no-repeat;
					background-size: 100%;
					border: 0.5em solid rgba(255,255,255,0);
					text-indent: -99999em;
					width: 12px;
					height: 12px;
					padding: 0;
					opacity: 0.3;
				}
			
				#content.favourites .topic dd.delete a:hover { opacity: 0.5; }
			
				#content.favourites .topic .section a:before, #content.favourites .topic .last_author a:before { opacity: 0.6; }
				
				#content.favourites .removed {
					background: #F8D372;
					padding: 0.75em;
				}
				
					#content.favourites .removed dd {
						float: none;
						padding: 0;
					}
					
						#content.favourites .removed dd a {
							text-decoration: underline;
							display: inline;
							padding: 0;
						}
					
					.no-touch #content.favourites .removed a:hover { text-decoration: none; }

	#content.members .member-entry {
		background-color:#E4EAF2;
		clear:both;
		min-height: 1.6em;
		border-bottom:0.75em solid #FFF;
		padding: 0.5em 0.5em 0.75em 60px;
		overflow: hidden;
		clear: both;
	}
	#content.members .member-entry .group {
		border-bottom: 2px solid #FFF;
		padding: 0 0 0.5em 0;
	}
 	#content.members .member-entry .level {
		display: none;
	} 
	#content.members .member-entry .joined, 
	#content.members .member-entry .posts, #content.members .member-entry .email {
		float:left;
	}
	#content.members .member-entry .joined, #content.members .member-entry .posts,
	#content.members .member-entry .email {
		padding:0.5em 25px 0.5em 25px;
	}
	#content.members .member-entry .member-name {
		padding: 0 0 0.5em 1.5em;
		background-position: 0 -405px;
	}
	#content.members .member-entry .joined {
		background-position: 0 -342px;
	}
	#content.members .member-entry .posts {
		background-position: 0 -276px;
	}
	#content.members .member-entry .email {
		background-position: 0 -308px;
	}
	#content.members .member-entry .member-name a {
		line-height: 2em;
	}

/* topic */

.topic .info {
	font-size: 87.5%;
	margin-bottom: 1em;
}

.topic_search {
	position: relative;
	padding-right: 3em;
	margin-bottom: 1em;
}

	.topic_search input[type=submit] {
		font-size: 87.5%;
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
	}

.closed_topic {
    font-size: 87.5%;
    line-height: 1.4;
    padding: 0.25em 0;
}

    .closed_topic span {
        color: red;
        font-weight: bold;
    }
	
    .topics_navi, .topics_options {
		background: #B0BFCF;		
		overflow: hidden;
	}
	
	.topics_navi { border-bottom: 1px solid #FFF; }
	
		.topics_navi li, .topics_options li {
			float: left;
			margin-right: 0.5em;
		}
            
        .topics_navi li:last-of-type, .topics_options li:last-of-type { margin: 0; }

			#section_title {
				background: #B0BFCF;
				text-shadow: 0 -1px rgba(0,0,0,0.2);
                overflow: hidden;
                padding: 0.5em;
				margin: 0 0 1px 0;
			}

            #section_title, #section_title a { color: #fff; }

            #section_title span { font-size: 82.75%; }

			#section_title .topics_options {
				display: block;
				float: right;
			}
			.topics_navi a, .topics_options a {
				font-size: 82.75%;
				line-height: 1.4;
				display: block;
				float: left;
			}
		
			.topics_navi li:after, .topics_options li:after {
				content: '|';
				font-size: 87.5%;
				line-height: 1.4;
				display: block;
				float: left;
				margin-left: 0.5em;
			}
			
			.topics_navi li:last-child:after, .topics_options li:last-child:after { display: none; }
			
				.topics_navi li:first-child a:before { content: '« '; }
				.topics_navi li:last-child a:after { content: ' »'; }
					
	.topic footer .users {
		background: #E4EAF2;
		padding: 0.5em;
		margin-bottom: 1px;
	}
	
		.topic footer .users h4, .topic footer .users ul {
			font-size: 70%;
			overflow: hidden;
		}
		
		.topic footer .users h4 { font-weight: bold; }
		
		.topic footer .users li {
			line-height: 1.4;
			float: left;
			margin-right: 0.25em;
		}
		
			.topic footer .users li a, .topic footer .users li:after {
				display: inline-block;
				vertical-align: middle;
			}
			
			    .topic footer .users li:not(:last-of-type):after { content: ','; }
			
		.topic footer .answers_count {
			background: #B0BFCF;
			border-bottom: 1px solid #FFF;
			font-size: 70%;
			font-weight: bold;
			padding: 0.75em;
		}
		
        .topic footer .topics_options { padding: 0.5em; }

		.topic footer .pagination { margin: 1em 0 0.25em 0; }
		
		.topic footer .back {
			font-size: 82.75%;
			line-height: 2;
			display: block;
			clear: both;
			margin-top: 1em;
		}
		
.post {
	background: #F5F9FD;
	margin-bottom: 0.125em;
}

.post:nth-child(odd) { background: #EEF2F7; }

.post .language, .post .regdate, .post .gotop, .post .ip { display: none; }

.post header img {
	display: inline-block;
	margin: 0.25rem -0.75rem 0 0.5rem;
}

.post time, .post .username, .post .language, .post .regdate, .post .status, .post .thanx,
.post header ul, .post .postnumber,  .post footer ul, .post aside .signature, .post .ip { font-size: 81.25%; }
.post aside .signature span { font-size: 0.625rem; }

.post .username a, .post .thanx span:nth-child(1) a { text-decoration: none; }
.post .thanx span { font-size: 0.75rem; }
.thanx span:nth-child(1) a { font-weight: bold; }

.post {
    float: left;
    width: 100%;    
}

.post, .post footer {
	position: relative;
	clear: both;
}

.post header {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 91;
}

	.post header time {
		font-size: 68.5%;
		line-height: 1.8;
		display: block;
		float: left;
        margin-top: 0.5em;
	}

    .post .post_icon { display: none; }
	
	.post header .toggle {
		background-position: center -532px;
		display: block;
		float: right;
		width: 2em;
		height: 2em;
		opacity: 0.5;
		cursor: pointer;
	}
	
	.post header .toggle:hover { opacity: 1; }
	
	.post header .options {
		background: #D1DCEB;
		background: #E4EAF2;
		box-shadow: -3px 3px 0 rgba(0,0,0,0.15);
		display: none;
		position: absolute;
		z-index: 999;
		right: 0;
		top: 2em;
		overflow: hidden;
		padding: 0.5em 0.75em;
	}

    .post header .options a { text-decoration: none; }
    .no-touch .post header .options a:hover { text-decoration: underline; }
	
    .post .optactive { z-index: 92; }	
    .post .optactive .options { display: block; }
	
		.post header .options li {
			line-height: 1.8;
			display: block;
			clear: both;
            width: 100%;
		}

        .post .options .contacts li, .post .options .report, .post .options .postnumber  {
            font-size: 0.75rem;
            line-height: 1.8;
            white-space: nowrap;
            margin-left: 0;
        }

        .post .options .postnumber {
            border: dotted rgba(0,0,0,0.2);
            border-width: 1px 0;
            padding: 0.25rem 0 0.25rem;
            margin-top: 0.5rem;
        }

            .post .options .postnumber span { display: inline; }

        .post .options .ip {
            border-bottom: dotted rgba(0,0,0,0.2);
            border-width: 1px 0;
            padding: 0.25rem 0 0.25rem;
        }
		
		.post header .options .socials {
			border-top: 1px solid rgba(0,0,0,0.3);
			padding-top: 1em;
			margin-top: 1em;
		}
		
			.post header .options .socials a { white-space: nowrap; }

.post .body {
	float: right;
	width: 100%;
	padding-top: 3.75em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	.post .text, .post .body .signature { padding: 1em;	}
    .post .body .signature { display: none; }
    
    .post .text a, .preview article .text a { color: #6666FF; }
    .post .text a:hover, .post .body .signature a:hover, .preview article .text a:hover { color: #FF0033; }    
    .post .text a:visited, .post .body .signature a:visited, .preview article .text a:visited { color: #000099; }
    .post .body .signature a:hover { color: #000; }
	.post .body .signature a:visited { color: #000; }

    .post .text .mention, .preview .mention {
        background: rgba(127,151,190,0.2);
        border-radius: 0.125rem;
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        padding: 0 0.125rem;
    }

    .post .text .mention, .post .text .mention:visited, .post .text .mention:hover,
    .preview .text .mention, .preview .text .mention:visited, .preview .text .mention:hover
    { color: #333; }

    .post .body .text, .post .body .signature {
		font: normal 0.8125rem/1.4 Verdana, Geneva, sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
	}

        .post .body .text .edit {
            font-size: 0.75rem;
            color: #555;
        }
	
	.post .body .signature:before {
		content: "--------------------";
		display: block;
		clear: both;
	}
	
		.post .text img, .preview article img, .editpost article img, .post .signature img, .msg_preview .text img, .post .text table[width='95%'] img {
            font-size: 1rem;
            display: inline-block;
            vertical-align: top;
			width: auto;
			max-width: 100%;
        }

        .post video {
            width: 100%;
            height: auto;
        }

        .post_video, .post video {
            max-width: 33rem !important;
            max-height: 33rem !important;
        }

        .post video, .streamable-embed-video {
            display: inline-block;
            vertical-align: baseline;
        }

        .streamable-embed-video .fluid-width-video-wrapper { padding-top: 55% !important; }

.post aside {
	background: #E4EAF2;
	background: #d1dceb;
	border-bottom: 1px solid #FFF;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 4em;
	padding: 0.5em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	.post .post_author { padding-left: 3.5em; }
	.post .post_author.noavatar { padding-left: 0; }

		.post .username {
			font-weight: bold;
			float: left;
		}
		
		.post .avatar {
            text-align: center;
			position: absolute;
			left: 0.5em;
			top: 0.5em;
			width: 3em;
            height: 3em;
		}
		
			.post .avatar img {
                display: inline-block;
                vertical-align: middle;
				max-width: 100%;
                max-height: 100%;
				width: auto;
                height: auto;
			}

            .post .avatar:after {
                content: '';
                display: inline-block;
                vertical-align: middle;
                height: 100%;
                width: 0;
            }
		
		.post aside .signature, .post .rating {
			float: left;
			clear: both;
			margin-top: 0.25em;
		}

        .post aside .signature {
            line-height: 1.4;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0 auto;
        }
		
		.post .thanx {
			white-space: nowrap;
			position: absolute;
			right: 0.5em;
			bottom: 0.5em;
		}
		.post .thanx a, .post .thanx_count { display: inline-block; vertical-align: top; }
		.post .thanx_count a { color: #333; }
		
		.post .online .username:after {
			content: '';
			background: #090;
			border-radius: 50%;
			font-size: 110%;
			text-indent: -99999em;
			display: inline-block;
			vertical-align: middle;
			width: 0.5em;
			height: 0.5em;
			margin-left: 0.25em;
		}
		
		.post .status { display: none; }
		
.post footer {
	background: #D1DCEB;
	border-top: 1px solid #FFF;
	padding: 0.5em;
	z-index: 90;
    display: none;
}

	.post footer ul, .post footer li {
		float: left;
		overflow: hidden;		
	}
	
		.post footer li, .post .postnumber { line-height: 1.4; }
	
		.post footer li { margin-right: 0.5em; }
		
			.post .postnumber {
				float: right;
			}
			
				.post .postnumber span { display: none; }
				.post .postnumber {
					margin-left: 1em;
				}
			
			.post .contacts li { display: none; }			
			.post .contacts li:first-child { display: block; float: left; }

	.post .report {
		font-size: 81.25%;
		line-height: 1.4;
		float: right;
	}

blockquote, code,  .post .text table[width='95%'] {
	background: #FFF;
	box-shadow: 0 0 0 1px #CCC inset;
	display: block;
	position: relative;
    padding: 0.2em 0.5em;
	margin: 1.75em 0 1em 2em;
}

	blockquote .header, code .header, .post .text table[width='95%'] tr:nth-of-type(1) td {
		font-size: 0.6875rem;
        text-align: left;
		position: absolute;
		top: -1.25rem;
        left: 0;
	}
	
	.quote_title, .code_title {
		font-style: italic;
		font-weight: bold;
        display: inline;
	}
	
	blockquote .quote_author { left: 5.25em; }
    
    blockquote .inner, code .inner, #CODE {
        display: block;
        overflow: hidden;
        word-wrap: break-word;
    }

br + blockquote, br + code { margin-top: 2.25em; }

.monolit { overflow: hidden; }
.monolit > br, .monolit > div[align=center] > br, .monolit > div[align=left] > br, .monolit > div[align=right] > br { display: none; }

.monolit > img, .monolit > div[align=center] > img, .monolit > div[align=left] > img, .monolit > div[align=right] > img {
    padding-left: 1rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.edited_post {
    border-top: 1px solid #ccc;
    
    padding-top: 0.5rem;
    margin-top: 1.5rem;
}

    .moder_comment { color: red; }
    
    .moderate .normal_view {
        font-size: 0.8125rem;
        display: inline-block;
        vertical-align: top;
        margin-left: 0.5rem;
    }

    .post .edit_author { margin-top: 1rem; }

        .post .edit_author a, .post .edit_author a:visited {
            color: #333;
            font-weight: bold;
        }

/* poll */

.poll {
    background: #f5f9fd;
    text-align: center;
    clear: both;
    overflow: hidden;
    margin-bottom: 1rem;
}

    .poll header {
        background: #d1dceb;
        overflow: hidden;
        padding: 0 0.5rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .poll_options { float: right; }

            .poll_options li {
                font-size: 0.6875rem;
                line-height: 2;
                display: inline-block;
                margin-left: 0 0 0.125rem 0.25rem;
            }

            .poll_options li:not(:last-of-type):after {
                content: '•';
                display: inline-block;
                margin-left: 0.25rem;
            }

    .poll h2 {
        margin: 1rem;
    }

    .poll_body {
        font-size: 0.8125rem;
        text-align: left;
        display: inline-block;
        overflow: hidden;
        padding: 0 1em 1em;
    }

        .poll fieldset {
            background: none;
            padding: 0;
            margin: 0 0 0.25rem 0;
        }

        .poll fieldset:last-of-type { margin: 0; }
        
.poll dl {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 1.5rem; 
}

    .poll dt, .poll dd {
        line-height: 1.2;
        display: inline-block;
        vertical-align: middle;
    }

    .poll .votes { margin: 0 0.5rem; }

    .poll .progress {
        display: block;
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        right: 0;
    }
        
        progress {
            background: #fff;
            border: 1px solid #fff;
            border-radius: 0.25rem;
            box-shadow: 0 0 0 1px #ddd;
            color: #7095c9;
            overflow: hidden;
            width: 100%;
            height: 0.5rem;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-appearance: none;
        }

        ::-webkit-progress-bar { background: #fff; }
        ::-webkit-progress-value { background: #7095c9; }
        ::-moz-progress-bar { background: #7095c9; }
        
    .poll .percentage {
        width: 4rem;
        margin-left: 0.5rem;
    }

    .poll .voted { line-height: 2; }

textarea[name=PollAnswers] { height: 7rem; }

/* answer form */

	#answer .prompt { display: none; }
	
	.smileys {
		display: block;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	
		.smileys dt, .smileys dd {
			font-size: 80%;
			line-height: 1.4;
			text-align: center;
			display: inline-block;
			vertical-align: middle;
			width: 50%;
			margin-bottom: 0.5em;
		}
		
		.smileys dt { margin-top: -0.5em; }
		
		.smileys dd {
			position: relative;
			margin-left: -0.5em;
		}
		
			.smileys dd:after {
				content: '';
				border-bottom: 1px dotted #CCC;
				display: block;
				position: absolute;
				right: 0;
				bottom: 0;				
				width: 200%;
				height: 0;
			}
			
			.smileys dd:last-child:after { display: none; }
	
    #answer {
        clear: both;
        padding-top: 1em;
    }

	#answer_form { min-height: 10em; }
    
    #content.topic section .closed {
        color:red;
        font-weight:bold;
        display:block;
    }
	
/* post preview */

#content.preview article ul, #content.topic .post .text ul,#content.profile .post .text ul, #content.profile .msg_preview .text ul {
	list-style:disc;
	list-style-position: inside;
}
.preview article, .editpost article {
	background: #EEF2F7;
    font: 0.8125rem/1.4 Verdana,Geneva,sans-serif;
    overflow: hidden;
	margin-bottom: 1.5em;
}

.preview article .text, .editpost article .text { margin: 1em; }

#content .last_posts { margin-top: 2em !important; }

.last_posts h2 {
	background-color: #b0bfcf;
	padding: 0.5em;
	margin-bottom: 0 !important;
}
.last_posts article {
	border-bottom: 1px solid #FFF;
	margin-bottom: 1em;
	background: #EEF2F7;
	padding-bottom: 1em;
}
.last_posts article header {
    background: #e4eaf2;
	border-bottom: 1px solid #fff;
	padding: 0.5em;
	margin-bottom: 0.5em;
}
.last_posts .last_post_author {
    font-weight: bold;
	display: inline-block;
}

a.editlogs {
    font-size: 87.5%;
    display: inline-block;
    padding: 0 0.75em 0.75em 0.75em;
}

.preview form + .banner { margin-top: 2em; }

/* edit logs page*/

.edit_logs .logs {
    background: #eef2f7;
    overflow: hidden;
    margin-bottom: 1em;
}

    .edit_logs .logs li {
        font-size: 81.25%;
        float: left;
        position: relative;
        overflow: hidden;
        padding: 0.5rem 0.75rem;
        -mox-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.edit_logs .logs li:nth-child(1), .edit_logs .logs li:nth-child(2) { width: 50%; }

.edit_logs .logs li:before { opacity: 0.6; }
.edit_logs .logs li:nth-child(1):before { content: 'Edit date: '; }
.edit_logs .logs li:nth-child(2):before { content: 'Edit by: '; }
.edit_logs .logs li:nth-child(3):before { content: 'Raw diff:'; }
.edit_logs .logs li:nth-child(4):before { content: 'Diff:'; }

.edit_logs .logs li:nth-child(3):before, .edit_logs .logs li:nth-child(4):before {
    display: block;
    margin-bottom: 0.5rem;
}

.edit_logs .logs li:nth-child(3), .edit_logs .logs li:nth-child(4) { width: 100%; }

.edit_logs .logs li:nth-child(3):after, .edit_logs .logs li:nth-child(4):after {
    content: '';
    background: #fff;
    display: block;
    position: absolute;
    height: 1px;
    left: 0.75rem;
    right: 0.75rem;
    top: 0;
}

ins {
    color: green;
    background: #dfd;
    text-decoration: none;
    }
del {
    color: red;
    background: #fdd;
    text-decoration: none;
}

/* user profile */

#content .user_profile { overflow: hidden; }

.user_profile section {
	background: #eef2f7;
	line-height: 1.2;
	position: relative;
	overflow: hidden;
}

.user_profile section + .banner { margin-top: 2em; }

	#content.user_profile h2 {
		background: #B0BFCF;
		border-bottom: 1px solid #FFF;
		color: #FFF;
		text-shadow: 0 -1px rgba(0,0,0,0.2);
		font-size: 82.75%;
		font-weight: normal;
		padding: 0.5em;
		margin: 0;
	}
	
	.user_profile .personal_info img {
		width: auto;
		max-width: 100%;
		margin: 0.75em 0;
	}
	
	.user_profile .personal_info dd:last-child img {
        display: inline-block;
        font-size: 1rem;
        max-width: 100%;
        vertical-align: top;
        margin: 0;
        width: auto;
    }
	
	#content.user_profile .spoiler h2 {
		background-color: #B0BFCF;
        background-position: right -212px;
		cursor: pointer;
	}
	
	#content.user_profile .spoiler.unfolded h2 { background-position: right -244px; }
    .user_profile .sp-body .sp-head-wrap { display: none; }

    .user_profile section table {
        border: 1em solid transparent;
        font-size: 81.75%;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

	.user_profile section ul, .user_profile section dl {
		font-size: 82.75%;
		margin: 1em;
	}
	
	.user_profile section ul, .user_profile section dl, .user_profile section li, .user_profile section dt, .user_profile section dd {
		display: block;
		overflow: hidden;
	}
	
		.user_profile section dt, .user_profile section dd {
            width: auto;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
	
		.user_profile section dt {
			border-top: 1px dotted rgba(0,0,0,0);
			font-weight: bold;
			padding: 1em 0 0 0;
		}
		
		.user_profile section dt:first-child { padding: 0; }
		
		.user_profile section dd { border-top: 1px dotted rgba(0,0,0,0.2); }
		
		.user_profile section dd, .user_profile section dd:nth-child(2) {
			border-top: none;
			border-bottom: 1px dotted rgba(0,0,0,0.2);
			padding: 0.25em 0 1em;
		}
		
		/*.user_profile section dd:last-child { border: none; }*/		
	
	.user_profile .userbox {
		position: relative;
		min-height: 60px;
		padding: 0 0 0.5em 4.75rem;
	}
	
		.user_profile .userbox .avatar {
            font-size: 1rem;
            text-align: center;
			position: absolute;
			left: 0;
			top: 0.25em;
            width: 4em;
            height: 4em;
		}
		
			.user_profile .userbox .avatar img {
                display: inline-block;
                vertical-align: middle;
				width: auto;
                height: auto;
				max-width:4em;
                max-height: 4em;
			}

            .user_profile .userbox .avatar:after {
                content: '';
                display: inline-block;
                vertical-align: middle;
                width: 0;
                height: 100%;
            }
		
		.user_profile .userbox.noavatar .avatar:before {
			content: '';
			background: url(../images/no_avatar.png) center no-repeat;
			background-size: cover;
			display: inline-block;
			width: 4em;
			height: 4em;
			opacity: 0.3;
		}
		
			.user_profile .userbox .nickname span {
				color: #4C77B6;
				font-size: 200%;
				display: inline-block;
				vertical-align: middle;
			}
			
			.user_profile .edit_bttn {
				background-position: 0 -660px;
                font-size: 1rem;
				text-indent: -9999em;
				display: inline-block;
				vertical-align: middle;
				width: 1.25em;
				height: 1.25em;
				margin-left: 0.25em;
				opacity: 0.3;
				transition: opacity 0.2s linear;
			}
			
			.user_profile .edit_bttn:hover { opacity: 0.7; }
			
			.user_profile .avatar .edit_bttn {
				background-color: #FFF;
                background-position: 8px -653px;
				border-radius: 50%;
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				padding: 0.5em;
				margin: auto;
				opacity: 0;
			}
			
			.user_profile .avatar:hover .edit_bttn { opacity: 0.7; }
			
		.user_profile .userbox .status {
			font-size: 110%;
			margin-bottom: 0.2em;
		}
		
		.user_profile .userbox .group { color: #666; }
	
	.user_profile .actions { white-space: nowrap; }
	
		.user_profile .actions li {
			display: inline-block;
			vertical-align: middle;
		}
		
			.user_profile .actions li a {
				text-indent: -9999em;
				display: block;
				width: 30px;
				height: 30px;
			}
			
			.user_profile .actions .find_messages a { background-position: 0 -92px; }
			.user_profile .actions .add_contact a { background-position: 0 -122px; }
			.user_profile .actions .find_warnings a { background-position: 0 -152px; }
			.user_profile .actions .ro_bitch a { background-position: 0 -182px; }
			.user_profile .actions .edit_profile a { background-position: -60px -92px; }
			.user_profile .actions .ban_profile a { background-position: -60px -152px; }
			.user_profile .actions .unban_profile a { background-position: 0 -720px; }
			
			.user_profile .actions .find_messages a:hover { background-position: -30px -92px; }
			.user_profile .actions .add_contact a:hover { background-position: -30px -122px; }
			.user_profile .actions .find_warnings a:hover { background-position: -30px -152px; }
			.user_profile .actions .ro_bitch a:hover { background-position: -30px -182px; }
			.user_profile .actions .edit_profile a:hover { background-position: -60px -122px; }
			.user_profile .actions .ban_profile a:hover { background-position: -60px -182px; }
			.user_profile .actions .unban_profile a:hover { background-position: -30px -720px; }
			
			.user_profile .actions .hodki {
                background: #afbecf;
                border-radius: 0.25em;
                color: #fff;
                position: relative;
                overflow: visible;
                padding: 0.125em 0.25em 0.25em;
                margin-right: 0.75em;
            }

				.user_profile .actions .hodki a {
					background: none;
                    color: #fff;
                    font-size: 0.8275rem;
					text-indent: inherit;
                    display: inline-block;
					width: auto;
					height: auto;
				}

                .user_profile .actions .hodki:after {
                    content: '';
                    background-position: right -611px;
                    display: block;
                    position: absolute;
                    left: -0.5rem;
                    top: 0;
                    bottom: 0;
                    width: 0.5rem;
                    height: 0.5rem;
                    margin: auto;
                }
				
		.user_profile .spoiler table {
			border: 1em solid rgba(255,255,255,0);
			font-size: 81.25%;
			width: 100%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
	
		.user_profile tr { border-bottom: 1px dotted rgba(0,0,0,0.2); }
		.user_profile tr:last-child { border: none; }
		
			.user_profile th, .user_profile td {
				border-right: 1px dotted rgba(0,0,0,0.2);
				text-align: center;
				vertical-align: middle;
				width: 33.33%;
				padding: 0.25em;
			}
			
			.user_profile th {
				font-weight: bold;
				text-align: center;
				padding-bottom: 0.5em;
			}
			
			.user_profile th:first-child, .user_profile td:first-child { text-align: left; }
			.user_profile th:last-child, .user_profile td:last-child { border: none; }
			
				.user_profile td a { text-decoration: none; }
		
			.user_profile .contacts li { line-height: 1.4; }
			
			.user_profile .contacts .basic li {
				margin-bottom: 0.25em;
				float: left;
				width: 50%;
			}
			
			.user_profile .contacts .socials {
				white-space: nowrap;
			}
			
				.user_profile .contacts .socials li {
					display: inline-block;
				}
		
			.user_profile .pagination { text-align: center; }
				
				.user_profile .pagination li { display: inline-block; }
				
				.user_profile .pagination li:after {
					content: '|';
					display: inline-block;
					padding: 0 0 0 0.25em;					
				}
				
				.user_profile .pagination li:last-child:after { content: none; }


/* MY PROFILE AND PERSONAL MESSAGES */

/* main page */

.profile h1 { margin-top: 1em; }

.profile .panel {
	background: #B2BFD0;
	font-size: 87.5%;
	padding: 1em;
}
	.side_panel {
		background-color: #EEF2F7;
	}
	.side_panel dl {
		padding: 0.25em;
	}
	.profile .panel dl { display: none; }
	.side_panel dl dd {
		font-size: 81.25%;
		line-height: 1.4;
		padding: 0 0 0.5em 1em;
	}

	.block {
		background: #E4EAF2;
		overflow: hidden;
		margin-top: 1.5em;
	}
	
		.block .title {
			background: #B2BFD0;
			border-top: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			color: #FFF;
			font-size: 82.75%;
			text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
			padding: 0.5em;
		}
		
		.block .title:first-child { border-top: 0; }
		
		.descr {
			font-weight: normal;
			font-size: 70%;
			line-height: 1.4;
			display: block;
			margin: 0.75em;
			opacity: 0.7;
		}
		
		.block .box .descr { font-size: inherit; }
		.profile h2 + .descr { margin: -0.5em 0 1.5em 0; }
		
			.block .descr p { margin-bottom: 1em; }
			.block .descr p:last-child { margin-bottom: 0; }
		
		.block > dl, .block .box, .block > fieldset {
			border-top: 1px dotted #CCC;
			font-size: 82.75%;
			display: block;
			position: relative;
			overflow: hidden;
			padding: 0.5em 0;
			margin: 0 0.5em;
		}
		
		.block > .title + dl, .block .title + .box, .block .title + fieldset,
		.block fieldset:first-of-type, .block dl:first-of-type, .block .box:first-of-type { border: none; }
		
			.block dt, .block dd {
				line-height: 1.4;
				display: block;
				float: left;
				margin-right: 1em;
			}
			
			.block dt { clear: left; }
			.enemy dt { color: red; }
			
			.friend_enemy dt {
				font-weight: bold;
				margin-right: 2em;
			}
										
				.friend_enemy dt span { font-weight: normal; }
			
			.friend_enemy dl .edit, .friend_enemy dl .delete {
				display: block;
				position: absolute;
				top: 0.75em;
				width: 12px;
				height: 12px;	
				margin: 0;
			}
			
			.friend_enemy dl .edit { right: 2em; }
			
			.friend_enemy dl .delete { right: 0; }
			
				.friend_enemy dl .edit a { background: url(../../images/edit_bttn.png) center no-repeat; }
				.friend_enemy dl .delete a { background: url(../../images/delete_bttn.png) center no-repeat; }
				
				.friend_enemy dl .edit a, .profile .friend_enemy dl .delete a {
					background-size: cover;
					text-indent: -99999em;
					display: block;
					width: 12px;
					height: 12px;
					opacity: 0.3;
					transition: opacity 0.2s linear;
				}
							
				.friend_enemy dl .edit a:hover, .friend_enemy dl .delete a:hover {opacity: 0.5; }
				
			.friend_enemy .comment { clear: both; }
			
			.block .line dt:after, .block .edit label:after { content: ':'; }
			
				.block fieldset.line label { display: inline; }

                .block fieldset.line_controls span {
                    display: inline-block;
                    white-space: nowrap;
                    margin: 0 0 0.5em 0;
                }
			
			.block .line dd { font-weight: bold; }
			
				.block .preview {
					display: block;
					margin: 0.5em;
				}
				
				.block .edit_folders {
					padding-right: 3em;
					position: relative;
				}

					.block .edit_folders button {
						position: absolute;
						top: 0;
						right: 0;
					}
			
			.block .edit { margin-bottom: 0.25em; }
			.block .center { text-align: center; }
				
				.block .center label {					
					text-align: left;
					width: 100%;
				}
			
			.block .edit.birthday select {
				display: block;
				float: left;
				width: 30%;
			}
			
			.block .edit.birthday label { display: block; }
			.block .edit.birthday select[name=month] { margin: 0.5em 5% 0; }
					 
			.block .option dt {
				border-top: 1px dotted #CCC;
				padding-top: 1em;
				margin-top: 1em;
			}
			
			.block .option dt:first-child {
				border: none;
				padding: 0;
				margin: 0;
			}
			
			.block .edit dt, .block .edit dd {
				float: none;
				margin: 0;
			}
			
			.block .box textarea {
				width: 100%;
				padding: 0.5em;
				resize: vertical;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}

            .controls {
				background: #E4EAF2;
				border-top: 1px solid #FFF;
				font-size: 82.75%;
				text-align: center;
				padding: 0.5em;
			}
			
			#content.profile .topics .topic, #content.profile .forums .forum { border: none; margin-bottom: 1px; }
			#content.profile .topics .topic:last-of-type, #content.profile .forums .forum:last-of-type { margin: 0; }
			
			.profile .topic .topic_descr, .profile .topic .sign_date {
				font-size: 80%;
				margin-top: 0.5em;
				opacity: 0.7;
			}
				
				.profile .topic .new_wndw { font-size: 90%; font-weight: normal; }
	
            .profile .forum .delete, .profile .topic .delete {
				background: url(../images/delete_bttn.png) no-repeat;
				background-size: 100%;
				text-indent: -99999em;
				display: block;
				position: absolute;
				top: 1em;
				width: 12px;
				height: 12px;
				margin: 0;
				opacity: 0.3;
				cursor: pointer;
			}
			
			#content.profile .forum .icon { top: 3em; }
			.profile .forum .delete, .profile .topic .delete { left: 1.5em; }
			
			.profile .forum .delete:hover, .profile .topic .delete:hover { opacity: 0.5; }
			
	.profile .panel select, .side_panel select {
		width: 100%;
		padding: 0.25em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 0;
	}
	
	.jumps {
		background: #fff;
		font-size: 82.75%;
		text-align: center;
        overflow: hidden;
	}

    aside .jumps { padding-bottom: 2rem; }
    footer .jumps { margin-top: 1rem; }
    footer .jumps + .jumps { margin: 0; }

        .jumps fieldset {
            background: none;
            position: relative;
            padding: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            .jumps input[type=submit] {
               position: absolute;
               top: 0;
               right: 0;
               width: 3rem;            
            }
	
	.red { color: #F00; }
	
	img.noavatar {
		width: 64px;
		opacity: 0.3;
	}
	
	.msg_preview .text { padding: 1em; }

.profile .social-link {
    display: inline-block;
    padding-right: 1rem;
}

.profile .remove-social {
    background: url(../images/delete_bttn.png) center no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    right: 0.25rem;
    top: 0;
    bottom: 0;
    width: 0.75rem;
    height: 0.75rem;
    margin: auto;
    opacity: 0.5;
}

.profile .remove-social:hover { opacity: 1; }
		
/* inbox */

	.profile h2 { margin-top: 1.5em; }
	.profile h1 + h2 { margin-top: 0; }
	
    .profile .body + .banner { margin-top: 2em; }
    
	#mail_stats {
		border: 1px solid #CCC;
		font-size: 70%;
		padding: 0.5em;
	}
		
		#mail_stats p { margin-bottom: 0.5em; }
		#mail_stats p:last-of-type { margin-bottom: 0; }	
		#mail_stats progress { margin-top: 0.5em; }
		
	.profile .pagination {
		float: none;
		padding: 1em 0;
	}
		
	.profile .options {
		font-size: 80%;
		line-height: 1.2;
		display: block;
		margin-bottom: 1em;
	}
		
		.profile .options:before { content: '['; }
		.profile .options:after { content: ']'; }
		
		.profile .options li { display: inline-block; }
		
			.profile .options li:after { content: ' | '; }
			.profile .options li:last-child:after { content: ''; }
			
	.profile .goto {
		background: #B0BFCF;
		color: #FFF;
		font-size: 87.5%;
		display: block;
		clear: both;
		padding: 1em;
		margin-bottom: 1em;
	}
	
		.profile .goto label { font-size: 90%; }
		.profile .goto select { padding: 0.25em; }
		.profile .goto button { display: none; }

    .mail_options .goto {
        position: relative;
        padding-right: 5em;
    }

        .mail_options .goto input[type=submit] {
            position: absolute;
            right: 1em;
            top: 2.125em;
        }

	html[lang=ru] .profile .panel.sort:before { content: 'Сортировать по:'; }
	html[lang=en] .profile .panel.sort:before { content: 'Sort by:'; }
	
	.panel:before {
		color: #FFF;
		font-size: 87.5%;
		display: block;
		margin-bottom: 0.5em;
	}
	
	.panel.sort { margin-bottom: 1px; }

	.profile .mail.controls, .profile .mail .add { display: none; }
	
	.profile .mail {
		background: #EEF2F7;
		border-bottom: 1px solid #FFF;
		display: block;
		position: relative;
		overflow: hidden;
		padding: 0.5em 0.5em 0.5em 2em;
	}
	
		.profile .mail:last-of-type { border: none; }
	
	.profile .mail.checked { background-color: #DFE6EF; }
	
		.profile .mail dt, .profile .mail dd { display: block; }
		
		.profile .mail dt {
			font-size: 82.75%;
			line-height: 1.4;
			margin-bottom: 0.5em;
		}
		
		.profile .mail.unread dt { font-weight: bold; }
		
			.profile .mail dt:before {
				content: url(../images/f_norm_no.gif);
				display: inline-block;
				vertical-align: middle;
				margin-right: 0.25em;
			}
			
			.profile .mail.unread dt:before {
				content: url(../images/f_norm.gif);
			}
		
		.profile .mail dd {
			font-size: 70%;
			line-height: 1.4;			
		}
		
		.profile .mail .sender { float: left; }
		.profile .mail .date { float: right; }
		.profile .mail .sender { margin-right: 1em; }
		.profile .mail .copy { clear: both; }
		
		.profile .watch .mail .date {
			float: none;
			clear: both;
		}
		
			html[lang=ru] .profile .mail .sender:before { content: 'от: ';}
			html[lang=en] .profile .mail .sender:before { content: 'from: '; }
			html[lang=ru] .profile .unsent .mail .sender:before { content: 'для: ';}
			html[lang=en] .profile .unsent .mail .sender:before { content: 'for: '; }
			html[lang=ru] .profile .mail .copy:before { content: 'копия пользователям: '; }
			html[lang=en] .profile .mail .copy:before { content: 'copy for users: '; }
			html[lang=ru] .profile .mail .date.read:before { content: 'дата чтения: ';}
			html[lang=ru] .profile .mail .date.sent:before { content: 'дата отправки: '; }
			html[lang=en] .profile .mail .date.read:before { content: 'read date: ';}
			html[lang=en] .profile .mail .date.sent:before { content: 'sent date: '; }
			
			.profile .mail .sender a { text-decoration: none; }
			.profile .mail .sender a:hover { text-decoration: underline; }
		
		.profile .mail dd:before, .profile .mail .date { opacity: 0.5; }
		.profile .watch .mail .date { opacity: 1; }
		
		.profile .mail .check {
			position: absolute;
			left: 0.75em;
			top: 0.75em;
		}

/* profile inbox message */

.profile .post .body { padding-top: 5em; }
.profile .post aside { height: 5em; }

	.profile .post .group, .profile .post .posts {
		font-size: 75%;
		line-height: 1.2;
		float: left;
		clear: both;
	}
	
	.profile .post .group { margin-top: 0.5em; }
	
    .profile h1 + .recipient { margin: -1em 0 1em; }
    .profile .recipient { font-size: 87.5%; }
    .profile .recipient a { font-weight: bold; }

	.add_to_friends {
		display: block;
		float: left;
		clear: both;
		font-size: 75%;
		margin-top: 0.5em;
	}
	
	.profile .post .options:before, .profile .post .options:after { content: ''; }

/* photo */

.profile .box img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

	.profile .box p { margin-top: 0.75em; }
	.profile .box p:first-child { margin: 0; }	
	.profile .box fieldset { margin-top: 1.5em; }


/* moderation */

.loading, .hidden, fieldset.hidden, .form_mssg { display: none; }
.form_process { padding-top: 0.5em; }

.form_mssg {
	background: #F8D372;
	border-radius: 0.25em;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
	text-align: center;
	line-height: 1.4;
	padding: 0.25em;
}

.moder_options {
	font-size: 81.25%;
	margin-bottom: 1em;
}

	.moder_options h4, .moder_options .options {
		display: inline-block;
		vertical-align: middle;
	}
	
	.moder_options .options { overflow: hidden; }

		.moder_options .options li {
			line-height: 1.2;
			float: left;
			margin-right: 0.5em;
		}
		
			.moder_options .options li:after {
				content: '|';
				display: block;
				float: right;
				margin-left: 0.5em;
			}
			
			.moder_options .options li:last-child:after { display: none; }
	
	.moder_options .total {
		font-weight: bold;
		clear: both;
		margin-top: 0.5em;
	}
	
	.moderation .body dl {
		background: #EEF2F7;
		--border-bottom: 1px solid #FFF;
		overflow: hidden;
	}

    .mod-container b.title {
        color: #fff;
        font-size: 0.875rem;
        font-weight: normal;
        margin: 0 0.5rem;
    }
	
	/* moderation tables */
	
	#content.moderation .titles { padding: 0; }
	
		#content.moderation .titles li:first-child { box-shadow: none; }
	
	.read_only dt, .read_only dd,
	.bad_guys dt, .bad_guys dd,
    .ip dt, .ip dd {
		font-size: 81.25%;
		position: relative;
		padding: 0.5em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;		
	}
	
		.read_only dd:before, .bad_guys dd:before, .name:before, .ip dd:before {
			content: '';
			background: #FFF;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 1px;
			height: 300%;			
		}
		
	.read_only dt, .read_only dd, .bad_guys dt, .bad_guys dd, .ip dt, .ip dd { float: left; }
	
	
	/* read only */
	
	.read_only dt {
		width: 25%;
		padding: 0;
	}
		
		.read_only .name { position: relative; }
		
		.read_only .id, .read_only .name {
			display: block;
			float: left;
			padding: 0.5em;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;	
		}
		
		.read_only .id { width: 30%; }
		.read_only .name { width: 7	0%; }
		
	.read_only .titles li:nth-child(1) { width: 7.5%;}
	.read_only .titles li:nth-child(2) { width: 17.5%;}
	.read_only .titles li:nth-child(3), .read_only .posts { width: 5%; }
	.read_only .titles li:nth-child(4), .read_only .reason { width: 25%; }
	.read_only .titles li:nth-child(5), .read_only .weeks { width: 10%; }
	.read_only .titles li:nth-child(6), .read_only .from { width: 12.5%; }
	.read_only .titles li:nth-child(7), .read_only .till { width: 12.5%; }	
	.read_only .titles li:nth-child(8), .read_only .moder { width: 10%; }
	

	/* bad guys */
	
	#content.moderation .bad_guys .titles { display: block; }
	.bad_guys .titles li:nth-child(1), .bad_guys dt { width: 50%; }
	.bad_guys .titles li:nth-child(2), .bad_guys .posts { width: 25%; }
	.bad_guys .titles li:nth-child(3), .bad_guys .counter { width: 25%; }
	
	
	
	/* user ip options */
	
	.block .edit.user_ip input[type=text] { width: 10%; }

    /* search by ip */

    .ip .titles li, .ip dt, .ip dd { width: 25%; }
    
    .ip .titles li:first-child, .ip dt {
        text-indent: 0.5em;
        padding-left: 2em;
        margin-left: -2em;
    }

    .ip .titles li:last-child {
        text-indent: -9999em;
        width: 2em;
    }

    .ip .edit {
        text-align: center;
        width: 2em;
    }

    .ip .edit a {
        background: url(../../images/edit_bttn.png) center no-repeat;
        background-size: cover;
        text-indent: -9999em;
        display: inline-block;
        width: 1rem;
        height: 1rem;
        opacity: 0.3;
        transition: opacity 0.2s linear;
    }

    .ip .edit a:hover { opacity: 0.5; }

    /* reports posts */

.moderation .post { border: 1px solid #fc6363; }
.moderation .post:after { display: none; }

.moderation .post header {
    background: #fc6363;
    float: none;
    overflow: hidden;
    width: auto;
    padding: 0.25rem 0.5rem 0.25rem 0;
}

.moderation .post header span, .moderation .post header a, .moderation .post_title {
    color: #fff;
    font-size: 81.25%;
    text-decoration: none;
}

.moderation .post_title { margin-left: 0.25rem; }
.moderation .post header a:hover { text-decoration: underline; }

.moderation .post header .postnumber {
    text-align: center;
    float: left;
    width: 12rem;
}

.moderation .post header .post_edit, .moderation .post header .postdate {
    float: right;
}

.moderation .post_moderation:after {
    content: '';
    background: #c7d2e0;
    border: 1px solid #fff;
    border-width: 1px 0;
    display: block;
    height: 0.5em;
    position: relative;
    z-index: 1;
}

.moderation .report {
    background: #e4eaf2;
    padding: 0.75rem 0.75rem 0.25rem 0.75rem;
}

.moderation .report header {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
    opacity: 0.7;
}

.moderation .report a { font-weight: bold; }

.moderation .report p {
    border-bottom: 1px dotted #ccc;
    font: normal 87.5% Verdana, Geneva, sans-serif;
    padding-bottom: 0.75rem;
}

.moderation .block { margin: 0; }
.moderation .block:not(:last-of-type) { border-bottom: 1px solid #fff; }
.moderation .block .edit label, .moderation .block .edit select { width: auto; }
.moderation .moderate .block .edit label, .moderation .moderate .block .edit select { width: 49%; }
.moderation fieldset { margin: 0 0.75rem; }
.moderation .post_moderation + .controls { border-top: none; }

.inp {
    font-weight: bold;
    display: block;
    clear: both;
    padding: 0.25rem;
}

.ctrl {
    text-align: center;
    display: block;
    clear: both;
    padding: 0.5em 0.5em 0 0.5em;
}

#prev_tags, #tag_names {
    font-weight: bold;
    vertical-align: middle;
}

/* compact post */

.compact_post {
    overflow: hidden;
    float: none;
    width: auto;
}

.compact_post header { padding: 0.5em; }

.compact_post .mod_opts {
    font-size: 0.8125rem;
    float: right;
}

.compact_post .mod_opts input[type=checkbox] { margin-right: 0; }

.compact_post aside {
    height: auto;
    overflow: hidden;
}

.compact_post aside li {
    line-height: 1.2;
    float: left;
    clear: both;
}

.compact_post aside .date {
    font-size: 0.8125rem;
    text-align: center;
    margin-top: 0.25rem;
} 

/* extended search */

.search #breadcrumbs { display: none; }			
.search dl, .search dt, .search dd { display: block; }
.search dl:last-child { margin-bottom: 2em; }
	
	.search dt, .search dd {
		float: none;
		margin-right: 0;
	}
	
	.search dt {
		background: #B0BFCF;
		border-bottom: 1px solid #FFF;
		color: #FFF;
		text-shadow: 0 -1px rgba(0,0,0,0.2);
		font-size: 87.5%;
		font-weight: normal;
		float: none;
		padding: 0.5em;
		margin: 0;
	}
	
	.search .block dd {
		font-size: 82.75%;
		padding: 0 1em 1em;
	}
	
.search .main.block	{
	text-align: center;
	overflow: visible;
}

	.search .main.block	dt { text-align: left; }
	
	.search .main.block	dd {
		float: none; 
		text-align: center;
		padding: 1em 0;
	}
	
		.search .main.block .search_help { width: auto; }
	
		.search .main.block	dd input[type=text] {
			border: 1px solid #CCC; 
			font: normal 110% Verdana, Geneva, sans-serif;
			width: 90%;
			padding: 0.25em;
			margin: 0 0 1em 0;
		}
	
	.search .main.block	input[type=submit] {
		font: normal 110% Tahoma, Geneva, sans-serif;
		width: 90%;
		margin: 0 0 1em 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
		.search .main.block .search_help {
			text-align: left;
			width: 90%;
			margin: 0 auto;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		
			.search .main.block .search_help li {
				margin-bottom: 0.5em;
			}
	
.search .left.block, .search .right.block {
	border-top: 1px solid #FFF;
	overflow: hidden;
}

    .search fieldset {
		border-top: 1px dotted #CCC;
		padding: 0.25em 0;
	}
	
	.search .double { text-align: left; }

			.search select {
				border: 1px solid #CCC;
				width: 90%;
				margin: 0.5em 0 1em;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			
	
			.search label {
				line-height: 1.6;
				min-width: 10em;
			}
			
			.search .double label {
				display: inline-block;
				vertical-align: top;
				float: none;
				width: auto;
			}
			
			.search fieldset span {
				display: block;
				margin: -0.5em 0 0.25em;
			}
			
			.search fieldset span + br { display: none; }			
			.search fieldset * { vertical-align: middle; }
    
    p.help_search {
        max-width: 50em;
        margin: auto;
    }

    form.help_search {
        overflow: hidden;
        position: relative;        
        padding-right: 3rem;
        margin: 0 auto 2rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .help_search input[type=submit] {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

/* tooltips */

.tooltip {
	color: #0080C1;
	border-bottom: 1px dotted #0080C1;
	display: inline;
	position: relative;
	cursor: help;
}

.tooltip:hover { border-color: rgba(255,255,255,0); }

	.tooltip span {
		background: #FFF;
		border: 1px solid #AFBFCF;
		color: #333;

		font-size: 85%;
		line-height: 1.4;
		display: none;
		position: absolute;
		left: 10%;
		top: 1.75em;
		z-index: 99;
		min-width: 25em;
		padding: 1em;
	}
	
	.tooltip:hover span { display: block; }

/* search results */

#content.search_results .topic dl {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#content.search_results .topic .forum {
	border-bottom: 2px solid #FFF;
	font-size: 81.25%;
	line-height: 1.4;
	display: block;
	clear: both;
	padding: 0 0 0.5em 0;
}

	html[lang=ru] #content.search_results .topic .forum:before { content: 'Форум: '; }
	html[lang=en] #content.search_results .topic .forum:before { content: 'Forum: '; }

/* advertisement */

.advrtsmnt { text-align: center; }
	
	.advrtsmnt img { max-width: 100%; }


/* sidebar */
	
aside.main {
	background: #C2CFDF;
	clear: both;
}

	aside.main .view_options {
		font-size: 0.75rem;
		line-height: 1.4;
	}

	aside.main .statistics, aside.main .users, aside.main .users_list, aside.main .forum_stats, aside.main .options, aside.main .events {
        font-size: 0.75rem;
        padding: 0.75em;
        overflow: hidden
    }

    aside.main .events { border-top: 1px solid #fff; }
	
        aside.main .statistics ul, aside.main .users ul, aside.main .statistics li, aside.main .users li, aside.main .users_list ul, aside.main .users_list li, aside.main .events li {
            display: block;
            float: left;
            overflow: hidden;
        }
	
            aside.main .statistics li, aside.main .users li, aside.main .users_list li, aside.main .events li { line-height: 1.4; margin-right: 0.5em; }			
            aside.main .statistics li:not(:last-of-type):after, aside.main .users li:not(:last-of-type):after, aside.main .users_list li:not(:last-of-type):after, aside.main .events li:not(:last-of-type):after
            { content: ', '; }

                aside.main .statistics span, aside.main .users_list span { font-weight: bold; text-decoration: none; }
                aside.main .more { color: #333; text-decoration: none; white-space: nowrap; display: block; float: left; line-height: 1.4; }
                aside.main .more:before { content: "[ "; }
                aside.main .more:after { content: " ]"; }

                    aside.main .users_list a {
                        display: inline-block;
                        margin-right: 0.25rem;
                    }
		
	aside.main .users, aside.main .forum_stats {
		background: #E4EAF2;
		border-top: 0.1em solid #FFF;
	}
	
	aside.main .options { background: #FFF; }

    aside.main h4 {
        font-weight: bold;
        margin-bottom: 0.25rem;
    }

	aside.main .forum_stats p, aside.main .options p { margin-bottom: 0.5em; }

/* footer */

.copyrights {
	font-size: 82.75%;
	line-height: 1.4;
	display: block;
	float: left;
	width: 90%;
	margin-top: 2em;
}

footer .counter {
    float: left;
    clear: both;
    margin: 1em 0 2em;
    opacity: 0.5;
    transition: opacity 0.2s linear;
}

footer .counter:hover { opacity: 1; }

/* who is online */

.onlinelist dl {
    background: #eef2f7;
    padding: 1em;
    border-bottom: 0.0625em solid #fff;
}

.onlinelist dt { font-size: 81.25%; color: #666; margin-bottom: 0.5em; }
.onlinelist dt a { font-size: 123%; text-decoration: none; }

.onlinelist dd {
    font-size: 75%;
    line-height: 1.4;
}

.onlinelist dd:before { color: #666; }
.onlinelist .last_action { margin-bottom: 0.25em; }
html[lang=ru] .onlinelist .last_action:before { content: 'Последнее действие: '; }
html[lang=en] .onlinelist .last_action:before { content: 'Last action: '; }
html[lang=ru] .onlinelist .time:before { content: 'Время: '; }
html[lang=en] .onlinelist .time:before { content: 'Time: '; }
    
/* controls */

#controls {
	margin-top: 2em;
}

fieldset {
	background: #E4EAF2;
	display: block;
	padding: 1em;
	margin-bottom: 1px;
}

input[type=text], input[type=password], input[type=email], textarea, select, button, input[type=button], input[type=submit], label, input[type=file] {
	display: inline-block;
	vertical-align: middle;
    outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text], input[type=password], input[type=email], textarea, select {
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 3px;
	line-height: 1.4;
	width: 100%;
	margin-top: 0.5em;
}

input[type=text], input[type=password], input[type=email], textarea {
	border-top-color: #999;
	box-shadow: 0 1px 0 rgba(255,255,255,0.5);
	padding: 0.25em 0.5em;
}

input[type=file] {
	width: 100%;
	margin-top: 0.5em;
}

textarea {
	resize: vertical;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
	border-color: #0080C1;
}

input[type=button], input[type=submit], button {
	background: #8AA1BF;
	border-bottom: 1px solid #566780;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    padding: 7px 1em;
	margin: 0.5em 0;
	cursor: pointer;
}

input[type=button]:hover, input[type=submit]:hover, button:hover {
	background: #91ABCC;
	border-color: #586A86;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
}

input[type=button]:active, input[type=submit]:active, button:active {
	background: #8AA1BF;
	color: #EFEFEF;
	box-shadow: 0 1px 0 #566780 inset, 0 1px 2px rgba(0,0,0,0.5) inset, 0 1px 0 #FFF;
	border-color: #8AA1BF;
	padding: 8px 1em 6px;
}

input[type=button]:focus, input[type=submit]:focus, button:focus { outline: none; }

select {
	border-bottom-color: #999;
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	padding: 0.25em 0.25em 0.25em 0.5em;
}

input[type=checkbox], input[type=radio] {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.5em 0 0.1em;
}

legend {
	font-weight: normal;
	font-size: 80%;
	line-height: 1.4;
	display: block;
	clear: both;
	float: left;
	margin: 0.5em 0;
	opacity: 0.7;
}

input[type=text]:first-child, input[type=password]:first-child, input[type=email]:first-child, textarea:first-child, select:first-child, button:first-child,
legend:first-child { margin: 0; }

.double { text-align: center; }

/* text pages */

.textbox {
    background: #f5f9fd;
    padding: 1em;
}

.text p {
    font-size: 82.75%;
    line-height: 1.4;
    margin-bottom: 1em;
}

/* windows */

.window_active {
    background: #efefef;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

    .overlay, .loader_overlay {
		background: rgba(255,255,255,0.5);
		display: none;
		overflow: auto;
		position: relative;
		z-index: 9998;
		width: 100%;
		height: 100%;
	}

    .overlay {
        padding-top: 3rem;
        -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

		*[class^=window_] {
			background: #FFF;
			display: none;
			position: relative;
			z-index: 9999;
			width: 100%;
			min-height: 100%;
			padding: 1.5em 3.5em 1.5em 1.5em;
			margin: auto;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		
			*[class^=window_] .inner {}
			
				*[class^=window_] h2:first-of-type { margin: 0; }
				
				*[class^=window_] form {
					max-width: 24em;
					margin: 0 auto;
				}
				
						*[class^=window_] input[type=text], *[class^=window_] input[type=tel], *[class^=window_] input[type=email], *[class^=window_] input[type=password] {
							font-size: 112.5%;
						}
						
				[class^=window_] footer {
					border-top: 1px solid #EFEFEF;
					text-align: center;
					width: 100%;
					padding: 1.5em;
					margin: 0 -1.5em;
				}
				
					*[class^=window_] footer ul {
						color: #20ADB6;
						padding: 0;
						margin: 0;					
					}
	
						*[class^=window_] footer li {
							display: inline-block;
							vertical-align: baseline;
							padding: 0;
						}
						
							*[class^=window_] footer li a {
								line-height: 1.4;
								display: inline-block;
								margin: 0 0.5em;
							}
						
							*[class^=window_] footer li:after { content: ' |'; }
							*[class^=window_] footer li:last-of-type:after { content: ''; }
				
				*[class^=window_] .close {
					background-position: center -556px;
					border: 1px solid #FFF;
					border-radius: 50%;
					text-indent: -9999em;
					display: block;
					position: absolute;
					right: 1em;
					top: 1em;
					width: 2.5em;
					height: 2.5em;
					cursor: pointer;
				}
				
				.no-touch *[class^=window_] .close:hover { border-color: #9DA7AE; }

	.window_active #container, .window_active header[role=banner], .window_active footer[role=contentinfo] { position: fixed; }	
	.window_active #container, .window_active footer[role=contentinfo] { width: 100%; }
	
    .window_pm .inner {
        font-size: 87.5%;
        line-height: 1.4;
    }

	.warning {
		color: #F00;
		line-height: 1.2;
		margin-top: 1em;
	}
	
/* login page */

.login .box {
	max-width: 30em;
	margin: 0 auto;
}
.login-bttn-hidden {
	opacity: 0;
}
	.login .block { padding-top: 1.5em; }

		.login fieldset {
			font-size: 82.75%;
			white-space: nowrap;
			padding: 0 1.5rem 0.5rem 1.5rem;
		}
		
		.login fieldset.edit { padding-left: 7rem; }
	
			.login fieldset.edit label, .login fieldset.edit fieldset input { float: left; }
			.login fieldset.edit label { line-height: 2; white-space: normal; }
			.login fieldset:last-of-type { padding-bottom: 1.5em; }
			
			.login fieldset.edit label {
				width: 5.5rem;
				margin-left: -5.5rem;
			}
			
			.login fieldset label { white-space: normal; }			
			.login fieldset.edit input[type=text], .login fieldset.edit input[type=password] { width: 100%; margin-top: 0; }			
			.login input[type=submit] { min-width: 10em; }
			
	.login .more {
		background: #b2bfd0;
		border-top: 1px solid #FFF;
		font-size: 82.75%;
		line-height: 1.4;
		text-align: center;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
		padding: 1.25em;
	}
	
		.login .more, .login .more a { color: #FFF; }

    .links_list { overflow: hidden; }

    .links_list li {
        display: block;
        float: left;
        clear: both;
        margin-bottom: 0.5em;
    }

/* boards offline */

.offline .box p, .offline .box legend {
    padding: 0 1.5rem 0.5rem;
}

/* success messages */

.success_message {
	background: #a2d589;
	border-radius: 0.25em;
    position: relative;
	min-width: 20em;
	max-width: 40em;
	padding: 1.5em;
	margin: 2em auto 2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* error messages */

.error_message {
	background: #fc6363;
	border: 1px solid #fc6363;    
	border-radius: 0.25em;
    position: relative;
	min-width: 20em;
	max-width: 40em;
	padding: 1.5em;
	margin: 2em auto 2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

	.error_message h3 { margin: 0 0 0.5em; }
	
	.error_message p, .success_message p {
		font-size: 82.75%;
		line-height: 1.4;
	}
	
	.error_message .close {
		background-position: 6px -628px;
		text-indent: -9999em;
		position: absolute;
        display: block;
		right: 0.25em;
		top: 0.25em;
		width: 1.5em;
		height: 1.5em;
		opacity: 0.75;
		transition: opacity 0.2s linear;
	}
	
	.no-touch .error_message .close:hover { opacity: 1; }

.error_message.banned p:before {
    content: '';
    background: url(../../images/banned_user.png) center no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.5rem;
}

/* attention messages */

.moder_attention {
    text-align: center;
    margin: 1em 0 0 0;
}

    .moder_attention a {
        background: #fc6363;
        border-radius: 0.25em;
        color: #fff;
        font-size: 81.25%;
        line-height: 1.4;
        text-decoration: none;
        display: inline-block;
        padding: 1em 1.5em;
    }

    .moder_attention a:hover {
        color: #fff;
        text-decoration: underline;
    }

/* spoilers */

.sp-body { display: none; }
.sp-content { word-break: break-word; }

	.post .sp-content, .preview .sp-content, .editpost .sp-content {
        background: #f5f5f5;
		border: 1px solid #999;
		border-bottom: none;
		margin-left: 1em;
		padding: 1em;
	}
	
		.post .sp-head:before, .preview .sp-head:before, .editpost .sp-head:before {
			content: '';
			background-position: 0 -611px;
            display: block;
			width: 9px;
			height: 9px;
			position: absolute;
			top: 0.125rem;
			left: 0;
			bottom: 0;
			margin: auto;
		}
		
		.post .sp-head.unfolded:before, .preview .sp-head.unfolded:before, .editpost .sp-head.unfolded:before { background-position: -9px -611px; }
	
			.post .sp-head-wrap, .preview .sp-head-wrap, .editpost .sp-head-wrap {
                font-size: 0.75rem;
                font-weight: bold;
                text-decoration: underline;
				padding-left: 1rem;
				position:relative;
                cursor: pointer;
			}
	
			.post .sp-body > .sp-head-wrap, .preview .sp-body > .sp-head-wrap, .editpost .sp-body > .sp-head-wrap {
				background: #CCCCCC;
				border: 1px solid #999;
				border-top: none;
				color: #FFF;
                text-align: right;
				padding-right: 0.5em;
				margin-left: 1em;				
                cursor: pointer;
			}
	
				.post .sp-body > .sp-head-wrap span, .preview article .sp-body > .sp-head-wrap span, .editpost article .sp-body > .sp-head-wrap span {
					font: 87.5%/1.6 normal Tahoma, sans-serif;
					display: inline-block;
					vertical-align: middle;
				}
				
				.post .sp-body > .sp-head-wrap:before, .preview .sp-body > .sp-head-wrap:before, .editpost .sp-body > .sp-head-wrap:before {
					content: '';
					background-position: -18px -615px;
					display: inline-block;
					vertical-align: middle;
					width: 9px;
					height: 5px;
					margin-right: 0.5em;
				}
	
			.post .sp-body > .sp-head-wrap:hover, .preview .sp-body > .sp-head-wrap:hover, .editpost .sp-body > .sp-head-wrap:hover { background: #BABABA; }

/* banners */

.banner {
    background: #fff;
    font-size: 1rem !important;
    overflow: hidden;
    clear: both;
}
    
    .img_banner a, .js_banner > a, .js_banner > img, .js_banner > div  {
        display: block;
        overflow: hidden;
        max-width: 45.5em;
        max-height: 5.625em;
        margin: 0 auto;
    }

        .img_banner img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            margin: 0 auto;
        }

    .iframe_banner iframe, .js_banner iframe {
        display: block;
        margin: 0 auto !important;
    }

#content .banner:first-of-type { margin: 1.5em 0 1em; }
.link_back + .banner, .box + .banner, form + .banner, .textbox + .banner, #answer.mail_box + .banner { margin-top: 2em; }

/* help topics */

.help .textbox .inner { font-size: 82.75%; }

    .help .textbox p {
        line-height: 1.4;
        margin-bottom: 0.75em;
    }

    .help form {
        position: relative;
        max-width: 50em;
        padding-right: 5.5em;
    }

        .help form input[type=submit] {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            width: 5em;
        }

    .help .textbox b {
        display: block;
        margin: 1.25em 0 0.5em;
    }

    .help .textbox br { display: none; }

    .help form + p { margin-top: 1.25em; }

    /* notifications */
    
    .ntfc { position: relative; }
    
    .ntfc_link { display: none; }
    .ntfc_link span { text-decoration: underline; }
    
    #userbar .ntfc_list {
        background: #eef2f7;
        border: 0.0625rem solid #fff;
        overflow: hidden;
        position: absolute;
        left: -1rem;
		top: 2.5rem;
		width: 32rem;
        margin-top: -0.0625rem;
    }
    
    #userbar .ntfc.active .ntfc_link { text-decoration: none; } 
    #userbar .ntfc.active .ntfc_list { display: block; }
    
    .ntfc_list li {
        background: #eef2f7;
        overflow: hidden;
        position: relative;
        font-size: 0.8125rem;
        line-height: 1.125;
        padding: 0.5rem 2.25rem 0.5rem 2.25rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        transition: opacity 0.5s linear, height 0.5s linear, padding 0.5s linear;
    }

    #userbar .features .ntfc_list li {
        font-size: 0.8125rem;
        display: block;
        clear: both;
        width: 32rem;
        padding: 0.5rem 3rem 0.5rem 0.625rem;
    }

    #userbar .features .ntfc_list li.read {
        border: none;
        height: 0;
        padding: 0;
        padding: 0 3rem 0 0.625rem;
    }
    
    #userbar .features .ntfc_list li:after { content: none; }
    
    .ntfc_list .mark {
        color: #b0bfcf;
        font: normal 1.5rem/1rem 'FunkySouls';
        display: block;
        position: absolute;
        right: 0.5rem;
        top: 0rem;
        bottom: 0;
        height: 1rem;
        margin: auto;
        cursor: pointer;
    }
    
    .ntfc_list .mark:hover { color: #8aa1bf; }
    .ntfc_list .ntfc_admin .mark { color: #999; }
    .ntfc_list .ntfc_admin .mark:hover { color: #666; }
    
    .ntfc_list li:not(:last-of-type) { border-bottom: 0.0625rem dotted rgba(0,0,0,0.2); }
    #userbar .ntfc_list li:after { content: none; }

    #userbar .features .ntfc_list a { font-size: 0.8125rem; }
    
    .ntfc_list li:before {
        font: normal 1rem 'FunkySouls';
        color: #b0bfcf;
        position: absolute;
        left: 0.625rem;
        margin-right: 0.5rem;
    }
    
    .ntfc_list .ntfc_admin:before { content: '\66'; color: #333; }
    .ntfc_list .ntfc_user:before { content: '\61'; }
    .ntfc_list .ntfc_thnx:before { content: '\62'; }
    .ntfc_list .ntfc_alert:before { content: '\66'; color: #333; }
    
    .ntfc_list .ntfc_admin {
        background: #f8d372;
        font-weight: bold;
    }
    
    .ntfc_list .ntfc_alert { background: #fc6363; }    
    .ntfc_list .ntfc_admin a { text-decoration: none; }
    .no-touch .ntfc_list li:hover { background: #dfe6ef;}
    .no-touch .ntfc_list li.ntfc_admin:hover { background: #f4c653;}
    .no-touch .ntfc_list li.ntfc_admin:hover a { color: #000; }
    .no-touch .ntfc_list li.ntfc_alert:hover { background: #f65656; color: #000; }
    .no-touch .ntfc_list li.ntfc_alert:hover a { color: #000; }
    
    .ntfc_list time {
        color: #777;
        font-size: 0.6875rem;
        font-weight: normal;
        display: block;
        padding-top: 0.125rem;
    }
    
    .ctrl_bar {
        background: #b0bfcf;
        border-top: 0.0625rem solid #fff;
        color: #fff;
        font-size: 0.8125rem;
        padding: 0.5rem 0.5rem 0.5rem 0.625rem;
        overflow: hidden;
    }
    
    .ctrl_bar a {
        color: #fff;
        line-height: 1.4;
        text-decoration: none;
        display: block;
    }
    
    .ctrl_bar .ntfc_all { float: left; }
    .ctrl_bar .ntfc_all:after { content: ' >'; }
    .ctrl_bar .ntfc_mark { float: right; }
    
    .ctrl_bar .ntfc_mark:after {
        content: '\68';
        font: normal 1.5rem/1 'FunkySouls';
        display: inline-block;
        vertical-align: middle;
        margin-left: 0.25rem;
    }

    .no_ntfc {
        background: #eef2f7;
        font-size: 0.8125rem;
        text-align: center;
        padding: 1rem;    
    }

    #userbar .features .pm a, #userbar .ntfc_link, .bttn_ntfc,
    .no-touch #userbar .features .pm a:hover span, .no-touch #userbar .ntfc a:hover span { text-decoration: none; }
    #userbar .features .pm span, #userbar .bttn_ntfc span { text-decoration: underline; }

    #userbar .features .pm i, #userbar .ntfc i {
        background: #F60;
        border-radius: 0.625rem;
        color: #FFF;
        text-align: center;
        font: bold 0.8125rem/1.25rem Arial, Helvetica, sans-serif;
        display: inline-block;
        vertical-align: baseline;
        min-width: 1.25rem;
        min-height: 1.25rem;
        padding: 0 0.375em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;					
    }

    .ntfc_center .pagination {
        font-size: 0.8125rem;
        margin-top: 1rem;
    }

    .ntfc_center .ntfc_list li.read { opacity: 0.5; }
    .ntfc_center .ntfc_list li.read .mark { display: none; }


/* media queries */

@media screen and (min-width: 30em) { /* 480 */
    
	.post header, .post aside {
		position: relative;
		top: auto;
	}
	
	.post header {
		background: #E4EAF2;
		background: #d1dceb;
		border-bottom: 1px solid #FFF;
		right: auto;
		z-index: auto;
		float: left;
		width: 100%;
		padding: 0;
	}
	    
    	.post header time {
            padding: 0.25em 0.75em;
            margin: 0.25rem 0 0 0;
        }
		
	.post .body, .profile .post .body {
		position: relative;
		float: right;
	    padding: 0 8em 0 0;
	    margin-right: -8em;
	}
	
		.post .body:before {
			content: '';
			background: #FFF;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 1px;
			height: 100%;
			min-height: 20em;
		}
	
	.post aside, .profile .post aside {
		background: none;
		border: none;
		text-align: center;
		left: auto;
		float: left;
		width: 8em;
		height: auto;
		padding: 1em;
	}	
	
		.post .post_author {
			line-height: 1.4;
			padding: 0;
			margin-top: -0.25em;
		}
		
			.post .username, .post aside .signature, .post .rating { float: none; }
			.post .avatar, .post .thanx { position: static; }			
			
            .post .avatar {
                width: auto;
                height: auto;
            }

                .post .avatar img {
                    max-width: 4rem;
                    max-height: 4rem;
                }
			
			.post .username {
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
			
			.post aside .signature {
                max-width: 6rem;
                margin-bottom: 0.5em;
            }
			
				.post .online .username:after { margin-right: -0.75em; }
				
				.post .thanx_count {
					display: block;
					margin-top: 0.5em;
				}
    
	/* profile inbox message */
		
	.profile .post .group, .profile .post .posts, .profile .post .regdate {
		float: none;
		margin-top: 0.5em;
	}
	
	.add_to_friends {
		line-height: 1.4;
		float: right;
		clear: none;
		margin-top: 0;
	}

	.profile .post .regdate { font-size: 75%; }
	#content.members select, #content.members input.forminput {
		width: 100%;
	}
    
    /* moderation */
    
    .compact_post header {
        float: none;
        overflow: hidden;
        width: auto;
        padding: 0 0.5rem;
    }
    
    .compact_post .mod_opts label, .compact_post .mod_opts input[type=checkbox] {
        line-height: 2;
        vertical-align: baseline;
    }
    
    .compact_post:after { clear: both; }
    
    /* poll */
    
    .poll dl {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        padding: 0 0 0.25rem 0;
    }
    
    .poll dt { flex: 1; }
    
    .poll .progress {
        display: inline-block;
        position: static;
        width: 10rem;
        flex: 1;
    }
}

@media screen and (min-width: 40em) { /* 640 */
    
    #content.favourites .topic .last_message { display: block; }

    #content.favourites .topic dd {
        padding-right: 2.5em;
        float: left;
    }

    .favourites .topic .section { width: auto; }

    .favourites .topic .last_author {
        text-align: left;
        width: auto;
    }

        #content.favourites .topic dd a {
            white-space: normal;
            text-overflow: inherit;
        }
    
            html[lang=ru] #content.favourites .topic .section a:before { content: "Форум: " }
            html[lang=en] #content.favourites .topic .section a:before { content: "Forum: "}
    
			#content.favourites .topic .last_author a:before {
                background: none;
                width: auto;
                height: auto;
                display: inline;
                margin: 0;
            }
			
			html[lang=en] #content.favourites .topic .last_author a:before { content: "Last author: "}
            html[lang=ru] #content.favourites .topic .last_author a:before { content: "Последний автор: "; }

        .legend li {
            float: left;
            width: 50%;
        }

    }

@media screen and (min-width: 60em) { /* 960 */
    
	/* header & mobile menu */
    
    #header { display: none; }
    
    header[role=banner] {
        background: none;
        box-shadow: none;
        display: block;
        position: absolute;
        left: 2%;
        top: 0;
        z-index: 2;
        width: 96%;
        max-width: none;
        min-height: inherit;
        padding: 1.5em 0 0;
        visibility: visible;
    }
	
	header[role=banner] .inner {
		overflow: visible;
		padding: 0;
	}
	
		#logo {
			display: block;
			position: relative;
			z-index: 2;
			float: left;
			margin: -0.75em 0 0.75em;
		}
		
		#search {
			text-align: right;
		    z-index: 1;
		}
		
	
			#search input[type=search] {
				padding: 0.25em 3em 0.25em 0.5em;
				width: 18em;
			}
			
			#search input[type=submit] {
				background-position: 7px 0;
				width: 2em;
				height: 2em;
			}
			
			.no-touch #search input[type=submit]:hover { background-position: 7px -30px; }
		
		header[role=banner] .links, #language {
			border: none;
			margin: 0;
		}
		
		header[role=banner] .links li, #userbar li { display: inline-block; }
		
		header[role=banner] .links { text-align: right; }
			
			header[role=banner] .links a { font-size: 81.25%; }
			
			header[role=banner] .links.projects li { font-size: 87.5%; }
			
		header[role=banner] .links li:after {
			color: #666;
			content: " •";
			font-size: 81.25%;
			vertical-align: middle;
		}
		
		header[role=banner] .links li:last-child:after { display: none; }
		
		#userbar {
			background: #eef2f7;
			clear: both;
			left: 0;
			position: absolute;
			z-index: 2;
			top: 6.75em;
			overflow: visible;
			width: 100%;			
			padding: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
		}
			
			#userbar .welcome { margin: 0.75em; }
			#userbar .welcome, #userbar .welcome a { color: inherit; }		
			#userbar .welcome, #userbar .features { padding: 0; }
			
				#userbar .settings {
                    background-position: center;
                    transition: transform 0.3s linear;
                }
    
				#userbar .settings:hover {
                    transform: rotate(180deg);
                    transform-origin: center;
                }
				
				#userbar .features li {
					font-size: 100%;
					line-height: 1;
					padding: 0.5em 0;
				}
			
				#userbar .welcome, #userbar .features a, #userbar .features li:after {
					font-size: 81.25%;
	   				line-height: 1.4;	
				}
			
			
			#userbar .welcome {				
				text-shadow: none;
				background: none;
				display: block;
				float: left;
			}
			
			#userbar .features {
				display: block;
				float: right;
				margin-right: 0.5em;
			}
				
				#userbar .features li {
					display: inline-block;
					vertical-align: middle;
				}
				
					#userbar .features li::after {
						content: "|";
						padding: 0 0 0 0.5em;
					}
					
                    #userbar .ntfc_link { display: inline; }
                    #userbar .bttn_ntfc { display: none; }
    
					#userbar .features .pm a, #userbar .features .pm a:hover span, #userbar .ntfc_link, #userbar .ntfc_link:hover span  { text-decoration: none; }
					#userbar .features .pm span { text-decoration: underline; }					
					#userbar .features .pm i, #userbar .ntfc i { font-size: 0.75rem; }
					
					#userbar .features li:last-child::after { display: none; }
					
					#userbar .features .more { position: relative; }
					
						#userbar .features .more > a {
							//border-bottom: 1px dashed #333;
                            //text-decoration: none;
                            text-decoration-style: dashed;
							line-height: 1.2;
							display: inline-block;
							margin-right: 1.25em;
							position: relative;
							
						}
						
						#userbar .features .more:hover > a { border-color: rgba(238,242,247,0); }	
						
							#userbar .features .more > a:after {
								content: '';
								background: url(../../images/sprite.png) no-repeat scroll right -760px rgba(0, 0, 0, 0);
								display: block;
								height: 100%;
								position: absolute;
								right: -1.25em;
								top: 0;
								width: 1em;
							}
							
						#userbar .features .more ul {
							background: #EEF2F7;
							display: none;
							position: absolute;
							right: -0.5em;
							top: 2em;
							padding: 0.5em 1em;
						}
						
						.noscript #userbar .features .more:hover ul,
						.no-touch #userbar .features .more:hover ul,
						#userbar .features .more.active ul { display: block; }
						
							#userbar .features .more li {
								display: block;
								padding: 0;
							}
							
								#userbar .features .more li:after { display: none; }
								
								#userbar .features .more li a {
									border-bottom: 1px dotted rgba(0,0,0,0.2);
									line-height: 2;
									white-space: nowrap;
									display: block;
								}
								
								#userbar .features .more li:last-child a { border: none; }
							
						#userbar .options { margin-left: 0.25em; }
							
							#userbar .options a {
								font-size: 81.25%;
							}

    /* header */
			
			header[role="banner"] .links, #language, #userbar .features { padding: 0; }
					
			#language {
				display: block;
				position: absolute;
				right: 0;
				text-align: right;
				top: 9.625em;
				white-space: nowrap;
			}
			
				#language:before {
					font-size: 81.25%;
					line-height: 1.4;
				}

					#language a {
						background: url(../../images/language.png) no-repeat;
						background-size: 100%;
						text-indent: 9999em;
						display: block;
						overflow: hidden;
						width: 1.125em;
						height: 0.75em;
					}
					
					#language li:first-child a { background-position: 0 0; }
					#language li:last-child a { background-position: 0 bottom; }
					
			.navbar_options { display: none; }
    
    .ntfc_list li {
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0.5rem 2.25rem 0.5rem 2.25rem;
    }
    
    .ntfc_list li:before {
        position: static;
        display: inline-block;
        vertical-align: middle;
    }
    
    .ntfc_list time { margin-left: 1.5rem; }
				
    /* windows */

    *[class^=window_] {
        border-radius: 0.25em;
        box-shadow: 0 0.5em 1em rgba(0,0,0,0.3);
        overflow: hidden;
        max-width: 50em;
        min-height: inherit;
        margin: 3em auto;
    }

    *[data-float=yes] {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;			
        margin: auto;
    }

    .window_login { max-width: 30em; }

            *[class^=window_] footer { background: #EFEFEF; }		

        .golastpost {
            float: left;
            line-height: 1.4;
        }

            .golastpost a, .golastpost:before {

            }

            .golastpost:before {
                content: '|';
                margin: 0 1em;
            }
    
    .window_pm { max-width: 40em; }

				
    /* layout */
    
    #content h2 {
        font-size: 87.5%;
        font-weight: bold;
    }
    
    select[name=st_day], select[name=end_day] {
		width: 15em;
		margin-top:0;
	}
	#content.moderation .topic > span.select,#content.moderation .topic > ul.update {
		display:inline-block;
	}
	#content.moderation .forums .topic.subforum dl{
		width: 53%;
	}	
	#content.moderation .forums .topic dl{
		width: 55%;
	}	
	#content.moderation .forums .block .edit {
		display: block;
	}
	#content.moderation .forums ul.titles li:nth-of-type(1) {
		width: 55%;
	}
	#content.moderation .forums ul.titles li:nth-of-type(5),#content.moderation .forums ul.titles li:nth-of-type(6) {
		display: block;
	}
	
	#container { margin-bottom: -6em; }
    footer[role=contentinfo] { min-height: 6em; }
    
    footer .counter {
        float: right;
        clear: none;
        margin: 2em 0;
    }
    
	#content { padding: 9.25em 2% 8em; overflow: hidden; }
    
	aside.main { margin: 0 2% 8em; }
    footer[role=contentinfo] { padding: 0 2%; }
    
	#content.home section { margin: 1.5em 0 2em; }   
    #content.home section:last-child { margin-bottom: 0; }

    #content h2 { font-weight: bold; }

		/* tables' titles */
		
		#content .titles { display: block; }

		/* forums blocks */
	
		#content .forum, #content .topics .topic  {
			background: #E4EAF2;
			border-bottom: 1px solid #FFF;
			position: relative;
			padding: 0 0 0 60px;
			overflow: hidden;
			clear: both;
		}
		
			#content .forum dl, #content .forum dt, #content .forum dd, #content .forum .icons,
			#content .forum .answers, #content .forum .total_topics, #content .forum .update,
			#content .topics dl, #content .topics dt, #content .topics dd, #content .topics .icons, #content .topics .status,
			#content .topics .author, #content .topics .answers, #content .topics .views, #content .topics .update {
				display: block;
				overflow: visible;
			}
    
            #content .answers, #content .total_topics, #content .update, #content .views, #content .author, #content .complaints, #content .check {
                position: relative;
            }
			
			#content .forum dl, #content .forum .answers, #content .forum .total_topics, #content .forum .update,
			#content .topics dl, #content .topics .author, #content .topics .answers, #content .topics .views, #content .topics .update,
            #content .topics.moderate .complaints, #content .topics.moderate .check{
				background: none;
				font-size: 81.25%;
				font-weight: normal;
				line-height: 1.4;
				float: left;
				padding: 0.25em 0.75em;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
		
			#content .forum dl, #content .topics dl  {
				border: none;
				position: relative;
				width: 100%;
				margin-bottom: 0;
			}
			
			#content .forum dl  {
				margin-left: -31em;
				padding-left: 31em;
			}
			
			#content .topics dl  {
				margin-left: -43em;
				padding-left: 43em;
			}
        
            #content .topics.moderate dl  {
				margin-left: -55.5em;
				padding-left: 55.5em;
			}
			
				#content .forum dt, #content .forum dd, #content .forum .update li,
				#content .topics dt, #content .topics dd, #content .topics .update li { margin-left: 0.75rem; }
			
					#content .forum .full a {
						font-size: 85%;
						color: #333;
						text-decoration: none;
					}
				
				#content .forum dd ul, #content .forum dd li {
					display: inline;
				}
				
					#content .forum dd li:after { content: "," }
					#content .forum dd li:last-child:after { content: none; }
			
			#content .forum span, #content .forum .update, #content .topic span, #content .topic .update { margin: 0; }
    
			#content .forum .answers:before, #content .forum .total_topics:before, #content .forum .update:before,
			#content .topics .author:before, #content .topics .answers:before, #content .topics .views:before, #content .topics .update:before,
			#content .topics dl:before, #content .forum dl:before, #content .topics.moderate .complaints:before, #content .topics.moderate .check:before {
				content: '';
				background: #FFF;
				display: block;
				position: absolute;
				width: 1px;
				height: 500%;
				left: 0;
				top: 0;			
			}
    
    #content .topic_support {
        right: 0.75rem;
        top: 0.75rem;
    }
    
			#content .forum dl:before { left: 31em; }
			#content .topics dl:before { left: 43.2em; }
			#content .topics.moderate dl:before { left: 55.7em; }
			#content .answers { width: 6em; text-align: center; }
			#content .forum .total_topics { width: 5em; text-align: center; }
			#content .topics .author { width: 10em; text-align: center; }
			#content .topics .views { width: 7em; text-align: center; }			
			#content .update { width: 20em; }
            #content .topics.moderate .complaints { width: 7em; text-align: center; }
            #content .topics.moderate .check { width: 5.5em; text-align: center; }
			
				#content .update a, #content .update li:first-child { font-weight: normal; }
				
				#content .forum .update li, #content .topic .update li {
					font-size: 0.6875rem;
					clear: both;
					margin: 0;
				}
    
                #content .forum .upd_topic a { font-weight: bold; }
				
				#content .forum .update li:first-child, #content .topic .update li:first-child { font-size: 100%; }
			
			#content.home .forum:nth-child(2) .icon { top: 2.65em; }
				
        #content .forum .icon {
            top: 0;
            bottom: 0;
            margin: auto;
        }

				#content .forum .icon img {
					width: 100%;
					height: auto;		
				}
				
			#content .topics h3 {
				background: #C2CFDF;
				border-bottom: 1px solid #FFF;
				font-size: 82.75%;
				font-weight: normal;
				line-height: 1.2;
				padding: 0.5em 0.75em 0.5em 5.25em;
				margin: 0;
			}
			
			#content .topics .icon {
				left: 10px;
				top: 10px;
			}
			
			#content .topics .status {
				left: 36px;
				top: 10px;
			}
				
				#content section > header .options {
					float: right;
					clear: right;
				}
            
        #content section > header { margin-bottom: 0; }
    
            #content section.topics > header .options:first-of-type { margin: -1.75em 0 0; }
			#content section > footer { margin: 0.75em 0 2em; }
			
			#content section > footer, #content section > footer .options,
			#content section > header .options { overflow: hidden; }
			
				#content section > footer .pagination, .profile .pagination, header .pagination { float: left; }					
					#content section > header .options li, #content section footer .options li { display: inline-block; }

				#content section > footer .options { float: right; clear: none; }
                #content.topic section > footer .options { margin-top: 0.5em; }
					
					aside.main .forum_stats p, aside.main .options p { float: left; }
					aside.main .forum_stats p:nth-child(3) { clear: both; }
					aside.main .forum_stats p:nth-child(2), aside.main .options p:nth-child(2) { float: right; }
	
		.view_options select {
			width: auto;
			margin-top: 0;
		}
		
		.view_options button { margin-top: 0; }
        #content.new_topic fieldset { padding: 0.5em; }
		
	/* topic */
	
	#content.topic section > header {
        white-space: nowrap;
        overflow: hidden;
        padding-bottom: 0.75rem;
    }
    
        #content.topic section > header > * {
            display: inline-block;
            vertical-align: bottom;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .topic .header_main {
            width: 100%;
            padding: 0 0 0 18.5rem;
            margin-left: -18.5rem;            
        }

            .topic .info { margin-bottom: 0.25rem; }    
            .topic .pagination, .topic .golastpost { font-size: 0.8125rem; }    
            .closed_topic { padding: 0; }

        .topic .header_more { width: 18.5rem; }

            .topic_search { margin-bottom: 0.5rem; }   

                .topic_search input[name=keywords] {
                    font-size: 0.8125rem;
                    width: 100%;
                    height: 1.875rem;
                    margin-top: 0;
                }

    #content.topic section > header .pagination, .pagination .pages_jump, .pagination .total, .pagination ul, .pagination .all_pages, .golastpost { margin-bottom: 0; }
    
    
    #content.topic .header_more .options { margin: 0; }
        
		.topic footer .answers_count {
			border: none;
			line-height: 2;
		}
		
		.topic footer .topics_options {
			text-align: right;
			float: right;
            padding: 0;
			margin: -1.75em 0.5em 0 0;
		}
		
		.topic footer .pagination {
			clear: both;
			margin-top: 0.5em;
		}
		
		#content section > footer .options {
			margin-top: 0;
		}
		
            .topic footer .back { margin-top: 0; }
    
        footer .jumps { margin: 0; }
		
            .jumps > * {
                position: relative;
                float: right;
                clear: both;
                width: 21em;
            }
    
		#section_title .topics_navi {
			border: none;
			float: left;
		}
	
	/* post */
	
	.post {
        overflow: hidden;
        float: none;
        width: auto;
        margin-bottom: 1px;
    }
	
		.post:after {
			content: '';
			background: #C7D2E0;
			border-top: 1px solid #FFF;
			display: block;
			position: relative;
			height: 0.5em;
			z-index: 1;
		}
		
		.topic section div:nth-last-child(2):after { display: none; }
    
        .post footer {
            display: block;
            z-index: inherit;
        }
		
			.post time, .post footer .postnumber {
				border-right: 1px solid #FFF;
				text-align: center;
				width: 16em;
			}
    
            .post header time { margin-top: 0; }
    
            .post .post_icon {
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 12.25rem;
                margin: auto;
            }
    
                .post_icon img { display: block; }
			
			.post header .options {
				background: none;
				box-shadow: none;
				display: block;
				position: static;
				float: right;
				padding: 0.25em 0.75em;
			}
			
				.post header .options li {
					font-size: 81.25%;
					line-height: normal;
					display: inline-block;
					float: none;
                    width: auto;
				}
				
				.post header .options li:before {
					content: '•';
					display: inline-block;
					margin-right: 0.5em;
				}
				
				.post header .options li:first-child:before { display: none; }				
				.post header .options .socials { display: none; }
			
			.post header .toggle { display: none; }
            .post header .options .contacts, .post header .options .report, .post header .options .postnumber, .post header .options .ip { display: none; }
		
		.post .body {
			padding-right: 12em;
			margin-right: -12em;
		}
    
            .post .body .signature { display: block; }
		
		.post aside { width: 12em; }
		
			.post .online .username::after { display: none; }
			.post .language, .post .regdate, .post .status, .post .ip { font-size: 68.75%; display: block; }
            .post .thanx { margin-top: 0.25em; }
            .post aside .signature { max-width: inherit; }
			
				.post .thanx a, .post .thanx_count {  display: inline-block; }
				.post .thanx_count { margin: 0; }
				
					.post .thanx_count a { font-weight: normal; }
		
		.post footer {
            padding: 0;
            overflow: hidden;
        }
		
			.post footer .postnumber, .post footer .contacts, .post footer .gotop {
				font-size: 68.5%;
				float: left;
				padding: 0.25em 0.75em;				
			}
			
			.post footer .postnumber, .post footer .contacts li, .post footer .gotop { line-height: 1.8; }
			
				.post .postnumber span { display: inline-block; }
			
			.post footer .contacts { float: left; }
			
				.post .contacts li { display: inline-block; }
				
			.post footer .gotop {
				display: block;
				float: right;
			}
			
			.post .report {
				font-size: 68.5%;
				line-height: 1.8;
				padding: 0.25em 0;
				margin-right: 1em;
			}
	.post .postnumber { margin-left: 0; }
    #tagcontainer select { width: 30em;	}
    
	/* answer form */
	
	#answer.mail_box { margin-top: 1px; }
	
		#answer .block { margin: 0; }		
		#answer .mode { border-bottom: 1px solid #FFF; }
		
			#answer .mode fieldset, #answer .inline {
				border: none;
				float: left;
			}
			
			#answer .inline { padding: 0.25em 0 0 0; }
			#answer fieldset, #answer .box { border: none; }
				
				#answer .inline select {
					float: left;
					width: 7em;
					margin-right: 0.25em;
				}
				
				#answer fieldset button { margin: 0.25em 0; }
				
				#answer .inline select:first-child { margin-top: 0.5em; }
			
			#answer .box.inline { line-height: 3; }
			
			#answer .newline {
				clear: both;
				padding: 0;
			}
	
/* edit logs page*/

.edit_logs .logs {
    border-bottom: 1px solid #fff;
    overflow: hidden;
    margin: 0;
}

    .edit_logs .logs li:before {
        content: '';
        background: #fff;
        display: block;
        position: absolute;
        width: 1px;
        left: 0;
        top: 0;
        bottom: 0;
        opacity: 1;
    }
    
    .edit_logs .logs li:nth-child(1):before, .edit_logs .logs li:nth-child(2):before,
    .edit_logs .logs li:nth-child(3):before, .edit_logs .logs li:nth-child(4):before { content: ''; }
    .edit_logs .logs li:first-child:before { display: none; }
    .edit_logs .logs li:nth-child(3):after, .edit_logs .logs li:nth-child(4):after { display: none; }
    #content .edit_logs .titles { padding: 0; }
    .edit_logs .logs li:nth-child(3)::before, .edit_logs .logs li:nth-child(4)::before { margin-bottom: 0; }

#content .edit_logs .titles li:nth-child(1), .edit_logs .logs li:nth-child(1),
#content .edit_logs .titles li:nth-child(2), .edit_logs .logs li:nth-child(2) {
    width: 17.5%;
    text-align: center;
}

#content .edit_logs .titles li:nth-child(3), .edit_logs .logs li:nth-child(3),
#content .edit_logs .titles li:nth-child(4), .edit_logs .logs li:nth-child(4) {
    width: 30%;
}

    .top_filters {
        background: none;
        color: #333;
        padding: 0;
    }
    
	/* favourites */
	
		#content.favourites .panel { display: none; }
		
		#content.favourites .controls { font-size: 100%; }
		
		#content.favourites .topic.controls {
			color: #FFF;
			display: block;
		}
		
		#content.favourites .topic .topicstarter { display: block; }
		
		#content.favourites .topic .section a:before, #content.favourites .topic .last_author a:before { display: none; }
		
		#content.favourites .topic { padding: 0; }
		
			#content.favourites .topic dt, #content.favourites .topic dd {
				-webkit-box-shadow: -1px 0 0 #FFF inset;
				box-shadow: -1px 0 0 #FFF inset;
				float: left;
			}
			
			#content.favourites .topic dt {
				width: 40%;
				padding-left: 2.5em;
				margin-left: -2.2em;
			}
			
				#content.favourites .topic dt a {
                    text-decoration: none;
                    padding: 0.5em;
                }
    
				#content.favourites .topic dt a:hover { text-decoration: underline; }
			
            #content.favourites section p, #content.favourites .topic dt, #content.favourites .topic dd {
                font-size: 81.25%;
                line-height: 1.2;
            }
    
			#content.favourites .topic dd { text-align: center; padding: 0; }
			#content.favourites .topic .section { width: 20%; }
			#content.favourites .topic .topicstarter { width: 12.5%; }
			#content.favourites .topic .last_author { width: 12.5%; }
			#content.favourites .topic .last_message { width: 15%; }
			#content.favourites .topic dd.delete { font-size: 100%; }
			
				#content.favourites .topic.controls dd span { color: #FFF; }
				
				#content.favourites .topic a:hover { color: #0080C1; text-decoration: underline; }
    
                #content.favourites .topic dd a, #content.favourites .topic dd time { padding: 0.5em; }
				
			#content.favourites .topic .delete {
				-webkit-box-shadow: none;
				box-shadow: none;
				float: right;
				position: static;
                padding: 0;
				margin: 0;
			}
			
		#content.favourites .topic.controls { background: #B0BFCF; overflow: hidden; }
		
			#content.favourites .topic.controls dt, #content.favourites .topic.controls dd {
				-webkit-box-shadow: none;
				box-shadow: none;
				float: left;
			}
			
			#content.favourites .topic.controls dd:before {
				content: '';
				box-shadow: -1px 0 0 rgba(255,255,225, 0.5);
				display: block;
				position: absolute;
				top: -1em;
				width: 1px;
				height: 200%;
			}
			
				#content.favourites .topic.controls a, #content.favourites .topic.controls span {
					color: #FFF;
					font-size: 90%;
					text-decoration: none;
					text-shadow: 0 -1px rgba(0,0,0,0.2);
					display: block;
					padding: 0.7em;
				}
				
				#content.favourites .topic.controls .delete {
					text-indent: -9999em;
					width: 1.5em;
					height: 100%;
				}
			
			#content.favourites .topic.controls .active { font-weight: bold; }

				
					#content.favourites .removed dd {
						box-shadow: none;
						padding: 0.5em;
					}

/* who is online */
    
#content .onlinelist .titles { padding-left: 0; }

    #content .onlinelist .titles li:nth-child(1), .onlinelist dt { width: 30%; }
    #content .onlinelist .titles li:nth-child(2), .onlinelist .last_action { width: 50%; }
    #content .onlinelist .titles li:nth-child(3), .onlinelist .time { width: 20%; }
    
    
.onlinelist dl {
    background: none;
    border: none;
    padding: 0;
    overflow: hidden;
}
    
    #content .onlinelist dt, #content .onlinelist dd {
        background: #eef2f7;
        border-bottom: 1px solid #fff;
        line-height: 1.2;
        float: left;
        position: relative;
        overflow: hidden;
        padding: 0.5em 0.75em;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .onlinelist dt { font-size: 75%; }
    
        .onlinelist dt a { font-size: 100%; }

    .onlinelist .last_action { text-align: center; }
    .onlinelist dd:before { display: none; }

    .onlinelist dd:after {
        content: '';
        background: #fff;
        width: 1px;
        height: 300%;
        position: absolute;
        left: 0;
        top: 0;
    }

/* extended search */

.search dl, .search dt, .search dd { display: block; }

	.search .block dd { padding: 0.5em 1.5em; }
	
	.search .block dt, .search .block dd {
		display: block;
		float: none;
		width: auto;
	 }
	
		.search .main.block	dd input[type=text] { width: 50%; }
	
		.search .main.block	dd input[type=submit] {
			padding: 0.25em 1em;
			width: auto;
		}

		.search .main.block .search_help {
			width: 50%;
			padding-right: 7em;
		}
	
.search .left.block, .search .right.block {
	width: 50%;
	float: left;
	min-height: 14em;
	margin-top: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.search .left.block {
	border-right: 1px solid #FFF;
}

	.search fieldset {
		background: none;
		padding: 0;
		margin-bottom: 0.5em;
	}
	
	.search fieldset.double { text-align: left; }

	.search .double {
		white-space: nowrap;
		float: left;
		width: 50%;
	}
			
			.search select {
				max-width: 18em;
				width: auto;
				margin: 0.25em 0 0;
			}
	
			.search label { margin-right: 1.5em; }			
			.search fieldset span + br, .search .double br { display: block; }		
			
			.search fieldset span {
				display: inline-block;
				margin: 0;
			}
			
/* search results */

#content.search_results .topics .titles li:first-child {
    margin-left: -61em;
    padding-left: 61.75em;
}

#content.search_results .topics .titles li:nth-child(2) { width: 18em; }
#content.search_results .topics .titles li:nth-child(3) { width: 10em; }
#content.search_results .topics .titles li:nth-child(4) { width: 6em; }
#content.search_results .topics .titles li:nth-child(5) { width: 7em; }

#content.search_results .topic dl {
    margin-left: -61em;
    padding-left: 61em;
}
	
	#content.search_results .topics dl:before {
		left: 61.2em;
	}

	#content.search_results .topic .forum {
		border: none;
		text-align: center;
		overflow: visible;
		float: left;
		clear: none;
		width: 18em;
        padding: 0.5em 0.75em;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	   html[lang=ru] #content.search_results .topic .forum:before, html[lang=en] #content.search_results .topic .forum:before {
			content: '';
			background: #FFF;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 1px;
			height: 500%;
	   }
			
/* user profile */

#content.user_profile section { margin-top: 0; }
#content.user_profile section:last-of-type { margin-bottom: 2em; }

.user_profile section {
	float: right;
	clear: right;

	overflow: hidden;
	width: 49%;
}

.user_profile .main { float: left; }

	#content.user_profile .spoiler h2 { background: #B0BFCF url(../../images/sprite.png) right -212px no-repeat; }	
	#content.user_profile .spoiler.open h2 { background-position: right -244px; }
	
		.user_profile section dt, .user_profile section dd {
			float: left;
			padding: 0.5em 0.5em 0.5em 0;
		}
		
		.user_profile section dt {
			clear: left;
			width: 30%;
		}
		
		.user_profile section dd {
			width: 70%;
			border-bottom: 0;
		}
		
		.user_profile section dt:first-child, .user_profile section dd:nth-child(2) { border: none; padding-bottom: 0.25em; }
		
	.user_profile .actions {
		white-space: nowrap;
		position: absolute;
		top: 0;
		right: 0;
	}
				
/* MY PROFILE */

	.profile h1 { margin-top: 0; }
    
    .profile.mailbox h1 { margin-right: 11em; }

	.profile .panel, .side_panel {
		background: #EEF2F7;
		font-size: 100%;
		float: left;
		width: 12.5em;
		padding: 0.75em;
		margin-bottom: 2em;
	}

		.profile .panel select, .side_panel select { display: none; }
		
		.profile .panel dl, .side_panel dl {
			display: block;
			margin-bottom: 1em;
		}
		
		.profile .panel dl:last-of-type, .side_panel dl:last-of-type  { margin: 0; }
		
			.profile .panel dt, .side_panel dt {
				font-size: 85%;
				margin-bottom: 0.25em;
			}
			
			.profile .panel dd, .side_panel dd {
				font-size: 81.25%;
				line-height: 1.4;
				padding: 0 0 0.25em 1em;
			}
			
			.profile .strong { font-weight: bold; }
		
				.profile .panel dd:before, .side_panel dd:before {
					content: "• ";
					font-weight: normal;
				}
		
	.profile .body, .moderation > .body {
		float: right;
		width: 100%;		
		padding-right: 14em;
		margin: 0 -14em 2em 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
		.profile .body .inner, .moderation > .body .inner {
			overflow: hidden;
			margin-left: 3%;			
		}
	
	.profile .panel.sort { display: none; }
	
	.profile .goto {
		background: none;
		color: #333;
		text-align: right;
		padding: 0;
		margin: 0;
	}
		
		.profile .goto select {
			width: 10em;
			margin: 0;
		}
	
	#mail_stats {
		float: left;
		width: 40%;
		margin-bottom: 1em;
	}
	
	.mail_options {
		text-align: right;
		float: right;
    	margin: 0 0 1em;
	    overflow: hidden;
	}
	
    .recipient { margin-bottom: 0; }
    .recipient + .mail_options { margin: -4em 0 1em; }
	.mail_options:last-of-type { margin: 1em 0 0 0; }
    #mail_stats + .mail_options { margin: -1em 0 1em; }
	
		.profile .pagination {
			float: none;
			padding: 0 0 0.5em 0;
		}
		
		.profile .options { margin-bottom: 0.5em; }
	
	.profile .mail {
		background-image: url(../images/f_norm_no.gif);
		background-position: 0.75em center;
		background-repeat: no-repeat;
		font-size: 82.75%;
		padding: 0 0 0 3em;
		transition: background-color 0.2s linear;
	}
	
	.profile .watch .mail:last-of-type { border-bottom: 1px solid #FFF;}
	.profile .watch .mail + .controls { border: none; }
	.profile .mail.unread { background-image: url(../images/f_norm.gif); }
	.no-touch .profile .mail:hover { background-color: #DFE6EF; }
	
		
		.profile .mail:before {
			content: '';
			box-shadow: 1px 0 0 rgba(255, 255, 225, 0.5);
			display: block;
			height: 200%;
			left: 2.5em;
			position: absolute;
			top: -1em;
			width: 1px;
		}
	
	.profile .mail.controls, .profile .mail.controls:hover {
		background: #B0BFCF;
		border: none;
		display: block;
		clear: both;
	}
	
		.profile .mail dt, .profile .mail dd, .profile .mail .date {
			font-size: 100%;
			text-align: left;
			display: block;
			float: left;
			position: relative;
			padding: 0.5em;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		.profile .mail dt {
			margin: 0 0 0 -2em;
			padding-left: 2em;
			width: 50%;
		}
		
		.profile .unsent .mail dt { width: 40%; }
		
		.profile .mail.controls dt, .profile .mail.controls dd {
			font-size: 100%;
		}
		
		.profile .mail.controls dt { padding-left: 2em; }
		
			.profile .mail.controls a, .profile .mail.controls span {
				color: #FFF;
				text-decoration: none;
				text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
			}
		
		.profile .mail .sender {
 		   width: 30%;
		   margin: 0;
		}
		
		.profile .unsent .mail .sender { width: 25%; }
		
			.profile .mail .add {
				display: block;
				float: right;
				opacity: 0;
				transition: opacity 0.2s linear;
			}
			
			.profile .mail .add::before { content: '[ '; }
			.profile .mail .add::after { content: ' ]'; }
			.profile .mail .sender:hover .add { opacity: 1; }
		
		.profile .mail .date {
			width: 20%;
			opacity: 1;
		}
		
		.profile .watch .mail .date {
			clear: none;
			float: left;
		}
		
		.profile .mail .check {
			position: relative;
			left: auto;
			top: auto;			
			width: 2em;
			
		}
		
		.profile .mail .copy {
			width: 15%;
			clear: none;
		}
	
			.profile .mail dt:before, .profile .mail dd:before { display: none; }
			
			.profile .mail dd:after {
				content: '';
				box-shadow: 1px 0 0 #FFF;
				display: block;
				height: 200%;
				left: 0;
				position: absolute;
				top: -1em;
				width: 1px;
			}
			
	/*.profile .forum .delete, .profile .topic .delete {
		position: relative;
		left: auto;
		top: 0.75em;
		float: left;		
	}*/
    
    .profile .forum .delete, .profile .topic .delete {
        left: auto;
        right: 1em;
    }

	.block .edit label, .block .edit input, .block .edit select, .block dt, .block dd {
		display: inline-block;
		vertical-align: middle;
		width: 49%;
		margin: 0;
	}
	
	.block .edit.security input {
		width: 25%;
		margin-left: 0.5em;
	}
	
	.block .edit.security span {
		white-space: nowrap;
		display: inline-block;
		vertical-align: middle;
	}

	.block .edit.birthday label { display: inline-block; }
	
	.block .edit.birthday select {
		display: inline-block;
		vertical-align: middle;
		float: none;
		width: 15%;
	}
	
	.block .edit.birthday select[name=month] { margin: 0 2%; }
	
		.double select {
			width: 25em;
			margin: 0;
		}
		
		.double br { display: none; }
		
	.block .captcha span {
		display: inline-block;
		vertical-align: middle;
	}
	
	.block .captcha input[type=text] {
		width: 50%;
		margin-top: 0;
	}
	
	.block.msg_preview {
		background: none;
		float: right;
		width: 100%;
		padding-right: 14em;
		margin: 0 -14em 2em 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
		
		.block.msg_preview .title { margin-left: 3%; }
		
		.block.msg_preview .text {
			background: #E4EAF2;
			margin-left: 3%;
		}
    
    .block fieldset.line_controls span { margin: 0 2em 0 0; }
    .block fieldset.line_controls span:last-child { margin: 0; }
    .block fieldset.line_controls br { display: none; }
	
	.friend_enemy .comment { clear: none; }
	#content.profile .forum .icon { top: 10px; }
	
	#content.profile .topics .titles li:first-child { padding-left: 42em; }	
	#content.profile .topic dl { padding-left: 41.25em; }
	#content.profile .topics dl:before {  left: 41.25em; }
	#content.profile .topics .status { left: 10px; }
	#content .topics .status {left:5px;}
	#content .topics .status-single {left:25px;}
	#content .topics .icon {left:38px; width:19px;}
	#content .topics .icon:before, #content.forums .subtitle:before {
		content: '';
		box-shadow: 1px 0 0 #FFF;
		display: block;
		position: absolute;
		top: -1em;
		width: 1px;
		height: 500%;
		left: -8px;
	}
    
	/* profile inbox message */
		
	.profile .post:after { display: none; }
	.profile .post aside { width: 12em; }
	.profile .post .body { margin-right: -12em; padding: 0 12em 0 0; }
	.add_to_friends { line-height: 1.8; padding: 0.25em 0.75em; }
	.profile .post .group, .profile .post .posts, .profile .post .regdate, .add_to_friends { font-size: 68.5%; }
	.profile .post .posts, .profile .post .regdate, .add_to_friends { margin: 0; }
	.profile .post header .options li { font-size: 87.5%; }
	#content.members .postfoot {
		line-height: 1.8em;
		background-color: #D1DCEB;
	}
	#content.members select,#content.members input.forminput {
		width: 15em;
		margin-top: 0;
	}
	#content.members select[name=filter] {
		width: 12em;
	}
	#content.members select[name=sort_key] {
		width: 11em;
	}
	#content.members select[name=sort_order] {
		width: 11em;
	}
	#content.members select[name=max_results] {
		width: 4em;
	}
	#content.members .member-entry {
		border-bottom: 1px solid #FFF;
		padding: 0;
		width: 100%;
	}
	#content.members .member-entry div {
		display: block;
		position: relative;
		overflow: visible;
		vertical-align: center;
		padding: 0.2em 1em;
		text-align: center;
		min-height: 1.6em;
        box-sizing: border-box;
    }
	#content.members .member-entry div:not(:nth-child(1)):before {
		content: '';
		background: #FFF;
		position: absolute;
		left: 0;
		top: 0;
		width: 1px;
		height: 100%;
	} 
	#content.members .member-entry .member-name, #content.members .member-entry .level, 
	#content.members .member-entry .group,#content.members .member-entry .joined, 
	#content.members .member-entry .posts {
		background: none;
		float:left;
		padding: 0.2em 1em;
	}
	#content.members .member-entry .email {
		float:right;
		background: none;
		padding: 0.2em 1em;
	}
	#content.members .member-entry .posts,#content.members .member-entry .email {
		width:10%;
	}
	#content.members .member-entry .level,#content.members .member-entry .joined {
		width: 15%;
	}
	#content.members .member-entry .group {
		width:20%;
		border-bottom: none;
	}
	#content.members .member-entry .member-name {
		width: 30%;
	}
	#content.members .member-entry .level {
		display: block;
	} 
	#content.members .member-entry .member-name a {
		line-height: 16px;
	}
	#content.moderation .forums .topic .update {
		background: none;
		width: 10%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#content.search_results .topics select[name="sort_key"],#content.search_results .topics select[name="sort_order"] {
		width:20em;
		margin-top:0;
	}
    #content.tags article {
        margin-bottom:0.5em;
    }
    #content.tags header{
        text-align: center;
        -background-color: #B0BFCF;
        font-size:20px;
        padding-top:15px;
        padding-bottom:20px;
    }
    #content.tags header a {
        color:red;
        text-decoration: none;
        border:1px dotted black;
        padding: 0.5em 3em;
        background-color: #EEF2F7;
    }
    #content.tags article h3 {
        padding:1em 2em;
        background-color:#C2CFDF;
        margin:0 0 0.25em 0;
        cursor:pointer;
    }
    #content.tags article .tagcloud {
        padding: 0.5em 2em 0.5em 2em;
        background-color:#EEF2F7;
        margin:0;
    }
    #content.tags article .tagcloud span a {
        text-decoration: none;
        color:#2B5289;
    }
    #content.tags article .tagcloud span a:hover {
        background-color:#2B5289;
        color:white;
    }
    #content.members .titles li:nth-child(1) {
        width:30%;
    }
    #content.members .titles li:nth-child(2),#content.members .titles li:nth-child(4) {
        width:15%;
    }
    #content.members .titles li:nth-child(3) {
        width: 20%;
    }
    #content.members .titles li:nth-child(5),#content.members .titles li:nth-child(6) {
        width:10%;
    }

    #content.members .titles {
        padding: 0;
    }

    #content.members input.forminput {
        margin-top:4px;
    }
    #content.calendar .calendar-footer select {
        width: 7em;
        margin-top: 0;
    }
    .titlemedium {
        font-weight: bold;
        color: #3A4F6C;
        height: 30px;
        background-color: #b0bfcf;
            vertical-align:middle;
            font-size: 1em;
            padding-left: 5px;
    }
    #content.help table {
        margin-top:5px;
        margin-bottom: 5px;
    }
    #content.help table:first-of-type td {
        padding-left: 10px;
    }

    #content.moderation .forums .titles li:nth-of-type(1) {
        width: 55%;
    }
    #content.moderation .forums .titles li:nth-of-type(2),#content.moderation .forums .titles li:nth-of-type(3),
    #content.moderation .forums .titles li:nth-of-type(4) {
        width: 15%;
        text-align: center;
    }
    #content.moderation .forums .topic dl {
        min-height:20px;
    }
    #content.moderation .forums .topic dl dt:nth-of-type(1) {
        padding-left: 1.5em;
    }
    #content.moderation .forums .topic dl dt.icon {
        background: #B0BFCF;
        border-radius: 50%;
        box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset;
        position: absolute;
        left: 0;
        top: 0;
        width: 1.25em;
        height: 1.25em;
    }
    #content.moderation .forums .titles li:first-child{
        margin-left: 0 !important;
        padding-left: 0.75em !important;
        text-align: center !important;
    }
    #content.moderation .forums .titles li:first-child:before {
        display: none;
    }
    #content.moderation .forums .topic,#content.moderation .forums h2,#content.moderation .forums .block {
        clear:both;
    }

    #content.moderation .forums .topic span {
        float:left;
    }
    #content.moderation .forums .topic .topics_waiting,#content.moderation .forums .topic .posts_waiting,
    #content.moderation .forums .topic .reports_waiting {
        width: 15%;
        display: block;
        text-align: center;
    }
    #content.moderation .forums .topic .select {

        width: 10%;
        text-align: center;
    }
    #content.moderation .forums .topic .subforum-empty-pane {
        display: block;
        float:left;
        width: 2%;
        height: 100%;
    }
    #content.moderation .forums .topic {
        overflow:auto;
        background-color: #EEF2F7;
        border-bottom: 1px solid white;
        padding: 5px 5px 5px 10px;
    }
    #content.moderation .forums .topic > *:not(.update) {
        margin-top: 5px;
    }
    #content.moderation .forums .topic .topics_waiting,
    #content.moderation .forums .topic .topics_waiting,
    #content.moderation .forums .topic .reports_waiting {
        text-align:center;
    }
    #content.moderation .forums .topic .topics_waiting a, #content.moderation .forums .topic .topics_waiting a,
    #content.moderation .forums .topic .reports_waiting a {
        text-decoration: none;
    } 
    #content.moderation .forums .topic a {
        text-align: center;
        display: inline-block;
    }
    #content.moderation .forums .topic .highlight {
        display:inline-block;
        color:red;
        text-align: center;

    }
    #content.moderation .forums .mod-container ul.titles.modcompl li:nth-of-type(1) {
        width:60%;
    }
    #content.moderation .forums .mod-container ul.titles.modcompl li:nth-of-type(2) {
        width:10%;
    }
    #content.moderation .forums .mod-container ul.titles.modcompl li:nth-of-type(3) {
        width:30%;
    }
    #content.moderation .forums .mod-container ul.titles.modpost li:nth-of-type(1) {
        width:50%;
    }
    #content.moderation .forums .mod-container ul.titles.modpost li:nth-of-type(2) {
        width:10%;
    }
    #content.moderation .forums .mod-container ul.titles.modpost li:nth-of-type(3) {
        width:20%;
    }
    #content.moderation .forums .mod-container ul.titles.modpost li:nth-of-type(4) {
        width:20%;
    }
    #content.moderation .mod-container {
        margin: 0.5em 0.5em 0.5em 1em ;
    }
    #content.moderation .forums .mod-container .modcompl dl {
        float:left;
        text-align:center;
        width:60%;
    }
    #content.moderation .forums .mod-container .modcompl .count {
        width:10%;
        float:left;
        text-align:center;
    }
    #content.moderation .forums .mod-container .modcompl .link {
        width:30%;
        float:left;
        text-align:center;
    }
    #content.moderation .forums .mod-container .modcompl .link:after {
        clear:both;
    }

    #content.moderation .forums .mod-container .modpost dl {
        float:left;
        text-align:center;
        width:50%;
    }
    #content.moderation .forums .mod-container .modpost .replies {
        width:10%;
        float:left;
        text-align:center;
    }
    #content.moderation .forums .mod-container .modpost .approveall {
        width:20%;
        float:left;
        text-align:center;
    }
    #content.moderation .forums .mod-container .modpost .link {
        width:20%;
        float:left;
        text-align:center;
    }
    #content.moderation .forums .mod-container .modpost .link:after {
        clear:both;
    }

    #content.moderation .post .body {
        margin-right: -12em;
    }
    #content.moderation .post header b  {
        line-height:1.8;
    }

    #content.moderation .forums .topic .icon img {
        width: 100%;
    }

    #content.moderation form[name=ibform] header select {
        width: 180px;
        margin-top:0;
    }
    #content.moderation form[name=ibform] .category {
        background-color: #C2CFDF;
    }
    #content.calendar .calendar-title {
        height: 2em;
        margin-bottom: 0.5em;
    }
    #content.calendar .calendar-title .calendar-description {
        display: inline-block;
        float:left;
        width: 50%;
    }
    #content.calendar .calendar-title .calendar-nav {
        display: inline-block;
        float:right;
        text-align: right;
        font-weight: bold;
        width: 50%;
    }
    #content.calendar .calendar-footer {
        margin-top: 2em;
    } 
    #content.calendar .calendar-footer .calendar-full-nav {
        display: inline-block;
        float:left;
        width: 33.33%;
    }
    #content.calendar .calendar-footer .calendar-event-add {
        display: inline-block;
        float:left;
        text-align: center;
        width: 33.33%;
    }
    #content.calendar .calendar-footer .calendar-footer-nav {
        display: inline-block;
        float:right;
        text-align: right;
        font-weight: bold;
        width: 33%;
    } 
    #content.calendar .calendar-cell {
        height: 5em;
        width: 14.28%;
        float: left;
        display: inline-block;
        padding:5px 5px 5px 10px;
        background-color: #EEF2F7;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #content.calendar .calendar-cell-today {
        border:2px solid black;
        border-style: outset;
    } 
    #content.calendar .calendar-cell-empty {
        background-color: white;
    }
    #content.calendar .calendar-row {
        clear:both;
        height: 5em;
    }
    #content.calendar .calendar-header-days {
        margin-top: 0.5em;
        height: 1.5em;
        clear: both;
    }
    #content.calendar .calendar-header-day {
        height: 1.5em;
        width: 14.28%;
        float: left;
        display: inline-block;
        padding-left: 5px;
        padding-top: 3px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #B0BFCF;
        font-weight: bold;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .tagrow.withborder fieldset {
        padding: 0.25em 1em;
    }
    .tagrow.withborder .tagname1, .tagrow.withborder .tagrembtn {
        float:left;
        min-width: 10em;
    }
    .tagrow.withborder .tagname1 {
        padding-top: 1em;
    }
    #tagcontainer select {
        margin-top: 0.5em;
    }
    
    #content .banner:first-of-type { margin: 1em 0; }
    
/* moderation */
    
    .compact_post aside .date { float: none; }
    .inp { display: inline-block; }
    
    .block .inline_controls.edit > * { width: auto; }
    
    .block .inline_controls.edit label { min-width: 4rem; }
    .block .inline_controls.edit select { min-width: 15rem; }
    .tagname1 { margin-right: 0.5rem; }
    
    .ctrl {
        text-align: left;
        display: inline-block;
        padding: 0;
    }
    
    .block .inline_controls.edit .ctrl input { width: auto; }
}

@media screen and (min-width: 64em) { /* 1024 */
  
    .legend li { width: 25%; }
    
    /* registration */

    .registration .box {
        width: 60%;
        margin: auto;		
    }

        .registration .block { padding: 1em 0 0.25em; }

            .registration .block fieldset {
                margin-left: 1.5em;
                margin-right: 1.5em;
            }

            .registration .block .edit + .descr { margin: -1em 1.75em 0.75em 1.75em; }
            .registration .block .descr, .registration .block .security + .descr { margin: 0.75em 1.75em; }
    
}

@media screen and (max-width: 48em ) {

    .banner iframe { display: none; }
    
}

@media screen and (max-width: 26em ) {
    
    .window_ntfc .ctrl_bar a { float: none; }
    .window_ntfc .ctrl_bar a:first-of-type { margin-bottom: 0.25rem; }
    
}

#autocomplete {
	background: #e4eaf2;
	box-shadow: 3px 3px 0 rgba(0,0,0,0.15);
	position: absolute;
}

#autocomplete li {
	font-size: 0.8215rem;
	line-height: 1.875rem;
	padding: 0 0.5rem;
}

.no-touch #autocomplete .active {
	background: #0080c1;
	color: #fff;
}