/*********************************************************************************************
 * base styling for a generic slider muslider - jQuery slider plugin 
 * http://muslider.musings.it
 * 
 * @author Federica Sibella
 * Copyright (c) 2012-14 Federica Sibella - musings(at)musings(dot)it | http://www.musings.it
 * Licensed under MIT license.
 * Date: 2014/02/28
 * @version 2.0
 * 
 **********************************************************************************************/


/***********************************************************
* slider container
************************************************************/

.slider {
	position: relative;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

/*****************************
* single slide style
******************************/

.slide {
	position: absolute;
	left: 0px;
	top: 0px;
}

/*******************************************************
* slide text only (for responsive pourposes)
********************************************************/

.slide.text {
	overflow: auto;
}

/************************************************
* slides with youtube or vimeo videos
*************************************************/
.slide .youtube, .slide .vimeo {
	position: relative;
	width: 100%;
	height: 100%;
}

/*******************************************
* images captions
*******************************************/
.caption {
	position: absolute;
	bottom: -42px;
	width: 100%;
	background: #222;
	background: rgba(20,20,20,0.7);
	color: #f7f7f7;
	border-top: 1px solid #404040;
}

.caption p {
	padding: 0px 10px;
}

/******************************************************************
* navigation buttons
*******************************************************************/

.navslide {
	position: relative;
	margin: 15px auto;
	padding: 0;
	text-align: center;
}

.navslide p span {
	margin: 0px 10px;
	cursor: pointer;
}

.start, .stop {
	display: none;
}