/* Home CSS Document */

#content{
  padding: 0 15px 20px 15px;
  width: 930px;
  font-size: 12px;
  line-height: 1.4em;
}

#content_full #home{
  padding: 0;
}

/*Home Media*/
#home-media{
  background: #fff url(../images/css/home-media-background.jpg) no-repeat center;
  height: 405px;
  width: 950px;
  display: block;
  padding: 1px;
  border: 1px solid #F2F2F2;
  margin-left: -12px;
}

#home-media #features{
  display: block;
  height: 375px;
  width: 525px;
  float: left;
  margin: 10px 0 0 10px;
}

#home-media h1{
  background:url(../images/css/home-headline-welcometo.png) no-repeat top left;
  display: block;
  font-size: 0;
  text-indent: -100000000px;
  overflow: hidden;
  color: #DE8A17;
  height: 62px;
  width: 355px;
  float: right;
  margin: 20px 30px 10px 0;
}

#home-media #video{
  background: url(../images/css/home-watchvideo-text.png) no-repeat 270px 15px ;
  display: block;
  overflow: hidden;
  float: right;
  width: 370px;
  height: 200px;
  margin: 20px 20px 0 0;
}

#home-media #quick-links{
  background: url(../images/css/home-quicklink-bg.png) no-repeat top left;
  display: block;
  height: 60px;
  width: 395px;
  float: right;
  margin: 0 5px 0 0;
}

#quick-links a{
  display: block;
  float: left;
  height: 14px;
  font-size: 0;
  text-indent: -100000000000px;
  background: url(../images/css/home-quicklinks-links.png) no-repeat 5px 10px;
  margin: 13px 10px 0;
  padding: 10px 2px;
}

#quick-links a.schedule{
  width: 140px;
}

#quick-links a.directions{
  background-position: -160px 10px;
  width: 90px;
}

#quick-links a.child-care{
  background-position: -270px 10px;
  width: 90px;
}


/*Coming Events*/
#marquee{
  float: left;
  width: 245px;
  margin: 0 10px 0 0;
}

#marquee .event{
  font: 11px Arial, Helvetica, sans-serif;
}

#marquee .event span{
  background:url(../images/css/home-events-title-bg.jpg) top left repeat-x;
  width: 225px;
  padding: 8px 10px 7px;
  display: block;
  color: #fff;
  height: 15px;
  min-height: 15px;
  font-weight: bold;
}

#marquee .event a{
  color: #fff;
  background: #3E3759;
  height: ;
  display: block;
  width: 225px;
  padding: 8px 10px 7px;
  font-weight: normal;
  min-height: 15px;
}


/*Recent Programs*/
#recent_programs{
  float: left;
  width: 280px;
  margin: 0 10px 0 0;
}

#recent_programs .sermon{
  padding: 0 10px;
  height: 165px;
}

#recent_programs .sermon .date,
#recent_programs .sermon .author,
#recent_programs .sermon .book{
  margin: 0;
  display: block;
  padding: 0;
}

#recent_programs .description{
  padding:0;
}

#recent_programs .links{
  background: #BFC057;
  height: 30px;
  text-align: right;
}

#recent_programs .links a{
  padding: 7px 10px 8px;
  display: block;
  font-size: 11px;
  height: 15px;
  color: #fff;
}

#recent_programs .links a.listen,
#recent_programs .links a.watch{
  float: left;
  background: #A3A83A;
}


/*Pastors Blog*/
#blog{
  float: left;
  width: 385px;
  margin: 0 0 0 0;
}

#blog .blog-post{
  padding: 0 10px;
  height: 165px;
}

#blog .blog-post .date,
#blog .blog-post p {
  padding:0 0 15px;
  margin:0;
}

#blog .links{
  background: #DE8A17;
  height: 30px;
  text-align: right;
}

#blog .links a{
  padding: 7px 10px 8px;
  display: block;
  font-size: 11px;
  height: 15px;
  color: #fff;
}

#blog .links a.prev{
  float: left;
}
