/* FF Din Web */ /* IE 4–8 */ @font-face { font-family: DINWeb-Medium; src: url("http://cisforcody.com/fonts/DINWeb-Medium.eot"); } /* WOFF-capable browsers */ @font-face { font-family: DINWeb-Medium; src: url("http://cisforcody.com/fonts/DINWeb-Medium.woff") format("woff"); } @font-face { font-family:'DIN 1451 Std'; src:url("http://dl.dropbox.com/u/1571433/c/DINMittelschriftStd.otf");font-weight:bold; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ALL BROWSER RESET ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, font, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-color: #6d6d6d; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } p { margin-bottom: 15px: } h2 { font-size: 2.3em; line-height: 1.0em; color: #000; margin-top: -5px; margin-bottom: 5px; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } #blogcontent { position:absolute; top: 132px; margin-left: 120px; width: 500px; padding-top: 25px} img a { border: 0 !important; text-decoration: none !important; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ BODY, WRAPPINGS, ANCHORS, anything sitewide ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ html { font-size: 13px; } body { font-family: DINWeb-Medium,'DIN 1451 Std', sans-serif; font-size: 11px; line-height: 1.8em; color: #6d6d6d; background: #fff; padding: 60px 60px 60px 100px; width: 660px; letter-spacing:.1em} a { color:#000000; text-decoration:none; border-bottom:1px dotted #000000; } a:hover { color:#000000; background-color:#bbff00; text-decoration:none; border-bottom:1px dotted #000000; } #logo { position:absolute; top:25px; left: 30px; } #logo img a { position:absolute; top:25px; left: 30px; border: 0 !important; text-decoration: none !important; } .blackbar { font: Normal 10px Helvetica, sans-serif !important; background-color: #e4e4e4; position: absolute; margin: -41px 0px 0px 0px; z-index: -25; height: 42px; width: 300px; } span.albumart img { max-width: 300px !important; margin-bottom: 0px; display: inline; } .audioplayer { margin-top: 0px; margin-left: 31px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ HEADER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #header { margin: 0 0 7em 0; } #header h1 a { color:#000000; text-decoration:none; border-bottom:1px dotted #000000; } #header h1 a:hover { color:#000000; background-color:#bbff00; text-decoration:none; border-bottom:1px dotted #000000; } #description { position: absolute; left: 750px; top: 150px; color: #919191; width: 300px; #description a { color:#000000; text-decoration:none; border-bottom:1px dotted #000000; } #description a:hover { color: #4A8D75; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CONTENT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .post { width: 500px; margin-bottom: 90px; } .permalink { float: right; margin-top: -10px; } .permalink a, .permalink a:link, .permalink a:visited { color:#000000; text-decoration:none; border-bottom:1px dotted #000000; } .permalink a, .permalink a:link, .permalink a:visited:hover { color:#000000; background-color:#bbff00; text-decoration:none; border-bottom:1px dotted #000000; } #blogcontent blockquote { padding-left: 15px; border-left: 1px dotted #d0d0d0; } #blogcontent blockquote p { line-height: 25px; } .postmeta { margin-top: 10px; font: italic 11px Helvetica, Arial, sans-serif; } .postmeta a, .postmeta a:link, .postmeta a:visited {color:#000000; text-decoration:none; border-bottom:1px dotted #000000; } .postmeta a:hover { color:#000000; background-color:#bbff00; text-decoration:none; border-bottom:1px dotted #000000; } .media {margin: 20px 0px 15px 0px;} .media img {margin: 20px 0px 15px 0px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ QUOTE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .quote p, .photo p, .video p, .audio p, #blogcontent .conversation, .text blockquote, #footer { color: #333; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ PHOTO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .photo img, .photo a img, .video object { } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CONVERSATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #blogcontent .conversation { line-height: 2em; } .member1 { color: #5d838b; background: #f9f9f9; } .label { font-weight: bold; font-style: italic; color: #999; padding-right: 10px; } .member1 .label { color: #5d838b; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ TEXT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .text h2, .conversation h2 { color: #555; font: normal 14px Georgia, "Times New Roman", Times, serif; margin: 0 0 1.5em 0; } .text p, .audio p { margin: 0 0 1.5em 0; } .text blockquote { margin: 0 0 1.5em 1.5em; padding: 0 0 0 1.5em; border-left: 1px solid #304156; } ul { list-style-type: none; } ol { list-style-type: none; margin: 0 0 1.5em 2.5em; } ol.notes li { width: 500px; padding: 3px 0; margin: 0 0 3px -28px; border-bottom: 1px solid #f5f5f5; } ol.notes li:hover { border-bottom: 1px solid #e0e0e0; } ol.notes li img { padding-right: 10px; margin-bottom: -5px; opacity: 0.85; filter:alpha(opacity=85); } ol.notes li img:hover { opacity: 1; filter:alpha(opacity=100); } strong { color: #333; font-weight: bold; } em { color: #333; font-style: italic; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ AUDIO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ span.albumart img { max-width: 207px !important; margin-bottom: 0px; display: inline; } span.blackbar { background-color: #000; width: 500px; position: absolute: margin:0px; z-index: -25; height: 40px; width: 500px; } span.albumart img { max-width: 207px; margin-bottom: 0px; display: inline; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ NAVIGATION ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #navigation { margin-bottom: 120px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #footer { margin: 0 0 7em 0; float: right;} #searchform input { border: none; background: #eee; padding: 3px; color: #888; width: 300px;} .greylinks a { color: #fff !important; } #footer a { color:#000000; text-decoration:none; border-bottom:1px dotted #000000; } #footer a:hover { color:#000000; background-color:#bbff00; text-decoration:none; border-bottom:1px dotted #000000; } .attribution { text-align: right; }

Dietrich Bonhoeffer (via nickdivers)
I’ve been thinking - I’m pretty sure that this quote most adequately sums it up, at least for me, right now. Sometimes arriving at the realization that you do not know something brings an overwhelming amount of relief and joy. Don’t confuse it for blissful ignorance, though. There is still much that you need to figure out.