/*
-----------------------------------------------
Slideshow Pro NoFlash - Default theme
author: dan rubin
edited: 2010-03-25
url: http://themeauthor.url/themes/default/
----------------------------------------------- */


#ssp-noflash-container {
	background-color:#1c1c1c;
	border-color:#262626;
}

#nav-wrapper {
	background-color:#232323;
	/*
	The background-image is a transparent PNG with two white to transparent gradients;
	Pick the one which best contrasts with the nav bar's background color in your theme.
	
	Numbers in each file name correspond to the degree of opacity on the top and bottom gradients:
		
		bg-nav-714 = 7%, 14%
		bg-nav-1020 = 10%, 20%
		bg-nav-1428 = 14%, 28%
		bg-nav-1836 = 18%, 36%
	
	where the bottom gradient is twice the opacity of the top.
	*/
	background-image:url(images/bg-nav-714.png);
	border-color:#282828;
}


/* individual nav button styles */
li#button-gallery {
	/*
	This button image is 1px wider than the default,
	so we're altering its width to adjust.
	*/
	width:17px;
	background-image:url(images/button-gallery.png);
}
li#button-prev-group {
	background-image:url(images/button-prev-group.png);
}
li#button-prev {
	background-image:url(images/button-prev.png);
}
li#button-next {
	background-image:url(images/button-next.png);
}
li#button-next-group {
	background-image:url(images/button-next-group.png);
}
li#button-play-pause {
	background-image:url(images/button-play.png);
}
li#button-play-pause.playing {
	background-image:url(images/button-pause.png);
}

/* thumbnail and number navigation */
#thumbnail-wrapper,
#number-wrapper {
	background-color:#121212;
}


/* thumbnail images */
#thumbnails li span {
	border-color:#666;
}
#thumbnails li a:hover span,
#thumbnails li.current span {
	border-color:#eee;
}


/* no thumbnails (numbers only) */
#numbers li,
#numbers li a {
	color:#999;
}
#numbers li a:hover,
#numbers li.current {
	color:#fff;
}


/* gallery display */
#galleries li {
	color:#fff;
	background-color:#303030;
	border-color:#151515;
}
#galleries li:hover {
	background-color:#262626;
}
#galleries li img {
	border-color:#fff;
}
#galleries li p a {
	color:#fff;
}
#galleries li.disabled{
	background-color:#2f2f2f;
}

/* gallery navigation */
#gallery-nav {
	color:#fff;
}
#gallery-nav li {
	background-color:black;
}
#gallery-nav li a {
	color:#fff;
	background-color:#303030;
	border-color:#141414;
}
#gallery-nav li a:hover {
	background-color:#242424;
}


/* image display area (once video support is added, we'll add another wrapper specifically for videos) */
#image-wrapper a {
	color:#fff;
}