@media screen, projection, tv {

* { margin:0; padding:0; }
body {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
line-height:1.6em;
color:#372E27;
background-color:#E9E1D2;
position:relative;
max-width:1003px;
width:95%;
margin:2em auto;
}

.tk-active {
font-size:1.2em;
}

img { border:0; }
a { color: #647819; }
a:active { font-style:italic; }
a abbr.update,
a abbr.published { font-size:100%; }

kbd { margin:0 0.5em; font-size:130%; color:#647819; font-family:"Courier New", monospace; }
code { font-family:"Courier New", monospace; font-size:100%; color:#000; border:1px dotted #e8e8e8; background-color:#e8e8e8; }
.urlfragment { font-size:85%; color:#000; }
.backwards { unicode-bidi:bidi-override; direction: rtl; }
.highlight { padding:2px 5px; background-color:#eef5e7; border:1px solid #eee; }
.dn { display:none; }
.fright { float:right; }
.fleft { float:left; }
.example { vertical-align:top; font-size:3.5em; font-weight:bold; font-family:"Courier New", monospace;}

blockquote {
padding:0 1em;
border-left:1px dotted #647819;
margin: 0 0 1em 0;
}
blockquote.pullquote { 
width:14em;
margin:1em 1.5em;
padding:0;
border:0;
}
blockquote.pullquote p {
font-size:130%;
font-weight:bold;
font-style:italic;
margin:0;
letter-spacing:1px;
}
pre {
font-family:"Courier New", monospace;
font-size:1.025em;
margin:1em 0;
padding:1em 0;
color:#647819;
border:1px solid #CCCCCC;
word-wrap:break-word;
white-space:-moz-pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
}
pre.code_example {
padding-left:1em;
overflow:auto;
font-weight:bold;
}
.hentry pre {
background-color:#FFFFFF;
}

.stanza {
font-family:Georgia, sans-serif;
letter-spacing:1px;
font-style:italic;
line-height:1.6em;
border:0;
padding:1em;
}
.hentry pre.stanza {
background:transparent;
}
h1 {
line-height:1.6;
color:#000;
margin:0 0 1em 0;
}
h2 {
line-height:1.5;
color:#222;
margin:2em 0 0 0;
letter-spacing:1px;
}
h3 {
line-height:1.4;
color:#333;
margin:0em 0.25em 0.5em 0;
}

h1, h2, h3, h4,
#nav_site,
#feeds,
legend,
label,
input.submit,
#sitemap,
#license {
text-shadow:1px 1px 1px #CCC;
}
h1#welcome {
}

.main {
float:left;
width:64%;
margin-bottom:5em;
}
.main a {
letter-spacing:1px;
}
.main a:hover {
}
.main a:visited,
.supplemental a:visited {
color:#333;
}
#content a:active {
}

.main .vcard a {
text-decoration:underline;
}


.main p {
margin:0.5em 0 1.5em 0;
}
.main p a { }
.main h2.update { background:#e8e8e8; }
.main h2 a, 
.main h3 a {
}
.main h2 a:hover, 
.main h3 a:hover {
}

#home .main {
width:100%;
}

#home .aside {
float:left;
width:48%;
}
#home .aside:nth-child(odd) {
margin-left:2%;
}

#home .aside dd {
margin-left:0;
}

#home #accounts {
width:42%;
}

#home #interests {
width:56%;
}



body#cv h2 { 
margin-top:2em;
}
body#cv h3 { 
text-transform:uppercase;
letter-spacing:1px;
}
body#cv ul.vcalendar > li { margin:0 0 2em 0; }
body#cv li.education,
body#cv li.experience { margin:0 0 1em 0; }
body#cv #content li {  }
body#cv ul li ul.skill_set li { display:inline; }
body#cv ul li li { margin-bottom:1em;}


