/*  Stylesheet for the Meteor Slides 1.3.2 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
-------------------------------------------------------------- */

#meteor-slideshow-wrap {
	background: #000;
	border: solid 2px #000;
	margin: 0 0 8px 0;
}

.meteor-slides {

	margin: 0;
	overflow: hidden;
	padding: 5px 2px 63px;
	position: relative;
	z-index: 1;
}

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

.meteor-slides .mslide {
	display: none;
	margin: 0;
	padding: 1px;
}

.meteor-slides .mslide-1 {
	display: block;
}

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

.meteor-slides .mslide img {
	border: solid 1px #fff;
	display: block;
	margin: auto !important;
	padding: 0;
}

.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 Captions
-------------------------------------------------------------- */

#meteor-slideshow-wrap .mslide-caption {
	background: transparent url('images/caption-bg.png') repeat-x top left;
    bottom: 0;
    color: #fff;
    height: 29px;
    left: 2px;
    margin: 0;
    overflow: hidden;
    padding: 12px;
    position: absolute;
    width: 627px;
    z-index: 100;
}

#meteor-slideshow-wrap .mslide-caption h4 {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 0;
}

#meteor-slideshow-wrap .mslide-caption a,
#meteor-slideshow-wrap .mslide-caption a:hover {
	color: #fff;
	text-decoration: none;
}

#meteor-slideshow-wrap .mslide-caption p {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 21px;
    margin: 0;
    padding: 0;
}

/* =Previous/Next Navigation
-------------------------------------------------------------- */

.meteor-slides ul.meteor-nav {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}

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

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

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

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

.meteor-nav a {
	bottom: 0px;
	display: block;
	outline: none;
	position: absolute;
	text-indent: -9999px;
	width: 36px;
	height: 300px;
	z-index: 50;
}

.navboth .meteor-nav a {
	top: 2px;
}
	
.meteor-nav .prev a {
	background: url('images/prev.png') no-repeat center right;
}

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

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

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

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

.meteor-buttons {
	bottom: 3px;
	left: 1px;
	margin: 0;
	position: absolute;
	z-index: 1000;
}

.meteor-thumb {
    float: left;
    height: 59px;
    margin: 0 2px 0 0;
    outline: medium none;
    width: 129px;
}

.meteor-thumb-5 {
    margin: 0;
}

.meteor-thumb img {
	border: solid 1px #666;
}

.meteor-thumb a:hover img {
	border: solid 1px #fff;
}

.meteor-thumb.activeSlide img {
	border: solid 1px #fff;
}

.meteor-buttons a {
	outline: none;
}