/**
 * Author:      Matt Hinchliffe <www.maketea.co.uk>
 * Modified:    03/11/2012
 * Description: Simple jQuery slideshow
 * Example:
 * <div class="slideshow">
 *     <ul class="carousel">
 *         <li class="slide"><a href="#">Option 1</a></li>
 *         <li class="slide"><a href="#">Option 2</a></li>
 *     </ul>
 * </div>
 */

/* slides */
.slideshow {
	position:relative;
	margin:0 auto;
	border:3px #ffffff solid;
	border-radius:3px;
	width:875px;
}
	.slideshow a {
		font-size:.75em;
		line-height:2em;
		text-decoration:none;
		color:#fff;
		background:#666;
	}
		.slideshow a:hover,
		.slideshow .selected a {
			background-color:#333;
		}

	.carousel {
		margin:0;
		padding:0;
		list-style:none;
	}
		.slide {
			z-index:100;
			position:relative;
		}
			.slide img {
				display:block;
				width:875px;
				height:332px;
			}
		.act-info {
			width:805px;
			height:65px;
			padding:15px 70px 0 0;
			background:rgba(255,255,255,.6);
			position:absolute;
			bottom:0;
			left:0;
			float:right;
		}
			.act-info.general {
				background-image:url('../images/home/icon1.png');
				background-repeat:no-repeat;
				background-position:810px 17px;
			}
			.act-info.book {
				background-image:url('../images/home/icon2.png');
				background-repeat:no-repeat;
				background-position:815px 20px;
			}
			.act-info.game {
				background-image:url('../images/home/icon3.png');
				background-repeat:no-repeat;
				background-position:815px 20px;
			}

		.act-name
		{
			font-family:Pekan;
			font-size:24px;
			color:#74201e;
		}
		.act-teaser
		{
			font-family:Pekan;
			font-size:20px;
			color:#91450f;
			margin:0;
			width:650px;
		}
		.act-teaser.long
		{
			font-size:18px;
			line-height: 20px;
		}

		.act-enter , .act-enter.soon
		{
			position:absolute;
			bottom:12px;
			left:20px;
			font-family:Pekan;
		}
			.act-enter:before , .act-enter.soon:before
			{
				display: inline-block;
				color: #007ca7;
				font-size: 25px;
				margin-left: 7px;
				margin-top: 9px;
				vertical-align: top;
			}
			.act-enter:before		{	content: "כניסה";	}
			.act-enter.soon:before	{	content: "בקרוב";	}

			.act-enter:after , .act-enter.soon:after
			{
				display:inline-block;
				width:40px;
				height:40px;
				border-radius:20px;
				background:#0093c6;
				color:#ffffff;
				text-align: center;
				line-height: 44px;
			}
			.act-enter:after			{	content: ">"; font-size:60px;	}
			.act-enter.soon:after		{	content: "!"; font-size: 46px;	}

/* pagination */
.slides-pagination {
	position:absolute;
	bottom:-50px;
	left:0px;
	margin:0;
	padding:0;
	list-style:none;
	z-index:110;

	padding:5px 15px 3px 15px;
	background:#ffffff;
	border-radius:20px;
	box-shadow:0px 2px 6px 0px grey inset;	
}
	.slides-pagination li {
		display:inline;
	}
		.slides-pagination a {
			display:block;
			float:left;
		/*	margin-right:5px; */
			width:46px;
			height:30px;
			box-shadow: 2px 2px 2px 0px grey;
			position:relative;
			/* border placeholder */
			margin:3px 3px 3px 3px;
		}
		.slides-pagination li.selected a {
			border:3px #7a2b28 solid;
			border-radius:3px;
			box-shadow:none;
			margin:0px 0px 0px 0px;
		}
		.slides-pagination li.selected a:before {
			width: 0;
			height: 0;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 16px solid #7a2b28;
			position: absolute;
			top:-19px;
			left:15px;
			display:block;
			content:"";
		}


/* skip */
.slides-next,
.slides-prev {
	position:absolute;
	top:50%;
	margin-top:-1em;
	padding:0 .5em;
	z-index:120;
}
.slides-next {
	right:0;
}
.slides-prev {
	left:0;
}
.slides-next.disabled,
.slides-prev.disabled {
	opacity:.5;
	cursor:auto;
}