/* ##### Media ##### */

.capella-media {
	display: block;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	position: relative;
}


/* === Media Element Defaults === */

.capella-media a {
	color: #800d1e;
}
.capella-media audio,
.capella-media video,
.capella-media object {
	display: block;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.media-audio object {
	margin-top: -54px;
}
.media-video object {
	
}


/* === Media: Poster & Overlay === */

.capella-media .media-poster,
.capella-media .media-overlay {
	display: block;
}
.capella-media .media-poster {
	background: #000;
	cursor: pointer;
}
.media-video .media-poster {
	position: absolute;
}
.capella-media .media-overlay {
	background: rgba(0, 0, 0, 0.3) url('../img/media-overlay.png') right top no-repeat;
	position: absolute;
	top: 0;
}
.capella-media .media-overlay:focus,
.capella-media .media-overlay:hover {
	background: rgba(0, 0, 0, 0) url('../img/media-overlay-hover.png') right top no-repeat;
	outline: 0;
}


/* === Media: Element === */

.capella-media object {
	/*margin-top: -80px;*/
}

/* === Media: Control === */

.capella-media .media-control {
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #898989),
		color-stop(.45, #898989),
		color-stop(.55, #6d6d6d),
		color-stop(1, #6d6d6d)
	);
	background: -moz-linear-gradient(
		center bottom,
		#898989 0%,
		#898989 45%,
		#6d6d6d 55%,
		#6d6d6d 100%
	);
	background: -o-linear-gradient(
		0% 0%,
		0% 100%,
		from(#898989),
		to(#6d6d6d)
	);
	background: linear-gradient(
		0% 0%,
		0% 100%,
		from(#898989),
		to(#6d6d6d)
	);
	background-color: #898989;
	font-size: 9px;
	height: 25px;
	position: relative;
}
.capella-media .media-control input {
	display: block;
	background: transparent;
	cursor: default;
	margin: 0;
	border: 0;
	padding: 0;
	height: 25px;
}
.capella-media .media-control input.play-button,
.capella-media.media-loaded .media-control input {
	cursor: pointer;
}
.capella-media .media-control input.play-button:hover,
.capella-media.media-loaded .media-control input[type=image]:hover {
	background: rgba(255, 255, 255, 0.2);
}
.capella-media.media-loaded .media-control input:focus {
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #800d1e),
		color-stop(.45, #800d1e),
		color-stop(.55, #600a16),
		color-stop(1, #600a16)
	);
	background: -moz-linear-gradient(
		center bottom,
		#800d1e 0%,
		#800d1e 45%,
		#600a16 55%,
		#600a16 100%
	);
	background: -o-linear-gradient(
		0% 0%,
		0% 100%,
		from(#800d1e),
		to(#600a16)
	);
	background: linear-gradient(
		0% 0%,
		0% 100%,
		from(#800d1e),
		to(#600a16)
	);
	background-color: #800d1e;
	outline: 0;
}
.capella-media .media-control .ui-slider a {
	display: block;
	/* background: -webkit-gradient(
		radial,
		6 6,
		6,
		0 0,
		6,
		from(#404040),
		to(#f0f0f0),
		color-stop(0.4, #a0a0a0)
	); */
	background-color: #e0e0e0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 11px;
	height: 11px;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.capella-media.media-loaded .media-control .ui-slider a:hover,
.capella-media.media-loaded .media-control .ui-slider a:focus {
	background: #fff;
	outline: 0;
}
.capella-media .control-play,
.capella-media .control-rewind,
.capella-media .control-scrubber,
.capella-media .control-volume,
.capella-media .control-fullscreen {
	display: block;
	margin: 0;
	padding: 0;
	height: 25px;
}

/* - Control: Play & Rewind - */
.capella-media .control-play,
.capella-media .control-rewind {
	border-right: 1px solid #808080;
	width: 25px;
	float: left;
}

/* - Control: Scrubber - */
.capella-media .control-scrubber {
	background: #fff;
	cursor: default;
	margin: 9px;
	height: 7px;
	float: left;
	position: relative;
}
.capella-media.media-loaded .control-scrubber {
	cursor: pointer;
}
.capella-media .scrubber-buffer {
	background: #c0c0c0;
	margin: 1px 1px 0;
	border: 0;
	padding: 0;
	height: 5px;
}
.capella-media .scrubber-slider {
	margin: -5px 1px 1px;
	height: 5px;
}
.capella-media .scrubber-slider .ui-slider-range {
	background: #800d1e;
	height: 5px;
}
.capella-media .scrubber-slider a {
	margin: 0 0 0 -5px;
	position: absolute;
	top: -2px;
}

/* - Control: Time - */
.capella-media .control-time {
	display: inline;
	background: #666;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#5e5e5e),
		to(#6e6e6e)
	);
	background: -moz-linear-gradient(
		center bottom,
		#5e5e5e 0%,
		#6e6e6e 100%
	);
	background: -o-linear-gradient(
		0% 0%,
		0% 100%,
		from(#5e5e5e),
		to(#6e6e6e)
	);
	background: linear-gradient(
		0% 0%,
		0% 100%,
		from(#5e5e5e),
		to(#6e6e6e)
	);
	color: #dadada;
	text-align: center;
	cursor: default;
	margin: 4px;
	border-top: 1px solid #585858;
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #5c5c5c;
	border-left: 1px solid #5a5a5a;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	padding: 1px 4px;
	height: 13px;
	position: absolute;
	right:27px;
	bottom: 0;
}
.capella-media time.time-current {
	color: #fff;
}
.capella-media time.time-duration {
	color: #b5b5b5;
}

/* - Control: Volume - */
.capella-media .control-volume {
	width: 26px;
	position: absolute;
	bottom: 0;
	right:0;
}
.capella-media .mobile {
	display:none;
}
.capella-media input.volume-button {
	border-left: 1px solid #808080;
	width: 25px;
}
.capella-media .volume-rail {
	background: #898989;
	background: rgba(89, 89, 89, 0.7);
	display:none;
	padding: 12px 9px;
	width: 7px;
	height: 53px;
	position: absolute;
	right: 0;
	bottom: 25px;
	z-index:800;
}
.capella-media .volume-slider {
	background: #c0c0c0;
	cursor: pointer;
	display:none;
	margin: 12px 9px;
	border: 1px solid #fff;
	width: 5px;
	height: 53px;
	position: absolute;
	right: 0;
	bottom: 25px;
	z-index:850;
}
.capella-media .volume-slider .ui-slider-range {
	background: #800d1e;
	width: 5px;
	position: absolute;
	bottom: 0;
	z-index:900;
}
.capella-media .volume-slider a {
	margin: 0 0 -6px;
	position: absolute;
	left: -3px;
	z-index:950;
}

.capella-media .control-volume.focused .volume-slider, .capella-media .control-volume.focused .volume-rail {
	display:block;
}

/* - Control: Fullscreen - */
.capella-media .control-fullscreen {
	border-left: 1px solid #808080;
	position: absolute;
	right: 0;
	bottom: 0;
}


/* === Media: Links === */

.capella-media .media-links ul {
	list-style: none;
	margin: 6px 0 0;
	padding: 0;
}
.capella-media .media-links li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* - Links: Metadata - */
.capella-media ul.links-metadata {
	float: left;
}
.capella-media ul.links-metadata li {
	padding: 0 0 0 8px;
}

/* - Links: Download - */
.capella-media ul.links-download {
	float: right;
}
.capella-media ul.links-metadata li {
	padding: 0 8px 0 0;
}