#library .main {
width:100%;
}
#library table { border-collapse:collapse; }
#library td {
border-bottom:1px solid #ccc;
padding:0.25em 2em 0.25em 0;
}
#library thead th {
text-align:left;
}
#library thead th:nth-child(3) {
width:45%;
}
#library tbody tr:hover { background:#ddd; }
#library caption {
font-weight:bold;
font-size:2em;
text-align:left;
margin-bottom:1em;
}
#library tbody .cover img {
vertical-align:middle;
}


.main ul {
margin:1em 0 1em 1em;
}

.main #interests ul {
-moz-column-count: 2;
-moz-column-gap: 1em;
-webkit-column-count: 2;
-webkit-column-gap: 1em;
column-count: 2;
column-gap: 1em;
}
.main #interests ul li {
}


.main fieldset {
padding:1em;
}
.main legend { font-weight:bold; }
.main label {
display:block;
font-weight:bold;
}
.main p.media {
border:1px dotted #647819;
text-align:center;
width:130px;
margin:0 auto;
}
.main p.media object {
width:130px;
height:35px;
}

abbr.published,
abbr.updated {
}
.xoxo abbr.published,
.xoxo abbr.updated {
margin-left:0;
}
.content_replies dd {
margin-left:2em;
}

#wrapper {
float:left;
width:100%;
margin-top:4em;
}

.main ol.conversation { margin:0; }
.main ol.conversation li {
list-style-type:none;
margin:1.5em 0;
}
.main ol.conversation li cite {
background:#E8E8E8;
padding:0.46em 0.75em;
font-weight:bold;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
}
.main ol.conversation li blockquote {
border:0;
padding-top:0.1em;
padding-bottom:0.1em;
}
.main cite.interviewer + blockquote { background:#E8E8E8; }
.main cite.interviewee + blockquote { background:#F8F8F8; }

input,
textarea,
label {
padding:0.25em;
}

textarea {
}

.required {
color:#647819;
font-weight:bold;
}

input[type=submit] {
font-weight:bold;
}
input:focus, textarea:focus, select:focus {
}

dt {
font-weight:bold;
margin:1em 0 0 0;
}
dl dd { 
list-style-type:none;
margin:0.5em 0 0 1em;
}
dl a img {
padding:5px;
border: 1px solid #aaa;
}

.entry-content {
margin-bottom:3em;
}


.main form#comment_write ul {
margin:0;
}

.main form#comment_write li { 
margin:0 0 1em 0;
list-style-type:none;
}
#comment_authentication kbd {
letter-spacing:2px;
}

.form_data input {
width:55%;
}
.form_data textarea {
width:70%;
}


.main ol { margin:1em 0 1em 1.5em; }

ul#desc_article_list li p {
margin-bottom:0.5em;
}


#comments h2 {
margin-top:0;
margin-bottom:0.5em;
}

.main ol#comments_list {
margin:0 0 0 1.5em;
}

.main ol#comments_list li.hentry {
margin:0 0 2.5em 0;
font-weight:bold;
}

.main ol#comments_list li:nth-child(even) {

}

.main ol#comments_list li.hentry .entry-content {
margin-bottom:0;
font-weight:normal;
}

.main ol#comments_list h3.c_userinfo {
}
.main ol#comments_list h3.c_userinfo a.timestamp {
font-size:90%;
}
.main ol#comments_list h3 a {
}

.main ol#comments_list h3 img {
vertical-align:top;
}

/*.main ol#comments_list li.c_cs { background:#e8e8e8; }
.main ol#comments_list li.c_cs h3.c_userinfo { background:#fff; }*/

body div.img_cap {
margin: 1em;
border:1px solid #e8e8e8;
padding:5px;
background:#fff;
text-align:center;
}
body div.img_cap.left { margin-left:0; }
body div.img_cap.right { margin-right:0; }
body div.img_cap img { margin:0 auto 0 auto; }
body #content div.img_cap p.image_caption {
background:#f3f3f3;
margin:0 auto;
padding:5px;
text-indent:0;
font-size:90%;
}

.supplemental {
float:right;
margin:0 0 1em 0;
width:27%;
}

