body {margin:0; padding:0; border-top:5px solid #666; border-bottom:5px solid #666; background:#fff; color:#333; font:85% Georgia, serif;}
h1, h2, h3 {margin:0;}
h1, h2, h3, h4 {font-size:1.5em;}
h6, hr {display:none;}
p, ul, ol, dl {margin:1em 0; padding:0;}
dt {font-weight:bold;}
dd {margin:1em 0 1em 1em;}
ul li {margin:0 0 .5em 1.6em; padding:0; list-style-type:disc;}
ol li {margin:0 0 .1em 1.6em; padding:0;}
blockquote {margin:1em 0 1em 5px; border-left:2px solid #999; padding-left:10px;}
pre {width:80%; margin:2em auto; font-family:"Courier New",Courier,monospace;}


a {color:#333;}
a:focus, a:hover, a:active {color:#0c6;}
img {border:2px solid #333;}
strong {font-weight:bold;}
em {font-style:italic;}
ins {text-decoration:none;}
ins:before {content:"Updated: "; font-weight:bold;}
q:before, q:after {content:"";}
cite {font-style:normal;}
abbr {border:none;}

form {margin:0;} 
input, select, textarea {border:1px solid #666; padding:1px; font:1.1em Tahoma, sans-serif;}
button, input.button {font:1em Georgia, serif;}

#header {overflow:auto; border-bottom:1px solid #666; _height:1%;}
#header h1 {float:left; height:38px; width:40%; padding:12px 0 0 65px; background:url(k-icon.gif) top left no-repeat; font-style:italic;}
#header h1 a {text-decoration:none;}
#header ul {float:right; width:40%; margin:14px 15px 0 0; text-transform:lowercase; text-align:right;}
#header ul li {display:inline; margin:0 6px; list-style:none;}

#notice {padding:10px; background:#666; color:#fff;}
#notice p {margin:0; font-style:italic;}
#notice a {color:#fff;}

#content {overflow:auto; _height:1%;}

#about {float:left; width:150px; padding:25px; font:.9em Tahoma, sans-serif;}
#about p {margin-top:0; line-height:1.2em;}
#about img {display:block; margin-bottom:3px;}
#about h2 {margin:24px 0 0 0; font:bold italic 16px Georgia, serif;}
#about p, #about ul {margin:3px 0 1em 0;}
#about li {margin:6px 0 0 0; line-height:16px; list-style:none;}
#about li a {font-weight:bold;}
#about li.feed {padding-left:20px; background:url(images/feed.png) top left no-repeat;}
#about li.delicious {padding-left:20px; background:url(images/delicious.png) top left no-repeat;}
#about li.flickr {padding-left:20px; background:url(images/flickr.png) top left no-repeat;}
#about li.lastfm {padding-left:20px; background:url(images/lasfm.png) top left no-repeat;}
#about li.linkedin {padding-left:20px; background:url(images/linkedin.png) top left no-repeat;}
#about li.technorati {padding-left:20px; background:url(images/technorati.png) top left no-repeat;}
#about li.twitter {padding-left:20px; background:url(images/twitter.png) top left no-repeat;}
#about input {width:100px;}
#about button {width:40px; margin-left:3px;}

#main {float:left; width:50%; min-width:400px; padding:25px;}
#main h2 {font-size:26px; line-height:normal;}
#main h3, #main h4 {margin:.7em 0 .5em 0; font-style:italic; line-height:normal;}

#sidebar {float:left; width:17%; min-width:180px; padding:25px; font:.9em Tahoma, sans-serif;}
#sidebar h2 {margin:24px 0 0 0; font:bold italic 16px Georgia, serif;}
#sidebar h2:first-child {margin:0;}
#sidebar p, #sidebar ul {margin:3px 0 1em 0;}
#sidebar li {margin:0 0 7px 0; font:1em Tahoma, sans-serif; list-style:none; line-height:1.3em;}
#sidebar li a {display:block; margin-bottom:2px; font-weight:bold;}
#sidebar p span {display:block; margin-top:2px; color:#999; font-size:.9em; font-style:italic;}
#sidebar .flickr_badge_image {margin-bottom:7px;}
#sidebar .lastfm li a {font-weight:normal;}
#sidebar .lastfm li span {display:none;}

#footer {clear:both; border-top:1px solid #666; padding:10px;}
#footer h2 {margin-bottom:5px; font:bold italic 16px Georgia, serif;}
#footer p {margin:2px 0; font:.8em Tahoma, sans-serif;}

div.post {margin-top:2em; border-top:1px solid #666; padding-top:2em; line-height:150%;}
div.post h2 a {text-decoration:none;}
div.post:first-child {margin:0; border:none; padding:0;}
div.post p.metadata {margin:0 0 1em 2px; color:#666; font:.8em Tahoma, sans-serif;}
div.post p.metadata a {color:#666;}
div.post ul.links a {display:block; font-style:italic;}
div.post ul.links a.inline {display:inline; font-style:normal;}
div.post img.imgfloat {float:left; margin:0 1em .2em 0;}
div.post .fancy {display:block; margin:.7em; font:italic bold 2em Georgia, serif;}

div.comments {margin:2em 0; border-top:1px solid #666; padding-top:2em;}
div.comments h3 {margin:0; font-style:italic;}
div.comments li {margin:1em 0; border:1px solid #eee; padding:1px 15px; background:#eee; list-style-type:none;}
div.comments li.kbcomment {border-color:#999; background:#fff;}
div.comments li.kbcomment .metadata {color:#333; font:italic 1em Georgia, serif;}
div.comments li p.metadata {margin:1em 0; font-size:.9em;}
div.comments li p.metadata cite {font-weight:bold;}
div.comments li p.metadata img {border:1px solid #666; vertical-align:middle;}
div.comments form label {display:block; font-weight:bold;}
div.comments form input.comment {width:35%;}
div.comments form textarea {width:75%;}

div.navigation {margin-top:1em; border-top:1px solid #666; padding:2em 0; font-style:italic; text-align:center;}
div.navigation a {margin:0 2em;}

div.archives .post {margin-top:0; padding:1em 0;}
div.archives .post h3 {font-size:26px; font-style:normal !important;}
div.archives .post h3 a {text-decoration:none;}

div.archives ul {margin-left:1em; padding:0 10px;} 
div.archives ul li {margin-bottom:0;}
div.archives ul.cloud li {display:inline; margin:0 .3em 0 0; list-style-type:none; line-height:2em;}
div.archives ul.cloud li a {text-decoration:none;}
div.archives ul.cloud li a:hover, div.archives a:focus {text-decoration:underline;}

div#main.store {width:75%; min-width:750px; margin-left:25px; padding:25px 0;}