a.buy span {display: inline-block; background: red; padding: 0.5em; color: white; }
a.buy  {display: block; text-decoration: none; color: black;}

div.zoe-banner {position: absolute; left: 710px; top: -5px; width: 300px; height: 130px;}
div.zoe-banner a.img {position: absolute; display: block; border: none; top: 0; right: 0; }
div.zoe-banner a.buy {position: absolute; top: 53px; right: 135px;} 

a.buy span:hover {text-decoration: underline}
a.buy:hover {text-decoration: underline}

body, html {margin: 0; padding: 0;  font-family: Georgia, serif;background: #131313; }
	
	.centercol {width: 720px; margin: 1em auto;}

	.collection p a {display: inline-block; text-align: center}

	.left {float: left;}
	.right {float: right;}
	.clear {clear: both}
	
	h1, h2, h3 {font-weight: normal;}
	h1 + h2 {margin-top: -0.75em; padding: 0;}
	
	body.events h2 {font-size: 1.2em}
	h1 {margin-bottom: 20px;}
	h3 {margin: 0; padding: 0; clear: both; margin-bottom: 10px;}
	
	h3 + p {margin-top: 0.5em;}
	p + h3 {margin-top: 1.5em;}
	.event.compact {margin-top: 1em}
	
	
	#top {color: #fff; ; }
	#top p {margin: 0; padding: 0; font-size: 1em; margin-top: 1em;} 
	#top h1 {font-weight: normal; margin: 0; padding: 0; font-size: 1em; margin-top: 1em; }

	#top h1 > span { display: block; color: #666;  margin: 0; padding: 0;}

	#top h1 a {display: block; font-size: 4em; color: #fff;  margin: 0; padding: 0; margin-left: -0.72em; letter-spacing: -0.00em; margin-top: -0.2em; width: auto; text-decoration: underline; }
	
	//#top h1 a:hover span {display: none}

	#top h1 a:hover span::before {letter-spacing: -0.35em; opacity: 0}
	#top h1 a:hover {}
	#top h1 a span {  letter-spacing: 0.02em}
	#top h1 a span::before {content: "·";  text-decoration: none; 
    transition: all 0.5s ease-in-out;}
	
	#top {background: #131313;}
	#top > .content {width: auto; margin-left: 250px;}
	
	
	
	
	#middle {overflow-x: hidden; width: 100%}
	
	.page-middle-block {background: #fff; padding: 1px 0 20px; overflow-x: hidden}
	
	.current > a {color: red; text-decoration: none;}
	
	.menu {list-style-type: none; margin: 0; padding: 0}
	.menu li {list-style-type: none; margin: 0; padding: 0}
	
	.main.menu {margin-top: 1em;}
	.main.menu li a {color: #fff;}
	
	.main.menu li.current a {color: black; text-decoration: none;;}
	.main.menu li.parent a {color: black;}
	.main.menu li {display: inline-block; margin-right: 1em; font-size: 1em; padding: 0.3em 0.5em; padding-bottom: 0.5em;}
	
	.main.menu li.parent { background: #fff;}
	.main.menu li.current { background: #fff;}
	
	.main.menu > li {margin-left: -0.5em;}
	
	
	.submenu {margin: 2em 0 0 20px; padding: 0; list-style-type: none; position: relative; z-index: 10000;}
	.submenu li {margin: 0; padding: 0;}
	
	.submenu li ul {margin: 0 0 0 20px;; padding: 0; list-style-type: none;}
	
	
	
	
	
	
	
	
	#footer {background: #131313; color: #fff; clear: both} 
	#footer a { color: #fff;}
	
	#footer  > .content {width: 720px; margin-left: 250px; padding: 0.5em 0;}
	.page-middle-block  > .content {width: 720px; margin-left: 250px;}
	
	.collection-body 	.page-middle-block  > .content {width: auto; margin: 0 0px;}
	//.collection-item-body 	.page-middle-block  > .content {width: auto; margin: 0 0px;  margin-left: 250px;}
	
	.copyright {color: #666}
	#footer .copyright a {color: #ccc}
	
	.nearestfuture {color: #999;}
	.farfuture {color: #ccc;}
	
	
	
	
	
	
	
	
	
	
	
	.sortable > * {display: inline-block;}
	
	
	
	
	
	.gallery { padding: 20px 0; background: #fff;}
	
	.gallery p.author {color: #ccc}
	.gallery p.author a {color: #ccc}
	
	.imagestripe { width: 100%; overflow:hidden; background: #666; text-align: center}

	.edit.gallery .imagestripe { width: auto; overflow: auto; background: #666; text-align:left}

	
	.imagestripe .images {padding: 10px 5px 10px 5px; white-space: nowrap;}
	
	.edit.gallery .imagestripe .images {padding: 10px 5px 10px 5px; white-space: normal;}
	
	.imagestripe a {padding: 0 5px; display: inline-block;}
	.imagestripe a img {vertical-align: bottom; height: 120px}
	
	.imageblock { margin-top: 10px;}
	.imageblock .comment  > p { margin-top: 0;}
	
	.imageblock  .comment {float: left; width: 210px; min-height: 100px;margin-left: 20px; margin-right: 20px; font-size: smaller}
	
	#trace {background: #fff;}
	
	
	
	
	.img {display: inline;}
		.edit.gallery  .img {display: inline-block;}
	.img .comment {display: none;}
	
	
	
	
	
	//.collection-item.tagged {opacity: #}
	
	.collection-item a:hover {color: #1835c8}
	.collection-item a {color: #48507d}
	
	
	
	
	.collection-item {width: 240px; float: left; min-height: 320px; text-align: center; position: relative; border: 0px #ccc solid;}
	.collection-item a.item-link {}
	.collection-item img {display: block; max-width: 200px; max-height: 200px; margin-left: auto; margin-right: auto}
	.collection-item span.title {display: block; text-align: center; position: absolute; top: 240px; width: 200px; left: 20px; text-decoration: underline; }
	
	
	body.collection .page-middle-block  > .content {width: auto; margin-left: 25px;}
	
	
	//.collection-item span.title {display: none;}
	//.collection-item {min-height: 280px;}
	
	
	
	
	
	
	
	p.langblock {}
	p.langblock a {color: white; display: block}
	
	#top p.langblock {float: right; margin-right: 50px;}
	
body.ru p.langblock a.ru {color: #666}
body.en p.langblock a.en {color: #666}
body.it p.langblock a.it {color: #666;}
	
	
	
	.one-more-holder { width: auto; background: none; border: 1px solid green;  z-index: 100; position: absolute;  border: none;}
	
	.main-item-image-holder {width: 720px;  border: 1px solid blue; position: relative; z-index: 0;   border: none;}
	
	.main-item-image {display: block; border: 1px solid red; opacity: 1;   border: none;}
	
	.all-items-link {display: block; text-align: center; width: 720px; margin-left: 0; padding: 0 260px}
	
	.prev-next-item {vertical-align: middle; line-height: 30px; z-index: 5000; line-height: 30px; position: relative; vertical-align: middle;}
	.prev-next-item a {vertical-align: middle; line-height: 30px;}
	.prev-next-item img {vertical-align: middle; line-height: 30px;}
	
	
	
	
	.content-before-item-image {z-index: 10; position: relative}
	.content-after-item-image {z-index: 10; position: relative}
	
	
	
	a.prev-item-link {margin-left: -100px; padding-left: 100px; width: 280px; display: block; float: left;}
	a.next-item-link {margin-right: -100px; padding-right: 100px; width: 280px; display: block; float: right; text-align: right;}
	
	a.prev-item-link span {border: 0px red solid; float:left; margin-left: -100px; left:-100px; width:100px; text-align: right;}
	
	a.next-item-link span {border: 0px red solid; float:right; margin-right: -100px; right: 0; top: 0; width:100px; text-align: left; position: absolute;}
	
	a.prev-item-link img {max-width: 70px;}
	
	
	.linked-items-header {margin-top: 2.5em;}
	
	
	
	a.tag-link:hover {color: #1835c8; }
	a.tag-link {color: #48507d; margin-right: 0.3em}
	
		
	a.tag-link.selected {color: #DD1B1B;}
	
	
	
	.collection-body h1 { margin-left: 250px;}
	
	
	p.assign-tags { margin-left: 250px;}	
	
	
	.donate-block {border: 1px solid #ccc; border-left: none; border-right: none; padding: 1em 0;}	
	
	.paypal-donation-block {margin:0; padding: 0; display: inline-block; position: relative; top: -4px;}
	.yandex-donation-block {margin:0; padding: 0; display: inline-block;  position: relative; left: -4px; margin-right: -8px; }
	
	.donate-block  div.buttons {border: 1px red none}
	
	.donate-block  div.buttons, .donate-block  div.buttons span {line-height: 28px; height: 28px; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 13px}
	
	
	
	
	
	
	div.event,
	div.inmedia,
	div.attraction,
	div.workshop {width: 740px; margin-right: 20px;}
	
	div.event h3 {margin: 0; padding: 0; margin-left: -80px; float: left; font-size: 30px; clear: both;}
	
	
/*
	.fancy-item .pic-block {width: 350px; height: 263px; overflow: hidden;  border: 1px solid #ccc; overflow: hidden}
	.fancy-item img {height: 265px; display: block; margin: 0 auto; }
*/	
	
	
	.fancy-item  .pic-block-content img {height: 263px; display: block; position: relative; left:-50%;}
	.fancy-item  .pic-block {width: 350px; height: 263px; margin: 0 auto; border: 1px solid #ccc; overflow: hidden;}
	.fancy-item  .pic-block-content {display: inline-block; position: relative; right: -50%;}
	.fancy-item  .pic-block-wrapper {overflow-x: hidden;}
	
	
	
	.compact .fancy-item .pic-block {width: 136px; height: 100px; position: absolute; left: -146px;}
	.compact .fancy-item {position: relative; margin-left: 146px; height: 100px; margin-bottom: 20px; float: none; overflow: visible}
	.compact .fancy-item span.title {padding-top: 0;}
	.compact .fancy-item img {height: 102px;}
	

	.compact-block {padding-bottom: 40px;}
	.compact-block:after {	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
	
	.compact-block .fancy-item .pic-block {width: 136px; height: 100px; position: relative;}
	.compact-block .fancy-item {position: relative; width: 130px;  height: 140px; margin-bottom: 20px; margin-right: 16px; float: left; overflow: visible; }
	.compact-block .fancy-item span.title {padding-top: 0; font-size: 80%}
	.compact-block .fancy-item img {height: 102px;}

	
	
	.fancy-item span.title {font-size: 18px; line-height: 20px; padding-top: 8px; text-decoration: underline; color: #48507d;}
	.fancy-item span.subtitle {line-height: 20px; margin-top: 0; color: #666; font-size: 14px;}
	
	
	.fancy-item {width: 352px; float: left; height: 400px; margin-right: 18px;}
	.fancy-item a {text-decoration: none;}
	
	.fancy-item a:hover span.title {color: #1835c8}
	
	.fancy-item a, .fancy-item img, .fancy-item span {display: block;}
	.fancy-item .date {padding: 0; margin: 0; color: #aaa; font-size: 13px; line-height: 20px;  font-style: italic; }
	
	
	
	
	
	
	ul.person.compact-block {width: 760px; margin-right: -42px; padding-bottom: 10px;}
	ul.person.compact-block li {float: left; width: 260px;}
	ul.person.compact-block li a span.title { font-size: 13px; font-style: italic;  width: 200px; display: block;}
	
	
	ul.person li {position: relative; height: 80px; width: 240px; list-style-type: none;}
	
	
	ul.person li span.circle {display: block;  position: absolute; left: -60px; top: -5px; width: 50px; height: 50px; overflow: hidden;}
	
	
	
	ul.person li a {color: black; text-decoration: none;}
	
	ul.person li a span.name {text-decoration: underline; }
	ul.person li a span.title { font-size: 13px; font-style: italic;}
	
	ul.person li span.circle img {display: block; height: 50px; position: absolute; left: 0; top: 0;}
	
	
	
	
	
	
	
	body.main .main-page-block, body.people .main-page-block {display: block}
	
	h3.check {position: relative;  cursor: pointer; cursor: hand;}
	
	h3.check::before {content: "☐"; font-size: 48px; width: 60px; position: absolute; left: -50px; top: -20px; font-weight: normal}
	
	
	h3.check:hover::before {content: "☑"; color: #dd0000}
	
	h3.check.checked::before {content: "☑";}
	
	
	
	a.gotomain {position: absolute; left: 220px; margin-top: 1em; padding-top: 1px;  color: #fff; border-bottom: 1px solid #fff;text-decoration: none; display: none}
	a.gotomain span {position: relative; }
	
	
	
	
	
	 
	
 	
/*
	body.events .collection_test img,
	
	body.events .workshop img,
	body.events .attraction img  {height: 30px;}
*/	
	
	
	
	s
	.transcript span.speaker {font-style: italic; }
	.transcript span.speaker.team {font-style: italic; font-weight: bold }
	.transcript .time {color: #ccc;}
	
	
	.all-collection.main {border: 1px solid #ccc; margin-lefT: -240px; margin-right: -280px; border: none; margin-bottom: 50px;}
	
	body.main div.events {margin-left: -145px; width: 520px;}
	body.main  inmedia {width: 360px;}
	
	body.main .two-cols {width: 1200px;}
	body.main .two-cols .left-col,
	body.main .two-cols .right-col {float: left;}
	body.main .two-cols:after {clear: both;}
	
	body.main .two-cols .right-col h3 {margin-left: 145px}
	
	
	
	.attractions-workshops .compact-block:after {clear: none; display: none;}
	
	.attractions-workshops {width: 740px; margin-right: -20px; padding-bottom: 200px;}
	
	.attractions-workshops div.attraction,
	.attractions-workshops div.workshop {display: inline; clear: none; margin-right: 0}
	
	
	
	
	
	
	
	.just-picture {margin: 0 0 50px;}
	.just-picture img {display: block; margin: -1px; border: 1px solid #ccc;}
	.just-picture p.source {display: block; margin: 6px 0 0; padding: 0; color: #ccc; font-size: 14px;  line-height: 20px; text-align: right}
	.just-picture .comment p {display: block; margin: 0; padding: 0; font-size: 14px; line-height: 20px;}
	.just-picture .comment p+p { margin: 1em 0 0 0;}
	
	.just-picture p.source a {color: #ccc}
	.just-picture p.source a:hover {color: #bbd}