/*шрифты*/
	*::-webkit-input-placeholder {
		color: #F4D896;
		text-shadow: 1px 1px 1px #000, 1px 1px 3px #000;
	}
	*::-moz-placeholder {
		color: #F4D896;
		text-shadow: 1px 1px 1px #000, 1px 1px 3px #000;
	}
	*:-moz-placeholder {
		color: #F4D896;
		text-shadow: 1px 1px 1px #000, 1px 1px 3px #000;
	}
	*:-ms-input-placeholder {
		color: #F4D896;
		text-shadow: 1px 1px 1px #000, 1px 1px 3px #000;
	}
	body, button, a, a.more-info {color: #433001;}
	input, textarea {color: #674f1e;}
	h1, h1 a, h3, h3 a {color: #180700;}
	.navigation a {
		color: #9DC596;
		text-shadow: 0 0 4px #68FF4A, 0 0 1px #68FF4A;
	}
	.copyright a, .vk-link a {color: #000;}
	h4 {text-shadow: 0 0 1px #64321f;}
	.links a:not(.lock):hover, .message-filter a:not(.icon-add):hover, .show-more:hover,
	.design:hover, .footer a, .password a:hover, button:hover, a.more-info:hover,
	.links a.active, a.more-info.active {text-shadow: 0 0 1px #675020;}
	.game-hover {
		color: #3f0000;
		text-shadow: 0 0 1px #3f0000;
	}
	.game-hover span {
		color: #64321f;
		text-shadow: 0 0 1px #64321f;
	}
	.message {color: #644112;}
	a.lock {cursor: default !important;}

/*фоны*/
	body {background: url('../img/backgrounds/scroll/bg.png') #C7A46F;}
	.main, .alert > div {background: url('../img/backgrounds/scroll/center.png');}
	.main::before {background: url('../img/backgrounds/scroll/lborder.png') right repeat-y;}
	.main::after {background: url('../img/backgrounds/scroll/rborder.png') left repeat-y;}
	.header, .footer {background: url('../img/backgrounds/scroll/top.png') repeat-x;}
	.header::before, .footer::before {background: url('../img/backgrounds/scroll/lcorner.png') right no-repeat;}
	.header::after, .footer::after {background: url('../img/backgrounds/scroll/rcorner.png') left no-repeat;}
	.skills-table th, .skills-table td, input, textarea {background: url('../img/backgrounds/scroll/input.png');}
	.line {background: url('../img/backgrounds/scroll/line.png') center repeat-x;}
	.stat-line {background: url('../img/backgrounds/scroll/line.png') right repeat-x;}
	.content-img::before {background: url('../img/backgrounds/scroll/tlpic.png') left no-repeat, url('../img/backgrounds/scroll/trpic.png') right no-repeat;}
	.content-img::after {background: url('../img/backgrounds/scroll/blpic.png') left no-repeat, url('../img/backgrounds/scroll/brpic.png') right no-repeat;}
	.small-img::before, .small-img::after {background-size: 25px 25px;}
	.game-hover, .guise-about {background: url('../img/backgrounds/scroll/hover.png');}
	.achievement-text, .stat-about, .search-result, .search-result a:hover,
	.download:hover::after {background: url('../img/backgrounds/scroll/up.png');}
	.might .stat-about {background: url('../img/backgrounds/scroll/up.png'), url('../img/backgrounds/might-h.png');}
	.dexterity .stat-about {background: url('../img/backgrounds/scroll/up.png'), url('../img/backgrounds/dexterity-h.png');}
	.alertness .stat-about {background: url('../img/backgrounds/scroll/up.png'), url('../img/backgrounds/alertness-h.png');}
	.stat-point.active, .stat-lvl-text {background: url('../img/backgrounds/scroll/stats.png');}
	.params-block .stat-point:not(.active):not(.locked).hover,
	.skills-block .stat-point:not(.active):not(.locked).hover,
	.section-block .stat-point:not(.active):not(.locked).hover,
	.skills-block .skill:not(.active):not(.locked).hover .stat-name + .stat-point,
	.section-block .skill:not(.active):not(.locked).hover .stat-name + .stat-point {
		background: url('../img/backgrounds/scroll/stats-hover.png');}
	#age-line {background: url('../img/backgrounds/scroll/point-line.png') center repeat-x;}
	#age-point {background: #000;}
	.guise:nth-of-type(odd)+.guise::before {background: url('../img/backgrounds/scroll/lline.png') no-repeat;}
	.guise:nth-of-type(even)+.guise::before {background: url('../img/backgrounds/scroll/rline.png') no-repeat;}
	.design.scroll {background: transparent;}

/*иконки*/
	.nav-button {background: url('../img/icons/scroll/menu-button.png') no-repeat;}
	.nav-line {background: url('../img/icons/scroll/menu-arrow.png') bottom no-repeat;}
	.scroll-button {background: url('../img/icons/scroll/scroll-arrow.png') top no-repeat;}
	#nav-faq {background: url('../img/menu/menu-logo.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	#nav-profile {background: url('../img/menu/menu-logo.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	#nav-system {background: url('../img/menu/menu-dice.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	#nav-games {background: url('../img/menu/menu-games.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	#nav-info {background: url('../img/menu/menu-world.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	#nav-create {background: url('../img/menu/menu-race.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	#nav-message {background: url('../img/menu/menu-messages.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	#nav-reg {background: url('../img/menu/menu-book.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	#nav-admin {background: url('../img/menu/menu-book.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	#nav-login {background: url('../img/menu/menu-entrance.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	#nav-logout {background: url('../img/menu/menu-entrance.png') center 10px no-repeat, url('../img/backgrounds/scroll/menu.png') top no-repeat;}
	.vk-link .letter-img {background: url('../img/icons/scroll/vk.png') no-repeat;}
	.icon-vk {background: url('../img/icons/scroll/vk.png') center no-repeat;}
	.download {background: url('../img/icons/scroll/download.png') right no-repeat;}
	.favorite {background: url('../img/icons/scroll/notfavorite.png') no-repeat;}
	.section-name {background: url('../img/icons/scroll/arrow.png') left no-repeat;}
	.section-name.active {background: url('../img/icons/scroll/arrow-down.png') left no-repeat;}
	.search button {background: url('../img/icons/scroll/arrow.png') center no-repeat;}
	.profile-block .accept:hover::after, .favorite:hover::after, .weapon a:hover::after,
	.armor a:hover::after, .inventory .icon-delete:hover::after {background: url('../img/backgrounds/scroll/up.png');}
	.icon-add {background: url('../img/icons/scroll/add.png') center no-repeat;}
	.icon-delete {background: url('../img/icons/scroll/delete.png') center no-repeat;}
	.icon-edit {background: url('../img/icons/scroll/edit.png') center no-repeat;}
	.icon-quote {background: url('../img/icons/scroll/quote.png') center no-repeat;}
	.icon-reply {background: url('../img/icons/scroll/reply.png') center no-repeat;}
	.icon-restore {background: url('../img/icons/scroll/restore.png') center no-repeat;}
	.icon-player {background: url('../img/icons/scroll/player.png') center no-repeat;}
	.icon-char {background: url('../img/icons/scroll/player.png') bottom left no-repeat;}
	.icon-char.active {background: url('../img/icons/scroll/char.png') bottom left no-repeat;}
	.icon-favorite {background: url('../img/icons/scroll/usual.png') center no-repeat;}
	.icon-favorite.active {background: url('../img/icons/important.png') center no-repeat;}
	.icon-new {background: url('../img/icons/scroll/new.png') center no-repeat;}
	.icon-visible, .invisible {background: url('../img/icons/scroll/invisible.png') center left no-repeat;}
	.icon-visible.active, .visible {background: url('../img/icons/scroll/visible.png') center left no-repeat;}
	.icon-minus {background: url('../img/icons/scroll/minus.png') center no-repeat;}
	.icon-file {background: url('../img/icons/scroll/file.png') center no-repeat;}
	.icon-move {background: url('../img/icons/scroll/move.png') center no-repeat;}
	.checkbox {background: url('../img/icons/scroll/checkbox.png') left no-repeat;}
	.checkbox.active {background: url('../img/icons/scroll/checkedbox.png') left no-repeat;}
	.accept {background: url('../img/icons/scroll/accept.png') no-repeat;}
	.icon-info {background: url('../img/icons/scroll/info.png') no-repeat;}
	.armor a:not(.icon-delete) {background: url('../img/icons/scroll/armor.png') right no-repeat;}
	.weapon a:not(.icon-delete) {background: url('../img/icons/scroll/weapon.png') right no-repeat;}
	.male {background: url('../img/icons/scroll/male.png') no-repeat;}
	.female {background: url('../img/icons/scroll/female.png') no-repeat;}
	#random-name {background: url('../img/icons/scroll/random.png') no-repeat;}

/*границы*/
	input, textarea, .links a, .message-filter a:not(.icon-add), .show-more, .password a,
	.design, button, .achievement, .profile-img, .char-img, .game h4, #guise, .father + a,
	.mother a, .age, .skills-block .skill, .filter-block a, .char-pregen p + a,
	#char-save, .search-result, .search-result a, .alert>div, a.more-info,
	.alert a {border: 1px dashed #574010;}
	.more-info {border-top: 1px dashed #574010;}
	.favorite:hover::after, .profile-block .accept:hover::after, .weapon a:hover::after,
	.armor a:hover::after, .achievement-text, .inventory .icon-delete:hover::after,
	.stat-about, h3 .download:hover::after, .icon-char:hover::after {border: 1px solid #574010;}
	.stat-point, .icon-info, .stat-lvl-text {border: 1px solid #4c3809;}
	.content-img {border: 2px solid #3f0000;}
	.links img {border-left: 2px groove #574010;}
	.skills-list .stat-about, a.accept, .search button {border: none;}
	.skills-table, .skills-table th, .skills-table td {border: 1px dotted #775020;}

/*тень и свет*/
	.message-img img {box-shadow: -1px -1px 2px #271000, 1px 1px 1px #F7E0B0;}
	.links a, .message-filter a:not(.icon-add), .show-more, .password a, .design, #guise,
	.achievement, .game h4, .father + a, .mother a, .age, .char-pregen p + a, .filter-block a,
	.skills-block .skill, #char-save, a.more-info {box-shadow: 2px 2px 4px #000;}
	.achievement:hover, .game:hover h4, .game.active h4, .father + a:hover, .mother a:hover,
	.age:hover, .links a.active, .links a:not(.lock):hover, .password a:hover, .design:hover,
	.message-filter a:not(.icon-add):hover, .show-more:hover, button:hover, #guise:hover,
	.char-pregen p + a:hover, .skills-block .skill.active, .skills-block .skill:hover,
	.filter-block a:hover, #char-save:hover, .filter-block a.active {box-shadow: 0 0 1px #000;}
	.achievement:hover .achievement-text, .stat-about, .weapon a:hover::after,
	.armor a:hover::after, .inventory .icon-delete:hover::after, .icon-char:hover::after,
	h3 .download:hover::after, a.more-info:hover, a.more-info.active {box-shadow: -2px 2px 4px #322;}
	.search-result {box-shadow: 0 0 10px #322;}
	.alert > div {
		box-shadow: 0 0 40px #211;
		text-shadow: 0 0 1px #322;
	}
	.alert a {box-shadow: 0 0 5px #322;}
	.search-result a, .alert a:hover {box-shadow: 0 0 2px #322;}
	.links .favorite, .links .favorite:hover, .links .favorite.active, .search button, .search button:hover,
	.skills-list .stat-about, a.accept, a.accept:hover {box-shadow: none;}

/*структура*/
	.footer {
		height: 152px;
		padding: 55px 0;
	}
	.header::before, .footer::before {left: -62px;}
	.header::after, .footer::after {right: -62px;}
	.main::before {left: -52px;}
	.main::after {right: -52px;}
	.content-img::before, .content-img::after {height: 45px;}
	.small-img::before, .small-img::after {height: 25px;}
	.footer, .header, .header::before, .header::after, .footer::before,
	.footer::after {background-size: auto 100%;}
	.nav-line {top: 125px;}

/*адаптивность*/
	@media (max-width: 1240px) {
		.navigation.active {
			top: 125px;
			width: 798px;
			margin: 0 61px;
			background: url('../img/backgrounds/scroll/line.png') bottom center repeat-x,
						url('../img/backgrounds/scroll/nav.png');
		}
		.navigation.active a {
			color: #201503;
			text-shadow: 0 0 2px #5d472a, 0 0 3px #faebb4, 0 0 4px #faebb4;
		}
	}
	@media (max-width: 1040px) {
		.navigation.active {width: 648px;}
		.guise:nth-of-type(odd)+.guise::before {background: url('../img/backgrounds/scroll/rline.png') no-repeat;}
		.guise:nth-of-type(even)+.guise::before {background: url('../img/backgrounds/scroll/lline.png') no-repeat;}
	}
	@media (max-width: 1240px) and (min-width: 900px) {.navigation.active.stick {margin: 0;}}
	@media (max-width: 900px) {
		.content-img::before, .content-img::after {
			height: 25px;
			background-size: 25px 25px;
		}
	}
	@media (max-width: 700px) {
		.main {margin: -40px 30px;}
		.header, .footer {margin: 0 35px;}
		.footer {
			height: 120px;
			padding: 40px 0;
		}
		.nav-line {top: 98px;}
		.navigation.active {
			top: 100px;
			margin: 0 39px;
		}
	}
	@media (max-width: 560px) {.footer {padding: 30px 0;}}
	@media (max-width: 370px) {
		.nav-line {top: 65px;}
		.footer {
			height: 80px;
			padding: 15px 0;
		}
		.main {background-size: 15px 15px;}
		.main::before, .main::after {background-size: 24px 45px;}
		.main::before {left: -56px;}
		.main::after {right: -56px;}
		.navigation.active {
			top: 65px;
			margin: 0 36px;
		}
	}