body {
	background-color: ${backgroundColor};
	color: ${textColor};
}

a:link,
a:visited {
	color: ${linkColor};
}

a:active,
a:hover {
	color: ${activeLinkColor};
}
	
#folders_container,
#bottom_container,
#top_container {
	border-width: <%= showDividers ? "1" : "0"; %>px;	
}
	
#right_arrow,
#left_arrow,
#right_fast_arrow,
#left_fast_arrow {
	height: ${arrowHeight}px;
	width: ${arrowWidth}px;
}

#right_fast_arrow,
#left_fast_arrow {
	margin: 0 ${arrowMargin}px;
}

#bottom_container {
	margin-top: ${bottomMargin}px;
}
	
#main_image .loader,
#main_image img {
	border: ${mainImageBorderType} ${mainImageBorderSize}px ${mainImageBorderColor};
}
	
#extras {
	border: ${mainImageBorderType} ${extrasBorderSize}px ${mainImageBorderColor};
	margin: ${extrasMargin}px auto;		
	padding: ${extrasPadding}px;
}

#extras ul li {
	border-left-color: ${textColor};
}

#bottom_container {
	border-top-color: ${dividerColor};	
}

#folders_container,
#top_container {
	border-bottom-color: ${dividerColor};
}

.description {
	color: ${descriptionColor};
}

.caption {
	color: ${captionColor};
}

.thumbnails li {
	margin: 0 ${thumbnailMargin}px ${thumbnailMargin}px 0;	
	border: ${thumbnailBorderType} ${thumbnailBorderSize}px ${thumbnailBorderColor};
	background-color: ${backgroundColor};
}

.thumbnails li.active {
  border: ${selectedThumbnailBorderType} ${selectedThumbnailBorderSize}px ${selectedThumbnailBorderColor};
}

.folders li a {
	background-color: ${backgroundColor};
	border-style: ${folderIconBorderType};
	border-width: ${folderIconBorderSize}px;
	border-color: ${folderIconBorderColor};
	margin-right: ${folderMargin}px;				
	height: ${maxThumbHeight}px; 
	width: ${maxThumbWidth}px;
}

#slideshow {
	font-size:0.8em;	
}
