* {
	padding: 0;
	margin: 0;
}
html, body {
    height: 100%;
	background-color: black;
	-webkit-text-size-adjust: 100%;
}

input, textarea {
	outline: none;
}

@font-face {
	font-family: 'romvelHogwarts';
	src: url('/media/fonts/romvel.woff') format('woff'),
		 url('/media/fonts/romvel.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Adana script';
    font-style: normal;
    font-weight: 400;
    src: local('Adana script'), local('Adanascript-Regular'),
        url('/media/fonts/adana-script_45e54fbbd7b23091f18299703afb7fe9.woff') format('woff'),
        url('/media/fonts/adana-script_45e54fbbd7b23091f18299703afb7fe9.ttf') format('truetype');
}
@font-face{
	font-family: 'Pangolin';
	font-style: normal;
	src: url('/media/fonts/Pangolin-Regular.ttf') format('truetype');
}
@font-face{
	font-family: 'CheshirskiyCat';
	font-style: normal;
	font-weight: 400;
	src: url('/media/fonts/CheshirskiyCat.ttf') format('truetype');
}
@font-face{
	font-family: 'Philosopher';
	font-style: normal;
	font-weight: 400;
	src: url('/media/fonts/Philosopher.otf') format('opentype');
}

.fontMain {
	font-family: 'Pangolin', cursive;
}
.fontMainTitle {
	font-family: 'CheshirskiyCat', arial;
}
.fontGeorgia {
	font-family: Georgia, arial;
}
.fontAdana {
	font-family: 'Adana script', arial;
}
.fontPangolin {
	font-family: 'Pangolin', cursive;
}
.fontCheshirskiyCat {
	font-family: 'CheshirskiyCat', arial;
}
.fontPhilosopher {
	font-family: 'Philosopher', arial;
}

.font14 {
	font-size: 14px;
	text-shadow: 4px 4px 4px #000;	
}
.font18 {
	font-size: 18px;
	text-shadow: 4px 4px 4px #000;	
}
.font28 {
	font-size: 28px;
	text-shadow: 8px 8px 8px #000;	
}
.font32 {
	font-size: 32px;
	text-shadow: 8px 8px 8px #000;	
}

.modalWindow {
	width: 600px;
	min-width: 200px;
	/*min-height: 100px;*/
	padding: 20px;
	background-color: rgba(0,0,0,0.9);
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	position: relative;
	color: #e9e9e9;
}
.modalWindowText {
	text-align: center;
}
.arcticmodal-close {
	position: absolute; 
    right: 10px; 
    top: 5px; 
	font-size: 24px;
    cursor: pointer; 
}
.arcticmodal-close:hover { 
    color: #808080;
}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

.ramka {
    /*background-image: 
        url("/media/img/borderULeftTop.jpg")
      , url("/media/img/borderURightTop.jpg")
      , url("/media/img/borderURightBottom.jpg")
      , url("/media/img/borderULeftBottom.jpg")
      , url("/media/img/borderTop.jpg")
      , url("/media/img/borderRight.jpg")
      , url("/media/img/borderBottom.jpg")
      , url("/media/img/borderLeft.jpg")
      , url("/media/img/back.jpg");
    background-position: left top, right top, right bottom, left bottom, top, right top, bottom, left top, center top;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;*/
	border: none;
    padding: 12px;
	color: #c7cbac;
}
.ramka a {
	color: #c7cbac;
}
.ramkaMini {
    /*background-image: 
		url("/media/img/borderMiniLeft.gif")
      , url("/media/img/borderMiniRight.gif")
      , url("/media/img/borderMiniTop.gif")
      , url("/media/img/borderMiniBottom.gif")
      , url("/media/img/back2.jpg");
    background-position: left, right, top, bottom, center top;
    background-repeat: repeat-y, repeat-y, repeat-x, repeat-x, repeat;*/
    /*border: 2px solid #c7cbac;*/
	border: 1px solid #c7cbac;
    background-color: #00000077;
    padding: 4px;
    color: #c7cbac;
	/*font-family: 'Pangolin', cursive;*/
	/*font-family: 'Philosopher', arial;*/
    /*font-size: 14px;
    text-shadow: 4px 4px 4px #000;*/
}
.ramkaMini a {
	color: #c7cbac;
}

.container {
	background-image: url('/media/a/img/back.jpg');
	position: relative;
	/*width: 100%;
	height: 100%;*/
	min-width: 900px;
}

.content {
	width: 900px;
	margin: 0 auto;
	position: relative;
	/*font-family: Georgia, arial;*/
	/*font-family: 'Pangolin', cursive;*/
	font-family: 'Philosopher', arial;
	font-size: 18px;
	text-shadow: 4px 4px 4px #000;
}
.content input, textarea {
	font-family: 'Philosopher', arial;
	font-size: 18px;
	text-shadow: 4px 4px 4px #000;
}

p.logo {
	text-align: center;
    font-family: 'CheshirskiyCat', arial;
    font-size: 48px;
    text-shadow: 0px 0px 2px #000, 0px 0px 4px #000, 0px 0px 8px #000;
}
p.logo:hover {
	cursor: pointer;
}

.signin-form {
	text-align: center;
	/*height: 100vh;*/
    box-sizing: border-box;
}

.signin-form p {
	font-family: 'CheshirskiyCat', arial;
	font-size: 48px;
	text-shadow: 4px 4px 4px #000;
}
.signin-form input {
	height: 38px;
    width: 160px;
    margin: 4px;
    padding: 4px;
    box-sizing: border-box;
}
.signin-form input[type=button]:hover {
	cursor: pointer;
	color: #f5ffab;
	border-color: #f5ffab;
}

.signup-form {
	text-align: center;
    box-sizing: border-box;
}
.signup-form input {
	height: 38px;
    width: 160px;
    margin: 4px;
    padding: 4px;
    box-sizing: border-box;
	/*background-color: transparent;*/
}
.signup-form input[type=button]:hover {
	cursor: pointer;
	color: #f5ffab;
	border-color: #f5ffab;
}
.signup-form input[type=radio] {
	width: 20px;
	height: 20px;
}

.main_content {
	/*display: grid;
    grid-template-columns: 200px auto;*/
	position: relative;
}

.left_content {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: 200px;
	min-height: 100vh;
	padding: 10px;
	vertical-align: top;
}

.window {
	width: 180px;
	height: 269px;
	position: relative;
}

.menu a {
	text-decoration: none;
}
.menu a:hover {
	color: #f5ffab;
}

.right_content {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: 690px;
	min-height: 100vh;
	/*background-image: linear-gradient(to left, rgba(0,0,0,0) 620px, rgba(0,0,0,0.5) 100%), linear-gradient(to right, rgba(0,0,0,0) 620px, rgba(0,0,0,0.5) 100%);
	box-shadow: 0px 0px 10px 6px black;*/
}

.scroll_a_shelf {
	display: inline-block;
	text-decoration: none;
	border: 1px solid #c7cbac;
	border-radius: 4px;
	margin: 2px 8px;
	padding: 4px;
}