/* init
--------------------------------------------------------------------------------------------------*/
* { border: none; list-style: none; margin: 0; padding: 0; text-decoration: none; }

body { background: #fff; color: #877c71; font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif; padding: 15px; }

a { color: #55a3b8; font-weight: normal; padding: 1px 0; text-decoration: none; }
a:hover { border-bottom: 1px solid #c55d00; color: #c55d00; }

p, li { line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; text-transform: lowercase; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

hr { display: none; }

/* container
--------------------------------------------------------------------------------------------------*/
.container { font-size: 1.2em; margin: 20px auto 0 auto; padding: 0; position: relative; width: 850px; }

/* name
--------------------------------------------------------------------------------------------------*/
#name { color: #000; }
#name a { background: url(/includes/img/kvnglbrtsn-logo-b.png) no-repeat left center; border: none; display: block; font-size: 0px; height: 61px; text-indent: -9999px; width: 237px; }
#name .section { display: none; }
* html #name a { background: transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://kvnglbrtsn.com/img/kvnglbrtsn-logo-w.png'); }

/* navigation
--------------------------------------------------------------------------------------------------*/
#navigation { position: absolute; top: 22px; right: 0; }
#navigation li { display: inline; margin: 0 0 0 .75em; }
#navigation li a { border: solid #fff; border-width: 1px 0; color: #c55d00; font-size: 1.3em; text-transform: uppercase; }
#navigation li a:hover, .home #n-home a, .about #n-about a, .notebook #n-notebook a, .home #n-home a:hover, .about #n-about a:hover, .notebook #n-notebook a:hover { border: solid #e63200; border-width: 1px 0; color: #e63200; }

/* content
--------------------------------------------------------------------------------------------------*/
#content { border-top: 1px solid #e0dddb; margin: 20px 0 0 0; }
#content h2 { color: #c88e5a; font-family: Georgia, serif; font-size: 1.7em; font-style: italic; letter-spacing: 1px; margin: 0; padding: 20px 0 5px 0; text-transform: lowercase; }
#content h2 span { color: #ada092; font-style: normal; }
#content p { margin: 0 0 1em 0; }

#billboard { font-size: 0px; margin: 20px 0 40px 0; text-indent: -9999px; }
#billboard a { background: url(/includes/img/billboard/goodbye.jpg) no-repeat bottom right; border: none; display: block; font-size: 0px; height: 350px; text-indent: -9999px; width: 850px; }

.notebook .post { padding: 0 0 20px 0; position: relative; }
.notebook .post h2, .notebook .post h2 a { color: #c88e5a; }
.notebook .post h2 a:hover { border: none; color: #b35c10; }
.notebook .post .datetime { color: #daede6; position: absolute; top: 27px; right: 0; }
.notebook .post .entry { clear: both; }
.notebook .post .entry .code { font-family: monospace; font-size: 1.2em; }
.notebook #content .post .entry blockquote { border-left: 3px solid #e0dddb; margin: 0 0 1em 0; padding: .5em 0 .5em 1em; }
.notebook #content .post .entry blockquote p { margin: 0; }
.notebook .navigation { margin: 50px 0 0 0; padding: 0 0 50px 0; position: relative; text-align: center; }
.notebook .navigation a:hover { border: none; }
.notebook .navigation .previous { position: absolute; top: 0; left: 0; }
.notebook .navigation .next { position: absolute; top: 0; right: 0; }
.notebook .post object { outline: none; }

/* contact + hcard
--------------------------------------------------------------------------------------------------*/
#content .contact { border-top: 1px solid #e0dddb; margin: 20px 0 0 0; text-align: left; }
#content .contact h2 { color: #ada092; }
.vcard { border-bottom: 1px solid #e0dddb; line-height: 1.5em; margin: 0; padding: 0 0 30px 65px; position: relative; }
.vcard dt { float: left; text-transform: lowercase; width: 3em; }
.vcard .alt { display: none; }
.vcard dd { margin: 0 0 0 3.5em; text-align: left; }
.vcard .photo { border: 2px solid #e0dddb; position: absolute; top: 0; left: 0; }
* html .vcard .photo { position: static; }

/* auxiliary
--------------------------------------------------------------------------------------------------*/
#feeds { margin: 40px 0 0 0; }
#feeds div { clear: both; margin: 0; padding: 0 0 3em 40px; position: relative; }
#feeds .loading { background: url(/includes/img/bg/loading.gif) no-repeat center; }

#feeds h2 { color: #b87d5f; height: 32px; position: absolute; top: 0; left: 0; width: 32px; }
#feeds h2 a { display: block; font-size: 0px; height: 32px; text-indent: -9999px; width: 32px; }
#feeds h2 a:hover { border: none; }

#feeds #delicious h2 a { background: url(/includes/img/icons/delicious_32-bw.png) no-repeat; }
#feeds #flickr h2 a { background: url(/includes/img/icons/flickr_32-bw.png) no-repeat; }
#feeds #lastfm h2 a { background: url(/includes/img/icons/lastfm_32-bw.png) no-repeat; }
#feeds #pinboard h2 a { background: url(/includes/img/icons/pinboard_32-bw.png) no-repeat; }
#feeds #readernaut h2 a { background: url(/includes/img/icons/readernaut_32-bw.png) no-repeat; }
#feeds #twitter h2 a { background: url(/includes/img/icons/twitter_32-bw.png) no-repeat; }
#feeds #delicious h2 a:hover { background: url(/includes/img/icons/delicious_32.png) no-repeat; }
#feeds #flickr h2 a:hover { background: url(/includes/img/icons/flickr_32.png) no-repeat; }
#feeds #lastfm h2 a:hover { background: url(/includes/img/icons/lastfm_32.png) no-repeat; }
#feeds #pinboard h2 a:hover { background: url(/includes/img/icons/pinboard_32.png) no-repeat; }
#feeds #readernaut h2 a:hover { background: url(/includes/img/icons/readernaut_32.png) no-repeat; }
#feeds #twitter h2 a:hover { background: url(/includes/img/icons/twitter_32.png) no-repeat; }

#feeds #delicious .description { color: #676564; }

#feeds #pinboard { padding-bottom: 2em; }
#feeds #pinboard li { padding: 0 0 1em 0; }
#feeds #pinboard .description { color: #676564; }
#feeds #pinboard .timestamp { color: #aba9a7; display: block; font-style: normal; }

#feeds #twitter li { color: #676564; line-height: 1.4em; padding: 0 0 1em 0; }
#feeds #twitter li a i, #feeds #twitter li a b { font-style: normal; font-weight: normal; }
#feeds #twitter li a i, #feeds #twitter li a:hover i { color: #87d5ea; }
#feeds #twitter li .hashtag:hover, #feeds #twitter li .mention:hover { border: none; }
#feeds #twitter li .hashtag:hover b, #feeds #twitter li .mention:hover b { color: #315f6b; }
#feeds #twitter li .meta { display: block; font-style: normal; }
#feeds #twitter li .meta a { color: #aba9a7; }
#feeds #twitter li .meta a:hover { border: none; color: #d1cfcd; }

#feeds #lastfm cite, #feeds #readernaut cite { font-style: normal; }
#feeds #lastfm .time { color: #444; font-size: .9em; }

#feeds #flickr li a:hover, #feeds #lastfm li a:hover, #feeds #readernaut li a:hover { border: none; }
#feeds #flickr li, #feeds #lastfm li, #feeds #readernaut li { display: inline; }
#feeds #flickr li img, #feeds #lastfm li img, #feeds #readernaut li img { width: 75px; }

/* frame
--------------------------------------------------------------------------------------------------*/
#frame { }
#frame li { background: #d1cecc; position: fixed; z-index: 10; }
#f-t { height: 10px; top: 0; right: 0; left: 0; }
#f-r { width: 10px; top: 0; right: 0; bottom: 0; }
#f-b { height: 10px; bottom: 0; right: 0; left: 0; }
#f-l { width: 10px; top: 0; bottom: 0; left: 0; }