#img_title {
	width: 100%;
	background: -webkit-linear-gradient(top, #444, #222);
	font-size: 32px;
	color: #EEE;
	text-align: center;
	padding: 12px 0;
	box-shadow: 0px 1px 12px #000;
	text-shadow: 0 0 4px #FFF;
}

.wrapper {
	text-align: center;
	background: -webkit-linear-gradient(top, #222, #000);
	box-shadow: 0px 1px 12px #000;
	padding-bottom: 15px;
}

.ctrl_wrapper {
	position: relative;
	width: 1100px;
	display: inline-block;
}

.th_img {
	position: absolute;
	width: 125px;
	height: 125px;
	border: 1px solid #333;
	bottom: 120px;
	box-shadow: 0 0 12px #000;
	cursor: pointer;
}

.th_prev {
	left: 15px;
}

.th_next {
	right: 15px;
}

#img_wrapper {
	display: inline-block;
}

.image, #canvas {
	margin: 15px 0;
	width: 720px;
	height: 405px;
	border: 1px solid #333;
	box-shadow: 0 0 12px #000;
	background-color: #FFF;
	display: block;
}

img {
	width: 100%;
	height: 100%;
}

#btn_like {
	float: left;
}

#btn_rep, #btn_cancel_rep {
	float: right;
}

#lb_likes {
	position: relative;
	top: 4px;
}

.btn {
	background-color: #222;
	padding: 3px 5px;
	border: 1px solid #444;
	border-radius: 3px;
	color: #EEE;
	cursor: pointer;
}

.btn:not(.disabled):hover {
	background-color: #444;
	color:# FFF;
	border-color: #777;
}

.btn.disabled {
	color: #444;
}

#rep_wrapper {
	display: none;
	position: relative;
}

#pen {
	width: 25px;
	height: 25px;
	background: url(/style/pencil.png);
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}