For those of you that may be interested in such things, this post goes into some of the software powering the site, and the styling of the content. If that doesn’t interest you, feel free to skip onto something else…
Textpattern
The content management system I have been using for the past few months since the refresh to power the site is Textpattern.
Textpattern is an elegant content management system that is free, open source software. It has a powerful, sophisticated engine that can be infinitely tuned to suit whatever type of web site you can imagine.
I hope to make more use of this, to customise further the display of each section, e.g. I have implemented a basic a categorised list of recipes on the main page of that section.
Textile
One of the benefits of Textpattern, is that it has support for Textile) built in. This allows for simple markup of the content, without having to resort to writing raw XHTML in your posts.
For example to get emphasised text _underscores_ are used, or * asterisks at the start of the line to give bulleted lists. See the Textile page for a full list and demo.
I know WordPress has a toolbar which allows you to insert the relevant markup, but I find it easier to keep typing, plus I can compose fully marked up posts on my phone, and the resulting markup from WYSIWHG web forms like Wordpress uses can be cluttered.
Site Styles
Those of you browsing in a modern standards compliant browser (Safari 4, Firefox 3, Chrome, or Opera 10 to an extent) will have effects like fancy gothic lettering, drop shadows, and semi-transparent layers of white and black to highlight the content. Some of these will work in Internet Explorer, but it does not fully support everything.
Alpha Transparency
It is remarkably easy to specify semi-transparent effects with CSS3 rgba() colours. Wherever you specify the colour, replace the normal color:#00FF00 hexadecimal codes with color:rgba(0,255,0,0.5) and specify an amount of transparency as the fourth parameter (50% in this case). Unfortunately, IE doesn’t support this as yet. This should also make changing the colour scheme much easier, as all the highlight tones change with the background image, instead of having to manually calculate complimentary colours.
Web-fonts & text-stroke
To spice up the headings, I’m using CSS @font-face to import a free blackletter style font. This can then be used, as you would any other font.

For the title, I have also used the text-stroke property (only implemented in Safari/Webkit). This allows for different outline and fill colours, as shown in the enlarged screenshot of the text. The relevant parts of the CSS are:
hgroup h1 {
font: 3em IncisedBlackWideNormal, cursive;
text-shadow:2px 3px 3px #420;
-webkit-text-fill-color: #630;
-webkit-text-stroke: 1px black;
}
Drop-caps
The drop capitals at the start of each article are automatically applied using the CSS-selector .body > p:first-child:first-letter {} which matches the first letter, of the first paragraph (p:first child) where this is directly contained within an element with class .body (which I use to denote the main text of each article). The CSS used for the formatting is a little more complex, and I’ll not explain it in detail as it has been done ad infinitum elsewhere.
.body > p:first-child:first-letter {
float:left;
display:block;
font: 2.2em IncisedBlackWideNormal;
margin: 0 2pt 0 -2pt;
padding: 0;
line-height:0.8; }