/*
Skin Name: Dynamic SlideDeck Dark
Skin URI: http://www.slidedeck.com/
Skin Type: dynamic
Description: Dark colored default skin for dynamic SlideDecks
Version: 1.0
Author: digital-telepathy
Author URI: http://www.dtelepathy.com/
Contributors: dtelepathy, dtrenkner, kynatro
Tags: black, dark, grayscale, dynamic, slidedeck
*/

div.slidedeck_frame.skin-dark {
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
.skin-dark dl.slidedeck {
	position: relative;
	z-index: 1;
	margin-top: 0;
	background: #000;
}
.skin-dark dl.slidedeck dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #333;
	background: #000;
	color: #fff;
	border: none;
}
.skin-dark dl.slidedeck dt{ 
	display: none; 
}
.skin-dark dl.slidedeck dd.slide .sd-node-container {
	position: relative;
    width: 100%;
	margin: 0;
    overflow: hidden;
    display: block;
}
.skin-dark a.sd-node-previous, .skin-dark a.sd-node-previous:link, .skin-dark a.sd-node-previous:visited,
.skin-dark a.sd-node-next, .skin-dark a.sd-node-next:link, .skin-dark a.sd-node-next:visited {
	position: absolute;
	z-index: 100;
	top: 160px;
	width: 26px;
	height: 0;
	padding-top: 26px;
	display: block;
	overflow: hidden;
	background-image: url('sprite.png');
}
.skin-dark a.sd-node-previous, .skin-dark a.sd-node-previous:link, .skin-dark a.sd-node-previous:visited {
	left: 12px;
	background-position: 0 0;
}
.skin-dark a.sd-node-previous:hover { background-position: 0 -26px; }
.skin-dark a.sd-node-previous.disabled, .skin-dark a.sd-node-previous.disabled:link, .skin-dark a.sd-node-previous.disabled:visited {
	background-position: 0 -52px;
}
.skin-dark a.sd-node-next, .skin-dark a.sd-node-next:link, .skin-dark a.sd-node-next:visited {
	right: 12px;
	background-position: -26px 0;
}
.skin-dark a.sd-node-next:hover { background-position: -26px -26px; }
.skin-dark a.sd-node-next.disabled, .skin-dark a.sd-node-next.disabled:link, .skin-dark a.sd-node-next.disabled:visited {
	background-position: -26px -52px;
}
.skin-dark a.sd-node-nav-link:active,
.skin-dark a.sd-node-nav-link:focus { outline: none; }

/* Post Titles Navigation */
.skin-dark ul.sd-node-navigation-type-post-titles {
	position: absolute;
	z-index: 100;
	top: 315px;
	/*fix the problem of the displaced buttons*/
	left: 1px;
	width: 100%;
	height: 55px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #000;
    text-indent: 0;
}
.skin-dark ul.sd-node-navigation-type-post-titles li:before { content: ""; }
.skin-dark ul.sd-node-navigation-type-post-titles li {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
.skin-dark ul.sd-node-navigation-type-post-titles li a.sd-node-nav-link,
.skin-dark ul.sd-node-navigation-type-post-titles li a.sd-node-nav-link:link,
.skin-dark ul.sd-node-navigation-type-post-titles li a.sd-node-nav-link:visited {
	position: relative;
    overflow: hidden;
	display: inline-block;
	padding: 8px 0 0;
	height: 47px;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-image: url('sprite.png');
	background-position: 50% -198px;
	background-repeat: repeat-x;
	background-color: #7A7A7A;
    text-decoration: none;
}
.skin-dark ul.sd-node-navigation-type-post-titles li a.sd-node-nav-link:hover {
	text-decoration: none;
	color: #FFF;
	background-position: 50% -88px;
}
.skin-dark ul.sd-node-navigation-type-post-titles.sd-node-total-3 li a.sd-node-nav-link { width: 33.33333333%; }
.skin-dark ul.sd-node-navigation-type-post-titles.sd-node-total-4 li a.sd-node-nav-link { width: 25%; }
.skin-dark ul.sd-node-navigation-type-post-titles.sd-node-total-5{
	
}
.skin-dark ul.sd-node-navigation-type-post-titles.sd-node-total-5 li a.sd-node-nav-link { 
	width: 20%;
}
.skin-dark ul.sd-node-navigation-type-post-titles li a.sd-node-nav-link.active,
.skin-dark ul.sd-node-navigation-type-post-titles li a.sd-node-nav-link.active:link,
.skin-dark ul.sd-node-navigation-type-post-titles li a.sd-node-nav-link.active:visited {
	color: #FFF;
	background-position: 50% -143px;
}
.skin-dark ul.sd-node-navigation-type-post-titles li a.sd-node-nav-link .sd-node-nav-link-label-title {
	position: relative;
	display: block;
	height: 39px;
	padding: 8px 8px 0;
	border-left: 1px solid #5a5a5a;
	border-right: 1px solid #000;
}
.skin-dark ul.sd-node-navigation-type-post-titles li a.sd-node-nav-link.active .sd-node-nav-link-label-title {
	border-right: none;
	border-left: none;
	padding: 8px 9px 0;
}
.skin-dark ul.sd-node-navigation-type-post-titles li a.sd-node-nav-link .sd-node-nav-link-label-date { display: none; }