/* =Reset (Based on work by Eric Meyer)
------------------------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, em, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, ins, del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: baseline; 
	outline: none; 
	text-decoration: none; 
}

body, html { background: #cf1f16; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* =Typography
------------------------------------------------------------------------------------------------------- */
body, html { font: 11px/1.5 "Trebuchet MS", Verdana, Helvetica; color: #333; }
a { color: #c22626; }
a:hover { text-decoration: none; }
h2 { font-size: 20px; color: #333; }

/* =Layout
------------------------------------------------------------------------------------------------------- */
#wrap { width: 744px; margin: 0 auto; }

#header { height: 105px; background: url(gfx/header.png) no-repeat; }
	#header h1 { text-indent: -10000px; height: 105px; }
	#header h1 a { width: 100%; height: 100%; display: block; }

#content { background: url(gfx/content-bg.png) repeat-y; padding: 20px; }

#navigation { background: url(gfx/content-top.png) no-repeat; text-align: center; margin: -20px -20px 20px; }
	#navigation ul { list-style: none; padding-top: 10px; }
	#navigation li { display: inline; }
	#navigation li:after { content: " | "; }
	#navigation li:last-child:after { content: ""; }
	#navigation li a { color: #c22626; font-variant: small-caps; text-decoration: none; }
	
#categories { width: 180px; float: left; }
	#categories ul { list-style: none; padding: 10px; }
	#categories li { padding: 2px; background: #fcfcfc; margin-bottom: 2px; }
	#categories li:hover { background: #D7D7D7; }
	#categories li a { display: block; }
	
#main { width: 520px; float: right; }
	
#footer { margin: 20px 0 -20px; text-align: center; font-size: 10px; color: #666; }
	#footer ul { list-style: none; }

.foot { background: #000 url(gfx/content-foot.png) no-repeat; height: 32px; }