/* coComment.com Box */

/* SETTINGS FROM DATABASE... */
document.write( "<style type=\"text/css\">" );
document.write( "  DIV.cocomment-box{ " );
document.write( "  }" );
document.write( "</style>" );
/* ...SETTINGS FROM DATABASE */

/* DEFAULT STYLE... (Override these by adding your CSS LATER ON in the html page) */
document.write( "<style type=\"text/css\">" );
document.write( "  .cocomment-box{ border:1px solid #DDDDDD; padding:2px; margin:1px; background-color:white;}" );
document.write( "  .cocomment-box div{ margin:0;}" );
document.write( "  .cocomment-box .boxhead{ background-color:white; }" );
document.write( "  .cocomment-box .rsslink{ float:right; width:20px; text-align:right; padding:1px;}" );
document.write( "  .cocomment-box .cocoicon{ float:left; width:20px; padding:1px;}" );
document.write( "  .cocomment-box .heading{ text-align:center; font-size: smaller; height: 1em; }" );
document.write( "  .cocomment-box .boxheading{ color:#0D497B; }" );
document.write( "  .cocomment-box .entry{ padding:5px; font-size:x-small; background-color:#DBE8FF;" );
document.write( "                         border-bottom: 1px dashed #CCCCCC; clear:both; }" );
document.write( "  .cocomment-box .title{ padding:5px; margin-bottom:3px; background-color:white; color:black;}" );
document.write( "  .cocomment-box .article{ color:#0D497B; }" );
document.write( "  .cocomment-box .author{ color:#0D497B;}" );
document.write( "  .cocomment-box .author-alias{ display:none; }" );
document.write( "  .cocomment-box .comment{ color:black;}" );
document.write( "  .cocomment-box A{ text-decoration:none;}" );
document.write( "  .cocomment-box A:hover{ text-decoration:underline;}" );
document.write( "  .cocomment-box .boxfooter{ font-size:x-small;}" );
document.write( "  .cocomment-box .footerleft{ float:left; text-align:left;}" );
document.write( "  .cocomment-box .footerleft A{ color:gray;}" );
document.write( "  .cocomment-box .footerright{ float:right; text-align:right;}" );
document.write( "  .cocomment-box .footerright A{ color:gray;}" );
document.write( "</style>" );
/* ...DEFAULT STYLE (Override these by adding your CSS LATER ON in the html page) */

/* BOX... */
document.write( "<div class=\"cocomment-box\" id=\"cocomment-box\" style=\"text-align:left; overflow:hidden;\">" );
document.write( "  <div class=\"boxhead\">" );
document.write( "    <div class=\"rsslink\">" );
document.write( "      <a href=\"http://www.cocomment.com/myRss/clagnut/d2a33e72b7dc6e82603c.rss\">" );
document.write( "        <img src=\"http://www.cocomment.com/images/icon-feed-14x14-for-box.gif\" style=\"border-width:0;\" alt=\"RSS\" title=\"RSS feed of this box\"></a>" );
document.write( "    </div>" );
document.write( "    <div class=\"cocoicon\">" );
document.write( "      <a href=\"http://www.cocomment.com/?box\"><img src=\"http://www.cocomment.com/images/logo-for-box17x14.gif\" style=\"display:inline; border-width:0;\" alt=\"coComment.com\" title=\"coComment.com\"></a>" );
document.write( "    </div>" );
document.write( "    <div class=\"heading\">" );
document.write( "      <a href=\"http://www.cocomment.com/comments/clagnut\" class=\"boxheading\" title=\"Show all comments of clagnut\">My comments on other blogs</a>" );
document.write( "    </div>" );
document.write( "  </div>" );


