@@ -445,22 +445,24 @@ img {
     max-width: 100%;
 }
 
+.float-left {
+    margin: 1rem;
+    float: left;
+}
+
+.float-right {
+    margin: 1rem;
+    float: right;
+}
+
 @media screen and (max-width: 500px) {
-    p[style*="float"]:has(img) {
+    p.float-right:has(img), p.float-left:has(img) {
         float: none !important;
         margin: 1rem auto;
         text-align: center;
     }
 }
 
-p[style*="float"]:has(img) {
-    margin: 1rem;
-}
-
-
-/*****
- * THEME
- *****/
 
 body {
     background: #1e1e1e;

@@ -4,7 +4,7 @@ content-type: article
 timestamp: 1144560780
 tags: "italy|politics"
 -----
-<p style="float:right;"><img src="http://www.berluscastop.it/v_imag/sodom1.gif" alt="" /></p>
+<p class="float-right"><img src="http://www.berluscastop.it/v_imag/sodom1.gif" alt="" /></p>
 <p>Another five years have passed and here we go again: General Elections time!<br />
 	Today and tomorrow Italy <del>must</del> should vote for a new government, and the choice is <em>again</em> between
 	two main contenders to the Prime Minister's <del>throne</del> chair:</p>
@@ -76,7 +76,7 @@ new currency, back in the day, and also the one who was blamed for than after a few months when the <em>Euro
 		effect</em> occurred: prices went higher and didn't seem to be an <em>exact conversion</em> from Lire to Euro.
 	He was chubby enough (&#8220;mortadella&#8221; is one of his most recurring nicknames) to be quickly appointed as
 	scapegoat for the unpleasant situation.</p>
-<p style="float:left;"><img src="http://www.dsmirandola.it/sg/img/berlusconi_corna.jpg" alt="" /></p>
+<p class="float-left"><img src="http://www.dsmirandola.it/sg/img/berlusconi_corna.jpg" alt="" /></p>
 <p>Besides that, if someone asks me what's the difference between the two candidates, I'll answer: one is a politician
 	and devoted all his life to Politics, while the other partly devoted only the last 10-years-or-so to politics
 	because it seemed to be <em>a cool and worthwhile investment</em>&#8230;</p>

@@ -8,7 +8,7 @@ <p>I should write more. I noticed that I since I decided to take a break from <a href="http:www.zzine.org">zZine
         Magazine</a> I more or less stopped writing &#8211; and started <em>baking</em> again with <a
         href="http://www.cakephp.org/">CakePHP</a>. As a result I finally recoded this website and <em>refreshed</em> a
     little bit my almost-rusty baking skills.</p>
-<p style="float:left;"><img src="/images/pictures/cakephp.png" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/cakephp.png" alt="" /></p>
 <p>Why not taking advantage of this and write more about CakePHP then? After all, my last <a
         href="/articles/cakephp/">article</a> turned out well enough and some people even bookmarked it online on
     del.icio.us and ma.gnolia&#8230; Now it's a bit out of date, I must admit: it was based on a pre-beta release
@@ -54,7 +54,7 @@ component</a><br />
     <a href="http://rossoft.wordpress.com/2006/03/16/image-auth-component/">Image Auth &#8211; <span
             class="caps">CAPTCHA</span> component</a>
 </p>
-<p style="float:right;"><img src="http://xcite-online.de/spliceit/themes/SpliceIt/logo.png" alt="" /></p>
+<p class="float-right"><img src="http://xcite-online.de/spliceit/themes/SpliceIt/logo.png" alt="" /></p>
 <p><a href="http://www.thinkingphp.org/">ThinkingPHP</a> is another &#8220;technical&#8221; Cake blog, with interesting
     code snippets and thoughts about our favourite <span class="caps">PHP</span> framework. For those who don't
     know or don't remember him (yes, like me&#8230;), he's the author of <a
@@ -70,7 +70,7 @@ &#8211; and most notabily: Modularization of often used Code Segments</p>
 </blockquote>
 <p>i.e. something I should have checked before recoding this website. I'll definitely keep this in mind for the
     next release of h3rald.com.</p>
-<p style="float:left;"><img src="http://rdos.rd11.com/img/rd11/rdlogo.gif" alt="" /></p>
+<p class="float-left"><img src="http://rdos.rd11.com/img/rd11/rdlogo.gif" alt="" /></p>
 <p><a href="http://rd11.com/posts">Posts@ rd11</a> a.k.a. gwoo [and seth]&#8216;s blog. Moment of silence. Gwoo is
     CakePHP's project manager (respect+) and one of the lead developers of CakePHP and he also actually uses Cake
     for his website and blog instead of WordPress :)<br />

@@ -13,7 +13,7 @@ add ten bookmarks about Cake right away, but the <em>latest addition</em> showed on the front page would feature
     only bookmarks, which would be bad (yes, I do worry about silly things). At the moment this blog is the second
     easiest way to provide fresh content frequently enough to encourage visitors to come back, but articles could be
     even better.</p>
-<p style="float:left;"><img src="/images/pictures/baking_bear.png" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/baking_bear.png" alt="" /></p>
 <p>Without further ado, I hereby announce that <em>I am working on some new articles on CakePHP</em>, at least one.
     I'd like to write something technical about CakePHP's advanced features, because that's where the
     current documentation is lacking, at the moment: associations, caching, some advanced components&#8230; they are

@@ -19,7 +19,7 @@ </p>
 <p>What I keep finding online is other open source projects adopting CakePHP as <em>backend</em> and <em>structure</em>.
     I'm sure there are many examples which could be mentioned here, but I chose two in particular: one has been
     around for a few months and the other is just born.</p>
-<p style="float:left;"><img src="/images/pictures/amfphp.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/amfphp.jpg" alt="" /></p>
 <p><a href="http://amfphp.org/"><span class="caps">AMFPHP</span></a> is quite an interesting project:</p>
 <blockquote>
     <p>&#8220;[it] is an open-source Flash Remoting gateway. It's fast, reliable, 100% free and open-source. Flash
@@ -52,7 +52,7 @@ <p>The installation doesn't seem too painful at all. And &#8211; guess what &#8211; gwoo recently updated a very
     informative tutorial showing how to create a simple &#8211; but still impressive &#8211; bullettin board with
     CakeAMFPHP.</p>
 <p><em>&#8220;Cool, but I never liked flash, what about <span class="caps">AJAX</span>?&#8221;</em></p>
-<p style="float:left;"><img src="/images/pictures/qooxdoo.gif" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/qooxdoo.gif" alt="" /></p>
 <p>CakePHP has a nice <span class="caps">AJAX</span> helper to be used in conjunction with <a
         href="http://prototype.conio.net/">prototype</a>, but there are truly a lot of libraries, mini-frameworks,
     pre-built applications to create interactive desktop-like user interfaces. Some people may already know <a

@@ -18,7 +18,7 @@ this means that the could be some performance issues, for one, and also that inevitably not <em>all</em> features
     offered by either ADOdb or <span class="caps">PEAR</span>::DB are used. In my very, very, very modest opinion
     (I'm not an expert on this matter), this solution focus on achieving good database compatibility leaving the
     doors open for further tinkering, if needed.</p>
-<p style="float:left;"><img src="/images/pictures/postgres.png" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/postgres.png" alt="" /></p>
 <p>Having said this, yes, the possibilities are good that your favorite database is supported by CakePHP, more or less.
     Of course, as repeatedly pointed out by some CakePHP core developers, Cake dev team didn't and is not going to
     test <em>every</em> database with Cake, using either of the two abstraction layers, but users are more than welcome
@@ -32,7 +32,7 @@ *PostgreSQL*'s support is continuously improving. Something may work, something may not: the good news is that the
 folks who are using it are <a
     href="http://groups.google.com/group/cake-php/browse_thread/thread/85a29ab6ec6826a0/8eecea26ba53e1fd?q=postgres&amp;rnum=1#8eecea26ba53e1fd">sharing
     their thoughts</a> with the rest of us.
-<p style="float:right;"><img src="/images/pictures/sqlite.gif" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/sqlite.gif" alt="" /></p>
 <p><strong>SQLite</strong> is supported natively, or so it seems&#8230; what about the newest SQLite3? Yes, probably:
     there's a quick <a href="http://www.thompsonlife.net/index.php?section=9">howto</a> on ThompsonLife.net to
     make it work through the dbo_pear driver.</p>

@@ -32,7 +32,7 @@ similar to me!</p>
 <p>What about <code>_this_</code> instead? You use only two additional characters instead of seven. <span
 		class="caps">SEVEN</span>. If I only want italcized text I honestly can't imagine myself using more than
 	two extra characters. It's natural. It's human.</p>
-<p style="float:left;"><img src="/images/pictures/pear2.gif" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/pear2.gif" alt="" /></p>
 Precisely. Textile is a <em>&#8220;Humane web text generator&#8482;&#8221;</em>, it's simple, elegant and produces
 standard compliant <span class="caps">XHTML</span> code. <a href="http://www.textism.com/about/">Dean Allen</a> should
 be worshipped by entire generations of web developers for inventing something so easy to use and so <em>elegant</em> at

@@ -15,7 +15,7 @@ <p>Definitely: everybody is special, and people tend to say that especially when someone passes away. In my
     grandpa's case, actually I can say that in a slightly more absolute sense: his life was truly uncommon and
     very active.</p>
 <p><strong>A very active life</strong></p>
-<p style="float:left;"><img src="/images/pictures/grandpa.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/grandpa.jpg" alt="" /></p>
 <p>Vittorio Cevasco, my grandfather, was certainly the most active member of my family. We're talking about a man
     who was still able to drive a car up to last September (he was nearly 90 years old), and used to drive 500 Km on the
     motorway and mountain roads every year to go on vacation: he went to the same place, Mals Vinschgau, near the
@@ -47,7 +47,7 @@ <p>He was one of the first man in Italy and the the first in Genoa area to get a flying license, back in 1934. A news
     which made the local papers at the time, and we still have that article somewhere. He wanted to become a civil
     pilot, but he never did: the Country needed him to protect our sky, when Italy joined the War in 1941.</p>
 <p><strong>The Aviator</strong></p>
-<p style="float:left;"><img src="/images/pictures/sessarego.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/sessarego.jpg" alt="" /></p>
 <p>My grandpa lived the early years of his youth in the village of Sessarego, where my great-grandfather bought an old
     house, after taking part in <a href="http://www.italian-american.com/garib-it.htm&#39;s">Giuseppe Garibaldi</a>
     expedition at Marsala (1860) fighting for the Italian independence (he's listed among <a
@@ -76,7 +76,7 @@ him to the hospital, a few weeks ago, when we asked the nurse if he was self-conscious she said:
     <em>&#8220;Yes&#8230; well, he was talking a few hours ago, but I don't know if he was raving or what&#8230;
         he said he was a pilot, and that he used to fly at 350Km/h&#8230;&#8221;</em>
 </p>
-<p style="float:right;"><img src="/images/pictures/r2002-main.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/r2002-main.jpg" alt="" /></p>
 <p>Damn right. His old <a href="http://www.comandosupremo.com/Re2002.html">Re 2002</a> was able to fly at 350 Km/h if
     pushed, at a standard altitude of 35,000 m, while carrying a 500Kg bomb. It was <em>his</em> plane, and he never
     forgot that, even a few days before he passed away. He'd tell you all the stats, the mechanics, the technical
@@ -103,7 +103,7 @@ about <em>that particular day in 193x/4x</em> and so on: we all knew that, and actually I enjoyed listening to his
     stories, mostly because they were genuine and authentic relics of an old and glorious past. I think in his mind he
     wanted us all to remember him in that way, to always keep in mind that he was a pilot and how he enjoyed it, even
     when he went in jail for it, even when his plane was taken down&#8230;</p>
-<p style="float:left;"><img src="/images/pictures/Re2002.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/Re2002.jpg" alt="" /></p>
 <p>On that day right after he was assigned to a new base, they asked him to perform some exercises in the air, loops and
     all sort of acrobatics: <em>&#8220;&euml; s&ouml;lite c&ouml;se che s&euml; d&ucirc;vi&euml;iva f&auml; in
         t'&euml; l'avi&auml;si&ucirc;n&#8221;</em> [the usual things you had to do in the airforce].<br />

@@ -32,7 +32,7 @@ <p>All this for less than 10$/month, ideally 5$, on shared hosting. I already made my choice and if you're reading
 	this post it means everything worked fine, but anyway, let's have a look at what the market can offer for my
 	needs. I only went for US-based hosts: Italian hosts are terrible and US hosts are normally more reliable and
 	cheaper.</p>
-<p style="float:left;"><img src="/images/pictures/dreamhost.gif" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/dreamhost.gif" alt="" /></p>
 <p>The first hosting company I was tempted by was <a href="http://www.dreamhost.com">DreamHost</a>. They can literally
 	sell you anything but their mother, at stupidly cheap rates for what you get (apparently):</p>
 <ul>
@@ -53,7 +53,7 @@ reliability is not too great, for example, and that the seem to be rather dodgy in general. &#8220;They are
 	overselling, they'll soon enforce <span class="caps">CPU</span> restrictions&#8221; etc. etc. <br />
 	<em>&#8230;let's move along</em>
 </p>
-<p style="float:right;"><img src="/images/pictures/rails.gif" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/rails.gif" alt="" /></p>
 <p>I might try out Ruby on Rails someday, so perhaps I thought it would be wise to choose a host supporting it, for a
 	change. The first Rails friendly I thought about was <a href="http://www.railsplayground.org">RailsPlayground</a>,
 	which started off as <span class="caps">FREE</span> Rails host and then ended up offering interesting commercial
@@ -72,7 +72,7 @@ <li>&#8230;and more</li>
 </ul>
 <p>Well, the only reason why I didn't go with them was that I did slightly more space, only that. The plan for 5GB
 	of space costs 11$/month, which was too expensive for my liking.</p>
-<p style="float:left;"><img src="/images/pictures/textdrive.gif" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/textdrive.gif" alt="" /></p>
 <p>Since we're talking about Rails, why not <a href="http://www.textdrive.com">Textdrive</a>? Founded by 200 IT
 	professional, hosts high quality sites, it's the official Rails host&#8230; An &#8220;elite&#8221; solution,
 	here's what you get:</p>
@@ -126,9 +126,6 @@ <li><span class="caps">FTP</span> and <span class="caps">SSH</span> access</li>
 	<li>&#8230;and more</li>
 </ul>
 Not bad, a little bit too much for only 5 sites&#8230; I needed 6, too bad :/
-<div style="float:right; padding:3px;">
-	<script src="http://www.bluehost.com/src/js/h3rald/CODE2/488x160/1.jpg"></script>
-</div>
 <p>This site is currently hosted on <a href="http://www.bluehost.com">BlueHost</a>, a hosting company established in
 	1996, which seems to be reliable enough (not many complaints on the net) and seems serious enough. They don't
 	offer subversion and WebDAV for &#8220;security reasons&#8221; and in order to get a shell account you have to send

@@ -10,7 +10,7 @@ href="http://www.rubyonrails.org">Ruby on Rails</a> came out I felt damn jealous and terribly tempted to learn
 	Ruby <em>only</em> to start using such an amazing web development framework. At the time I actually even started
 	reading various tutorials about it, and I was literally amazed at how RoR revolutioned the way of developing web
 	applications.</p>
-<p style="float:left;"><img src="/images/pictures/rails.gif" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/rails.gif" alt="" /></p>
 <p>One of the main problems which made me &#8211; sadly &#8211; abandon Rails was Ruby itself: personally I've
 	never seen a programming language with a cleaner and more elegant syntax, but also &#8211; at least at the time
 	&#8211; there weren't many hosts supporting it. LuckilyI found CakePHP quickly after that&#8230;<br />
@@ -65,7 +65,7 @@ </ul>
 	</li>
 	<li>vendors/</li>
 </ul>
-<p style="float:right;"><img src="/images/pictures/cakephp.png" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/cakephp.png" alt="" /></p>
 <p>Cake felt the necessity to divide what you can mess with (<code>app/</code>, <code>vendors/</code>) from what
 	you'd better not touch (<code>cake/</code>). Rails just left everything on the same level.</p>
 <p>After creating my database and the necessary tables I have to edit <code>config/database.yml</code>, which

@@ -12,7 +12,7 @@ in many different ways, someone said it can do wonders, some said it's more advanced, others said something like
   <em>&#8220;qcodo sucks.. cake stinks.. symfony rocks!!!!!&#8221;</em>, so it <span class="caps">OUGHT</span> TO be
   pretty cool, definitely.
 </p>
-<p style="float:left;"><img src="/images/pictures/symfony.gif" alt="" /> <em>Know thy enemy</em> someone said (OK, bad
+<p class="float-left"><img src="/images/pictures/symfony.gif" alt="" /> <em>Know thy enemy</em> someone said (OK, bad
   joke), so let's have a look at this interesting alternative to CakePHP. <em>No dude, not another <span
       class="caps">MVC</span>-like, pseudo-Rails, <span class="caps">AJAX</span>-worshipping framework!</em> Yes,
   another one. Actually Symfony is more than that: while people <em>can</em> say CakePHP is similar to RoR for some
@@ -36,7 +36,7 @@ developer is not a complete and hopeless idiot when it comes to design and look &#8216;n' feel!<br />
   I do agree that some CakePHP sites (mine, mainly) don't look too good, and probably the Cake Software Foundation
   should pay me to put it offline. I also agree that the Symfony website looks nice and is more pleasant to the eye than
   CakePHP's, but I do hope that the old &#8220;design contest&#8221; doesn't get forgotten&#8230;</p>
-<p style="float:right;"><img src="/images/pictures/askeet.gif" alt="" /> The Symfony team also did something truly
+<p class="float-right"><img src="/images/pictures/askeet.gif" alt="" /> The Symfony team also did something truly
   remarkable: a comprehensive tutorial, an advent calendar, some great free source code to download and a fully
   functional Web 2.0-compliant online application <em>all in one</em>. I'm referring to Askeet, a Symfony-powered
   website which has been built from scratch using the

@@ -12,7 +12,7 @@ <p>Anyhow, it's ready, just baked and smells damn good. Go get it if you didn't already, it's
     available at <a href="http://cakeforge.org/frs/?group_id=23">the usual place</a>, even this time you won't be
     disappointed. CakePHP now reached the 1.0 milestone, in a way which reminds me a lot about Mozilla Firefox: a lot of
     people were already using it <em>before</em> it went stable officially!</p>
-<p style="float:left;"><img src="/images/pictures/CakePHP_1.0.png" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/CakePHP_1.0.png" alt="" /></p>
 <p>The CakePHP Team has been humble enough not to declare their product <em>stable</em> before the time. I personally
     considered CakePHP stable <em>enough</em> since RC2&#8230; and considering that this site and many others have been
     built on alpha, beta and RC version, I think people can get an idea of Cake's reliability.<br />
@@ -54,7 +54,7 @@ Adding check for custom error class in app/.
 Added check for AppController::appError(); will be called if this method 
 is in AppController.
 </code></pre>
-<p style="float:right;"><img src="/images/pictures/cakesite.png" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/cakesite.png" alt="" /></p>
 <p>If you're not too excited about this new release, maybe you should have a look at <a
         href="http://www.cakephp.org">www.cakephp.org</a>. Different? Damn right it is: it looks like someone listened
     to our prayers for a new website design. The merciful soul is <a href="http://www.nolimit-studio.com/">Armando
@@ -65,7 +65,7 @@ the place when I was a kid!&#8221;</em> And he's right, Armando thought that a fifties-like template would
     have been perfect for Cake. Forget all the smooth, roundy-and-chubby, toons-like &#8220;official&#8221; Web 2.0
     designs (beta), the new Cake site needs to stand out of the crowd&#8230;
 </p>
-<p style="float:left;"><img src="/images/pictures/fonz.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/fonz.jpg" alt="" /></p>
 <p><br /><br />
     <em>Heyyy! Well done guys&#8230;</em>
 </p>

@@ -36,7 +36,7 @@ <p>Anyhow, right when I went to submit my article to Digg, it turns out that another guy wrote <a
         href="http://digg.com/programming/5_Next_Generation_PHP_Frameworks">a similar round up</a>, which made it to
     Digg's homepage. That was an annoying cohincidence, but in the end things didn't go too bad: his roundup
     was more generic, while mine was more specific and detailed.</p>
-<p style="float:left;"><img src="/images/pictures/dugg_detail.png" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/dugg_detail.png" alt="" /></p>
 <p>After submitting my article the reaction wasn't instantaneous&#8230; 5, 7, 10, 13 diggs in the first two hours.
     Then shortly I made it to 30 and when the 40th visitor dugg it my article was moved to the first page!<br />
     I immediately noticed it when I refreshed my stats page: a minute before my girlfriend was here telling me &#8220;oh

@@ -12,7 +12,7 @@ This is old news now, the screencasts section came together with the <a href="/articles/24">site overhaul</a> but I
 	only got a chance to take a look at them (one of them only, to be totally honest) recently, and so here's a
 	spoil&#8230; erhm, a <em>detailed</em> description of John Anderson's screencast about the <a
 		href="http://manual.cakephp.org/chapter/18">Blog Tutorial</a>.</p>
-<p style="float:left;"><img src="/images/pictures/CakePHP_1.0.png" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/CakePHP_1.0.png" alt="" /></p>
 <p>There's something I'll never do: a screencast. Recording every mouse movement, every word or piece of
 	code typed in half an hour? No way! And what happens if I mistype something? People will keep pointing out the fact
 	that I was starting to type <code>&lt;/h2&gt;</code> to close a <code>&lt;/h1&gt;</code> tag, or that I waited an

@@ -17,7 +17,7 @@ is enough to leave the most popular multi-purpose programming editor out: programmers don't need a spell
     checker, a highlighter for their favourite language is more than enough. <br />
     I will not mention all the applications I tried to find the Perfect Editor, and I'll just focus on the
     programs I ended up using in the end. Some may be well known, others may not, anyway, here we go.</p>
-<p style="float:left;"><img src="/images/pictures/wp/bill.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/wp/bill.jpg" alt="" /></p>
 <p><a href="http://www.microsoft.com/office/preview/default.mspx">Word 2007 Beta 2</a> &#8211; Yes, I know that
     OpenOffice is free and OO Writer works great, but perhaps at work you'll be asked to use MS Word. Some editors
     may require that as well, and their templates may not be correctly rendered by OpenOffice, so in the end
@@ -35,7 +35,7 @@ class="caps">STILL</span> have to clutter your taskbar if you want to keep more than one document open. <br />
     At any rate, it does the job, exactly in the same way as it did in the previous versions. <br />
     I use it if people ask me to, and for writing stuff which doesn't need to be formatted with a particular
     markup or style but rather look nice and have pictures embedded.</p>
-<p style="float:right;"><img src="/images/pictures/wp/writely.gif" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/wp/writely.gif" alt="" /></p>
 <p>Writely &#8211; Now this is much more fun. A <em>online</em>, <span class="caps">AJAX</span>-powered word processor
     recently acquired by Google. IT's currently in closed
     beta, but I was lucky enough to get an account before they closed registrations and I can invite people to use
@@ -55,7 +55,7 @@ and save it, Writely automatically creates a new version of it, storing the old ones as well, so that you can even
     compare them to highlight differences if you wish: a great feature to keep track of the editing process and know
     exactly who edited which. When I noticed it that was it, Writely has become my online <em>repository</em> for my
     articles and writings.</p>
-<p style="float:left;"><img src="/images/pictures/wp/cream.png" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/wp/cream.png" alt="" /></p>
 <p>Cream &#8211; I discovered this a while ago, and it's perhaps the
     most multi-purpose editor out there. It's built on top of Vim (respect+) but it has a friendlier interface by
     default, and that's exactly what I'm using right now for typing this post. The reasons are simple: it

@@ -10,7 +10,7 @@ pointing out that I forgot another Rails-like framework, in my round-up. He obviously posted a link to this rather
 	mysterious Rails port in <span class="caps">PHP</span> and spam or not, I'd like to thank this guy for letting
 	me know of the existence of Akelos, a new <span class="caps">PHP</span> framework which seems simply too good to be
 	true.</p>
-<p style="float:left;"><img src="/images/pictures/frameworks/akelos_framework.png" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/frameworks/akelos_framework.png" alt="" /></p>
 <p>Let me just spend a few words more before writing more about it though. First off, it's not available yet. OR
 	at least it doesn't seem to be: the author is planning to release his work to the Open Source community
 	but&#8230; well, he's a bit concerned about the current &#8220;<span class="caps">PHP</span> Framework
@@ -35,7 +35,7 @@ really like RoR and I love the way it works, and yes, I think Ruby is definitely the best language to do that
 		sort of things, <span class="caps">EVERYBODY</span> <span class="caps">KNOWS</span> <span
 			class="caps">THAT</span>. Please, please, save us poor <span class="caps">PHP</span> developers the usual
 		preaching.</small></p>
-<p style="float:right;"><img src="/images/pictures/frameworks/bermi_ferrer.png" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/frameworks/bermi_ferrer.png" alt="" /></p>
 <p>Right, back to Akelos now. Curious as I am I immediately checked out the official page and all i found was a pretty
 	long list of features which made me dribble, literally&#8230; ooops!</p>
 <p>Let's just quote the most juicy ones, shall we?</p>

@@ -14,10 +14,10 @@ <p><img src="/images/italy/worldcup.jpg" alt="" />
 </div>
 </p>
 <blockquote>
-    <p style="float:left;"><img src="/images/italy/grosso.jpg" alt="" /></p>
+    <p class="float-left"><img src="/images/italy/grosso.jpg" alt="" /></p>
     <p>&#8220;Italy beat France 5-3 in a penalty shoot-out to win the World Cup after an absorbing 1-1 draw in Berlin.
     </p>
-    <p style="float:right;"><img src="/images/italy/italy1.jpg" alt="" /></p>
+    <p class="float-right"><img src="/images/italy/italy1.jpg" alt="" /></p>
     <p>Fabio Grosso scored the winning goal after France's David Trezeguet missed.</p>
     <p>Playing his last game before retiring, Zinedine Zidane's career ended in disgrace after he was sent off for
         crazily headbutting Marco Materazzi.</p>

@@ -61,7 +61,7 @@ <li>FileUploader (by the author, using prototype)</li>
 	<li>Window</li>
 	<li>EventSelectors</li>
 </ul>
-<p style="float:left;"><img src="/images/pictures/frameworks/akelos_framework_logo.gif" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/frameworks/akelos_framework_logo.gif" alt="" /></p>
 <p>Good, well, kind of: that's just what <em>others</em> did, but it's worth noting that it's all
 	there and &#8211; apparently &#8211; integrated with the framework, hopefully not too tightly. But people are fussy,
 	and do not get excited easily anymore, long gone are the early days of Rails, when the whole Internet shake at

@@ -19,7 +19,7 @@ href="http://www.techcrunch.com/2005/12/07/ajax-desktops-wont-stop/">the lot</a>, and an essential tool for lazy
 	folks like me who want to keep up-to-date with what's going on without having to visit dozen of websites
 	everyday.
 </p>
-<p style="float:left;"><img src="/images/pictures/netvibes.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/netvibes.jpg" alt="" /></p>
 <p>I can see people jumping up and down shouting &#8220;Pageflakes is better&#8221;, &#8220;Protopage kicks a$$&#8221;
 	etc. etc. Well, yes, probably, as you like: different people like different things, and when it comes to <span
 		class="caps">AJAX</span> Start Pages there's really a lot to choose from: 3spots has an excellent (and

@@ -11,7 +11,7 @@ <p>Up to now I never made any formal announcement myself (although the Cake Software Foundation already did, months
 	ago), nor gave out any juicy details about it, but maybe now the time has come to post something more about it. Yes,
 	I am indeed writing a book about the CakePHP framework, and yes, you can already buy it but no, you can't
 	phisically get it simply because it's still in progress (miracles of the modern publishing industry!).</p>
-<p style="float:left;"><img src="/images/cakephp-recipes/cover.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/cakephp-recipes/cover.jpg" alt="" /></p>
 <p>I'd like to point out that I'm not the <em>only</em> author of the book: all the code examples and
 	snippets included in the book is provided by the Cake Software Foundation staff, in the person of Larry E. Masters
 	and Garrett J. Woodworth mainly, who will also act as technical editors and first reviewers of the book, together

@@ -27,7 +27,7 @@ </p>
 <p>Personally I really liked <strong>Chapter 1</strong> though, &#8220;Building better Programs with Patterns&#8221;, in
 	which Russ does a great job in summarizing the original GoF book<sup class="footnote" id="fnr3"><a
 			href="#fn3">3</a></sup> into four points:</p>
-<p style="float:right;"><img src="/images/design_patterns_in_ruby.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/design_patterns_in_ruby.jpg" alt="" /></p>
 <ul>
 	<li><em>Separate our the things that change from those that stay the same.</em></li>
 	<li><em>Program to an interface, not an implementation.</em></li>

@@ -35,7 +35,7 @@ <section class="section">
 		<header>
 			<h1 id="h_1" class="toc">Overview</h1>
 		</header>
-		<img src="/images/pictures/distributed-programming-with-ruby.jpg" style="float:right;" />
+		<img src="/images/pictures/distributed-programming-with-ruby.jpg" class="float-right" />
 		<p>The book is organized into four parts, each dealing with a particular set of Ruby libraries related to
 			distributed programming.</p>
 		<p>The author, <a href="http://www.metabates.com/">Mark Bates</a>, does a good job maintaining a sort of

@@ -4,7 +4,7 @@ content-type: article
 timestamp: 1200890820
 tags: "ruby|review|books"
 -----
-<p style="float:right;"><img src="/images/efficient_ruby_shortcut.jpeg" alt="" /></p>
+<p class="float-right"><img src="/images/efficient_ruby_shortcut.jpeg" alt="" /></p>
 <p>The second shortcut from Addison-Wesley Professional series I'm going to review is called <a
 		href="http://www.informit.com/store/product.aspx?isbn=0321540034">Writing Efficient Ruby Code</a>. A very
 	promising title, especially considering that this book is only 50 pages long.</p>

@@ -20,7 +20,7 @@ <p>Because I'm addicted to trying out new tools, however, I always kept testing new browsers I discovered here and
 	there. K-Meleon, Flock, Sleipnir&#8230; When Safari came out for Windows I immediately installed it and used it for
 	about 2 hours, only to realize that it wasn't &ndash; and it still isn't &ndash; usable at all, mainly
 	due to sporadic crashes.</p>
-<p style="float:right;"><img src="/images/opera/fast.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/opera/fast.jpg" alt="" /></p>
 <p>Similarly, I've been trying out <a href="http://www.opera.com/">Opera</a> periodically, as new releases came
 	out, but again it didn't seem to work for me. The biggest complaint I had was its inability to render
 	heavily-ajaxified web sites properly. However, now it seems that the Opera Development Team made a big effort to
@@ -71,7 +71,7 @@ <p><strong><span class="caps">UPDATE</span>:</strong> For a list of the features provided by Firefox extensions
 		which are included in Opera, see Rijk's <a href="http://files.myopera.com/Rijk/blog/extensions.html">Top
 			150 Popular Firefox Extensions and Opera</a></p>
 </blockquote>
-<p style="float:right;"><img src="/images/opera/opera_navigation.png" alt="" /></p>
+<p class="float-right"><img src="/images/opera/opera_navigation.png" alt="" /></p>
 <p>Because I'm addicted to betas, I immediately downloaded <a href="http://www.opera.com/products/desktop/next/">Opera
 		Kestrel</a>, i.e. Opera 9.50 beta 1. I never actually
 	liked Opera's default theme, so I started looking around for <strong><a
@@ -129,7 +129,7 @@ custom search engine in Firefox, but unfortunately Opera didn't seem to allow users to customize their search
 	engines&#8230;</p>
 <p>Totally wrong. Not only Opera lets you add any search engine to the search bar, it also does it with style and in the
 	easiest way possible:</p>
-<p style="float:right;"><img src="/images/opera/search_engines.png" alt="" /></p>
+<p class="float-right"><img src="/images/opera/search_engines.png" alt="" /></p>
 <ol>
 	<li>Go to your search engine or any website with a search form</li>
 	<li>Right click the search field</li>
@@ -179,7 +179,7 @@ can do.</p>
 <p>Traditionally speaking, a web browser can be used to browse web pages, read feeds (sometimes) and navigate through
 	<span class="caps">FTP</span> directories. Here's what Opera can handle:
 </p>
-<p style="float:right;"><img src="/images/opera/files.png" alt="" /></p>
+<p class="float-right"><img src="/images/opera/files.png" alt="" /></p>
 <ul>
 	<li>Web Pages &ndash; No need of explanations here.</li>
 	<li><span class="caps">FTP</span> &ndash; <span class="caps">FTP</span> directories are listed very clearly,
@@ -343,12 +343,6 @@ though it will be used mainly to get more and more users to register to the Opera community (I did, at least), which
 	is indeed very active any way.</p>
 <p>To conclude this article, which still barely scratches the surface of this very powerful application, I'd like
 	to praise two more things about Opera:</p>
-<p><span style="float:right; margin:3px;"><br />
-		<script type="text/javascript">
-			digg_url = 'http://digg.com/software/A_Firefox_Lover_s_Guide_to_Opera';
-		</script>
-		<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><br />
-	</span></p>
 <ul>
 	<li>Their website network, and in particular their truly excellent documentation knowledge base, which is very
 		comprehensive of references, tutorials and interesting articles. I am a full time technical writer myself, and

@@ -17,7 +17,7 @@ I somehow agreed.
 </p>
 <p>In the end, they decided to pack my &#8220;article&#8221; into a 30-pages <span class="caps">PDF</span> eBook which
     can be downloaded <em>absolutely free of charge</em> from SitePoint web site as well, so here it is:</p>
-<p style="float:left;"><img src="/images/ff3-revealed.png" alt="" /></p>
+<p class="float-left"><img src="/images/ff3-revealed.png" alt="" /></p>
 <p><br /><br />
     <span style="font-size: 1.5em;"> <strong><a href="http://firefox.s3.sitepoint.com/ff3-revealed.zip">Firefox 3
                 Revealed</a></strong> </span>

@@ -4,7 +4,7 @@ content-type: article
 timestamp: 1220401860
 tags: "browsers|review|google"
 -----
-<p style="float:left;"><img src="/images/google-chrome/chrome-logo.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/google-chrome/chrome-logo.jpg" alt="" /></p>
 <p>It looks like there's a <a href="http://www.google.com/chrome">new open source browser</a> in town. As usual,
 	nearly everything about it <a href="http://blogoscoped.com/archive/2008-09-01-n47.html">leaked</a> <a
 		href="http://www.techcrunch.com/2008/09/01/first-public-screen-captures-of-google-chrome/">before</a> its <a
@@ -69,7 +69,7 @@ <h3>An &#8220;old&#8221; Rendering Engine</h3>
 <p>Let's just say that the main work was already done for Google by the <a href="http://webkit.org">WebKit</a>
 	guys. The rendering engine which now powers Safari, the Nokia Series 60 browser, Gnome's Epiphany, Adobe <span
 		class="caps">AIR</span> has been picked by the Google guys for Chrome.</p>
-<p style="float:right;"><img src="/images/google-chrome/chrome-javascript.gif" alt="" /></p>
+<p class="float-right"><img src="/images/google-chrome/chrome-javascript.gif" alt="" /></p>
 <p>This is a fairly obvious choice, if you ask me. Why?</p>
 <ul>
 	<li>Presto (Opera's engine) is proprietary</li>
@@ -91,7 +91,7 @@ href="http://null-logic.net/blog/2008/09/02/javascript-performance-comparison-with-chrome/">pointed out</a>).
 </p>
 <p>Meet <strong>V8</strong>, Chrome's very own Javascript Virtual Machine. When reading the Chrome Comic, I was
 	particularly impressed of two improvements introduced by this new javascript VM:</p>
-<p style="float:right;"><img src="/images/google-chrome/chrome-javascript-gc.gif" alt="" /></p>
+<p class="float-right"><img src="/images/google-chrome/chrome-javascript-gc.gif" alt="" /></p>
 <ul>
 	<li>It actually compiles Javascript to machine code via a Just-In-Time compiler (<span class="caps">JIT</span>).
 		This means that whenever you refresh a page containing Javascript the browser won't re-interpret the whole
@@ -111,7 +111,7 @@ <h3>One Process per Tab</h3>
 <p>Google Chrome is the first multi-process browser. The idea is that <em>each tab</em> (because you can't do
 	browsers without tabs, these days, right?) has its own phisical process and it is therefore independent from each
 	other.</p>
-<p style="float:right;"><img src="/images/google-chrome/chrome-processes.gif" alt="" /></p>
+<p class="float-right"><img src="/images/google-chrome/chrome-processes.gif" alt="" /></p>
 <p>Hang on, isn't that what IE 5 did? A new instance of the browser for each window? No, not quite: there's
 	a single instance of the browser and <em>multiple</em> tab instances. Each tab is independent in the sense that it
 	has its own address bar, but it's just a tab, at the end of the day.</p>
@@ -185,7 +185,7 @@ for Java and Flash are used, however, this doesn't apply.</li>
 	<li>Chrome continuously downloads lists of malicious sites, so that you're protected against phishing in real
 		time.</li>
 </ul>
-<p style="float:left;"><img src="/images/google-chrome/chrome-blame.gif" alt="" /></p>
+<p class="float-left"><img src="/images/google-chrome/chrome-blame.gif" alt="" /></p>
 <p>Now, if everything goes wrong, you know it's definitely <em>someone else who did it</em>. If you read the comic
 	book between the lines, you'll notice a not-so-subtle message to the end users:</p>
 <ul>

@@ -4,7 +4,7 @@ content-type: article
 timestamp: 1258029269
 tags: "programming|vim"
 -----
-<p style="float:right;"><img src="/images/herald.vim/0.2.1_release.png" alt="" /></p>
+<p class="float-right"><img src="/images/herald.vim/0.2.1_release.png" alt="" /></p>
 <p><span class="dropcap">I</span> just updated the <a href="/herald-vim-color-scheme/">Herald Vim color scheme</a> to
 	improve the readability of delimiters and search results.</p>
 <p>Delimiters are now red (the same color as operators) instead of yellow, so that you can tell the start and end of a

@@ -4,7 +4,7 @@ content-type: article
 timestamp: 1240530840
 tags: "personal"
 -----
-<p><img src="/images/sessarego/outside.jpg" style="float:left; border: 1px solid #B80000; margin-right: 10px;" /></p>
+<p class="float-left"><img src="/images/sessarego/outside.jpg" /></p>
 <p>Part of my family house in the countryside is now available for rent! It's located in the small village of <a
         href="http://italia.indettaglio.it/eng/liguria/genova_bogliasco_sessarego.html">Sessarego</a>, a few minutes
     away from the coast, on the Italian Riviera.<br />

@@ -45,7 +45,7 @@ take off my shoes, got checked everywhere, they emptied out my hand luggage, turned on and off my laptop and
 	confiscated my gel-ink pen. Way to go!</p>
 	
 <h4>Trains, coaches and cabs</h4>
-<p style="float:left;"><img src="/images/pictures/london/cab.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/london/cab.jpg" alt="" /></p>
 <p>The next question of the London newbie arriving in Stansted airport is:</p>
 <p><em>&#8220;Cool, now I'm in the middle of nowhere in England, where's London then?&#8221;</em></p>
 <p>Nice innit? They sell you a cheap flight and then it seems you still have a 45-minutes journey to get to the actual
@@ -111,7 +111,7 @@ few kids fretting for their <em>Happy Meal</em>, they weren't so packed. I was pleased to notice that a load
 	of new-ish healthier alternative are now available (see next section).</p>
 
 <h4>Healthy Food</h4>
-<p style="float:right;"><img src="/images/pictures/london/pret.png" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/london/pret.png" alt="" /></p>
 <p>This was the relatively new surprise. Relatively new because I already noticed some of them last year, but this time
 	I had a chance to try them all: they <em>healthy food gang</em>! This is the <span class="caps">REAL</span> food
 	trend for London, it seems, and I was very glad about it.<br />
@@ -198,7 +198,7 @@ Gallery</a>, which hosts one of the most outstanding painting galleries in all over the world, because we
 	already visited it too many times, so we went straight for the <a href="http://www.thebritishmuseum.ac.uk/">British
 		Museum</a>. I originally went there a few years ago, and I forgot what was in it, exactly, and yes, I was amazed
 	and perplexed at the same time:</p>
-<p style="float:left;"><img src="/images/pictures/london/rosetta.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/london/rosetta.jpg" alt="" /></p>
 <p>I was amazed at the amount of stuff those British folks <em>nicked</em> from all over the world: I'm not
 	talking about a few mummies from Egypt like we did in for our mini Egyptian museum in Turin, but rather stuff like
 	the original sarcophagus of Cleopatra (&amp; others), the Rosetta Stone, the Ur Standard, whole monuments from
@@ -210,7 +210,7 @@ <p>The <a href="http://www.tate.org.uk/modern/">Tate Modern</a> was impressive as well for a few Dali's and
 	Kandinski's paintings etc. etc., but I don't think it can ever be as breath-taking as the other ones. I
 	certainly don't understand certain kinds of modern art, but I can't understand how a random guy could
 	get loads of money and ovation for the critics for putting a few basket-balls in a glass box. Clever.</p>
-<p style="float:right;"><img src="/images/pictures/london/nh.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/london/nh.jpg" alt="" /></p>
 <p>To conclude this brief and silly overview of London's most remarkable museums, let's say something about
 	the <a href="http://www.nhm.ac.uk/">National History Museum</a>. <br />
 	First of all it must be noted that we have a decent equivalent in Genoa, so Roxy and I visited it not long prior to
@@ -266,7 +266,7 @@ almost-perfect reconstruction of the famous London Theatre where Shakespeare's plays used to be acted. Like in
 	the <span class="caps">XVII</span> century, you have two choices:</p>
 <p>a. Book your seat (26 pounds)<br />
 	b. Stand up on the ground, near the stage (5 pounds)</p>
-<p style="float:left;"><img src="/images/pictures/london/globe.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/london/globe.jpg" alt="" /></p>
 <p>We obviously went for option b, of course, since we didn't fancy the idea of paying that much &#8211; although
 	it can be worthwhile. Only one thing to keep in mind: <em>always check the duration of the play you're going
 		to see beforehand</em> &#8211; if you don't like standing up for a long time, you have to go for option a.

@@ -36,7 +36,7 @@ extended easily, simply because they were not meant to be extended in the first place.</p>
 <p>Moreover, if you are producing a book, Textile can't help you if you want to generate things like a Table of
 	Contents automatically or validate links: those things are simply not part of Textile's job.</p>
 <h3>How Glyph can help</h3>
-<p style="float:right;"><img src="/images/pictures/glyph.png" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/glyph.png" alt="" /></p>
 <p>There are a few projects on the Internet that tackle structured document generation. One of them is <a
 		href="http://github.com/fnando/kitabu">Kitabu</a>, which looks promising and is able to produce pretty documents
 	using Textile and Prince for <span class="caps">PDF</span> rendering&#8230; but again, it's not extensible

@@ -135,7 +135,7 @@ </ul>
 <p>Because the overwhelming majority of my readers is composed by geeks, I'll just describe how to create a custom
 	column, so that you can fully understand the power of this tool, in the right hands.</p>
 <h3>Adding a custom column</h3>
-<p style="float:right;"><img src="/images/pictures/journotwit/custom_column.png" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/journotwit/custom_column.png" alt="" /></p>
 <p>The creation of a custom column doesn't take long, but there are quite a few things you can configure. First
 	off, you have to specify whether you want the column to collect <em>local</em> or <em>global</em> tweets: local
 	means the people you follow, while global means everyone on the planet. Simple enough.</p>

@@ -53,7 +53,7 @@ <p>The central area is for editing, the left pane is for the Project browser, the right one is for the Toolbox and the
 	bottom pane is for command output. Luckily enough, a set of handy little buttons is provided in the toolbar to show
 	and hide each pane. I normally only use the Project Browser and the main editing area, leaving the Toolbox and
 	Command Output panes hidden, but that's up to you really.</p>
-<p style="float:left;"><img src="/images/komodo_show-hide_pane.png" alt="" /></p>
+<p class="float-left"><img src="/images/komodo_show-hide_pane.png" alt="" /></p>
 <p>Komodo Edit allows symultaneous editing of multiple documents, which means that it has tabs like most of the best
 	editors out there. Furthermore, it is possible to have Komodo re-open the files edited in the last editing session,
 	saving you a lot of time. Granted, a lot of <span class="caps">IDE</span> do, but this is <strong><span
@@ -102,7 +102,7 @@ <p>Why is this so special? Well, because if you want this you normally need an <span class="caps">IDE</span>, and if you
 	want it for Ruby <span class="caps">AND</span> Python <span class="caps">AND</span> Perl your choices are very
 	limited. <br />
 	I played with the Ruby auto-completion features quite a bit, and I'm actually really impressed.</p>
-<p style="float:right;"><img src="/images/komodo_auto-completion.png" alt="" /></p>
+<p class="float-right"><img src="/images/komodo_auto-completion.png" alt="" /></p>
 <p>It can suggest what to write through calltips after a <code>require</code> directive, after a . and a ::, and hitting
 	CTRL+SPACE (or just tab if you configure the right option) will auto-complete what you're writing, be it a
 	language keyword, a variable of any kind or a method. Additionally, it comes with &#8220;soft characters
@@ -116,7 +116,7 @@ It also offers &#8220;vi emulation&#8221;, which is constantly improving through every release &#8211; so you
 	won't forget Vim's keys when I don't use it: very nice, and again, hard to find in other editors,
 	nevermind IDEs!</p>
 <h3>Projects and Tools</h3>
-<p style="float:right;"><img src="/images/komodo_toolbox.png" alt="" /></p>
+<p class="float-right"><img src="/images/komodo_toolbox.png" alt="" /></p>
 <p>The Project Browser and Toolbox are two features which are normally presents in IDEs and which are normally not found
 	in editors. Granted, some editors like <a href="http://www.pspad.com/en/">PSPad</a> do indeed have
 	&#8220;projects&#8221;, but most of the others don't. A <em>project</em> in Komodo Edit is normally composed

@@ -41,7 +41,7 @@ <li>Four <em>frames</em>, each describing a lean practice or personal quality</li>
 			<li>A <em>portrait</em> of a leader</li>
 			<li><em>Your Shot</em>, i.e. some questions and exercises for the readers</li>
 		</ul>
-		<p><img src="/images/pictures/books/leadingleanswdev.jpg" style="float:right" /></p>
+		<p class="float-right"><img src="/images/pictures/books/leadingleanswdev.jpg" /></p>
 		<p>In total, the book contains 24 frames constituting the &#8220;Big Picture&#8221;, which is actually a very
 			powerful framework for lean software leadership. You can read the book's <span class="caps">TOC</span>
 			<a href="http://www.poppendieck.com/llsd.htm">online</a> on the Poppendieck website and read the

@@ -16,7 +16,7 @@ <p>It was created to be simple to use and configure, nevertheless it <em>does</em> require some skill to set it up and
 	tune it. Documentation is there, along with plenty of blog posts, but there's also an interesting <a
 		href="http://www.informit.com/store/product.aspx?isbn=0321483502&amp;rl=1">book</a> from <a
 		href="http://www.awprofessional.com/">Addison Wesley Professional</a> which is definetely worth a read.</p>
-<p style="float:right;"><img src="/images/mongrel_shortcut.jpeg" alt="" /></p>
+<p class="float-right"><img src="/images/mongrel_shortcut.jpeg" alt="" /></p>
 <p>&#8220;Mongrel: Serving, Deploying, and Extending Your Ruby Applications&#8221; &ndash; that's the title of the
 	book. A <em>Digital Shortcut</em>, 100-odd pages long, in <em>landscape</em> format to make it easier to read on a
 	computer, straight to the point with no added sugar for just 15$ (<span class="caps">PDF</span> only). I must say

@@ -22,7 +22,7 @@ <p>Sure, there's the <a href="http://www.railsdocumentation.org/">Rails Documentation Project</a> which provides
 	more organized docs, and <a href="http://www.noobkit.com/">Noobkit</a> does a nice job with its search-as-you-type
 	feature&#8230; but still is not quite enough: you'd expect something much better than that for something like
 	Rails!h3. Introducing Rails-Doc.org</p>
-<p style="float:right;"><img src="/images/railsdoc_logo_sm.png" alt="" /></p>
+<p class="float-right"><img src="/images/railsdoc_logo_sm.png" alt="" /></p>
 <p><a href="http://www.rails-doc.org">Rails-Doc.org</a> focuses on providing a better interface to Rails documentation
 	by offering two key features:</p>
 <ul>

@@ -22,7 +22,7 @@ to Ruby on Rails<sup class="footnote" id="fnr2"><a href="#fn2">2</a></sup>, but don't call them
 		<em>clones</em> or <em>ports</em> as some of their creators may get offended.
 	</p>
 </blockquote>
-<p style="float:left;"><img src="/images/pictures/rails.gif" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/rails.gif" alt="" /></p>
 <p>Since Rails shocked the world with an easy-to-use, powerful and semi-sentient web development framework, web
 	development is not the same anymore: everything must be done efficiently, quickly and you <em>have</em> to produce a
 	Web 2.0 compliant public beta after X days/weeks/months or your work is simply not useful to anybody. Try doing that
@@ -46,7 +46,7 @@ class="caps">PRADO</span>, Qcodo, eZComponents, or even Mojavi: it's not that they are
 			&#8220;bad&#8221;, they've just been left out because they are not pertinent to this article</em></p>
 </blockquote>
 <h3>CakePHP</h3>
-<p style="float:right;"><img src="/images/pictures/CakePHP_1.0.png" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/CakePHP_1.0.png" alt="" /></p>
 <p><strong>Website:</strong> <a href="http://www.cakephp.org/">www.cakephp.org</a><br />
 	<strong><span class="caps">PHP</span> version:</strong> PHP4 and PHP5<br />
 	<strong>License:</strong> <span class="caps">MIT</span><sup class="footnote" id="fnr5"><a
@@ -97,7 +97,7 @@ without forcing developers into complex and pointless adaptations, and evolving into a great framework created
 	<em>in <span class="caps">PHP</span>, for <span class="caps">PHP</span></em>.
 </p>
 <h3>Symfony</h3>
-<p style="float:right;"><img src="/images/pictures/symfony.gif" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/symfony.gif" alt="" /></p>
 <p><strong>Website:</strong> <a href="http://www.symfony-project.com/">www.synfony.project.com</a><br />
 	<strong><span class="caps">PHP</span> version:</strong> PHP5<br />
 	<strong>License:</strong> Symfony<sup class="footnote" id="fnr6"><a href="#fn6">6</a></sup><br />
@@ -144,7 +144,7 @@ components, command line generators and <span class="caps">YAML</span>/Propel configuration files, but perhaps a bit
 	<em>disorganized</em> in its internal structure, unlike its wonderful documentation and support section.
 </p>
 <h3><span class="caps">PHP</span> on Trax</h3>
-<p style="float:right;"><img src="/images/pictures/phpontrax.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/phpontrax.jpg" alt="" /></p>
 <p><strong>Website:</strong> <a href="http://www.phpontrax.com/">www.phpontrax.com</a><br />
 	<strong><span class="caps">PHP</span> version:</strong> PHP5<br />
 	<strong>License:</strong> <span class="caps">MIT</span><br />
@@ -187,7 +187,7 @@ that? Well, Ruby programmers <em>forced</em> to develop in <span class="caps">PHP</span>, maybe. Not too good, but
 	not too bad either.
 </p>
 <h3>Code Igniter</h3>
-<p style="float:right;"><img src="/images/pictures/codeigniter.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/codeigniter.jpg" alt="" /></p>
 <p><strong>Website:</strong> <a href="http://www.codeigniter.com/">www.codeigniter.org</a><br />
 	<strong><span class="caps">PHP</span> version:</strong> PHP4 and PHP5<br />
 	<strong>License:</strong> CodeIgniter<sup class="footnote" id="fnr8"><a href="#fn8">8</a></sup><br />
@@ -230,7 +230,7 @@ I personally think this can be a true bless for small/medium sized projects, however, I'd opt for CakePHP or
 	Symfony for a large scale application: something is missing, e.g., most notably, table associations.
 </p>
 <h3>Biscuit</h3>
-<p style="float:right;"><img src="/images/pictures/biscuit.gif" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/biscuit.gif" alt="" /></p>
 <p><strong>Website:</strong> <a href="http://biscuitproject.tigris.org/">biscuitproject.tigris.org</a><br />
 	<strong><span class="caps">PHP</span> version:</strong> PHP4 and PHP5<br />
 	<strong>License:</strong> <span class="caps">MIT</span><sup class="footnote" id="fnr5"><a href="#fn5">5</a></sup>
@@ -262,7 +262,7 @@ This project started as an attempt to create something simpler than CakePHP and more similar to Rails. I'm not
 	sure whether the project is still active or not, since the last &#8220;release&#8221; on the former's
 	developer site is dated August 2005. Still in early stage &#8211; or dead.</p>
 <h3>Pipeline</h3>
-<p style="float:right;"><img src="/images/pictures/livepipe.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/livepipe.jpg" alt="" /></p>
 <p><strong>Website:</strong> <a href="http://livepipe.net/pipeline/">livepipe.net/pipeline/</a><br />
 	<strong><span class="caps">PHP</span> version:</strong> PHP5<br />
 	<strong>License:</strong> Pipeline<sup class="footnote" id="fnr9"><a href="#fn9">9</a></sup><br />

@@ -220,7 +220,7 @@ <p>We spent the whole evening talking non-stop. We met at his hotel at 7:30 PM and I drove him back around 11
 			PM. The guy does talk a lot. Luckily, I got a chance to take a couple of pictures and get a funny
 			autographed note, as long as I promised not to use it for cheques, that reads: &#8220;To Fabio, without whom
 			this note will make no sense&#8221;.</p>
-		<p><img src="/images/pictures/rls/rls1_small.png" style="float:right;" /></p>
+		<p><img src="/images/pictures/rls/rls1_small.png" class="float-right" /></p>
 		<p>There's obviously a lot of stuff we talked about that I didn't write about, mainly because I was
 			trying to keep this article focused on IT-related topics. Before his cruise, Randal visited the <span
 				class="caps">CERN</span> in Geneva, so for a good half hour we talked about the <span

@@ -19,7 +19,7 @@ this seems to have become a trend, lately: programmers don't like reading bullshit after all. By the
 	authors' own admission, this book contains roughly the same material and the same examples of the original
 	Java book, plus some slightly more Ruby-specific content.</p>
 <h3>Getting started</h3>
-<p style="float:right;"><img src="/images/pictures/refactoring-ruby-ed.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/refactoring-ruby-ed.jpg" alt="" /></p>
 <p>The first chapter, <em>Refactoring, a first example</em>, is not a first chapter. Well, it is in a literal sense, but
 	it doesn't look like one: no theory, no padding, you're immediately thrown in the middle of the battle,
 	dealing with a small program in desperate need of refactoring. It literally contains quite a lot of code: the same

@@ -63,7 +63,7 @@ on <span class="caps">PSP</span>, <span class="caps">TSP</span> and management of software projects,
 			condensed in a very readable 288-page-book, co-written with <a
 				href="http://www.sei.cmu.edu/about/people/wrt.cfm">William R. Thomas</a>, Senior Technical Writer and
 			manager of SEI's Technical Publications Team.</p>
-		<p><img src="/images/pictures/books/reflmgmt.jpg" style="float:right" /></p>
+		<p class="float-right"><img src="/images/pictures/books/reflmgmt.jpg" /></p>
 		<p>I noticed the tech writer's touch simply by flicking through the pages of the book when I first got it:
 			its structure is impeccable.</p>
 		<p>Organized into four parts, totalling 8 chapters, an Epilogue and an Appendix, this book is a prime example of

@@ -46,7 +46,7 @@ <section class="section">
 		<header>
 			<h1 id="h_1" class="toc">Overview</h1>
 		</header>
-		<img src="/images/pictures/succeeding-with-agile.jpg" style="float:left;" />
+		<img src="/images/pictures/succeeding-with-agile.jpg" class="float-left" />
 		<p>The book is organized into five parts of different length, ranging from 20 to over 100 pages. If you read the
 			book from the start till the very end, you'll notice that the start of each part is like a new
 			milestone in <em>Scrum</em> adoption: first the author makes sure that <em>you</em> are prepared (Part 1),

@@ -66,7 +66,7 @@ href="http://nanoc.stoneship.org/migrating/">migration guide</a>. If this is still not enough and you don't
   mind spending some time extending the system, nanoc's <a href="http://nanoc.stoneship.org/doc/3.0.0/">RDoc
     documentation</a> is very comprehensive compared to other Ruby projects.</p>
 <h4>Sites, Items and data sources</h4>
-<p style="float:right;"><img src="/images/pictures/nanoc-structure.png" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/nanoc-structure.png" alt="" /></p>
 <p>nanoc ships with a really neat command line tool that can do most of the work for you.
   <code>Nanoc3 create_site h3rald</code> will create a new web site in a folder called h3rald. The contents of this
   folder are laid out according to a particular logic (<em>convention over configuration</em>, remember?) So:
@@ -403,7 +403,7 @@ <p>I was very happy of switching to nanoc. It didn't take me long, and I spent most of the time with non-nanoc
   issues (brushing up jQuery, <span class="caps">CSS</span>, graphics, etc.). Of course knowing the Ruby programming
   language helps, and if you're not comfortable with hacking your way a little bit, then maybe it's not for
   you.</p>
-<p style="float:left;"><img src="/images/pictures/nanoc-compile.png" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/nanoc-compile.png" alt="" /></p>
 <p>Personally, I've been waiting for something like nanoc for a long time: its simple and yet powerful
   architecture makes you able to do virtually anything with it. For the first time in a long time, I feel like I'm
   in complete control of my web site, I know every bits of it and if I want to change the way it works or looks I only

@@ -20,7 +20,7 @@ English: indeed there are some mistakes here and there, but I could understand <em>enough</em> about him, his way of
 	living and his beliefs that I decided to write this article about him.</p>
 <h3>An Internet Philosopher</h3>
 <p><em>&#8220;I'm trying to live for my opinions and ideas&#8221;</em></p>
-<p style="float:right;"><img src="/images/pictures/lampinen/piccadilly.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/lampinen/piccadilly.jpg" alt="" /></p>
 <p>This is Daniel's &#8220;statement&#8221; which guides his entire life. He lives for his opinions and ideas, he
 	lives to debate them with others, to talk to others about them, and eventually getting money for doing so: that
 	would be his ideal way of living, and he partly realized it already.<br />
@@ -40,7 +40,7 @@ I immediately thought about this advert while reading Daniel's homepage. Obviously he's far from being
 	Gandhi, but at least he attempts to live in a simple and honest way and tries to communicate with as many people as
 	possible. And he lives in India, he recently moved there from Sweden mainly because it's much, <span
 		class="caps">MUCH</span> cheaper than any country in Europe or in the rest of the Rich World.</p>
-<p style="float:left;"><img src="/images/pictures/lampinen/cow.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/lampinen/cow.jpg" alt="" /></p>
 <p>From what I could read about him, his life is quite simple: he tries to spend as little money as possible and not in
 	futile things. He lives in a cheap hotel in Puri, India, where he can access the Internet &#8211; that's all
 	that matters. Perhaps it may sound a bit freaky, but certainly not as freaky as going out getting trashed every
@@ -55,7 +55,7 @@ conscience of the giver: <em>the more honest his soul his, the more he'll give</em>.</p>
 <h3>Business Talk</h3>
 <p>Don't call him a beggar. Daniel has his own way of seeing the economy of the Rich World and also his own views
 	when it comes to money:</p>
-<p style="float:right;"><img src="/images/pictures/lampinen/money.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/lampinen/money.jpg" alt="" /></p>
 <blockquote>
 	<p>&#8220;This should be mentioned: give money to Unicef instead of to me. But give money to me instead of buying a
 		expensive new couch.<br />
@@ -115,7 +115,7 @@ needs, and he'll try his best to come up with a solution and his own opinions. You won't believe it, but
 	a Swedish company<sup class="footnote" id="fnr10"><a href="#fn10">10</a></sup> was really pleased to hear his
 	opinions and thoughts about innovation and used his suggestions to improve their services.</p>
 <h3>An Internet Addict</h3>
-<p style="float:left;"><img src="/images/pictures/lampinen/view.jpg" alt="" /></p>
+<p class="float-left"><img src="/images/pictures/lampinen/view.jpg" alt="" /></p>
 <p>Perhaps one of the most interesting things about Daniel's website is his journal. Not a proper blog, but just a
 	single static webpage hosting all his daily thoughts: you can't comment to them, but reading some passages may
 	be interesting enough. <br />

@@ -18,7 +18,7 @@ be <a href="http://weblog.rubyonrails.org/2008/12/23/merb-gets-merged-into-rails-3">merged into Rails 3</a>, why on
 	Earth do we need a book about Merb, <em>now</em>?</p>
 <p>Needless to say, Foy Savas proved that both Merb and its book cannot be dismissed just like that.</p>
 <h3>Getting started</h3>
-<p style="float:right;"><img src="/images/pictures/therailsway.jpg" alt="" /></p>
+<p class="float-right"><img src="/images/pictures/therailsway.jpg" alt="" /></p>
 <p>The book starts with the original <a href="http://pastie.org/14416">Merb Pastie</a>, a single page of Ruby code able
 	to sort out <span class="caps">HTTP</span> requests, dispatch them to the appropriate controllers and render a web
 	page. This piece of code is enough to convey what Merb is: a new breed of web framework, almost as simple as it can

@@ -15,7 +15,7 @@ That being said, _The Rails Way_ by [Obie Fernandez](http://obiefernandez.com/) is still the best and most comprehensive book on Rails v2 currently on the market. It's the book you simply cannot afford to ignore, if you are using (or are planning to use) this popular Ruby web framework.
 
 ### Contents
 
-<div style="float:right"><img src="/images/therailsway.jpeg" alt="cover" /></div>
+<p class="float-right"><img src="/images/therailsway.jpeg" alt="cover" /></p>
 
 Before proceeding any further, I'd like to point out that is probably one of the longest programming books I've ever come across. With its 910 pages, _The Rails Way_ definitely cannot fit in your pocket and you cannot take it around with you easily. It's a book made to sit on your desk constantly and remain there, ready to be accessed at the right time, when needed. 
 Unlike with other books I reviewed, this time I won't even attempt to go through every chapter and every section: it would not be meaningful for the review and it will probably bore you to death. For completeness' sake, however, here's a very trimmed-down table of contents listing _only_ the first level headings:

@@ -31,7 +31,7 @@ <section class="section">
 		<header>
 			<h3 id="h_1" class="toc">What's New</h3>
 		</header>
-		<figure style="float:left;"><img src="/images/pictures/books/rails3way/compare.jpg" />
+		<figure class="float-left"><img src="/images/pictures/books/rails3way/compare.jpg" />
 			<figcaption>The Rails Way vs. The Rails 3 Way</figcaption>
 		</figure>
 		<p>If you put <em>The Rails 3 Way</em> and the original <em>The Rails Way</em> one next to the other, you can
@@ -57,7 +57,7 @@ <section class="section">
 		<header>
 			<h3 id="h_2" class="toc">Contents</h3>
 		</header>
-		<figure style="float:right;"><img src="/images/pictures/books/rails3way/sections.jpg" />
+		<figure class="float-right"><img src="/images/pictures/books/rails3way/sections.jpg" />
 			<figcaption>Active Record makes up for over 24% of the book</figcaption>
 		</figure>
 		<p>The first thing you notice once you read the first few pages, is that this book is <em>even more
@@ -81,7 +81,7 @@ Chapter 2 (Routes) mentions <a href="http://rack.rubyforge.org/">Rack</a>, and so does Chapter 4
 			(Controllers). If you want a nice and to-the-point practical introduction to <a
 				href="http://relishapp.com/rspec">RSpec</a>, the first part of Chapter 18 covers that.</p>
 
-		<figure style="float:left;"><img src="/images/pictures/books/rails3way/reference.jpg" />
+		<figure class="float-left"><img src="/images/pictures/books/rails3way/reference.jpg" />
 			<figcaption>About 40% of the book is reference material</figcaption>
 		</figure>
 		<p>Then there's reference material. Plenty of it, a good 40% I daresay. The good thing is that (unlike the
@@ -106,7 +106,7 @@ <section class="section">
 		<header>
 			<h3 id="h_3" class="toc">Organization and Writing Style</h3>
 		</header>
-		<figure style="float:right;"><img src="/images/pictures/books/rails3way/flick.jpg" />
+		<figure class="float-right"><img src="/images/pictures/books/rails3way/flick.jpg" />
 			<figcaption>Yes, it's a long book. But you don't<br />have to read it from start to finish!
 			</figcaption>
 		</figure>

@@ -105,7 +105,7 @@ <p><img src="/images/standard_explorer_buttons.gif" alt="" /></p>
 <p>i.e.: Up , Refresh, Search, Folders, History, Favorites, Undo, Delete, Cut, Copy, Paste, Properties, View, Map Drive
 	and Disconnect. It's really up to you what you choose really.<br />
 	I placed this toolbar right under the menu, on the top-left side.</p>
-<p style="float:right;"><img src="/images/tabbar_buttons.gif" alt="" /></p>
+<p class="float-right"><img src="/images/tabbar_buttons.gif" alt="" /></p>
 <p>Right next to it I placed some of the buttons available for <strong>QT TabBar</strong>:</p>
 <ul>
 	<li>Groups &#8212; Load an existing tab group (configurable in the options)</li>
@@ -120,7 +120,7 @@ shortcuts placed in the Favorites &gt; Links folder. As shortcuts, I dragged each drive available on my system and
 	voilà: poor man's Drive Toolbar! Unfortunately, unlike in the <em>proper</em> drive toolbars offered by
 	alternative file managers, all drive shortcuts will remain there (with a red question mark) even when the drive is
 	not connected to the system. I can live with that.</p>
-<p style="float:right;"><img src="/images/toolbar2.gif" alt="" /></p>
+<p class="float-right"><img src="/images/toolbar2.gif" alt="" /></p>
 <p>Right to the address bar (we're going to substitute it in the next section though), I decided to place
 	<strong>QT ToolBar 2</strong>, which is available &#8211; hear, hear &#8211; after installing the QT ToolVar 2
 	extension.<br />
@@ -179,7 +179,7 @@ far distant location in the file system is made available. Modifying, Creating, Renaming and Deleting files within a
 	junction tree structure operates at the junction target, i.e. if you delete a file in a Junction it is deleted at
 	the original location. [&#8230;]&#8221;</p>
 <p>Consider the following example.</p>
-<p style="float:right;"><img src="/images/junction.gif" alt="" /></p>
+<p class="float-right"><img src="/images/junction.gif" alt="" /></p>
 <p>1) Create a directory called &#8220;Gateway&#8221; in C:\. <br />
 	2) With <span class="caps">NTFS</span> Link Shell Extension installed, right-click a directory &#8220;far, far
 	away&#8221;, on any of your <span class="caps">NTFS</span> drives, for example D:\My\Very\Long\Path\MyDirectory, and
@@ -202,7 +202,7 @@ user-friendly, is it? Now there's an easy alternative: <strong>FileMenu Tools</strong>.</p>
 <p>This nifty little utility allows you to remove rubbish from your context menus and add new entries as well. Entries
 	are grouped by file type and can be enabled or disabled with a single click. Unfortunately I was not able to disabe
 	some of them, probably due to restriction on my computer at work.</p>
-<p style="float:right;"><img src="/images/filemenu_tools.gif" alt="" /></p>
+<p class="float-right"><img src="/images/filemenu_tools.gif" alt="" /></p>
 <p>Once the rubbish is gone, perhaps you can even evaluate the possibility to add some more. I chose to enable just
 	<em>Attributes</em> and <em>Advanced Renamer</em>, but there are many more predefined commands (each with its own
 	pretty icon) you can choose from:

@@ -86,7 +86,7 @@ <section class="section">
 		<header>
 			<h3 id="h_3" class="toc">Why your wife shouldn't use it...</h3>
 		</header>
-		<p style="float:right;"><img src="/images/pictures/wunderlist/wunderlist-list.png" /></p>
+		<p class="float-right"><img src="/images/pictures/wunderlist/wunderlist-list.png" /></p>
 		<p>One of the relatively unusual features of Wunderlist is the possibiliy of sharing lists with others. All you
 			have to do is click a button, specify one or more email address, and send invitations out. People will then
 			signup for a free Wunderlist account and they'll be able to access (as in read/write access) your
@@ -113,7 +113,7 @@ </header>
 		<p>After months of trial, I decided to use Wunderlist at work as well. With caution, of course: I made sure not
 			to write down any sensitive information in my tasks, because you never know. I started off with just one
 			list, but it got crowded very quickly. I now use <em>five</em> lists for work only:</p>
-		<p style="float:right"><img src="/images/pictures/wunderlist/wunderlist-work.png" /></p>
+		<p class="float-right"><img src="/images/pictures/wunderlist/wunderlist-work.png" /></p>
 		<ul>
 			<li><strong>Work [!]</strong> &ndash; This is the most active one, I use it for things to do <span
 					class="caps">ASAP</span>. Starred tasks are urgent and important, and should be dealt with within