/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Widgetkit Slideshow: scroll Style
 */


/* Navigation
----------------------------------------------------------------------------------------------------*/

	.wk-slideshow-scroll .nav {
		position: absolute;
		z-index: 10;
		top: -45px;
		right: 0;
		text-align: center
	}

	.wk-slideshow-scroll ul.slides{
		overflow: hidden;
		margin-top: 15px
	}

	.wk-slideshow-scroll .nav li {
		display: inline-block;
		margin-left: 5px;
	}
	.wk-slideshow-scroll .nav li:first-child { margin-left: 0; }

	.wk-slideshow-scroll .nav span {
		width: 12px;
		height: 12px;
		opacity: .8;
		-webkit-border-radius: 7px;
		   -moz-border-radius: 7px;
		        border-radius: 7px;
		background: rgb(228, 228, 228, 0.3);
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
    	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.75) inset, 0 1px 3px rgba(0,0,0,.75) inset, 0 1px 0 rgba(255,255,255,.2);
    	   -moz-box-shadow: 0 0 1px rgba(0,0,0,0.75) inset, 0 1px 3px rgba(0,0,0,.75) inset, 0 1px 0 rgba(255,255,255,.2);
    	        box-shadow: 0 0 1px rgba(0,0,0,0.75) inset, 0 1px 3px rgba(0,0,0,.75) inset, 0 1px 0 rgba(255,255,255,.2);
	}
	.wk-slideshow-scroll .nav span:hover { 
		background: rgba(255,255,255,0.15);
	 }

	.wk-slideshow-scroll .nav span:active { 
		background: rgba(255,255,255,0.25);
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,0.4), 0 0 0 1px rgba(255,255,255,.15) inset;
    	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,0.4), 0 0 0 1px rgba(255,255,255,.15) inset;
    	        box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,0.4), 0 0 0 1px rgba(255,255,255,.15) inset;
	}
	
	.wk-slideshow-scroll .nav .active span {
		background: rgba(255,255,255,0.25);
    	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,0.4), 0 0 0 1px rgba(255,255,255,.15) inset;
    	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,0.4), 0 0 0 1px rgba(255,255,255,.15) inset;
    	        box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,0.4), 0 0 0 1px rgba(255,255,255,.15) inset;
   	}

/* Buttons
----------------------------------------------------------------------------------------------------*/

	.wk-slideshow-scroll > div { 
		position: relative;
		right: 0;
		overflow: hidden;
	}

	.wk-slideshow-scroll > div .next,
	.wk-slideshow-scroll > div .prev {
		top: -20px;
		line-height: 0.9;
		font-family: monospace;
		color: #FFFFFF;
		box-shadow: 1px 1px 1px rgba(255,255,255,0.5);
		position: absolute;
		width: 18px;
		height: 18px;
		border-radius: 1em;
		opacity: 0.7;
		cursor: pointer;
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
		right: 0;
		-webkit-transition: opacity 0.2s ease-in;
		-moz-transition: opacity 0.2s ease-in;
		-o-transition: opacity 0.2s ease-in;
		transition: opacity 0.2s ease-in;
	}

	.wk-slideshow-scroll > div .next {
		right: -7px
	}

	.wk-slideshow-scroll > div .prev {
		right: 15px
	}

	.wk-slideshow-scroll > div .next:hover,
	.wk-slideshow-scroll > div .prev:hover {
		opacity: 1
	}

	.wk-slideshow-scroll > div .next span,
	.wk-slideshow-scroll > div .prev span {
		line-height: 0.8;
		font-family: monospace;
		color: #FFFFFF;
		font-size: 1.3em;
	}

/* caption
----------------------------------------------------------------------------------------------------*/

	.wk-slideshow-scroll .caption {
		background: transparent; 
		color: #FFFFFF;
		width: 45%;
		left: 60px;
		top: 100px;
		padding: 0 
	}

	.wk-slideshow-scroll .caption h2,
	.wk-slideshow-scroll .caption p{
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		border: 1px solid rgba(0,0,0,.15);
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255, 0.15);
		   -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255, 0.15);
		        box-shadow: 0 1px 1px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255, 0.15);
		background: rgba(0,0,0,0.6);
	}

	.wk-slideshow-scroll .caption h2{
		font-size: 3em;
		line-height: 1.3em;
		margin: 0 0 15px 0;
		display: inline-block;
		padding: 10px 15px 10px; 
	}

	.wk-slideshow-scroll .caption p{
		padding: 25px 20px;
		line-height: 1.5;
	}