body {
      background: #FFF;
      color: #000;
}

a, a:hover {
      color: #00F;
}

ul {
      list-style: bullet;
      color: #000;
}

.channel {
      border: 1px solid #000;
      background: #FFF;
      margin-bottom: 10px;
      margin-left: 10px;
}

.channel:hover {
      border: 1px solid #000;
}

a.rssheader > span.rssChannelDescription {
      display: none;
}

/* For IE's benefit */
a span {
      display: none;
}

a.rssheader {
      display: block;
      background: #FFF;
      font-weight:bold;
      padding: 0.2em;
}
 
a.rssheader:hover {
      background: #FFF;
      text-decoration: none;
}

/* This works in IE */
a.rssheader:hover span.rssChannelDescription {
      display: block;
      position: absolute;
      border: 1px solid #000;
      background: #FFF;
      width: 38%;
      padding: 0.2em;
      color: #000;
      font-size: 8pt;
      font-weight: normal;
      text-align: center;
}

.rssupdated {
      text-align: right;
      font-size:8pt;
      color: #666;
}

a.rssitem {
      font-size: 8pt;
}

a.rssitem:hover {
      text-decoration: none;
}

/* ...yet IE doesn't like this */
a.rssitem:hover span.rssItemDescription {
      display: block;
      position: absolute;
      border: 1px solid #000;
      border-right: 2px solid #000;
      background: #FFF;
      width: 38%;
      padding: 0.4em;
      color: #000;
      font-size: smaller;
      text-align: center;
}

a.rssitem > span.rssItemDescription {
      display: none;
}

#leftChannels {
      width: 48%;
      float: left;
}

#rightChannels {
      width: 48%;
      float: left;
      margin-left: 10px;
}