@font-face {
  font-family: "Museo700";
  src: url(http://webit.ca/wp-content/uploads/2009/11/museo700-regular.otf);
}
@font-face {
  font-family: "Museo300";
  src: url(http://webit.ca/wp-content/uploads/2009/11/museo300-regular.otf);
}
@font-face {
  font-family: "Inconsolata";
  src: url(http://webit.ca/wp-content/uploads/2009/11/inconsolata.otf);
}

/* blueprint css reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
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;}

/* layout */
body { margin-top: 1em; padding-top: 1em }
#body-wrap { width: 37.5em; padding: 2em; position: relative; margin: 80px auto 0 auto; }
.header { top: -80px; position: absolute; }
.nav { margin-bottom: 1em }
ul.nav { }
.nav ul { list-style: none; margin: 0; height: 2.5em; position: relative; }
.nav ul li { display: inline; line-height: 2.5em; margin: 0 0.25em 0 0; }
.nav ul li a { padding: 0.5em 0.5em }
.nav .links_section { position: absolute; right: 0; top: 0 }
.footer { padding: 1em 0; text-align: center; margin-top: 3em; clear: both; }
h2 { position: relative;  }
ul, ol { margin: 0 0 0.5em 1em; }
pre { margin-bottom: 1em; }

a.exp { float: right; display: block; margin: 0 0 0 1em }
a.exp img { display: block }

.post { position: relative; margin-bottom: 1em; }
small.date { margin-top: -3em; position: absolute }
* + html small.date { margin-top: -2em; position: absolute }
* html small.date { margin-top: -2em; position: absolute }

.links { margin: 4em 0 5em 0; width: 100%; overflow: hidden; }
.links li.linkcat { float: left; width: 31%; padding: 1%; }
                             
/* typography */
body { font-family: Verdana, sans-serif; color: #444; }
h1, h2, .header, .nav { font-family: Museo300, Georgia, serif }
h1 { font-size: 2em; padding: 0.5em 0; }
h1 a { color: black }
h2 { font-size: 1.5em; line-height: 1em; font-weight: normal; padding: 0.5em 0 1em 0; margin-bottom: 0.5em; }
h2 a { text-decoration: none; color: black }
h2 a:hover:after { content: " > " }
h3 { margin-bottom: 0.5em; font-size: 1em; font-weight: bold; }
p { margin-bottom: 0.5em; }
a { color: red; text-decoration: none }
em { font-style: italic }
code { font-family: Inconsolata, Consolas, “Lucida Console”, Monaco, monospace; font-size: 14px }

p, li { line-height: 2em; font-size: 12px }

textarea { width: 100% }

.header { font-size: 3em; line-height: 1em; font-family: Museo700 }
.header a { text-decoration: none; color: black }
.header p { font-size: 0.33em; font-style: italic }

.nav { text-transform: uppercase; font-family: verdana; font-size: 0.75em }
.nav a { text-decoration: none; color: black }
.nav a:hover { color: red }
.nav .current_page_item a:hover { color: black }

small.date { font-size: 0.625em; text-transform: uppercase; }

#commentform input,
#commentform textarea { font-size: 12px }
#commentform label small { font-size: 1em }

.links h2 { font-size: 16px; }

.wp_syntax pre { font-family: Inconsolata, Consolas, “Lucida Console”, Monaco, monospace; font-size: 14px }

.footer { font-size: 0.7em; font-family: Verdana } 

/* decorations */
body { background-color: #EEF0FF }
#body-wrap { background-color: #fff }

.header { }
.nav { background: #f9f9f9; }
.nav a { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.nav li.current_page_item a { background: #eee; }

h2 { border-bottom: 1px dotted #444 }

a.exp { padding: 2px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-top: 1px solid #eee; border-left: 1px solid #eee }

.commentlist { padding-left: 2em }
.commentlist li { list-style: none; position: relative; padding-left: 2em; }
.commentlist p  { margin-bottom: 0 } 
.commentlist .comment-author img { position: absolute; left: -1.5em; top: 0.25em; }
* html .commentlist .comment-author img { display: inline; left: -3.5em; } 

.links, .links li { list-style: none }
.wp_syntax { margin: 0.5em 0 !important }

#single-post h2 a:hover:after { content: " < " }
.footer { border-top: 1px dotted #444 }

/* images */
div.aligncenter {
position: relative;
margin: 0 auto 1em auto;
background: #f3f3f3;
font-size: 10px;
padding: 5px 5px 0 5px;
border: 1px solid #ccc;
text-align: center;
}
.wp-caption-text {
font-size: 10px !important;
}
div.aligncenter img {
border: 1px solid #ddd;
}