/*  Stylesheet for the Meteor Slides 1.5 slideshow
	
	Copy "meteor-slides.css" from "/meteor-slides/css/" to your theme's directory to replace
	the plugin's default stylesheet.
	
	If you have navigation enabled, be sure to copy the "buttons.png", "next.png",
	and "prev.png" files to your theme's images folder and update the image paths below,
	or create new graphics to replace them.
	
	Learn more about customizing the stylesheet for Meteor Slides: 
	http://www.jleuze.com/plugins/meteor-slides/customizing-the-stylesheet/
*/

/* =Slideshow
-------------------------------------------------------------- */

div.meteor-slides {
    /*height: 100% !important;*/
	line-height: 0;
	margin: 0;
	max-width: 100%;
	overflow: visible !important;
	position: relative;
	z-index: 1;
	padding: 15px 0;
	margin: 0 35px;
}

div.navpaged,
div.navboth {
	margin: 0 25px;
}

.meteor-slides .meteor-clip {
	line-height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	height: 100%;
}

.meteor-slides .meteor-clip h3 {
	line-height: 20px;
	height: 10px;
	overflow: hidden;
}

.meteor-slides .meteor-shim {
	border: 0;
	height: auto !important;
	margin: 0;
	max-width: 100%;
	padding: 0;
	width: auto\9; /* IE8 */
}

/* =Slide
-------------------------------------------------------------- */

.meteor-slides .mslide {
	display: none;
	height: 100% !important;
	margin: 0;
	max-width: 100%;
	padding: 0;
}

.meteor-slides .mslide a {
	border: 0;
	margin: 0;
	padding: 0;
}

.meteor-slides .mslide img {
	border: 0;
	height: auto !important;
	margin: auto !important;
	max-width: 100%;
	padding: 0;
	border: 15px solid #343434;
	width: auto\9; /* IE8 */
}

.meteor-slides .mslide img[src$='.png'] {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE7 */
	zoom: 1;	
}

.slide_title {
	height: 26px;
	line-height: 26px;
	margin-top: -26px;
	font-size: 14px;
	padding: 0 15px;
	background-image: url(images/meteor-graphix/slide_title_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 400px;
}
/* =Previous/Next Navigation
-------------------------------------------------------------- */

.meteor-slides ul.meteor-nav {
	list-style: none;
    height: 87%;
	margin: 0 !important;
	padding: 0;
}

.meteor-slides.navhover ul.meteor-nav {
	display: block;
}

ul.meteor-nav li {
	display: inline;
    height: 87%;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meteor-nav .prev a {
	left: -28px;
}

.meteor-nav .next a {
	right: -28px;
}

.meteor-nav a {
	display: block;
	outline: none;
	position: absolute;
	text-indent: -9999px;
	width: 27px;
    height: 87%;
	z-index: 998;
}
	
.meteor-nav .prev a {
	background: url('images/meteor-graphix/prev.png') no-repeat center right;
}

.meteor-nav .next a {
	background: url('images/meteor-graphix/next.png') no-repeat center left;
}

* html .meteor-nav .prev a {
	background: url('images/meteor-graphix/prev.gif') no-repeat center right; /* IE6 */
}

* html .meteor-nav .next a {
	background: url('images/meteor-graphix/next.gif') no-repeat center left; /* IE6 */
}

/* =Paged Navigation
-------------------------------------------------------------- */

.meteor-slides .meteor-buttons {
    bottom: 5px;
    height: 12px;
    left: 0;
    margin: 0;
    padding: 6px 20px 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}

header#branding .meteor-buttons {
	left: 5px; /* A little nudge for Twenty Eleven */
}

.meteor-buttons a {
	background: url('images/meteor-graphix/buttons.png') no-repeat bottom left;
	display: block;
	float: left;
	width: 12px;
	height: 13px;
	margin: 0 3px 0 0;
	outline: none;
	text-indent: -9999px;
}

.meteor-buttons a:hover {
	background: url('images/meteor-graphix/buttons.png') no-repeat bottom right;
}

.meteor-buttons a.activeSlide {
	background: url('images/meteor-graphix/buttons.png') no-repeat bottom right;
}

* html .meteor-buttons a {
	background: url('images/meteor-graphix/buttons.gif') no-repeat bottom left; /* IE6 */
}

* html .meteor-buttons a:hover {
	background: url('images/meteor-graphix/buttons.gif') no-repeat bottom right; /* IE6 */
}

* html .meteor-buttons a.activeSlide {
	background: url('images/meteor-graphix/buttons.gif') no-repeat bottom right; /* IE6 */
}