/* General HTML elements */
body { background: #EAF7FF url("../gfx/blog/content-background.jpg") top center repeat-y; color: #000; }
div#body { background: transparent url("../gfx/blog/top-gradient.jpg") top center repeat-x; }
div#page { background: transparent url("../gfx/blog/heading-background.jpg") top center no-repeat; }
h2, h3 { color: #101030; background: transparent url("../gfx/blog/header-gradient.jpg") top left repeat-x; }

/* Useful Classes */
.error, .errors { color: #f00; }

/* Link Colours */
a { color: #101130; }
a:visited { color: #101130; }
a:focus { color: #00f; text-decoration: none; }
a:hover { color: #00f; text-decoration: none; }
a:active { color: #ff0; }

/* General Forms */
input.button { background: #101130; color: #fff; }
input.button:hover, input.button:focus { color: #ff0; }
fieldset { border-color: #101130; border-style: solid; }
input.text, select, textarea { border-color: #101130; border-style: solid; }
input.search { background: transparent url("../gfx/blog/search-icon.jpg") 2px 2px no-repeat; }
input.required, select.required, textarea.required { border-color: #f00; background: #fdd; }

/* Tables */
table { color: #000; background: #fff; }
thead tr { background: #101130; color: #fff; }
tr.even { background: #E1E1EC; }

/* Header */
div#header { background: #101030 url("../gfx/blog/header-bloke.jpg") bottom right no-repeat; color: #fff; }
div#header a { color: #fff; }