div.post-body div.image-tags {
	padding-top: 5px;
}

div.post-body div.image-tags li a:hover{
    color: #fff;
    background-color: #EA2A7A;
    text-decoration: none;
}

div.post-body div.image-tags li{
    display: inline;
    line-height:18px;
    padding:0 7px 0 0;
}

div.post-body div.other_cats{
    color: #777;
    font-size: 0.9em;
}


.on-image-note {	
}

.on-image-note:hover {
	color: #EA2A7A;
}

.on-image-note:hover a {
	color: #EA2A7A;
}

.on-viewport {
	position: relative;
	overflow: hidden;
        margin-top:35px;
	/*display: inline;*/
	
	
}

.on-canvas {
	position: absolute;
	overflow: visible;
	width: 100px;
	height: 100px;
	text-align: left;
}

div.post-body  div.on-viewport img {
	border:none;
	margin:0;
	padding:0;
}

.on-layer {
	position: absolute;
	overflow: visible;
}


.on-area {
	position: absolute;	
	top: -8px;
	left: -8px;	
	overflow: visible;
	
}

.on-area-selected  {	
	background: #ea2a7a;
}

.on-area-wrapper {	
	position: absolute;
	cursor: pointer;
	border: 0;
	overflow: visible;	
}

.on-area-bkg {
	width: 800px;
	height: 800px;
	background: yellow;
	position: absolute;
}

.on-area-wrapper  span {
	color: white;
	opacity: 1;
	padding: 0px 4px;
	font-size: 10px;
	background: black;
	position: absolute;
	z-index: 100;
	line-height: 13px;
	top: 1px;
	left: 1px;
	border: 1px solid white;
	
}

.on-area-selected span {
	background: #ea2a7a;
	color: #fff;
}

.span-selected {
	color: #ea2a7a;
}

.span-selected  a{
	color: #ea2a7a;
}

.on-note {
    background: white;
    border: 1px solid #EEEEEE;
    padding :4px;
    width: 300px;
    text-align: left;
    left: 24px;
}