/* reset styles via Eric Meyer http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { font: 14px/1.2857em "helvetica neue", helvetica, arial, sans-serif; color: #EAE8E6; background: #6B2300; }

div#box { margin: 0 auto; width: 600px; background: #622000; border-color: #5E1F00; border-style: solid; border-width: 0 2px; text-shadow: #642100 2px 2px 2px; }

div#content { margin: 0 auto; width: 500px; }

h1 { background: #5E1F00; font-size: 1.1428em; padding: 1.2857em 3em;}
* html h1 { padding-left: 2.2em; } /* for some reason IE6 is not calculating the left padding correctly */
h1 a { color: #FFC; text-decoration: none; }
h1 a:hover { color: #EAE8E6; }

div.item { margin: 1.2857em 0 3em 0; }

div.item_details h2 { margin: 0 0 .6em 0; font-size: 1.5714em; line-height: 1.2em; }
div.item_details h2 a { text-decoration: none; }

h3 { font-weight: bold; }

div.item_details h4 { display: none; color: #EAE8E6; font-size: .8571em; }

p { margin: 1.5em 0; text-align: justify; }

a { color: #FFC; }
a:hover { color: #EAE8E6; }
a:active { outline: 1px dotted #5E1F00; }

ol { list-style: decimal; margin: 0 3em;}

li { margin: 1.2857em 0; text-align: justify; }

div.item_meta { display: none; }

div.item_content img { position: relative; left: -14px; max-width: 500px; border: 2px solid #5E1F00; background: #6B2300; padding: 12px; }
div.item_content a:hover img { background: #6F2907; }

div.full.figure { margin-bottom: 0; }
div.item_content div.full.figure img { width: 496px; padding: 0; position: static; margin: 0; }
div.full.figure h4, div.full.figure p { background-color: #5E1F00; padding: 0; font-size: .8571em; margin: 0; }

blockquote { margin-left: 1em; padding-left: .8571em; margin-right: 3em; text-align: justify; border-left: 2px solid #531B00;}

div#site_info p, div#footer p { padding: 1em; margin: 0; background: #5E1F00; }