@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";
@import "code_ray.css";

/* Body
-------------------------------------------------------------- */

body { margin-top: 0; }
h1, h2, h3, h4, h5, h6 { color:#000000; font-family:"Graublau Web",Helvetica,Arial,sans-serif; font-size:30px; font-weight:400; font-weight: 700; letter-spacing:-1px; line-height:42px; padding:20px 0 16px; }
h1 { margin: 0px; font-size: 40px }
h1 { color: #f00; margin: 0px; line-height: 20px; }
.tagline { font-size: 18px; margin: 0px; line-height: 20px; margin-bottom: 5px !important; }

/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 580px; }


/* Header
-------------------------------------------------------------- */

#header { border-bottom: 1px solid black; padding-bottom: 5px; margin-bottom: 5px; }

#header #contact { float: right; }


/* Body
-------------------------------------------------------------- */

#body { margin-top: 30px; }

#content { float: left; width: 580px; margin-right: 50px; font-size: 110%;  }

#sidebar { float: left; width: 230px; }
#sidebar h3 { color: #888; }
#sidebar ul, #sidebar ol { color: #888; }
#sidebar ul a { color: #555; }


/* Footer
-------------------------------------------------------------- */
#footer { border-top: 1px solid #eee; margin-top: 20px; }

#footer .tabs { width: 405px; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }

/* Posts
-------------------------------------------------------------- */

div.highlight { border: 1px solid #ccc; padding: 0 10px; font-size: 1.1em !important; line-height: 0.9em; background: #ffe;}
div.post h2 { color: #F89B29; margin-bottom: 0.4em; }
div.post h2 a { color: #fff; line-height: 48px; padding: 5px 15px; font-family: serif; background: #000; text-shadow: 0px -2px 0px #666; -box-shadow: 3px 3px 3px #ccf; -webkit-box-shadow: 3px 3px 3px #ccf; -moz-box-shadow: 3px 3px 3px #ccf; }
div.post .meta { text-align: center; margin-bottom: 15px; }
div.post .meta blockquote { margin: 0; }
div.post .meta blockquote p { margin-bottom: 1em;font-family: serif !important; font-style: italic; font-size: 1.2em; }
div.post .meta blockquote p { margin-bottom: 1em;font-family: serif !important; font-style: italic; font-size: 1.2em; }


div.post-body { padding-left: 20px; font-size: 1.2em; }
div.post-body h1, div.post-body h2 { margin: 5px 0 5px -20px; font-size: 1.3em; text-align: center; font-variant: small-caps; text-transform: lowercase; color: red; }
div.post-body h1:before, div.post-body h2:before { content: "-~="; font-weight: normal; color: #333; }
div.post-body h1:after, div.post-body h2:after { content: "=~-"; font-weight: normal; color: #333; }
div.post-body p { margin-bottom: 0.7em }
div.post-body ul { margin-bottom: 0.7em }

div.post-footer {margin-left: 20px; border-bottom: 1px dashed #ccc; text-align: center; }
div.post-footer a { display: block; margin-left: -40px;}

/* Comments
-------------------------------------------------------------- */

div.comments { margin-left: 20px; margin-top: 40px; border: 1px dashed #ccc; background: #f0f0f0; padding: 20px; }
#dsq-comments-title { margin-top: 20px !important }
#dsq-new-post { padding-top: 10px !important; margin-top: 20px !important; border-top: 4px solid #ddd !important; }
.dsq-comment-message { font-size: 1.2em !important }
.dsq-comment-footer { display: none; !important }
.dsq-dc-logo  { display: none; !important }


/* Sidebar
-------------------------------------------------------------- */
#sidebar p { margin-left: 5px; }
#sidebar h4 { margin-bottom: 0.1em; font-size: 0.9em; background: url(../images/black.jpg) top left; padding: 2px 5px; color: white; }
#sidebar ul { margin-left: 5px; }

#sidebar li { list-style-type: none; color: black; font-family: Helvetica, Arial, sans-serif;}
#sidebar li a { color: red; font-family: Helvetica, Arial, sans-serif;}

#sidebar p.introduction { border: 1px dashed #fbb; background: #f9f9f9; padding: 5px; margin: 5px 0 10px 0; }
#sidebar img.starr { width: 220px; margin-top: 50px;}