/*******************************************
 * Sample style sheet for itms_rss.cgi     *
 * Wilfredo Sanchez, wsanchez@wsanchez.net *
 *******************************************/

/* Generic tag defaults */

body {
  font-family: Georgia, serif;
  font-size  : x-small;
  font-weight: normal ;
  color      : #333;
  background : #FFF;
  margin     : 0px;
  border     : 4px double #DDD;
}

a         { color: #003366; text-decoration: none; }
a:link    { color: #003366; }
a:visited { color: #003366; }
a:active  { color: #999999; }
a:hover   { color: #999999; }

h1 {
  font-weight: bold;
  margin     : 0px;
  padding    : 0px;
  text-align : center;
  font-size  : small;
}

/* Margins */

#itms-feed              { margin       : 5px; }
#itms-feed .description { margin-top   : 3px; }
#itms-feed .item-list   { margin       : 0px; }
#itms-feed .item        { margin-bottom: 5px; }

/* Styles for item elements */

#itms-feed .title {
  font-size    : small;
  font-weight  : bold ;
  border-bottom: 1px solid #DDD;
}

#itms-feed .album, .artist   { font-size  : small  ; }
#itms-feed .album            { font-weight: bold   ; }
#itms-feed .date, .copyright { font-size  : x-small; }

/* This doesn't seem to work, so it's in the script.
 #itms-feed .item-number:after  { content: "."  ; }
 #itms-feed .artist     :before { content: "by" ; }
 #itms-feed .genre      :before { content: "in" ; }
 #itms-feed .date       :before { content: "on" ; }
 #itms-feed .price      :before { content: "for"; }
 */

#itms-feed .item { min-height: 58px; }
#itms-feed .art {
  float        : right;
  margin-bottom:  3px;
  margin-right : 10px;
  border       :  4px solid #DDD;
  height       : 50px;
}