/* 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; }

The mystery remains a mystery. It withdraws from our grasp. Mystery, however, does not mean simply not knowing something.
The greatest mystery is not the most distant star; on the contrary, the closer something comes to us and the better we know it, then the more mysterious it becomes for us. The greatest mystery to us is not the most distant person, but the one next to us. The mystery of other people is not reduced by getting to know more and more about them. Rather, in their closeness they become more and more mysterious. And the final depth of all mystery is when two people come to close to each other that they love each other. Nowhere in the world does one feel the might of the mysterious and its wonder as strongly as here. When two people know everything about each other, the mystery of the love between them becomes infinitely great. And only in this love do they understand each other, know everything about each other, know each other completely. And yet, the more they love each other and know about each other in love, the more deeply they know the mystery of their love. This, knowledge about each other does not remove the mystery, but rather makes it more profound. THE VERY FACT that they other person is so near to me is the greatest mystery.
"Dietrich Bonhoeffer