#lynch_container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 2.5em auto 1.5em auto;
	overflow: visible;
	clear: left;
}

#canvas_container {
	width: 100%;
	max-width: 1200px;
	height: 100%;
	cursor: default;
	background-image: none;
	background-position: center;
	background-repeat: no-repeat;
}

#controls_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	cursor: default;
}

#controls_container div {
	position: absolute;
	float: left;
	clear: both;
	overflow: visible;
	background-color: #F7F4DD;
	margin: 4px;
}

#controls_container div.a {
	background-color: #F7EEB0;
}

#controls_container div.d {
	background-color: #CC0000;
}

#controls_container div.d textarea {
	color: #FFFFFF !important;
}

#controls_container div.d .resizer {
	display: none !important;
}

#controls_container div:hover img {
	display: block;
}

#controls_container textarea, #controls_container em {
	display: block;
	overflow: hidden;
	background-color: transparent;
	cursor: default;
	z-index: 1;
	color: #000;
}

#controls_container textarea:focus {
	outline: none;
	cursor: text;
}

#controls_container img {
	display: none;
	position: absolute;
	float: left;
	z-index: 2;
	clear: both;
}

#controls_container .eraser {
	width: 8px;
	height: 8px;
	top: 0;
	right: 0;
	cursor: pointer;
	margin-bottom: 4px;
	z-index: 2;
}

#controls_container .resizer {
	bottom: 0;
	right: 0;
	cursor: nw-resize;
	z-index: 1;
}

#lynchelka-fake-textarea-container {
	position: absolute;
	top: -2000px;
	left: 0px;
}

#lynchelka-fake-textarea {
	white-space: pre;
	background-color: #F7F4DD;
}



/* Lynch display */
#lynch {
	padding: 0;
	width: 100%;
	max-width: 1200px;
	position: relative;
	overflow: hidden;
	margin: 1.5em auto 1em auto;
}

#picture {
	position: relative;
	top: 0;
	padding-left: 50%;
}

#picture img {
	/*margin: auto;*/
}

#lynch .comments {
	background-repeat: no-repeat;
	background-position: top center;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 10;
}

#lynch .w1000 {
	width: 1000px;
	margin-left: -500px;
}

#lynch .w1200 {
	width: 1200px;
	margin-left: -600px;
}

#lynch .comments div {
	position: absolute;
	float: left;
	clear: both;
	color: #000;
}

#lynch .comments div p {
	margin: 1px 4px;
}

#lynch-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../img/spinner3.gif') center center no-repeat #000;
}

#lynchers {
	margin-top: 3.5em;
}

#controls_container textarea, #controls_container em, #lynchelka-fake-textarea, #lynch .comments div p {
	font-style: normal;
	font-size: 12px;
	line-height: 16px !important;
	font-family: Arial, Helvetica, sans-serif;
	margin: 4px;
	padding: 0;
	border: none;
}

#controls_container textarea {
	white-space: nowrap;
}

#lynchelka-fake-textarea {
	margin: 0;
	padding: 4px 0;
}

.lynch-info {
	border: 1px #DDD solid;
	padding: 1em;
	overflow: hidden;
}

.lynch-info .rating {
	padding-bottom: 0;
}

.lynch-info ol {
	margin: 0;
	margin-bottom: -0.5em;
	width: auto;
}

.lynch-info ol li {
	margin-bottom: 0.5em;
}

.lynch-info .lynchstarter {
	float: right;
	position: relative;
	top: 0;
}

.lynch-info dl.lynchstarter {
	color: #333;
	height: 2.5em;
	padding-right: 1em;
	text-align: right;
	line-height: 1.6em;
}

.lynch-info .lyncher {
	float: left;
	position: relative;
	top: 0;
}

.lynch-info dl.lyncher {
	color: #333;
	height: 2.5em;
	padding-left: 1em;
	text-align: left;
	line-height: 1.6em;
}

.lynch-info .nolynch {
	float: left;
	height: 1.5em;
	padding: 1em;
	color: #333;
	margin: 0;
}