div#storytabscontainer {
  background: url(/sites/all/themes/bakersfieldlife/images/bg_bottom_shadow.gif) bottom left no-repeat;
  margin: 0 0 20px 0; 
  overflow:hidden;
  padding: 0 0 5px 0;
  position: relative;
  width: 580px;
}

ul#storytabs {
  background: url(/sites/all/themes/bakersfieldlife/images/bg_tabbar.gif) 0 0 no-repeat;
  height: 226px !important;
  width: 580px;
}

ul#storytabs, ul#storytabs li ul {
  list-style: none;
  margin: 0px !important;
  padding: 0px !important;
}

/*===========================================
## tabs
===========================================*/
ul#storytabs li {
  float: left;
  position: relative;
}

ul#storytabs li.selectedtab ul {
  border-top: 1px solid #000;
}

ul#storytabs li h3 {
  background: url(/sites/all/themes/bakersfieldlife/images/bg_tabline.gif) right 50% no-repeat;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

ul#storytabs li h3.lasttab {
  background: none;
}

ul#storytabs li h3 a {
  color: #ffffff;
  display: block;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding: 6px 13px 6px 13px;
  text-decoration: none;
}

ul#storytabs li h3 a:hover {
  color: #003765;
  text-decoration: none;
}

ul#storytabs li.selectedtab h3 {
  background: #003765 url(/sites/all/themes/bakersfieldlife/images/bg_selectedtab.gif) top left repeat-x;
}

ul#storytabs li.selectedtab h3 a {
  color: #ffffff;
}

ul#storytabs li.selectedtab h3 a:hover {
  color: #ec0708;
  text-decoration: none;
}

/*===========================================
## stories content
===========================================*/
li#tab2 ul, li#tab3 ul, li#tab4 ul, li#tab5 ul {
  display: none;
}

ul#storytabs li ul {
  border: 1px solid #000;
  border-top: 0px;
  height: 170px;
  padding: 15px 15px 15px 293px !important;
  position: absolute;
  left: 0;
  width: 270px !important;
}

ul#storytabs li li {
  float: none;
}

ul#storytabs li li h4 {
  font-family: Arial, sans-serif !important;
  font-size: 18px !important;
  margin: 0px !important;
  padding: 0px !important;
}

ul#storytabs li li p {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: normal !important;
  margin: 12px 0 0 0 !important;
  padding: 0px !important;
}

ul#storytabs li li p a {
  color: #00f;
}

ul#storytabs li li p a:hover {
  color: #c00;
}

/*===========================================
## controls
===========================================*/
div#controls {
  position: absolute;
  top: 193px;
  left: 469px;
}

div#controls img {
  border: 0px;
}

div#controls #pauselink img, div#controls #playlink img {
  margin: 0 2px 0 2px;
}