http://www.antiquark.com/labels/bokeh.html

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4<head>
5  <title>&#8857; AntiQuark</title>
6
7  

7<script type="text/javascript">(function() { var a=window;function c(b){this.t={};this.tick=function(d,i,e){e=e?e:(new Date).getTime();this.t[d]=[e,i]};this.tick("start",null,b)}var f=new c;a.jstiming={Timer:c,load:f};try{var g=null;if(a.chrome&&a.chrome.csi)g=Math.floor(a.chrome.csi().pageT);if(g==null)if(a.gtbExternal)g=a.gtbExternal.pageT();if(g==null)if(a.external)g=a.external.pageT;if(g)a.jstiming.pt=g}catch(h){};a.tickAboveFold=function(b){b=b;var d=0;if(b.offsetParent){do d+=b.offsetTop;while(b=b.offsetParent)}b=d;b<=750&&a.jstiming.load.tick("aft")};var j=false;function k(){if(!j){j=true;a.jstiming.load.tick("firstScrollTime")}}a.addEventListener?a.addEventListener("scroll",k,false):a.attachEvent("onscroll",k);
8 })();</script>

8<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
9<meta name="MSSmartTagsPreventParsing" content="true" />
10<meta name="generator" content="Blogger" />
11<link rel="icon" type="image/vnd.microsoft.icon" href="http://www.blogger.com/favicon.ico"/>
12<link rel="alternate" type="application/atom+xml" title="? AntiQuark - Atom" href="http://www.antiquark.com/atom.xml" />
13<link rel="alternate" type="application/rss+xml" title="? AntiQuark - RSS" href="http://www.antiquark.com/rss.xml" />
14<link rel="service.post" type="application/atom+xml" title="? AntiQuark - Atom" href="http://www.blogger.com/feeds/3000598/posts/default" />
15<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=3000598" />
16 <link rel="stylesheet" type="text/css" href="http://www.blogger.com/static/v1/v-css/50269083-blog_controls.css"/> <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=3000598&zx=8e92eb3b-98a0-4779-b721-2a9c29a2454e"/>
17
18  <style type="text/css">
19/*
20-----------------------------------------------
21Blogger Template Style
22Name: 	  Thisaway (Blue)
23Designer: Dan Rubin
24URL:      www.superfluousbanter.org
25Date:     29 Feb 2004
26----------------------------------------------- */
27
28
29/* global
30----------------------------------------------- */
31body {
32margin: 0;
33padding: 0;
34text-align: center;
35min-width: 760px;
36background: #4386ce url(http://www.antiquark.com/img/aq-background.gif) repeat left top;
37background-color: #90c0b0;
38
39font-family: helvetica, arial, verdana, "trebuchet ms", sans-serif;
40color: #102030;
41}
42
43blockquote {
44margin: 0;
45padding: 0 10px 0 10px;
46border-left: 6px solid #d8e7f7;
47border-right: 6px solid #d8e7f7;
48color: #104080;
49}
50
51code {
52color: #809eba;
53}
54
55hr {
56/*display: none;*/
57
58  border: 0;
59  width: 90%;
60  color: silver;
61  background-color: silver;
62  height: 1px;
63}
64
65
66/* layout
67----------------------------------------------- */
68#wrapper {
69margin: 0 auto;
70width: 760px;
71text-align: left;
72}
73
74#blog-header {
75padding-bottom: 15px;
76background: url(http://www.blogblog.com/thisaway_blue/bg_header_bottom.gif) no-repeat left bottom;
77}
78
79#blog-header div {
80background: #204063 url(http://www.blogblog.com/thisaway_blue/bg_header.gif) repeat-x left bottom;
81}
82
83#main-wrapper {
84position: relative;
85width: 760px;
86background: #f7f0e9 url(http://www.blogblog.com/thisaway_blue/bg_main_wrapper.gif) repeat-y left top;
87}
88
89#main-content {
90display: inline; /* fixes a strange ie margin bug */
91float: left;
92margin: 0 0 0 3px;
93padding: 0;
94width: 483px;
95}
96
97#content-wrapper {
98padding: 22px 0 0 0;
99background: url(http://www.blogblog.com/thisaway_blue/bg_content.gif) repeat-x left top;
100}
101
102.post {
103margin: 0 16px 14px 29px;
104padding: 0;
105border-bottom: 3px solid #d8e7f7;
106}
107
108#comments {
109margin: 0 16px 14px 29px;
110padding: 10px;
111border: 1px solid #cedef0;
112background-color: #e4ecf5;
113}
114
115#sidebar-wrapper {
116display: inline; /* fixes a strange ie margin bug */
117float: right;
118margin: 0 3px 0 0;
119width: 260px;
120color: #1c4676;
121background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar.gif) repeat-x left top;
122}
123
124#sidebar {
125padding: 7px 11px 0 14px;
126background: url(http://www.blogblog.com/thisaway_blue/bg_sidebar_arrow.gif) repeat-y 179px 0;
127}
128
129#profile-container {
130margin-bottom: 20px;
131}
132
133#blog-footer {
134padding-top: 15px;
135background: url(http://www.blogblog.com/thisaway_blue/bg_footer_top.gif) no-repeat left top;
136}
137
138#blog-footer div {
139 /* background: #152e49 url(http://www.blogblog.com/thisaway_blue/bg_footer.gif) repeat-x left top;  */
140}
141
142#blog-footer table {
143 background: #152e49 url(http://www.blogblog.com/thisaway_blue/bg_footer.gif) repeat-x left top; 
144}
145
146/* headings
147----------------------------------------------- */
148#blog-header h1 {
149margin: 0;
150padding: 26px 0 0 84px;
151color: #ffff00;
152font-size: 30px;
153line-height: 25px;
154background: url(http://www.blogblog.com/thisaway_blue/icon_header.gif) no-repeat 16px 26px;
155}
156
157h2.date-header {
158margin: 0;
159padding: 0 0 0 29px;
160font-size: 10px;
161text-transform: uppercase;
162color: #8facc8;
163background: url(http://www.blogblog.com/thisaway_blue/icon_date.gif) no-repeat 13px 0;
164}
165
166.date-header span {
167margin: 0 0 0 5px;
168padding: 0 25px 0 25px;
169background: url(http://www.blogblog.com/thisaway_blue/bg_date.gif) no-repeat 0 0;
170}
171
172h2.sidebar-title {

173padding: 1px 0 0 36px;
174font-size: 14px;
175color: #809fbd;
176background: url(http://www.blogblog.com/thisaway_blue/icon_sidebar_heading.gif) no-repeat 0 45%;
177}
178
179#profile-container h2.sidebar-title {
180color: #527595;
181background: url(http://www.blogblog.com/thisaway_blue/icon_sidebar_profileheading.gif) no-repeat 0 45%;
182}
183
184.post h3.post-title {
185margin: 13px 0 0 0;
186padding: 0px;
187padding-bottom: 16px;
188font-size: 18px;
189color: #104080;
190}
191
192#comments h4 {
193margin-top: 0;
194font-size: 16px;
195}
196
197
198/* text
199----------------------------------------------- */
200#blog-header p {
201margin: 0;
202padding: 7px 16px 0 84px;
203color: #eef6fe;
204font-size: 10px;
205font-weight: bold;
206line-height: 14px;
207}
208
209.post-body div {
210font-size: 13px;
211line-height: 18px;
212margin: 10px, 0px;
213}
214
215.post-body blockquote {
216margin: 10px 0px;
217}
218
219p.post-footer {
220font-size: 11px;
221color: #809fbd;
222text-align: right;
223}
224
225p.post-footer em {
226display: block;
227float: left;
228text-align: left;
229font-style: normal;
230}
231
232p.comment-data {
233font-size: 12px;
234}
235
236.comment-body p {
237font-size: 12px;
238line-height: 17px;
239}
240
241.deleted-comment {
242  font-style:italic;
243  color:gray;
244  }
245
246#sidebar p {
247font-size: 12px;
248line-height: 17px;
249margin-bottom: 10px;
250}
251
252#sidebar p.profile-textblock {
253clear: both;
254margin-bottom: 10px;
255}
256
257.profile-link {
258padding: 0 0 0 17px;
259background: url(http://www.blogblog.com/thisaway_blue/icon_profile.gif) no-repeat 0 0;
260}
261
262p#powered-by {
263margin: 0;
264padding: 0;
265}
266
267#blog-footer p {
268margin: 0;
269padding: 0 0 15px 55px;
270color: #eef6fe;
271font-size: 10px;
272line-height: 14px;
273background: url(http://www.blogblog.com/thisaway_blue/icon_footer.gif) no-repeat 16px 0;
274}
275
276
277/* lists
278----------------------------------------------- */
279.profile-data {
280
281font-size: 13px;
282line-height: 17px;
283}
284
285.post ul {
286padding-left: 32px;
287list-style-type: none;
288font-size: 13px;
289line-height: 18px;
290}
291
292.post li {
293padding: 0 0 4px 17px;
294background: url(http://www.blogblog.com/thisaway_blue/icon_list_item.gif) no-repeat 0 3px;
295}
296
297#comments ul {
298margin: 0;
299padding: 0;
300list-style-type: none;
301}
302
303#comments li {
304padding: 0 0 1px 17px;
305background: url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 3px;
306}
307
308#sidebar ul {
309margin: 0 0 20px 0;
310padding: 0;
311list-style-type: none;
312font-size: 12px;
313line-height: 14px;
314}
315
316#sidebar li {
317padding: 0 0 4px 17px;
318background: url(http://www.blogblog.com/thisaway_blue/icon_list_item.gif) no-repeat 0 3px;
319}
320
321
322/* links
323----------------------------------------------- */
324a {
325color: #1020c0;
326font-weight: bold;
327}
328
329a:hover {
330color: #102040;
331background-color:#ffff80;
332}
333
334a.comment-link {
335/* ie5.0/win doesn't apply padding to inline elements,
336   so we hide these two declarations from it */
337background/* */:/**/url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 45%;
338padding-left: 14px;
339}
340
341
342html>body a.comment-link {
343/* respecified, for ie5/mac's benefit */
344background: url(http://www.blogblog.com/thisaway_blue/icon_comment.gif) no-repeat 0 45%;
345padding-left: 14px;
346}
347
348#sidebar a {
349color: #397bc2;
350text-decoration:none;
351font-size: small;
352}
353
354#sidebar a:hover {
355color: #102040;
356background-color:#ffff80;
357}
358
359#sidebar ul a {
360color: #599be2;
361text-decoration:none;
362}
363
364#sidebar ul a:hover {
365color: #102040;
366background-color:#ffff80;
367}
368
369#powered-by a img {
370border: none;
371}
372
373#blog-header h1 a {
374color: #eef6fe;
375text-decoration: none;
376}
377
378#blog-header h1 a:hover {
379color: #102040;
380background-color:#ffff80;
381}
382
383h3.post-title a {
384color: #1020c0;
385/*text-decoration: none;*/
386}
387
388
389h3.post-title a:hover {
390color: #102040;
391background-color:#ffff80;
392}
393
394
395/* miscellaneous
396----------------------------------------------- */
397.post-photo {
398padding: 3px;
399border: 1px solid #bdd4eb;
400}
401
402.profile-img {
403display: inline;
404}
405
406.profile-img img {
407float: left;
408margin: 0 10px 5px 0;
409padding: 3px;
410border: 1px solid #bdd4eb;
411}
412
413.profile-data strong {
414display: block;
415}
416
417.clear {
418clear: both;
419line-height: 0;
420height: 0;
421} 
422  </style>
423
424
425<link rel="me" href="http://www.blogger.com/profile/15124149993876812603" />
426<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
427<!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);
428div.b-mobile {display:none;}
429</style>
430
431</head>
432
433<body>

433<script type="text/javascript">
434    function setAttributeOnload(object, attribute, val) {
435      if(window.addEventListener) {
436        window.addEventListener("load",
437          function(){ object[attribute] = val; }, false);
438      } else {
439        window.attachEvent('onload', function(){ object[attribute] = val; });
440      }
441    }
442  </script>

442