/* Welcome to Susy. Use this file to define screen styles. Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" /> */
/* @group 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; }

*: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; }

/* @end */
/* @group defaults */
/* DEFAULTS */
:focus { outline: 1px dotted; }

/* links */
a:link, a:visited { color: #1a7f9e; text-decoration: none; }
a:focus, a:hover, a:active { color: #b0532f; border-bottom-width: 0.133em; border-bottom-style: dashed; }

/* headers */
h1 { font-family: 'Adobe Caslon Pro', 'Big Caslon', Garamond, 'Hoefler Text', 'Times New Roman', Times, serif; text-transform: lowercase; font-size: 3em; line-height: 1; font-weight: bold; color: #1a7f9e; }

h2 { font-weight: bold; font-size: 2em; line-height: 1.1; }

h3 { font-weight: bold; text-transform: uppercase; line-height: 2.5; }

/* block tags */
p { margin: 0 0 0.8em 0; }

pre { border-left: .4em solid #b0532f; margin: 0 0 1.0em 0; padding: 0.5em 0.8em; }

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

ul { list-style: disc; margin: 0 1.5em 1.5em 1.5em; }

/* inline tags */
em { font-style: italic; line-height: .5; }

strong { font-weight: bold; }

ins { text-decoration: underline; }

del { text-decoration: line-through; }

/* @end */
/* @group STRUCTURE */
body { text-align: center; font-size: 93.75%; line-height: 146.667%; background-image: url('/images/back.gif?1254390927'); background-repeat: repeat-x; background-position: 0px 0px; }

#page { overflow: hidden; display: inline-block; text-align: left; margin-left: auto; margin-right: auto; width: 60em; max-width: 100%; font-family: 'Futura Medium', 'Century Gothic', AppleGothic, sans-serif; color: #0c0604; }
#page { display: block; }

#header { width: 96.667%; display: inline; float: left; margin-right: 3.333%; clear: both; margin-right: 1.667%; margin-left: 1.667%; margin-bottom: 1.5em; border-bottom-width: .25em; border-bottom-style: dotted; border-bottom-color: #b0532f; }
#header h1 a { width: 100%; display: inline; float: left; margin-right: 3.448%; clear: both; text-indent: -9999em; overflow: hidden; background-image: url('/images/title.png'); background-repeat: no-repeat; background-position: left 50%; height: 179px; }
#header h1 a:focus, #header h1 a:hover, #header h1 a:active { border-bottom: 0; }

#navigation { width: 16.667%; display: inline; float: left; margin-right: 3.333%; margin-left: 1.667%; }
#navigation ul { margin: 0; text-align: right; font-weight: bold; }
#navigation ul li { list-style-type: none; margin-left: 0px; }

#content { width: 76.667%; display: inline; float: left; margin-right: 3.333%; margin-right: 1.667%; /* ugly hacks for IE6-7 */ #margin-right: 0.667%; /* end ugly hacks */ margin-bottom: 2em; }
#content pre, #content code { font-family: monospace; background-color: #e5e1e0; }
#content code { padding: 1px 3px; border: solid 1px #d0cccb; }
#content p.meta .date { color: #b0532f; margin-right: 0.5em; }
#content p.meta a { margin-left: 0.5em; }

#home h2 { margin-bottom: 0.3em; }
#home ul { list-style-type: none; margin-left: 0px; }
#home ul.posts li span { font-family: Monaco, 'Courier New', monospace; color: #b0532f; }
#home ul.projects li { margin-bottom: 0.5em; }

#footer { width: 76.667%; display: inline; float: left; margin-right: 3.333%; padding-left: 20.0%; clear: both; margin-right: 1.667%; margin-left: 1.667%; padding-top: .5em; padding-bottom: .75em; border-top-width: .25em; border-top-style: dotted; border-top-color: #b0532f; font-family: 'Adobe Caslon Pro', 'Big Caslon', Garamond, 'Hoefler Text', 'Times New Roman', Times, serif; font-style: italic; color: #b0532f; }
#footer p { margin: 0; }
#footer p.powered { width: 86.957%; display: inline; float: left; margin-right: 4.348%; }
#footer p.feed { width: 8.696%; display: inline; float: left; margin-right: 4.348%; margin-right: 0; /* ugly hacks for IE6-7 */ #margin-right: -1%; /* end ugly hacks */ text-align: right; }
#footer a:link, #footer a:visited { color: #b0532f; font-weight: bold; }

#post .comments { margin-top: 2.5em; padding-top: 1.5em; border-top-width: 1px; border-top-style: dashed; border-top-color: #b0532f; }

#dsq-options { display: none; }

/* @end */