/* Left column elements */

#ep_timeline {
  width: 320px;
  padding: 12px 0;
  margin: 12px 0;
}

/* Episodes page nav bar */

div#episodes_page {
  width: 676px;
  text-align: left;
  position: relative;
}

div#episodes_page ul#ep_nav {
  width: 676px;
  height: 26px;
  margin: 0 0 18px 0;
  background: url(/images/nav_sel/ep_bar.gif) 0 0 no-repeat;
}

div#episodes_page ul#ep_nav li {
  display: inline;
  float: left;
}

div#episodes_page ul#ep_nav li a {
  padding: 6px 0;
  line-height: 1em;
  text-decoration: none;
  color: white;
  display: block;
  text-align: center;
  width: 96px;
  color: #5d6469;
  font-size: 14px;
}

div#episodes_page ul#ep_nav li a.active {
  color: #fff;
  background: url(/images/nav_sel/ep_sel.gif) 0 0 no-repeat;
}

/*

li#ep_ep1 a {
  background-image: url('../images/ep_ep1.gif');
  width: 98px;
}

li#ep_ep2 a {
  background-image: url('../images/ep_ep2.gif');
  width: 97px;
}

li#ep_ep3 a {
  background-image: url('../images/ep_ep3.gif');
  width: 96px;
}

li#ep_ep4 a {
  background-image: url('../images/ep_ep4.gif');
  width: 96px;
}

li#ep_ep5 a {
  background-image: url('../images/ep_ep5.gif');
  width: 96px;
}

li#ep_ep6 a {
  background-image: url('../images/ep_ep6.gif');
  width: 96px;
}

li#ep_ep7 a {
  background-image: url('../images/ep_ep7.gif');
  width: 97px;
}

li#ep_ep1 a:hover,
li#ep_ep1 a.active { background: url('../images/ep_ep1_sel.gif'); }

li#ep_ep2 a:hover,
li#ep_ep2 a.active { background: url('../images/ep_ep2_sel.gif'); }

li#ep_ep3 a:hover,
li#ep_ep3 a.active { background: url('../images/ep_ep3_sel.gif'); }

li#ep_ep4 a:hover,
li#ep_ep4 a.active { background: url('../images/ep_ep4_sel.gif'); }

li#ep_ep5 a:hover,
li#ep_ep5 a.active { background: url('../images/ep_ep5_sel.gif'); }

li#ep_ep6 a:hover,
li#ep_ep6 a.active { background: url('../images/ep_ep6_sel.gif'); }

li#ep_ep7 a:hover,
li#ep_ep7 a.active { background: url('../images/ep_ep7_sel.gif'); }


*/

#episode_summary {
  margin: 18px 0 0 0;
  border-width: 5px 0 0 0;
  border-color: #868b8f;
  border-style: solid;
  background: white;
  position: relative;
}

#episode_summary h3 {
  font-size: 20px;
  font-weight: normal;
  color: #60646e;
  padding: 12px 0 6px 0;
}

#episode_summary h4 {
  font-size: 16px;
  font-weight: normal;
  color: #60646e;
  padding: 0 0 6px 0;
}

#episode_summary p {
  font-size: 12px;
  font-weight: normal;
  color: #6d6d6d;
  line-height: 1.5em;
  padding: 0 0 1.5em 0;
}

#episode_summary ul a {
  font-size: 12px;
  line-height: 1.5em;
  color: #92a56d;
  text-decoration: none;
  padding: 0 14px 0 0;
  background: url("../images/link_arrow.gif") center right no-repeat;
}

#episode_summary ul { padding: 0 0 1.5em 0; }

#episode_summary li {
  list-style-type: none;
  line-height: 1.5em;
}

/* Horizontal Carousel */
#horizontal_carousel {
  /* YOU MAY NOT USE FLOAT HERE!  IE6 WILL HAVE A STROKE. */
  clear: both;
  width: 674px;
  /* +30px on this height so there's some space at the bottom since we can't float... */
  height: 151px;
}

#horizontal_carousel .container {
  float: left;
  width: 642px;
  height: 121px;
  position: relative;
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 121px;
}

#horizontal_carousel ul li {
  width: 214px;
  height: 121px;
  float: left;
  background: url(/images/doc_block_bg.gif) no-repeat 0 0;
  position: relative;
  text-align: left; 
  list-style:none;   
}

#horizontal_carousel ul li img {
  width: 94px;
  height: 94px;
  padding: 3px;
  border: 1px solid #e4e3e1;
  position: absolute;
  top: 9px;
  left: 14px;
  background: #fff;
}

#horizontal_carousel ul li span {
  width: 84px;
  height: 72px;
  position: absolute;
  top: 12px;
  left: 122px;
  font-size: 14px;
  color: #60646e;
  font-weight: normal;
}

#horizontal_carousel ul li a {
  width: 79px;
  height: 19px;
  background: url(/images/view_profile.gif) no-repeat 0 0;
  text-indent: -9999em;
  position: absolute;
  bottom: 18px;
  left: 122px;
}

#horizontal_carousel .previous_button,
#horizontal_carousel .next_button {
  float:left;  
  width: 16px;
  height: 121px;
  background-repeat: no-repeat;
  background-position: 0 0;
  z-index: 100;
  cursor: pointer;
  text-indent: -9999px;
}

#horizontal_carousel .previous_button {
  background-image: url(/images/scroll_left.gif);
}

#horizontal_carousel .previous_button_over {
  background-position: 0 -121px;
}

#horizontal_carousel .previous_button_disabled {
  background-position: 0 -242px;
  cursor: default;
}

#horizontal_carousel .next_button {
  background-image: url(/images/scroll_right.gif);
}

#horizontal_carousel .next_button_over {
  background-position: 0 -121px;
}

#horizontal_carousel .next_button_disabled {
  background-position: 0 -242px;
  cursor: default;
}
/* End Carousel Styles */

a#facebook_link, a#digg_link {
  width: 103px;
  height: 25px;
  position: absolute;
  top: 12px;
  text-indent: -9999em;
}

a#facebook_link {
  background: url('../images/facebook_link.gif') no-repeat 0 0;
  right: 111px;
}

a#digg_link {
  background: url('../images/digg_link.gif') no-repeat 0 0;
  right: 0;
}