/* Generic */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 62.5%; color: #363636; margin: 0; padding: 0; background: #EFEFEF; }

a { color: #cf0000; text-decoration: none; font-weight: bold; outline: none;}

#content a, #intro a { padding: 0 0.75em 0 0; background: url(/siteimages/arrow_u.gif) no-repeat right center; }

#content a:hover { border-bottom: 1px dotted #cf3000; }

#content a.ext { position: relative; padding: 0 1.5em 0 0; background: url(/siteimages/arrow_ext.gif) no-repeat right center; }

#content a.older { background: none; }


input { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Header */
#header { position: relative; height: 16em; margin: 0 0 4em; background: #363636; }

#innerheader { position: relative; height: 16em; width: 92em; margin: 0 auto; padding: 0; }
#innerheader h1 { font-size: 1em; width: 18em; height: 18em; position: absolute; bottom: -4em; left: 56em; margin: 0; padding: 0; }
#innerheader h1 a { display: block; width: 18em; height: 18em; text-indent: -9999px; background: url(/siteimages/logo.png) no-repeat bottom left; }
#innerheader h1 a:hover { border-bottom: 0; }

#innerheader h2 { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden; text-indent: -9999px; }

#innerheader ul { list-style-type: none; position: absolute; bottom: 2em; right: 0; width: 18em; margin: 0; padding: 0; }
#innerheader ul li { line-height: 1; font-size: 1.3em; margin-top: 0.5em; }
#innerheader ul li a { color: #CCC; text-decoration: none; background: none; }
#innerheader ul li a:hover { color: #EFEFEF; border-bottom: 1px dotted #EFEFEF; padding-right: 0; }

#innerheader hr { display: none; }

/* Subhead */
#subhead { width: 88em; border-bottom: 1px dotted #CCC; margin: 0 auto; padding: 0; }
#subhead h2 { font-size: 2.1em; line-height: 1; font-weight: normal; margin: 0; padding: 0; }
#subhead p { font-size: 1.2em; line-height: 1.5; }

#subhead #intro { width: 52em; float: left; }
#subhead #intro #introtxt { width: 34em; padding-left: 18em; background: url(/siteimages/sketch.gif) no-repeat; }
#subhead #intro a.more span { display: none; }
#subhead #sitenav { width: 34em; margin: 0 0 0 54em; }

#subhead:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* About */
#about_intro h2 { font-size: 2.1em; line-height: 1; font-weight: normal; margin: 0; padding: 0; }
#about_intro h3 { font-size: 1.5em; line-height: 1; padding: 0.3em 0 0; }
#about_intro p { font-size: 1.2em; line-height: 1.5; }
#about_intro a.ext { position: relative; padding: 0 1.5em 0 0; background: url(/siteimages/arrow_ext.gif) no-repeat right center; }

/* Search */
form.search { margin: 0; padding: 0; }
form.search fieldset { border: 0; margin: 0; padding: 0; }
form.search legend { font-weight: bold; font-size: 1.2em; }
form.search input { width: 13em; margin: 0.25em 0 0 0.1em; padding: 0.1em 0.25em; }

/* Recent */
#recent h3 { font-size: 1.5em; line-height: 1; padding: 0.3em 0 0; }

#recent ul { list-style-type: none; margin: 0; padding: 0; }
#recent ul li { font-size: 1.1em; color: #888; border-top: 1px dotted #CCC; margin: 0; padding: 0.5em 0 0.5em 0.25em; background: #EFEFEF; }
#recent ul li.alternate { background: #EFEFEF; }
#recent ul li a { font-size: 1.2em; position: relative; padding: 0 0.75em 0 0; background: url(/siteimages/arrow_u.gif) no-repeat right center; }

/* Content */
#content { width: 88em; margin: 0 auto; }

#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Articles */
#articles { width: 52em; float: left; margin: 2em 0 0; }
#articles p { font-size: 1.2em; line-height: 1.5; }
#articles p a { padding: 0; }
#articles a.mail { padding: 0 0.75em 0 0; }

#articles a.ext { padding: 0 1.5em 0 0; background: url(/siteimages/arrow_ext.gif) no-repeat right center; }

#articles .post ul { font-size: 1.2em; line-height: 1.5; }
#articles .post ul li { margin: 0; padding: 0.25em 0; }
#articles .post p a { padding: 0 1em 0 0; }
#articles .post p a.ext { padding: 0 1.5em 0 0; background: url(/siteimages/arrow_ext.gif) no-repeat right center; }
#articles .post blockquote { color: #888; font-size: 1.2em; line-height: 1.5; position: relative; }
#articles .post blockquote span.lquote { left: -0.5em; position: absolute; }

#articles a.thumb img { border: 1px solid #CCCCCC; }

#articles a.thumb { font-size: 0.833em; background: none; border: none; display: block; width: 158px; height: 126px; margin: 0 1em 2em 0; float: left; padding: 0; }

#articles h2 { font-size: 2.1em; line-height: 1; font-weight: normal; margin: 0; padding: 0; }
#articles h2 .date { color: #888; font-weight: normal; display: block; font-size: 0.5em; margin: 0.5em 0 0; }

#articles h3 { font-size: 1.5em; line-height: 1; padding: 0.3em 0 0; }
#articles h3 a { padding-right: 0; background: none; }
#articles h3 .date { color: #888; font-weight: normal; display: block; font-size: 0.75em; margin: 0.5em 0 0; }
#articles h4 { font-size: 1.2em; }

#articles hr { border: 0; border-bottom: 1px dotted #CCC; }

#articles .commentnumber { color: #888; }
#articles p.comments_invite { padding-top: 2em; }
#articles p.comments_invite a { margin: 0 0.25em 0 0; padding: 0 1em 0 0; background: url(/siteimages/arrow_u.gif) no-repeat right center; }

#articles .commenter .commentdate { color: #888; font-weight: normal; }
#articles .commenter { margin: 0.5em 0 0; padding: 0; }
#articles .commentbody { border-bottom: 1px dotted #CCC; margin: 0; padding: 0 0 0.5em; }
#articles .commentbody p { margin: 0; padding: 0.5em 0; }
#articles .commentbody a { padding: 0 0.75em 0 0; }

#articles hr.book { margin: 6em 10em 8em 10em; }
#articles span.bookdate { font-style: italic; }

/* Comment Form */
.commentform dt { clear: left; width: 16em; text-align: right; float: left; position: relative; top: 0.25em; margin: 0 2em 0 0; }
.commentform dt label { font-size: 1.2em; }
.commentform dd { padding: 0 0 0.5em; }
.commentform dd.forminput input { width: 14em; }
.commentform dd textarea { width: 30em; height: 10em; padding: 0.25em; }

.comments_error li { font-size: 1.2em; line-height: 1.5; color: #cf3000; }

/* Supplementary */
#supplementary { width: 34em; margin: 0 0 0 54em; padding: 2.25em 0 0; }

/* Quotes */

#quotes p { position: relative; font-size: 1.6em; color: #999; line-height: 1.5; margin: 0; padding: 0 0 0.75em; }
#quotes p span { position: absolute; left: -.5em; }
#quotes p span.quoted { position: relative; left: 0; font-size: 0.75em; }

body#about #quotes { margin: 2em 0 0; }

/* Popular */
#popular h3 { font-size: 1.5em; line-height: 1; padding: 0.3em 0 0; }

#popular ul { list-style-type: none; margin: 0; padding: 0; }
#popular ul li { font-size: 1.1em; color: #888; border-top: 1px dotted #CCC; line-height: 1.5; margin: 0; padding: 0.5em 0 0.5em 0.25em; background: #EFEFEF; }
#popular ul li.alternate { background: #EFEFEF; }
#popular ul li a { font-size: 1.2em; position: relative; padding: 0 0.75em 0 0; background: url(/siteimages/arrow_u.gif) no-repeat right center; }
#popular ul li a del { color: #888; font-weight: normal; }
#popular ul li.searchbox { border-bottom: 1px dotted #CCC; padding: 0.5em 0 1em 0.25em; }


/* Twitter */
#twitter h3 { font-size: 1.5em; line-height: 1; padding: 0.3em 0 0; }
#twitter ul { list-style-type: none; margin: 0; padding: 0; }
#twitter ul li { font-size: 1.2em; color: #888; font-weight: bold; border-top: 1px dotted #CCC; line-height: 1.5; margin: 0; padding: 0.5em 0 0.5em 0.25em; }
#twitter ul li a { font-size: 1.0em; position: relative; padding: 0 0.75em 0 0; background: url(/siteimages/arrow_u.gif) no-repeat right center; }
#twitter ul li span.arc_twitter-posted { display: block; font-size: 1.0em; font-weight: normal; color: #888; line-height: 1.5; margin: 0; padding: 0.25em 0 0.5em 0em; }


/* Links */
#links { margin: 3em 0 0; }
#links h3 { font-size: 1.5em; line-height: 1; padding: 0.3em 0 0; }

#links ul { list-style-type: none; margin: 0; padding: 0; }
#links ul li { font-size: 1.1em; color: #888; border-top: 1px dotted #CCC; line-height: 1.5; margin: 0; padding: 0.5em 0 0.5em 0.25em; background: #EFEFEF; }
#links ul li.alternate { background: #EFEFEF; }
#links ul li a { font-size: 1.2em; position: relative; padding: 0 1.5em 0 0; background: url(/siteimages/arrow_ext.gif) no-repeat right center; }
#links ul li a del { color: #888; font-weight: normal; }

/* Footer */
#footer { height: 16em; margin: 4em 0 0; background: #d23900; }

#innerfooter { width: 88em; height: 8em; margin: 0 auto; padding: 7em 0 1em; background: url(/siteimages/footer_bg.jpg) no-repeat top center #d23900; }
#innerfooter p { color: #EFEFEF; font-size: 1.1em; line-height: 1.5; padding: 0 0 0 5em; background: url(/siteimages/footer_logo.png) no-repeat left top; }
#innerfooter p a { color: #EFEFEF; font-weight: bold; padding: 0 1.6em 0 0; background: url(/siteimages/arrow_extfooter.png) no-repeat right center; }
#innerfooter p a.rss { padding: 0 0 0 1.25em; background: url(/siteimages/rss.png) no-repeat left center; }
#innerfooter p a:hover { border-bottom: 1px dotted #EFEFEF; }

/* Archives */
body#archives #articles div { display: block; width: 15em; float: left; clear: left; margin: 0; padding: 0; }
body#archives #articles div h3 { margin: 0; padding: 0.5em 0 0; }
body#archives #articles hr { margin: 4em 0 0; }
body#archives #articles p { border-bottom: 1px dotted #CCC; color: #888; margin: 0 0 0 15em; padding: 0.5em 0 0.5em 0.1em; }
body#archives #articles p a { position: relative; padding: 0 0.75em 0 0; background: url(/siteimages/arrow_u.gif) no-repeat right center; }

/* Contact */
body#contact #articles p a { padding: 0 0.75em 0 0; }

/* Work & Portfolio */

body#work .post .excerpt a { background: none; padding: 0; }
body#illustration .post .excerpt a { background: none; padding: 0; }