/**
   * Writes the CSS information to the given Writer.
   *
   * @param writer the writer to add the CSS information to.
   * @throws IOException In case of an error while writing.
   */
  public void writeCSS(Writer writer) throws IOException {

    /* Open CSS */
    writer.write("<style type=\"text/css\">\n");

    /* General Links and Body */
    writer.append("body { overflow: auto; margin-left: 0 auto; margin-right: 0 auto; font-family: ").append(fNewsFontFamily).append(",Verdanna,sans-serif; }\n");
    writer.write("a { color: #009; text-decoration: none; }\n");
    writer.write("a:hover { color: #009; text-decoration: underline; }\n");
    writer.write("a:visited { color: #009; text-decoration: none; }\n");
    writer.write("img { border:none; }\n");

    /* Group */
    writer.append("div.group { color: #678; ").append(biggestFontCSS).append(" font-weight: bold; padding: 5px; padding-bottom: 20px; }\n");

    /* Main DIV per Item */
    writer.write("div.newsitem { width: 95%; border-left: dotted 1px silver; border-right: solid 1px silver; margin-bottom: 30px; }\n");

    /* Main DIV Item Areas */
    writer.write("div.header { padding: 10px; background-color: #eee; }\n");
    writer.write("div.content { \n");
    writer.write("  padding: 15px 10px 15px 10px; border-top: solid 1px silver; border-bottom: dotted 1px silver; \n");
    writer.append("  background-color: #fff; clear: both; ").append(normalFontCSS).append("\n");
    writer.write("}\n");
    writer.write("div.footer { clear: both; background-color: rgb(248,248,248); padding-left: 10px; padding-right: 10px; padding-top 5px; padding-bottom: 5px; line-height: 20px; border-bottom: solid 1px silver; }\n");

    /* Restrict the style of embedded Paragraphs */
    writer.write("div.content p { margin-top: 0; padding-top: 0; margin-left: 0; padding-left: 0; }\n");

    /* Title */
    writer.append("div.title { padding-bottom: 6px; ").append(biggerFontCSS).append(" }\n");

    writer.write("div.title a { color: #009; text-decoration: none; }\n");
    writer.write("div.title a.unread { font-weight: bold; }\n");
    writer.write("div.title a.readsticky { background-color: rgb(255,255,128); }\n");
    writer.write("div.title a.unreadsticky { font-weight: bold; background-color: rgb(255,255,128); }\n");
    writer.write("div.title a:hover { color: #009; text-decoration: underline; }\n");
    writer.write("div.title a:visited { color: #009; text-decoration: underline; }\n");

    writer.write("div.title span.unread { font-weight: bold; }\n");
    writer.write("div.title span.readsticky { background-color: rgb(255,255,128); }\n");
    writer.write("div.title span.unreadsticky { font-weight: bold; background-color: rgb(255,255,128); }\n");

    /* Date */
    writer.append("div.date { float: left; ").append(smallFontCSS).append(" }\n");

    /* Author */
    writer.append("div.author { text-align: right; ").append(smallFontCSS).append(" }\n");

    /* Attachments */
    writer.append("div.attachments { clear: both; ").append(smallFontCSS).append(" }\n");
    writer.write("div.attachments span.label { float: left; padding-right: 5px; }\n");
    writer.write("div.attachments a { color: #009; text-decoration: none; }\n");
    writer.write("div.attachments a:visited { color: #009; text-decoration: none; }\n");
    writer.write("div.attachments a:hover { text-decoration: underline; }\n");

    /* Label */
    writer.append("div.label { clear: both; ").append(smallFontCSS).append(" }\n");
    writer.write("div.label span.label {float: left; padding-right: 5px; }\n");

    /* Categories */
    writer.append("div.categories { clear: both; ").append(smallFontCSS).append(" }\n");
    writer.write("div.categories span.label { float: left; padding-right: 5px; }\n");
    writer.write("div.categories a { color: #009; text-decoration: none; }\n");
    writer.write("div.categories a:visited { color: #009; text-decoration: none; }\n");
    writer.write("div.categories a:hover { text-decoration: underline; }\n");

    /* Source */
    writer.append("div.source { clear: both; ").append(smallFontCSS).append(" }\n");
    writer.write("div.source span.label {float: left; padding-right: 5px; }\n");
    writer.write("div.source a { color: #009; text-decoration: none; }\n");
    writer.write("div.source a:visited { color: #009; text-decoration: none; }\n");
    writer.write("div.source a:hover { text-decoration: underline; }\n");

    /* Comments */
    writer.append("div.comments { clear: both; ").append(smallFontCSS).append(" }\n");
    writer.write("div.comments span.label {float: left; padding-right: 5px; }\n");
    writer.write("div.comments a { color: #009; text-decoration: none; }\n");
    writer.write("div.comments a:visited { color: #009; text-decoration: none; }\n");
    writer.write("div.comments a:hover { text-decoration: underline; }\n");

    /* Search Related */
    writer.append("div.searchrelated { clear: both; ").append(smallFontCSS).append(" }\n");
    writer.write("div.searchrelated span.label {float: left; padding-right: 5px; }\n");
    writer.write("div.searchrelated a { color: #009; text-decoration: none; }\n");
    writer.write("div.searchrelated a:visited { color: #009; text-decoration: none; }\n");
    writer.write("div.searchrelated a:hover { text-decoration: underline; }\n");

    /* Quotes */
    writer.write("span.quote_lvl1 { color: #660066; }\n");
    writer.write("span.quote_lvl2 { color: #007777; }\n");
    writer.write("span.quote_lvl3 { color: #3377ff; }\n");
    writer.write("span.quote_lvl4 { color: #669966; }\n");

    writer.write("</style>\n");
  }