.supplemental ul,
.supplemental dd {
text-align:left;
font-size:90%;
margin:0.5em 0 1em 1.25em;
}
.supplemental ul li,
.supplemental dd li {
margin:0 0 0.25em 0;
}
.supplemental h2,
.supplemental dt  { 
margin-top:0.35em;
}


.main ul li.hentry {
margin-bottom:2em;
}

.article_labels ul li, 
#article_labels ul li {

}
.article_labels h2,
.article_labels ul {
margin-top:0;
}

.article_labels h3 {
margin-top:1em;
margin-bottom:0;
}

.hentry .figure img {
float:left;
margin-right:2em;
margin-bottom:1em;
}
/*
*:target:before {
content: '#';
}
*/
*:target {
transition-property: opacity;
transition-duration: 2s;
}

ul#nav_site {
float:left;
list-style-type:none;
}

ul#feeds {
float:left;
list-style-type:none;
}
ul#nav_site li, 
ul#feeds li {
float:left;
letter-spacing:1px;
margin:0 2em 0 0;
}
ul#nav_site li a, 
ul#feeds li a {
display:block;

text-transform:uppercase;
font-weight:bold;
}

a.feed {
background:url(/media/images/icon_rss.png) 0 50% no-repeat;
padding-left:2em;
}
ul#feeds li a.feed {
padding-left:20px;
}


ul#nav_site li a span {

padding:0 2px;
margin:0 2px 0 0;
}
ul#feeds li img { padding:8px 0 0 0; }

#footer {
clear:both;
float:left;
width:100%;
margin-bottom:2em;
}
#footer li {
list-style-type:none;
}
#sitemap {
float:right;
margin-right:3em;
}

#footer img.photo {
border:0;
margin:0 1em -3px 0;
float:left;
}

address {
float:left;
width:auto;
margin-right:0.5em;
font-style:normal;
font-weight:bold;
text-shadow:1px 1px 1px #DDD;
}

address span.email,
address span.nickname,
address .adr { 
display:block;
}

address span.nickname {
clear:none;
display:block;
float:none;
}

address span.email {
clear:none;
}
address abbr.geo {
border-bottom:0;
}


dl.adr dt,
dl.adr dd {
display:inline;
}
dl.adr dd {
margin:0 0.5em 0 0;
}
dl.adr .geo,
dl.adr .street-address,
dl.adr .extended-address,
dl.adr .postal-code,
dl.adr .tel,
dl.adr dt { 
display:none;
}
/*below keys are temp*/
.geo,
.street-address,
.extended-address,
.postal-code,
.tel,
dl.adr dt { 
display:none;
}


address .get_vcard {
background:url(/media/images/icon_vcard.gif) 0 50% no-repeat;
width:35px;
float:left;
display:block;
text-indent:-9999px;
}
address a.get_vcard:hover {
border-bottom:none;
}


#cert {
display:none;
}

#footer #license {
float:right;
}

#search_site {
float:right;
}

#search_site fieldset { border-width:0; }
#search_site label {
float:left;
margin:0 0.5em 0 0;
font-weight:bold;
}
#search_site legend { display:none; }

#search_site input {
display:block;
float:left;
}
#search_site input#keywords {
}

#search_site input#search, #comment_submit {
margin-top:-2px;
}

.hlisting .fn {
font-style:italic;
}

}/*end of @media screen, projection, tv*/

@media print {
img { border:none; }
p { orphans: 2; widows: 1; }

a:after { background-color:#fff; }
a:not([href^="#"]):after { content:" <"attr(href)"> "; }
a:not([href^="http:"]):after { content: " <http://www.csaven.ca/"attr(href)"> "; }
a[href^="irc:"]:after, a[href^="ftp:"]:after { content:" <"attr(href)"> "; }
blockquote[cite]:after { content: "Quoted from: " attr(cite); display: block; }

#nav_site, #feeds, #search_site, .supplemental, #comment_write, #footer .get_vcard, #sitemap, ul#footer span.has_rights,
.geo, .street-address, .extended-address, .postal-code, .tel, #footer address a, #footer span.geo { display:block; }


}/*end of @media print*/