/* DON'T EDIT! */
div.photoSlice * { padding: 0px; margin: 0px; }
div.photoSlice img { border: none; }
div.photoSlice div.clear {
	clear: both;
	overflow: hidden;
}
/* PHOTO BACKGROUND */
div#photoBackground {
	background: #000;
}
/* PHOTO BACKGROUND STAGE */
div#photoStage {
	background: #FFF;
}
div#photoBigContainer {
        border: 6px solid #FFF;
}
/* PREV and NEXT BUTTONS */
div#photoControlPanel {
        background: #FFF;
        border-top: 6px solid #FFF;
}
a#photoCPleftArrow {
	float: left;
}
a#photoCPrightArrow {
	float: right;
}
a#photoCPleftArrow, a#photoCPrightArrow {
    	display: block;
	width: 50px;
	height: 30px;
	font: 13px Trebuchet MS; 
	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: #EAEAEA;
}
/* PHOTO CAPTION */
div#photoCaption {
	/* this makes the caption to lay over the photo, by removing this it will lay right over the photo */
        float: left;
        position: absolute;
        z-index: 102;
        
	background: #FFF;
	font: 13px Trebuchet MS;
	text-align: center;
	text-indent: 0px;
	color: #000; 
	padding: 4px 0px; /* better not to set left or right padding because the caption width will get bigger than the image */
	
	/* optional - transparancy */
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-khtml-opacity: 0.6;
}