body {
	font-family: "courier_prime_code";
	font-size: 15px;
	margin: 0px;
	letter-spacing: 0.06em;
	line-height: 1.5em;
	text-align: center;
	overflow-y: scroll;
}

html, body {
	height: 100%;
	min-height: 100%;
	vertical-align: middle;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	cursor: url("/images/cursor.png") 6 1, pointer;
}

a.selected {
	text-decoration: underline;
}

p {
	margin: 0px;
}

.content_part {
	display: inline-block;
}

.text_block {
	display: inline-block;
	width: 380px;
	margin-left: 10px;
	margin-right: 10px;
}

.big_image {
	display: inline-block;
	min-width: 380px;
	max-width: 600px;
	margin-left: 10px;
	margin-right: 10px;
}

.big_image img {
	width: 100%;
	height: auto;
}

/*#### menu ####*/

#menu {
	width: 400px;
}

.menu_part {
	float: left;
}

#top_divider {
	width: 10px;
}

#top_center {
	width:120px;
}

#menu_container {
	width: 130px;
	margin-top: 26px;
}

.menu_text {
	display: inline-block;
	padding: 5px;
}

#main {
	
}



.selected {
	margin: 5px;
	border-bottom: solid 1px #ccc;
}

.unselected {
	margin: 5px;
	border-bottom: solid 1px #000;
}

.drawing_thumb {
	display: inline-block;
	width: 150px;
	height: 150px;
	/*mix-blend-mode: multiply;*/
}

.drawing_thumb img, .text_block img {
	max-width: 100%;
	max-height: 100%;
}

@font-face {
	font-family: "courier_prime_code";
	src: url("/css/fonts/courier_prime_code.ttf");
}

.table_square {
	border: solid 1px #000;
	padding: 5px;
	margin: 1px;
	display: inline-block;
	min-width: 30px;
}