html{margin:0; padding:0; background-color:#e2e3e8;}
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 2em; line-height:1.4; background-color:#fcfcfc; width:80%; min-width:20em; max-width:50em; margin:10px auto; border:2px solid #eee;}
@media (max-width:320px){
 body{margin:0; width:auto; min-width:none; max-width:none; margin:0; border:none;}
}
dt{font-weight:bold}
img{vertical-align:middle;}
article, aside, footer, header{display:block; margin:1em 0}
nav{display:block; margin:0}
header a, h1 a, h2 a, h3 a{color:#00e !important; border-bottom:none}
a{text-decoration:none; border-bottom:1px solid}
a:link, cite a:link{color:#00e; border-color:#00e}
a:visited, cite a:visited{color:#551a86; border-color:#551a86}
a:hover{color:darkred!important; background-color:#ffc!important; border-color:darkred!important}
blockquote{padding:0 2em; margin:1.33em 2em; border-left:2em solid #e6e9f9; color:#444}
blockquote address{text-align:right; font-size:smaller}
blockquote address a{color:#898e79}
pre, code, kbd{font-size:1em; font-style:normal; font-weight:normal; font-family:Consolas, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New"}
pre{font-size:small; border:1px solid #e7e7ef; background-color:#f6f6f9; padding:1em}
header{margin-top:0; padding:1ex 0}
body > header{color:#00e; border-bottom:1px solid #00e}
footer{padding:1ex 0; font-size:smaller; margin-bottom:0}
body > footer{border-top:1px solid black; margin-top:3em; font-size:x-small; padding:0; color:#898e79}
article h2{border-bottom:1px solid #ccf}
header h1{font-style:italic; font-size:1.25em; margin:0}
nav ul{list-style:none; text-align:right; margin:0; padding:0}
nav ul.sub-menu{text-align:left;font-size:small}
nav li{display:inline; margin-left:1ex}
header nav li{border-left:2px solid; padding-left:1ex}
nav li:first-child{border-left:none; margin-left:0}
article header{border-bottom:none}
article footer{border-top:none;}
.meta{margin:1em 0 1.33em 1.33em; padding:0; color:#898e79}
.meta a{color:inherit}
.meta cite{color:black; font-style:normal}
.note{background-color:#ffc; padding:0 1em; border:1px solid #eeb}
.note blockquote{border-color:#eeb}
.footnote{font-style:italic}
.error{color:darkred}
/* forms */
fieldset{margin:0; padding:0; border:none}
form.contact fieldset{background-color:#f2f3f8; border:1px solid #e6e9f9; padding:1em}
form.contact fieldset p{margin:0; clear:left}
form.contact p label{display:inline;  float:left;  width:6em;  padding:3px 0}
form.contact p input{display:inline; float:left; width:34em; border:2px solid #e6e9f9}
form.contact textarea{display:inline; float:left; width:40em; margin-top:1em; border:2px solid #e6e9f9}
/* blog */
#weblog-single header h2{color:black}
#prev-next{font-size:smaller}
#prev-next span,#comments .permalink span{display:none}
#prev-next .prev{float:left}
#prev-next .prev:before{content:"\2190"; margin-right:1ex}
#prev-next .next{float:right}
#prev-next .next:after{content:"\2192"; margin-left:1ex}
#prev-next nav:after{content:"\A0"; clear:both}
#comments article{padding:10px 0 20px 40px}
#comments article:after{display:block; content:""; margin:0 auto; border-bottom:1px solid #e6e9f9}
.trackback *{color:#898e79 !important; border-color:#898e79 !important}
#comments .permalink{margin:0 0 -2.33em -40px}
#comments .preview article{padding-top:0; border-left:20px solid #a66}
/* WEBLOG EXTRAS */
blockquote.verse{margin:auto;font-style:italic;font-size:1.1em;font-family:"Times New Roman", Times, serif; text-align:center;width:24em;background-color:ivory;border:1px solid black; color:#631919; padding:1em}
blockquote.verse h4{margin-top:0;text-decoration:underline}
blockquote.verse p{margin:0}
blockquote.verse hr{width:25%;height:1px}
/* syntax highlighting */
.highlight{color:black}
.highlight span{display:inline!important}
.highlight .comment{color:green}
.highlight .conditional{background:#ffffa0}
.highlight .string,.highlight .regexp,.highlight .number{color:darkred}
.highlight .keyword{color:blue}
.highlight .special{color:red}
.highlight .tag{color:purple;font-weight:bold}
.highlight .attribute{font-weight:bold}
.highlight .attribute.value{color:blue;font-weight:normal}
.highlight .entity{color:orangered}
.highlight .processing-instruction{color:orchid;font-style:italic}
/* HTML */
.html .doctype{color:steelblue;font-style:italic}
/* CSS */
.css .comment{color:gray}
.css .selector{color:darkred;font-weight:bold}
.css .at_rule{color:orangered}
.css .property{font-weight:bold}
.css .property.value{color:blue;font-weight:normal}
/* JavaScript */
.javascript .global{color:teal}
.javascript .base2{color:purple}
@media print{
 html{background-color:white}
 body{margin:0; width:auto; min-width:none; max-width:none; font-size:medium; border:none; background-color:white}
 body > header, nav, form{display:none!important}
 header, a{color:black !important}
 a{border:none!important}
 a[href]:after{content:" (" attr(href) ")"; font-size:smaller}
 #home-page a[href]:after, #my-page a[href]:after, .meta a[href]:after, .permalink a[href]:after{content:""}
}