#slider {
  background:url(images/slide.png);
  height: 200px;
  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: 10px 20px; /*margin around each panel*/
  width:900px; /*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 5px; /*margin around each panel*/
  width:550px;
  line-height:20px;
  color:#fff;
  font-family:georgia, Helvetica, Sans-Serif;
  font-size: 14px;
}
.stepcarousel .panel h2 {
  font-family:georgia, Helvetica, Sans-Serif;
  font-size: 24px;
  color: #ac0000;
  padding:10px 5px;
  margin:0px 0px;
  width:500px;
  overflow:hidden;
}
.stepcarousel .panel h2 a:link, .stepcarousel .panel h2 a:visited {
  color:#fff;
  background-color: transparent;
}
.stepcarousel .panel img {
  position: absolute;
  top: 10px;
  right: 30px;
  background:#fff;
  padding:5px 5px;
}
/*Featured*/
.featout {
  width:650px;
  overflow: hidden;
  padding:3px 3px;
  margin:0px 4px 5px 5px;
  background-color:#cd0b00;
}
.featured {
  width:650px;
  overflow: hidden;
  padding:5px 0px 2px 0px;
  margin:0px 0px 0px 0px;
  background:#fff;
  font-family:Arial, Verdana, Helvitica, sans-serif;
}
.featured h2 {
  font-size:22px;
  margin:3px 0 4px 10px;
}
.featured h2 a, .featured h2 a:link, .featured h2 a:visited {
  color: #cd0b00;
  background-color: transparent;
}
.featured h2 a:hover {
  color: #333;
  background-color: transparent;
}
.fentry {
  height:auto;
  overflow:hidden;
}
.fentry a:link, .fentry a:visited {
  color:#cd0b00;
}
.fentry a:hover {
  color:#0731a1;
}
.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:#333;
  line-height:20px;
}
.fentry img {
  border:0;
  padding:4px 4px;
  background:#1E1F20;
  border:1px solid #cd0b00;
  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;
}