body,a,p,img,h1,h2,h3,h4,h5,h6,ul,li,blockquote,fieldset,label,h4 { margin: 0; padding: 0; line-height: 1em; font-weight: normal; text-decoration: none; color: #f7f3e0; border: none; }

body { background: #1d1508; color: #f7f3e0; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px; width: 60em; margin: 0 auto; }
div.info { position: absolute; right: 0; top: 0; text-align: right; color: #5e3614; padding: 2px 4px 0 0; }

/* Grid Layout */
div.column, div.columns { float: left; margin: 0 0.25em; }
div.one { width: 4.5em; }
div.two { width: 9.5em; }
div.three { width: 14.5em; }
div.four { width: 19.5em; }
div.five { width: 24.5em; }
div.six { width: 29.5em; }
div.seven { width: 34.5em; }
div.eight { width: 39.5em; }
div.nine { width: 44.5em; }
div.ten { width: 49.5em; }
div.eleven { width: 54.5em; }
div.twelve { width: 59.5em; }

/* Flash Notices */

div.flash { text-align: left; width: 40em; margin: 0 auto 0.5em auto; padding: 0.75em; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
div#success { background: #204d0e; }
div#error { background: #491717; }
div#warning, div#notice { background: #5b550c; }

/* Forms */

input { display: block; }
label { display: block; margin: 0 1em 0 0; clear: left; }
label.check, label.check input { display: inline; }
input.check { display: inline; }

/* Standard elements */

h1 { margin: 0 0 0.5em 0; }
h2 { }
h1 span { display: none; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

p { line-height: 1.35em; margin: 0 0 0.5em 0; }
a { color: #f5d700; }
a:hover { text-decoration: underline; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; font-weight: bold; }
p a { text-decoration: underline; }

div.hr { display: block; background: url(/images/hr.png) no-repeat -5em center; width: 600px; height: 28px; }
div.hr.blog { background: url(/images/hr.png) no-repeat -5em center; width: 25em; margin: 0 4em 1em 0.5em; }
div.hr.sidebar { background: url(/images/hr.png) no-repeat -10.5em center; width: 13.5em; margin: 0 0 0.75em 0.5em; }

/* Header */
div#header { height: 100px; margin-bottom: 1em; display: block; }
div#header h1.site-title { background: url(/images/HD-title.png) no-repeat left top; width: 376px; height: 83px; float: left; margin: 0 3em 0 0; }
div#header div.nav-links { width: 368px; height: 25px; display: block; float: left; margin: 40px 0 0 0; }

/* Nav links */
div.nav-links a.nav { display: block; cursor: pointer; float: left; }
a.nav span { display: none; }
a.art { background: url(/images/artsketchcomm-sprites.png) no-repeat 0 0; width: 41px; height: 23px; margin-right: 30px; }
a.art:hover, a.art.selected { background: url(/images/artsketchcomm-sprites.png) no-repeat 0 -23px; }
a.sketches { background: url(/images/artsketchcomm-sprites.png) no-repeat -44px 0; width: 112px; height: 23px; margin-right: 30px; }
a.sketches:hover, a.sketches.selected { background: url(/images/artsketchcomm-sprites.png) no-repeat -44px -23px; }
a.commissions { background: url(/images/artsketchcomm-sprites.png) no-repeat -159px 0; width: 155px; height: 23px; }
a.commissions:hover, a.commissions.selected { background: url(/images/artsketchcomm-sprites.png) no-repeat -159px -23px; }

/* Footer */
div#footer { margin: 4em 0 2em 0; }
div#footer div.copyright { font-size: 0.65em; text-align: center; color: #4b3517; }
div#footer div.nav-links.footer { width: 560px; margin: 1em auto 1em auto; }
div#footer div.nav-links.footer a.email-link { background: url(/images/email-a-dragon-text.png) no-repeat left top; width: 200px; height: 28px; display: block; float: left; }
div#footer div.nav-links.footer a.email-link span { display: none; }
div#footer div.nav-links.footer a.aim-link { background: url(/images/message-a-dragon-text.png) no-repeat left top; width: 320px; height: 28px; display: block; float: left; }
div#footer div.nav-links.footer a.aim-link span { display: none; }
div#footer div.nav-links.footer div.bullet { float: left; font-size: 2em; padding: 4px 10px 0 10px; }

/* Blog */
div.blog-post { margin: 0 0 2em 0; padding: 0 3em 0 0; }
div.blog-post h2.title { font-weight: bold; font-size: 1.3em; margin: 0 0 0.25em 0; }
div.blog-post div.post-info { margin: 0 0 2em 0; font-size: 0.8em; }
div.blog-post div.post-body { font-size: 0.95em; }
div.blog-post div.response-info { float: right; }
div.blog-post div.post-body a img { border: 2px ridge #f5d700; }
div.blog-post div.post-body a img:hover { border: 2px ridge #fbf0be; }

h2.featured { background: url(/images/selected-art-text.png) no-repeat left top; width: 114px; height: 17px; margin: 0 0 0.25em 0; }
h2.featured span { display: none; }
div#featured-art img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

h2.recent { background: url(/images/recent-stuff-text.png) no-repeat left top; width: 112px; height: 17px; margin: 0 0 0.25em 0; }
h2.recent span { display: none; }
div#recent-art div.thumbnail { background: #2c2006; width: 64px; height: 64px; margin: 0.5em; padding: 5px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; }
div#recent-art div.thumbnail:hover { background: #4e380c; }
div#recent-art div.thumbnail img { -webkit-border-radius: 2px; -moz-border-radius: 4px; border-radius: 4px; }

div#responses h3.response-head { padding: 0 0 0.25em 0; margin-bottom: 1em; border-bottom: 1px dotted #412f0e; }
div#responses input { margin-bottom: 0.5em; }
div.response { margin: 0 0 1em 0; border-bottom: 1px dotted #412f0e; padding: 0.5em 0.2em 0 0.2em; }
div.response p { padding: 0 1em 0 0; }
div.response.blogger { background: #32200c; }
div.response.reply { text-indent: 0.5em; border: none; }
div.response.hidden { background: #390c0c; }
div.response h4 { margin: 0 0 0.25em 0; }
div.response h4 span { font-weight: bold; }
div.response h4 span.email { font-size: 0.5em; }
div.response div.response-body { padding: 0 0 0 1em; }
div.response div.response-body p { text-indent: 0; }
div.response div.controls { font-size: 0.5em; float: right; }

input#comment_author, input#comment_author_email { float: left; margin-right: 0.5em; display: block; }
input#comment_author, input#comment_author_email, input#comment_author_url, textarea#comment_content { background: #eeecdf; }
span.required { font-size: 0.6em; color: #998833; }

/* Sidebar */
h2.twitter { background: url(/images/twitter-text.png) no-repeat 45px 4px; width: 115px; height: 21px; margin: 0 0 1em 0; }
h2.twitter span { display: none; }
h2.twitter span.bird { display: block; background: url(/images/twitter-bird.png) no-repeat left top; width: 38px; height: 29px; }
ul#twitter-list { list-style-type: none; }
ul#twitter-list li { margin: 0 0 1em 0; padding: 0 0.5em 0.5em 0.5em; font-size: 0.9em; border-bottom: 1px solid #4b3517; line-height: 1.25em; }
ul#twitter-list li div { float: right; font-size: 0.8em; }
a.twitter-link { font-size: 0.8em; float: right; margin-top: -0.75em; }

h2.recent-posts { background: url(/images/other-posts-text.png) no-repeat 43px 4px; width: 150px; height: 25px; margin: 0 0 0.75em 0; }
h2.recent-posts span { display: none; }
h2.recent-posts span.posts { display: block; background: url(/images/post-quill.png) no-repeat 3px top; width: 33px; height: 32px; }
ul#recent-posts-list { list-style-type: none; margin: 0 0 -0.75em 0; }
ul#recent-posts-list li { margin: 0 0 0.5em 0; padding: 0 0.5em 0.5em 0.5em; font-size: 0.9em; line-height: 1.25em; }

h2.recent-responses { background: url(/images/comments-text.png) no-repeat 45px 3px; width: 141px; height: 19px; margin: 0 0 0.75em 0; }
h2.recent-responses span { display: none; }
h2.recent-responses span.bubble { display: block; background: url(/images/comment-bubble.png) no-repeat left top; width: 35px; height: 26px; }
ul#recent-responses-list { list-style-type: none; margin: 0 0 -0.75em 0; }
ul#recent-responses-list li { margin: 0 0 0.5em 0; padding: 0 0.5em 0.5em 0.5em; font-size: 0.9em; line-height: 1.25em; }

h2.rss { background: url(/images/rss-text.png) no-repeat 45px 4px; width: 116px; height: 29px; margin: 0 0 -0.4em 0; }
h2.rss span { display: none; }
h2.rss span.rss-icon { display: block; background: url(/images/rss-icon.png) no-repeat left top; width: 29px; height: 29px; }

h2.email-subscribe { background: url(/images/subscribe-text.png) no-repeat left top; width: 135px; height: 26px; margin: 0 0 0.5em 0; }
h2.email-subscribe span { display: none; }
form#email-subscribe input { float: left; }
form#email-subscribe input#email { margin-right: 0.5em; color: #888; background: #eeecdf; }
form#email-subscribe.ie input#email { width: 9em; }
p.subscribe-description { font-size: 0.75em; margin: 0.5em 0 0 0.1em; }

/* User Nav */
div#user-nav { display: block; position: fixed; bottom: 0; left: 20%; height: 1.5em; width: 60%; padding: 10px; margin: 0; background: #331405 url(/images/user-nav-gradient.png) repeat-x 0 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -border-top-left-radius: 8px; -border-top-right-radius: 8px; }
div#user-nav a { width: 5em; height: 1.5em; padding: 12px 12px 8px 12px; position: relative; bottom: 10px; text-shadow: #000 -1px -1px 1px; font-weight: bold; }
div#user-nav a.left { border-right: 2px groove #6f563d; float: left; }
div#user-nav a.left.end { margin: 0 10px 0 0; }
div#user-nav a.right { border-left: 2px groove #6f563d; float: right; }
div#user-nav a.right.end { padding: 12px 0 8px 20px; margin: 0 -15px 0 10px;}