document.write( "      <div class=\"entry\" style=\"overflow:hidden;\">" );
document.write( "        <div class=\"title\">" );
document.write( "          <div>" );
document.write( "            Flickr Photo: " );
document.write( "            <a href=\"http://www.flickr.com/photos/intemperie/4003065706/\" class=\"article\" title=\"External link to article\">intemperie vertical rhythm</a>" );
document.write( "          </div>" );
document.write( "        </div>" );
document.write( "              <div class=\"from-me\">" );
document.write( "                &raquo; " );
document.write( "                <span class=\"comment\"> The highlighted larger text has inherited the calculated line-height from the body, but that line-height is smaller than the text size, hence the overlapping. As you say multiplying the line-height by" );
document.write( "                  <a href=\"http://www.cocomment.com/comment/134025897\">...</a>" );
document.write( "                </span>" );
document.write( "              </div>" );
document.write( "    </div>" );
document.write( "      <div class=\"entry\" style=\"overflow:hidden;\">" );
document.write( "        <div class=\"title\">" );
document.write( "          <div>" );
document.write( "            What do you use for portable wall space?- 90 Percent of Everything: " );
document.write( "            <a href=\"http://www.90percentofeverything.com/2008/12/03/multiple-select-controls-must-evolve-or-die/\" class=\"article\" title=\"External link to article\">90 percent of everything : Usability Blog</a>" );
document.write( "          </div>" );
document.write( "        </div>" );
document.write( "              <div class=\"from-me\">" );
document.write( "                &raquo; " );
document.write( "                <span class=\"comment\"> Excellent points Harry. This always comes up in testing - including the &quot;don\'t trust it&quot; user. <br><br>On a slight tangent, a native (to Windows) form control that is completely missing from HTML is the com" );
document.write( "                  <a href=\"http://www.cocomment.com/comment/57633946\">...</a>" );
document.write( "                </span>" );
document.write( "              </div>" );
document.write( "    </div>" );
document.write( "      <div class=\"entry\" style=\"overflow:hidden;\">" );
document.write( "        <div class=\"title\">" );
document.write( "          <div>" );
document.write( "            Smashing Magazine: " );
document.write( "            <a href=\"http://www.smashingmagazine.com/2007/11/07/tag-clouds-gallery-examples-and-good-practices/\" class=\"article\" title=\"External link to article\">Tag Clouds Gallery: Examples And Good Practices</a>" );
document.write( "          </div>" );
document.write( "        </div>" );
document.write( "              <div class=\"from-me\">" );
document.write( "                &raquo; " );
document.write( "                <span class=\"comment\"> Another fine - and different - example of a tag cloud is the heat map for the Guardian\'s Comment is Free collective blog." );
document.write( "                </span>" );
document.write( "              </div>" );
document.write( "    </div>" );
document.write( "      <div class=\"entry\" style=\"overflow:hidden;\">" );
document.write( "        <div class=\"title\">" );
document.write( "          <div>" );
document.write( "            Bruce Lawson’s personal site: " );
document.write( "            <a href=\"http://www.brucelawson.co.uk/index.php/2007/navigation-or-content-first/\" class=\"article\" title=\"External link to article\">Navigation or content first?</a>" );
document.write( "          </div>" );
document.write( "        </div>" );
document.write( "              <div class=\"from-me\">" );
document.write( "                &raquo; " );
document.write( "                <span class=\"comment\"> Screen reader users I\'ve spoken to and seen in action have tended to navigate pages using headings (assuming they exist in the markup). This is especially true for their first visit to a page or site," );
document.write( "                  <a href=\"http://www.cocomment.com/comment/19593038\">...</a>" );
document.write( "                </span>" );
document.write( "              </div>" );
document.write( "    </div>" );
document.write( "      <div class=\"entry\" style=\"overflow:hidden;\">" );
document.write( "        <div class=\"title\">" );
document.write( "          <div>" );
document.write( "            Red Gad: " );
document.write( "            <a href=\"http://www.456bereastreet.com/movabletype/comnt.cgi\" class=\"article\" title=\"External link to article\">456 Berea Street</a>" );
document.write( "          </div>" );
document.write( "        </div>" );
document.write( "              <div class=\"from-me\">" );
document.write( "                &raquo; " );
document.write( "                <span class=\"comment\"> 1. Richard Rutter, web site designer<br>2. From Woking (in the London commuter belt) now happily living in brighton<br>3. A significant number of years<br>4. Posted quite a few comments down the years<br>5. Would" );
document.write( "                  <a href=\"http://www.cocomment.com/comment/7408870\">...</a>" );
document.write( "                </span>" );
document.write( "              </div>" );
document.write( "    </div>" );
document.write( "      <div class=\"entry\" style=\"overflow:hidden;\">" );
document.write( "        <div class=\"title\">" );
document.write( "          <div>" );
document.write( "            QuirksBlog: " );
document.write( "            <a href=\"http://www.quirksmode.org/blog/mt-comments.cgi\" class=\"article\" title=\"External link to article\">QuirksBlog - Comment error</a>" );
document.write( "          </div>" );
document.write( "        </div>" );
document.write( "              <div class=\"from-me\">" );
document.write( "                &raquo; " );
document.write( "                <span class=\"comment\"> I agree that this is certainly an extremely positive step in the right direction. It does concern me however that technical solutions to accessibility issues are mandated by law. What happens in 5 or " );
document.write( "                  <a href=\"http://www.cocomment.com/comment/6424361\">...</a>" );
document.write( "                </span>" );
document.write( "              </div>" );
document.write( "    </div>" );
document.write( "      <div class=\"entry\" style=\"overflow:hidden;\">" );
document.write( "        <div class=\"title\">" );
document.write( "          <div>" );
document.write( "            as days pass by: " );
document.write( "            <a href=\"http://www.kryogenix.org/days/2007/01/30/my-week\" class=\"article\" title=\"External link to article\">My week</a>" );
document.write( "          </div>" );
document.write( "        </div>" );
document.write( "              <div class=\"from-me\">" );
document.write( "                &raquo; " );
document.write( "                <span class=\"comment\"> Please don\'t say you\'re middle-aged just yet - you\'re only ** years old for goodness sake - the point is you\'re 3 years younger than me and I don\'t want to be middle aged yet. Although I am a cyclist," );
document.write( "                  <a href=\"http://www.cocomment.com/comment/7811539\">...</a>" );
document.write( "                </span>" );
document.write( "              </div>" );
document.write( "    </div>" );

document.write( "<div class=\"boxfooter\">" );
document.write( "  <div class=\"footerright\">" );
document.write( "    <a href=\"http://www.cocomment.com/comments/clagnut\">more &raquo;</a>" );
document.write( "  </div>" );
document.write( "  <div class=\"footerleft\">" );
document.write( "    <a href=\"http://www.cocomment.com/?box\">Powered by coComment</a>" );
document.write( "  </div>" );
document.write( "</div>" );
document.write( "</div>" );
/* ...BOX */