/* reset.css */
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;
  vertical-align: baseline;
  font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

:focus { outline: 0; }
body { line-height: 1.5; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


/* typography.css */
body { font-size: 75%; font-family: arial, sans-serif; }

h1 {
  font-weight: normal;
  color: #3d3d3d;
  text-shadow: 3px 3px 2px #d7d7d7;
  font-size: 2em;
  line-height: 1;
  margin-bottom: 0.5em; }
  h1 img {
    margin: 0; }

h2 {
  font-weight: normal;
  color: #3d3d3d;
  text-shadow: 3px 3px 2px #d7d7d7;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h3 {
  font-weight: normal;
  color: #111;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h4 {
  font-weight: normal;
  color: #111;
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
  height: 1.25em; }

h5 {
  font-weight: normal;
  color: #111;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }

h6 {
  font-weight: normal;
  color: #111;
  font-size: 1em;
  font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { margin: 0 0 1.5em; }
a { color: #444; text-decoration: none; }
a:focus { color: #111; }
a:hover { color: red; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em { font-style: italic; }
dfn { font-style: italic; font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color: #666; }
pre { overflow: auto; }

tt, pre, code {
  color:#000000;
  font-family:Consolas,'andale mono','Lucida Console','Bitstream Vera Sans Mono','Courier New',monospace;
  font-size:0.96em;
}

pre {
  background-color:#F9F9F9;
  border-color:#EEEEEE;
  border-style:solid;
  border-width:1px 1px 1px 20px;
  color:#333333;
  line-height:1.1;
  overflow:auto;
  padding:6px 4px 4px 6px;
  margin: 1.5em 0;
}

pre code { color:#333333; }
tt { line-height: 1.5; }
li ul, li ol { margin: 0 1.5em; }
ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }
ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
table { margin-bottom: 1.4em; width: 100%; }
th { font-weight: bold; background: #C3D9FF; padding: 4px 10px 4px 5px; }
td { padding: 4px 10px 4px 5px; }
tr.even td { background: #E5ECF9; }
tfoot { font-style: italic; }
caption { background: #eee; }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }

/* forms.css */
label { font-weight: bold;  display: block; }
input.text, input.title, textarea { margin: 0.5em 0; padding: 5px; width: 240px; }

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* fancy.css */

.alt {
  color: #666;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal;
}

.dquo { margin-left: -.5em; }

/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
.caps {
  font-variant: small-caps;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}


/* layout.css */

body { font-size: 0.9em; color: #111; background-color: #fdfdfd; }
#header { padding-top: 18px; text-align: center; }
#sidebar { text-align: right; }
#footer { 
  padding: 1em 0;
  border-top: 1px solid #ddd;
  text-align: center;
  font-size: 0.8em;
  color: #666;
}

.hentry { padding: 18px; margin: 2em 0; }
.hentry.single { margin-bottom: 4em; }
.entry-title { margin-bottom: 0; }
h2.entry-title:hover { color: #009; }
.entry-content p { color: #222; }
.entry-content a { background-color: #ffc; border-bottom: 1px solid #ff0; padding: 0 3px; }
.header { text-align: center; margin-bottom: 2em; }

.header a.home {
  display: inline-block;
  background: transparent url(/img/txt.png) 0 0 no-repeat;
  width: 130px;
  height: 18px;
  border-bottom: 1px solid transparent;
}

.header a.home:hover {
  border-bottom: 1px solid #999;
}

.vcard {
  margin: 0.25em 0 0.75em 0;
  padding: 0;
  color: #999;
  font-size: 0.86em;
}

.buttons {
  margin-top:36px;
  padding-right: 4px;
}

.buttons a {
  display: block;
  background: transparent url(/img/favicon.png) right 3px no-repeat;
  padding-right: 20px;
  margin-bottom: 9px;
}

.container.single { width:800px }
span.name { letter-spacing: 0.025em; }
#comments { padding: 18px; }
#comments ol li { margin-top:2.5em; margin-bottom:2.5em; }
#commentlist { font-size: 0.96em; }
#commentlist a { color: #009; }
#commentlist .comment-meta { text-align:left; position:relative; left:0; bottom:18px; color:#666;}
#commentlist .comment-meta a { color: #111; }
#commentlist .comment-meta a.permalink { background-color: #ffc; border-bottom: 1px solid #ff0; padding: 0 3px; }
form h2 { margin-top: 3em; }
form table { width: 800px; }
form label { color: #444; font-weight:normal; }
form input[type='text'] { width: 220px; color: #111; }
form input[type='submit'] { width: 140px; font-size: 1em;}
form textarea { width: 752px; height: 80px; }

a.about { background-image: url(/img/favicon.png); }
a.github { background-image: url(/img/git.png); }
a.twitter { background-image: url(/img/twitter.png); }
a.lastfm { background-image: url(/img/lastfm.png); }
a.flickr { background-image: url(/img/flickr.png); }
a.delicious { background-image: url(/img/delicious.png); }
a.feed { background-image: url(/img/feed.png); }
a.openwiki { background-image: url(http://openwiki.com/favicon.ico); }
a.bsd { background-image: url(http://openbsd.org/favicon.ico); }
a.m42 { background-image: url(http://mirror42.com/wp-content/themes/m42/favicon.ico); }
a.kpilib { background-image: url(http://kpilibrary.com/wp-content/themes/kpipress/favicon.ico); }

.delicious-posts { font-family: arial, sans-serif; font-size: 12px; color: #009; margin-top:72px; }
.delicious-posts h2 { font-size: 1.4em; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0; }
.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: 80%; }
.delicious-banner a { font-size: 80%; }
.delicious-posts a:hover { text-decoration: underline; }
.delicious-posts a { text-decoration: none; color: #009; padding: 0 0.3em; }
.delicious-post a { color: #009; }
.delicious-post a.delicious-link { font-size:1.1em; display:block;  }
.delicious-post p.delicious-extended { color: #000; font-size:90%; }