/* ----------------------------------------------------------------------------------------------- */
/*  Thanks to jared from new2wp.com for the tutorial on the creation of a Dynamic JQuery featured Slider
	Original URL at http://new2wp.com/pro/part-3-making-a-dynamic-wordpress-jquery-featured-post-slider-tutorial-finale/
	This is a highly modified version, please refer to the original files if intending to follow the tut
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


/* slider
/* ---------------------------------------------------- */

#slideshow ul {
	margin: 0;
	padding:0;
	list-style-type: none;
	}

#IEroot #slideshow { position:relative; z-index:-1;}

#slideshow ul:after {
	content: ".";
	clear: both;
	display:block;
	height: 0;
	visibility:hidden;}

#slider {margin: 0; padding: 0;
	width:940px; height:280px;
	background-image:url(imgs/back-feat.jpg);
	background-repeat:repeat-x;
	position:relative;
	overflow:hidden;
}

/* slider > SLIDES
/* ---------------------------------------------------- */
#slider .slides {
	padding:0px;
	position:relative;
	width:940px; height:280px;
	overflow:hidden;
}

#slider .slides ul { width:2820px; }

#slider .slides li {
	height:280px;
	width: 940px;
	margin:0px;
	padding:0px;
	float:left;
}

#slider .slides li img {
	margin:0px;
	padding:0px;
}

/* slider > NAVIGATION
/* ---------------------------------------------------- */
ul.pager { position:absolute; bottom:10px; left:30px; border:0; margin:0; padding:0; z-index:50;}
ul.pager li { list-style:none; border:0; margin:0px; padding:0px; display:inline;}

ul.pager li a {font-size:9px; color: #666; margin-right:2px; font-weight:bold; background-color:#f0f0f0; background-image: url(imgs/round/topleft.jpg), url(imgs/round/topright.jpg), url(imgs/round/botleft.jpg), url(imgs/round/botright.jpg); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: top left, top right, bottom left, bottom right; margin-right:10px;}

ul.pager a:link, ul.pager a:visited {display:block; float:left; padding:1px 3px; text-decoration:none;}
ul.pager a:hover{ color:#FFF; background-color:#787878; background-image: url(imgs/round/toplefthov.jpg), url(imgs/round/toprighthov.jpg), url(imgs/round/botlefthov.jpg), url(imgs/round/botrighthov.jpg); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: top left, top right, bottom left, bottom right;}

.js #slider .pager li.on a { color:#000;}/* Class for the active selector */