* {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

body {
	font-family: Verdana, sans-serif;
	margin-left: 53%;
}

h1, h2 {
	font-size: 1.7em;
	font-family: Georgia, serif;
  font-style : italic;
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-left: -25px;
}

h2 {
	font-size: 1.3em;
}

a {
	text-decoration: none;
	border-bottom: 1px dotted #333;
	color: #000;
}

a:hover {
	border-bottom: 1px solid #333;
}

dt {
	margin-right: 10px;
  float: left;
}

address { font-style: normal; }

.photo {
	position: fixed;
	right: 55%;
	top: 30px;
}

.lang {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 20px;
	background: right center no-repeat;
}

#english {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAMAAABYzB2OAAACiFBMVEXCQVelByjCFjjBKkSsACTow8mhByLGLUzCIULBQVdKZJvJL0m3BybCIEDCKEtDW5bHDzDDDzPBc4BOW5xGXJPTtrvLOVc3SYrRtrrFKkbRTmTFLkxsir6Yj6rhwsaXjadSa6NribrX4OA3Uo7hmqXhv8zOt7yRiLNjgbu2Nk+sFC/L0+DKLk3Ikp3Ndo5Zd6jl7PTIK0xbaKbi7feHoMkjQoe9Q1ewOE65FjMpSoqtFjXHJkeWg5yAl77f1uPBpa9gebSjsNKvOU3TqrK2Hjm0iZ5hf6stR4a0qMexp8aHnbzYpbeHlLXFK0neusfhdYjx+fu1ASave5XQnaXRur9Mba5BY6ljh72qcYWqtsjdwtHn7+9VZaLEDC29mqbMnaZefLJRdLTAKUlVe7rP1tZ3jLDWj5/tvse+Cy9ki8PcnammDSurqsjDFjmgBiWgBSGxGjR2hrnTTWjLL0pNXJh5nMnAKkmpCSVWaKWptcbrtr/FyNXXucO1NEjhv8jKjZXLt7/aw9DOrbTHHDulAR/GQ1pdgr2/f5zLqLSxRVexDi/FaXmGkrg9XaPHnqbUW2/XrrVmdaE+X5zDkJu8I0GzKkHbu8CeXnfTr7XYvsp5jruzmLXRsr/FHUBed7ONosjD0tWHqtTcU2vNxM3CKkWzGjXrtLuuASJKZZjmys756u23rMnnxM4/Vo5jgLSNmLnPanzFJkO5W202UZOfAx7Xu8XDsrq7L0zfrre4uMTJ1Ns7TYquxdLozNagBifYU2qIfaXywcukBCXzv8fLcYvIkaa9f5ORm7rQqa7ducDEc4B4grPKPFTLXnJfb6BAZqartdPec4bCMlOqlanJ0OK7PVSiCSbBprNBwBkmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1wECACwel7gxwQAAAO9JREFUCNcB5AAb/wBPqjOaD60jx8yDq1VAniHTQsoAh6LDW2VHNa8LXUhWYTTGlX+6AGMnLrAYeQqMcxBJaZvNi7ZKIAAohnVFN1MiK00RPkuPkKBGkq4AWr2ZgI4tlgUIbcF6yVQ/17WBAA4slGu+AQRRaJ0xdjpuwooN0gBiGaUGtISnDAI7A3DWb3c4sbcAJX6IXoJDamcWB7iYk198TqycAHFgL7wVAGYwchujZMjVxaFXzgAyPbkSNlIcQb+kHahZqdHEwBQA1B59skzPjdAaRB85s59QpgmXACQpWJEXE3hshSo8u3Rcy3smiWshWrVlw/UeAAAAAElFTkSuQmCC)
}

#russian {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAMAAABYzB2OAAACE1BMVEX9/f3+/v7U1NTj4+P8/PzV1dXv7+9IY5/GK0rp6enc3NzEKUa5ID/a2trb29utFDP29vbz8/PW1ta/JkXGKknCHD6jCSkyTYwxTImtACGiAiCvLUShAyGgAyOqDivGIkO/L0w8XKHf39/k5OQ6VZQ7V5Y5VpTs7OxLZKHe3t7EGTna2da5Byi0Ciz7+/tNaKe0ETKhByYzUJBadLE0UIxgebNYaqk2UY29GTi9HD03U48zUJOsDC1XaaWxGTdDVI81VJitCCemDCtZaKbDK0lSaqP09PRWd6lKXaDKNky8ETNJaKv6+vpZd6tcbaZZc7BZcau9NU5hcqw5S4dGWJZbeapAWpU/UpVFXZadGTFcdrOlDStPaqylAiPJKUfHKkk5SoU2VJqwGTWgCyoyTYvX19czTYnCIkL9/P2tCyxNZ6OiAyP5+fng4OCyFzTw8O2jBySgBSS/JEHl5eXJP0+uAyVcbao6TIytGTju7u5WZqA9VpJSbKjm5uZWcq/GLEujBSSkFyc4Uo6nAyS3Hj1AWJEyT4zJK0lYdLBPa6xVaps5UYvY2NjLKUemAiFCX6PZ2dlWc7K8Gzxla6b39/c6S4azJTxgeLGlBSVYc6+aDCaRGiu+OlI4UYtgcaw7TYk9WZw/XqPy8vKsGyw6U4/4+PijCiigBiVJWpOoHi66MkJHZKP//v5aaabe3tvp6OX////N7Q5VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1wECACocL+z3awAAAO1JREFUCNdj2LCBQVCJiZeZbSnDhg0sbFxM2gxrgDQvE1ftohzGDYxTilNZ1wGlfDiFhDQ53fQYN7BU8jHxrWfIYBRgZp2Qqy7AADSBmbVHOZ9hrWlARPcSlQX9MVHTXVvnVmuEMjj7ZzVJiFsnLuw0rglLS1HV92Uo62A3bzNyUPSeOJPdykRtdZ07w2S/FVODy8M9zIKq7BPmh9jO62JoL5KT6ZPU0erlziuQcrSI405i4GhZJhtb6iXPweNUOMMgvZ4nmsHFzjC7WVc0Xph/eUOmpYgw/ywGhYpkMZtJniWrVjYunhY4RzpyNgCMUkPfHYyt4wAAAABJRU5ErkJggg==)
}

ul {
  list-style: none;
}

ul#xfn li {
  display: inline;
  margin: 0 1em 0 0;
}

ul#xfn li:nth-child(2n) {
  opacity: .7;
}

@media print { 
  body { margin-left: 50px; }
  h1 { margin-top: 0; }
  .photo { position: static; display: block; width: 2.33in; }
  .lang { display: none; }
  a { border: 0; }
  a[href^=http]:after { content: ': ' attr(href); }
  #tools a:after { content: ': http://arty.name/' attr(href); }
  ul#xfn li { display: block; opacity: 1 !important; }
}

@media (max-height: 620px) { .photo { top: 0px; } }

@media (max-width: 600px) { 
  body { margin-left: 0px; }
  h1, h2 { margin: .2em 0px; padding: 0; }
  .photo { position: static; display: block; width: 500px; }
}

@media (max-width: 500px) { .photo { width: 400px; } }
@media (max-width: 400px) { .photo { width: 300px; } }
@media (max-width: 300px) { .photo { width: 250px; } }
@media (max-width: 250px) { .photo { width: 200px; } }
@media (max-width: 200px) { .photo { width: 150px; } }
@media (max-width: 150px) { .photo { width: 100px; } }