#slider	{ 
	height: 230px; 
	overflow: hidden;
	position: relative; 
	margin: 0px 0; 
	width: 900px;
	margin: 0 auto;
	background: url(images/bg_banner.jpg) center repeat-y #149dd1;
}


#slider h2 a{ 
	color: #fff;
}



.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 838px; /*Width of Carousel Viewer itself*/
	height: 225px; /*Height should enough to fit largest content's height*/
	margin: 0 30px;
}


.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
}


.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px 20px ; /*margin around each panel*/
	width:800px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:210px;
}


.stepcarousel .panel p {
	text-align: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 5px; /*margin around each panel*/
	width: 550px;
	line-height: 20px;
	color: #fff;
	font-family: "Lucida Grande", Helvetica, Sans-Serif; 
	font-size: 14px; 
}

.stepcarousel .panel h2 {
	font-family: "Lucida Grande", Helvetica, Sans-Serif; 
	font-size: 20px; 
	color: #ac0000; 
	padding: 5px;
	margin: 10px 0 0 0;
	width: 500px;
	overflow: hidden;

}


.stepcarousel .panel h2 a:link {
	color:#fff;
	background-color: transparent;
	text-decoration: none;
}
	
	
.stepcarousel .panel img{
	position: absolute; 
	top: 20px; 
	right: 30px; 
	background:#92c5ec; 
	padding: 5px;
}






/********************/
/********************/
/***** featured *****/
/********************/
/********************/

#featured{
	width: 480px;
	background: #f7f7f7;
	padding: 10px;
	margin: 40px 0 20px 0;
}

#featured h2{
	font-size:22px;
	margin: 10px 0 10px 0;	
	font-weight: normal;
}

#featured h2 a {
	color: #006699;
}

#featured h2 a:hover  {
	color: #444;
}

#featured p{
	margin: 0 0 10px 0;	
	line-height: 18px;
}






















.fentry{
	height:auto;
	overflow:hidden;
}

.fentry a:link,.fentry a:visited{
	color:#92C5EC;
}

.cat{
	padding:1px 5px 1px 10px;
	font-size:12px;
	}


.cat a:link,.cat a:visited{
	color:#ac2d2d;

	}
.cat a:hover{
	color:#ac2d2d;

	}
.cats{

	margin:1px 5px 1px 0px;
	font-size:13px;
	margin-left:5px;
	color:#24a1cc;
}
.cats a:link,.cats a:visited{
	color:#24a1cc;

	}
.cats a:hover{
	color:#24a1cc;

	}

.fentry p{
	margin: 5px 10px;
	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;
	}