#slider	{ 

		background:#000000;

		height: 234px; 

		overflow: hidden;

		position: relative; 

		margin: 0px 0; 

		border-bottom:1px solid #fff;

		}







.stepcarousel{

position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/

width: 940px; /*Width of Carousel Viewer itself*/

height: 225px; /*Height should enough to fit largest content's height*/

margin: 0px 30px 0px 30px;



}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 15px 10px 0px 10px; /*margin around each panel*/

width:300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

height:210px;

}








.stepcarousel .panel img{

	position: absolute; 

	top: 20px; 

	right: 0px; 

	

}



/*Featured*/

.featout{

	width:650px;

	overflow: hidden;

	padding:5px 5px;

	margin:0px 4px 5px 5px;

	background:#55656f;



}






.fentry{

	height:auto;

	overflow:hidden;

}







.cat{

	padding:1px 5px 1px 10px;

	font-size:12px;

	}







.cats{



	margin:1px 5px 1px 0px;

	font-size:13px;

	margin-left:5px;

	color:#24a1cc;

}





.fentry p{

	margin: 5px 5px;

	color:#c2d4dd;

	line-height:20px;



}

.fentry img {

	border:0;

	padding:4px 4px;

	background:#1E1F20;

	border:1px solid #1E1F20;

	margin:2px 5px 5px 5px;

	}

	

	



.featmeta{

	

	height:22px;

	text-align:right;

	padding:3px 5px 0 0;

	background:url(images/readm.jpg) right no-repeat;

	

	

}

.featmeta a:link,.featmeta a:visited{

	color:#3c2e1b;

	font-weight:bold;

	text-decoration:none;

	}