/* DON'T EDIT! */
div.photoSlice * { padding: 0px; margin: 0px; }
div.photoSlice img { border: none; }
div.photoSlice div.clear {
	clear: both;
	overflow: hidden;
	height: 0px;
}
/* PHOTO BACKGROUND */
div#photoBackground {
	background: #000 no-repeat center center;
}
/* PHOTO BACKGROUND STAGE */
div#photoStage {
	background: #B8CB31;
	border: 6px solid #B8CB31;
}
div#photoStageReplica {
	background: #B8CB31;
}
/* PHOTO CLOSE BUTTON */
a#photoCloseButton {
	display: block;
	background: #B8CB31;
	height: 30px;
	font: 13px Trebuchet MS; 
	line-height: 30px; 
	text-align: center;
	color: #444;
	text-decoration: none;
	padding: 0px 12px;
	margin: 0px 0px 0px 0px;
}
a#photoCloseButton:hover {
	background: #FFFFFF;
	color: #492323;
}
/* PREV and NEXT BUTTONS */
div#photoControlPanel {
        border-top: 6px solid #B8CB31;
        height: 30px;
}
a#photoCPleftArrow {
	float: left;
}
a#photoCPrightArrow {
	float: right;
}
a#photoCPleftArrow, a#photoCPrightArrow {
    	display: block;
	width: 50px;
	height: 30px;
	font: 13px Verdana, Arial, Helvetica, sans-serif; 
	line-height: 30px; 
	text-align: center;
	color: #444;
	text-decoration: none;
	margin: 0px;
}
/* PREV and NEXT BUTTONS' HOVER */
a#photoCPleftArrow:hover, a#photoCPrightArrow:hover {
	background: #B8CB31;
	color: #492323;
	font: bold;
}
/* PHOTO CAPTION */
div#photoCaption {
	background: #492323;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-indent: 0px;
	color: #ffffff; 
	padding: 4px 0px; /* better not to set left or right padding because the caption width will get bigger than the image */
}