/* reduce the "minimum height" stick */
div#contentShimStick{
	height:10px;
}

/* -------- head ---------------*/
div#photoGalleryHead{
	position:relative;
	height:137px;
	margin:0 0 0 14px;
	padding:0 0 0 1em;
	background:url(../images/cartoonville/photo-gallery-bg4.gif) left top no-repeat;
}
div#photoGalleryHead h2{
	line-height:1;
	color:#da3e0f;
	padding:0;
	margin:0;
}

a#moreGalleries,
a#previousPhoto,
a#nextPhoto{
	position:absolute;
	top:65px;
	display:block;
	width:90px;
	height:70px;
	text-indent:-5000px;
	outline:none;
	overflow:hidden;
}
a#previousPhoto{
	left:75px;
}
a#nextPhoto{
	left:306px;
}
a#moreGalleries{
	height:123px;
	top:10px;
	right:105px;
}
a#galleryHelp{
	display:none;
}

/* -------- wrap main photo and thumbs ---------------*/
div#thePhotoGallery{
	_border-right:1px solid #fff;/* IE 6 */
}

/* -------- paging and thumbnail-gallery ---------------*/
div#morePhotosWrap{
	color:#301B06;
	background:#b29774;
	padding:5px;
	text-align:center;
	border-top:1px solid #200f03;
	border-bottom:1px solid #624738;
	_position:relative; /* IE6 bug */
	_height:120px;
}
/* thumbnail table */
div#morePhotosWrap table{
	margin:0;
}
td.thumb{ 
	font-size:12px;
	padding:4px 0;
	width:115px;
	text-align:center; 
}
td.thumb a img{
	margin:0 auto;
	border:2px solid #624738; 
}
td.thumb a:hover img{
	border-color:#ce4c24; 
}


td.thumb.selected{
	color:#fff;
	background:#624738;
}
td.thumb.selected a img,
td.thumb.selected a:hover img{
	border-color:#fff;
}


/* -------- the photo lives here ---------------*/
div#photoBox{
	background:#624738;
	padding:0 2em 2em;
}
a#bigPhotoLink img{
	display:block;
	margin:0 auto;
}
img#thePhoto{ 
	border: 5px solid #4f3528;
	background:#eee9d4 url(../images/photos/loading-image.gif) center center no-repeat;
}
/* fonts */
div#photoInfo{
	padding:0 80px;
	color: #eee9d4;
	font-size:12px;
	line-height:1.4;
}
/* infor about photo */
p#photoTitle{ 
	font-size:16px;
}

/* -------- the gallery sidebar ---------------*/
/* unlike the others we'll do a text replace here */
div.sideBox.morePhotos,
div.sideBox.morePhotos h4,
div.sideBox.morePhotos div.subSideBox{
	background-image:url(../images/cartoonville/sidebar-coffee-more-photos.jpg);
}
div#morePhotos h4{
	margin:0;
	padding:0;
	text-align:left;
	text-indent:-5000px;
	height:70px;
}
div.sideBox.morePhotos div.subSideBox{
	padding-bottom:35px;
}
div#morePhotos li.last{
	padding-right:50px;
	padding-bottom:15px;
}

/* -------- slider windows ---------------*/
div#sliderWindow{
	position:relative;
	width:575px;
	height:110px;
	overflow:hidden;
	margin-left:8px;
	/*
	margin:0 auto;
	*/
}
div#sliderContent{
	position:relative;
	top:0;
	left:0;
	height:100px;
	text-align:left;
}

/* buttons controlling the Slider */
a#scrollLeftBtn,
a#scrollRightBtn{
	display:block;
	width:25px;
	height:100px;
	padding:0;
	margin:0;
	cursor:pointer;
	background:#B29774 url(../images/cartoonville/slider-arrows.gif) 0 center no-repeat;
	outline:none;
	text-indent:-5000px;
}
a#scrollLeftBtn{float:left;}
a#scrollRightBtn{float:right;}

a#scrollLeftBtn{background-position:0 center;}
a#scrollLeftBtn:hover{background-position:-50px center;}
a#scrollRightBtn{background-position:-25px center;}
a#scrollRightBtn:hover{background-position:-75px center;}

