/* 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} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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; } .blackbar { font: Normal 10px Helvetica, sans-serif !important; background-color: #e4e4e4; position: absolute; margin: -27px 0px 0px 0px; z-index: -25; height: 27px; 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: 27px; 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; }

countcenci asked: Live concert at an intimate venue, and you can only see one of these artists in their prime: Etta James, Aretha Franklin, Nina Simone, Doris Duke or Laura Lee. Who wins out?
Oh man!
My gut would say Nina but with Etta James in the news lately for declining health, my heart is with her.