/* this CSS auto-generated by Compass - http://wiki.github.com/chriseppstein/compass/ */
/* ===== */
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; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

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

img a { border: none; }

/* The *:focus rule is reset and suppresses link outlining. You _must_ remember to redefine your own outline, as it’s an important accessibility aid. */
*:focus { outline: #ccc dotted medium; }

body { font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; background: #f3f3f3; color: #333333; text-align: left; font-size: 16px; background: #333; margin-bottom: 20px; }

h1, h2, h3 { text-decoration: none; font-weight: bold; }
h1 a, h2 a, h3 a { color: #333333; text-decoration: none; }
h1 a:visited, h1 a:hover, h2 a:visited, h2 a:hover, h3 a:visited, h3 a:hover { text-decoration: none; }
h1 a:visited, h2 a:visited, h3 a:visited { color: #333333; }
h1 a:hover, h2 a:hover, h3 a:hover { -webkit-transition-duration: 0.66s; -webkit-transition-property: color; color: #333333; }
h1 a img, h2 a img, h3 a img { border: none; }

h1 { font-size: 1.7em; }

h2 { font-size: 1.3em; }

h3 { font-size: 1.1em; }

#layout-wrap { width: 1020px; position: relative; overflow: hidden; clear: both; background-color: #333; }

#layout-footer { font-size: 90%; }

#layout-col1 { width: 180px; float: left; position: relative; overflow: hidden; padding: 20px; font-family: "Gill Sans", Calibri, Trebuchet, sans-serif; text-align: right; text-decoration: none; }
#layout-col1 a { color: #bbbbbb; text-decoration: none; }
#layout-col1 a:visited, #layout-col1 a:hover { text-decoration: none; }
#layout-col1 a:visited { color: #bbbbbb; }
#layout-col1 a:hover { -webkit-transition-duration: 0.66s; -webkit-transition-property: color; color: white; }
#layout-col1 a img { border: none; }
#layout-col1 a.current /* class applied to current pagetype */ { color: #fff; }
#layout-col1 p { font-size: 110%; margin-top: 20px; }
#layout-col1 p .trigram { font-size: 130%; color: white; margin-left: 10px; position: relative; top: 0.1em; }

#layout-col2 { width: 760px; float: left; position: relative; overflow: hidden; padding: 20px; background: #f3f3f3; text-decoration: none; font-size: 0.95em; line-height: 1.5em; }
#layout-col2 .entry { margin-bottom: 4em; overflow: hidden; }
#layout-col2 .entry-text, #layout-col2 .entry-comments { width: 500px; }
#layout-col2 .entry-image { width: 240px; float: right; overflow: hidden; }
#layout-col2 .entry-image img { max-width: 240px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#layout-col2 a { color: blue; text-decoration: none; }
#layout-col2 a:visited, #layout-col2 a:hover { text-decoration: none; }
#layout-col2 a:visited { color: blue; }
#layout-col2 a:hover { -webkit-transition-duration: 0.66s; -webkit-transition-property: color; color: blue; }
#layout-col2 a img { border: none; }
#layout-col2 hr { width: 95%; color: #333333; background-color: #333333; border: 0; padding: 0; margin: 2em; height: 1px; }
#layout-col2 cite { text-align: right; width: 100%; margin: 5px 0 0; display: block; }
#layout-col2 cite:before { content: "— "; }
#layout-col2 p, #layout-col2 li { margin-bottom: 10px; }
#layout-col2 ul { margin-left: 1.4em; margin-right: 4em; }
#layout-col2 ul li { list-style-type: square; }
#layout-col2 .readmore { font-size: 90%; margin: 0.6em 0 3em 0; }
#layout-col2 .small { font-size: 85%; }
#layout-col2 .entryfooter { margin: 0; }
#layout-col2 .tagbracket { color: #666666; }
#layout-col2 .image { margin: 0.5em 0 0 0; }
#layout-col2 blockquote { display: block; margin: 12px 45px 15px 30px; color: #444444; font-style: italic; }
#layout-col2 textarea, #layout-col2 input { border: 1px solid !fg; background: white; color: #333333; }
#layout-col2 pre { margin: 1em 0 1em 2em; font-size: 110%; color: #666666; }
#layout-col2 code { font-size: 80%; }
#layout-col2 .gravatar { width: 40px; height: 40px; border: 1px solid !fg; float: left; margin: 2px; }
#layout-col2 .amp { color: #666666; font-size: 1.1em; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style: italic; }
#layout-col2 .caps { font-size: 96%; }

#nav { font-size: 80%; width: 800px; text-align: right; position: absolute; }
#nav .next, #nav .prev { margin-right: 10px; }

table .name { padding-right: 0.5em; }

#dsq-content { font-size: 14px; }

/* ADMIN ========================================== */
.formrow { min-height: 25px; clear: both; margin-bottom: 10px; }
.formrow .label { display: block; float: left; margin-right: 5px; width: 80px; text-align: right; }
.formrow .formfield { display: block; float: left; width: 550px; margin-left: 10px; }
.formrow textarea, .formrow input { width: 100%; font-size: 13px; background: white; }