div#topCap p span { font-weight: bold; color: #fdb40c; }
div#topCap p { width: 100%; }
div#topCap p * { float: none; } /** Included because IE6 doesn't allow div#topCap > * in common.css. **/
div#topCap div * { float: none; } /** Without this line the paging breaks in IE6. **/


div.tagdescription { height: 120px; padding: 5px 10px 5px 10px; margin: 10px 0px 10px 0px; background: url('../img/bg-tag-description.png') no-repeat; }
div.tagdescription h3 { color: #00529b; }

div.paging { float: right !important; padding: 2px 10px 2px 10px; }
div.paging div { display: inline; }
div.paging * { float: none; text-align: left; }
div.paging a { color: #fdb40c; }
div.paging a.active { color: #505050; }

div.recipe { height: 120px; width: 550px; padding: 15px 10px 15px 10px; background: url('../img/bg-recipeitem.gif') no-repeat; }
div.recipe * { margin: 0px; padding: 0px; }
div.recipe span { float: left; height: 100%; width: 110px; margin-right: 10px; } /** Should use child selector here... **/
div.recipe * img { width: 110px; height: 110px; }
div.recipe h4 { color: #fdb40c; margin-bottom: 12px; }
div.recipe p span { float: none; height: auto; margin-right: 0px; font-weight: bold; } /** ...resulting in less here. But IE6 doesn't allow it. **/
div.recipe a { color: #00529b; }
div.recipe p.tags { margin-top: 12px; text-transform: uppercase; }
div.recipe p span { text-transform: none; }

ul#alphabeticalindex { margin-left: 20px; }

ul#alphabeticalindex li { list-style: none; margin: 0px; line-height: 2em; }

ul#alphabeticalindex a { font-weight: bold; color: #fdb40c;  }
ul#alphabeticalindex a:hover { color: #00529b;  }