Blogger Template: Social Magazeen

1:  <?xml version="1.0" encoding="UTF-8" ?>  
2:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
3:  <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>  
4:   <head>  
5:    <b:include data='blog' name='all-head-content'/>  
6:    <title><data:blog.pageTitle/></title>  
7:  <META NAME='description' content='Rafael Minuesa, a Graphic Designer turned Web Designer, turned Web Developer'/>   
8:    <b:skin><![CDATA[  
9:  /*  
10:  -----------------------------------------------  
11:  Blogger Template Style  
12:  Name:   Social Magazeen  
13:  Designer: Rafael Minuesa  
14:  URL:   rafael-minuesa.blogspot.com  
15:  Date:   01 Dec 2009  
16:  Updated by: Rafael Minuesa  
17:  ----------------------------------------------- */  
18:  .internallink{  
19:  font-size:0.9em;  
20:  text-align:center;  
21:  }  
22:  .samples{  
23:  width:260px;  
24:  float:left;  
25:  margin:15px 25px 25px 10px;  
26:  border:1px solid #047;  
27:  text-align:left;  
28:  overflow:auto;  
29:  }  
30:  .intro {  
31:  font-size:1.2em;  
32:  line-height:1.5em;  
33:  margin:10px 0px 7px 0;  
34:  }  
35:  .blocks{  
36:  padding:20px;  
37:  margin:20px 0px 20px 0px;  
38:  background:#eee;  
39:  color:#222;  
40:  border:2px solid #ddd;  
41:  }  
42:  .samplescontainer{  
43:  width:auto;  
44:  padding:10px;  
45:  margin:1px 1px 1px 1px;  
46:  background:transparent;  
47:  color:#222;  
48:  border:1px solid #ddd;  
49:  }  
50:  #intro p{  
51:  font-size:1.2em;  
52:  line-height:1.5em;  
53:  margin:10px 0px 7px 0;  
54:  }  
55:  #navbar-iframe {  
56:  display:block;  
57:  }  
58:  /* TABLA DE CONTENIDOS  
59:  00 - Global  
60:  01 - Typography  
61:  02 - Structure  
62:  03 - Header  
63:  04 - Posts  
64:  05 - Main Content  
65:  06 - Sidebar  
66:  07 - Profile  
67:  08 - Footer  
68:  /* ----------------------------------------------*/  
69:  /* 00 - GLOBAL  
70:  /* ----------------------------------------------*/  
71:  body {  
72:  margin:0; padding:0;  
73:  width:auto; height:auto;  
74:  background:#e0edf3;  
75:  font:0.8em Arial, Helvetica, sans-serif; color:#5e6568;  
76:  line-height:19px;  
77:  }  
78:  code {  
79:  margin:0; padding:0;  
80:  width:80%; height:auto;  
81:  font:1.17em Georgia, "Times New Roman", Times, serif; color:#0f8eb3;  
82:  }  
83:  pre {  
84:  margin:0 auto; padding:5px 20px;  
85:  background:#f4f1ec url(images/code.gif) repeat;  
86:  border:1px solid #bbced7;  
87:  font:0.92em Georgia, "Times New Roman", Times, serif; color:#3e3e3e;  
88:  line-height:200%;  
89:  }  
90:  blockquote {  
91:  margin:0 auto; padding:5px 20px;  
92:  width:80%; height:auto;  
93:  background:#f8fbfc url(http://2.bp.blogspot.com/_XByc9SCisZM/SbgTL8KEgHI/AAAAAAAABVE/oPcS2bzOSRQ/s1600/blockquote.gif) no-repeat top left; border:1px solid #edeff0;  
94:  }  
95:  img {  
96:  margin:0; padding:0;  
97:  border:0;  
98:  }  
99:  ins {  
100:  color:#009999;  
101:  }  
102:  del {  
103:  color:#990000;  
104:  }  
105:  /* 01 - FONTS  
106:  /* ----------------------------------------------*/  
107:  h1 {  
108:  margin:-10px 0 0 0; padding:0;  
109:  font:bold 3.53em Verdana, Arial, Helvetica, sans-serif; color:#fefefe;  
110:  position:relative; display:block;  
111:  }  
112:  .post-body h1 {  
113:  margin:10px 0; padding:0;  
114:  font:bold 2.50em Arial, Helvetica, sans-serif; color:#53798b;  
115:  }  
116:  h1 a:link, h1 a:active, h1 a:visited {  
117:  color:#fefefe;  
118:  outline:0;  
119:  }  
120:  h1 a:hover {  
121:  color:#d7d7d7;  
122:  }  
123:  h1 span {  
124:  margin:10px 0 0 0;  
125:  background:url(http://4.bp.blogspot.com/_XByc9SCisZM/Sbg8Am2v3lI/AAAAAAAABY8/5Lw1Kp2qGlA/s1600/gradient.png) repeat-x;  
126:  width:100%; height:20px;  
127:  position:absolute; display:block;  
128:  }  
129:  h2 {  
130:  margin:0; padding:0;  
131:  font:1.2em Verdana, Arial, Helvetica, sans-serif; color:#b9b9b9;  
132:  }  
133:  .post-body h2 {  
134:  margin:10px 0; padding:0;  
135:  font:bold 2.00em Arial, Helvetica, sans-serif; color:#53798b;  
136:  }  
137:  h3 {  
138:  margin:0; padding:0;  
139:  font:bold 2.80em Arial, Helvetica, sans-serif; color:#30393d;  
140:  }  
141:  .post-body h3 {  
142:  margin:10px 0; padding:0;  
143:  font:bold 1.50em Arial, Helvetica, sans-serif; color:#53798b;  
144:  }  
145:  h3 a:link, h3 a:active, h3 a:visited {  
146:  color:#30393d;  
147:  }  
148:  h3 a:hover {  
149:  color:#54798b;  
150:  }  
151:  h3.post-title, h3.post-title-small {  
152:  margin:0; padding:10px 0;  
153:  width:380px; height:auto;  
154:  border-bottom:4px solid #30393d;  
155:  }  
156:  h3.post-title-small {  
157:  font-size:1.50em;  
158:  }  
159:  h4 {  
160:  margin:0; padding:0;  
161:  font:bold 1.75em Arial, Helvetica, sans-serif; color:#fefefe;  
162:  }  
163:  .post-body h4 {  
164:  margin:10px 0; padding:0;  
165:  font:bold 1.4em Arial, Helvetica, sans-serif; color:#53798b;  
166:  border-bottom:1px solid #53798b;  
167:  }  
168:  #footer h4 {  
169:  margin:0 0 20px 0;  
170:  }  
171:  #sidebar h2 {  
172:  /* Sidebar Header */  
173:  margin:0; padding:28px 0 0 20px;  
174:  width:285px; height:55px;  
175:  background:#f5fbfe url(http://3.bp.blogspot.com/_XByc9SCisZM/Sbgy9Zh3HYI/AAAAAAAABX8/MORzDVoSdt0/s1600/sidebar-top.gif) no-repeat top center;  
176:  font:bold 2.25em Arial, Helvetica, sans-serif; color:#587682;  
177:  }  
178:  .post-body h5 {  
179:  margin:10px 0; padding:0;  
180:  width:auto; height:auto;  
181:  background:none;  
182:  font:bold 1.1em Arial, Helvetica, sans-serif; color:#53798b;  
183:  }  
184:  #tag_cloud h5, #searchform label {  
185:  margin:0; padding:0;  
186:  background:none;  
187:  }  
188:  .post-body h6 {  
189:  margin:8px 0; padding:0;  
190:  width:auto; height:auto;  
191:  background:none;  
192:  font:bold 0.9em Arial, Helvetica, sans-serif; color:#53798b;  
193:  }  
194:  a:link, a:active {  
195:  color:#53798B;  
196:  text-decoration:none;  
197:  }  
198:  a:hover {  
199:  color:#000;  
200:  }  
201:  a:visited {  
202:  color:#C05898;  
203:  text-decoration:none;  
204:  }  
205:  /* Header  
206:  /* -------------- */  
207:  #navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {  
208:  margin:0; padding:13px 15px;  
209:  font:bold 1.08em Arial, Helvetica, sans-serif; color:#34393e;  
210:  display:block;  
211:  }  
212:  #navigation ul li a:hover {  
213:  color:#000;  
214:  font-weight:bold; text-decoration:underline;  
215:  }  
216:  #navigation ul.pages li.current_page_item a:link, #navigation ul.pages li.current_page_item a:active, #navigation ul.pages li.current_page_item a:visited {  
217:  /* Crazy margins to pull up the hover image above the borders.*/  
218:  margin:-3px 0 0 0; padding:15px 15px 14px 15px;  
219:  background:#171615 url(http://3.bp.blogspot.com/_XByc9SCisZM/Sbg8JKFkX1I/AAAAAAAABZM/rE65k9OeKZs/s1600/navigation-hover.gif) repeat-x bottom center;  
220:  color:#f1f8ff; position:relative  
221:  }  
222:  a.rss:link, a.rss:active, a.rss:visited, a.rss:hover {  
223:  margin:13px 15px 0 0; padding:0;  
224:  width:16px; height:17px;  
225:  background:url(http://2.bp.blogspot.com/_XByc9SCisZM/SbgTPDU3mBI/AAAAAAAABXU/MQwAhGnr1mE/s1600/rss.png) no-repeat top center;  
226:  text-indent:-9999px; display:block; outline:0;  
227:  }  
228:  /* Main Content  
229:  /* -------------- */  
230:  .post-info {  
231:  text-align:right;  
232:  font:0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;  
233:  }  
234:  .post-info span {  
235:  font-size:1.18em;  
236:  }  
237:  .post-info a:link, .post-info a:active, .post-info a:visited {  
238:  color:#1e1c1a;  
239:  text-decoration:none;  
240:  }  
241:  .post-info a:hover {  
242:  color:#f23183;  
243:  }  
244:  .comment-count a:link, .comment-count a:active, .comment-count a:visited {  
245:  margin:0; padding:10px 20px;  
246:  font:bold 1.75em Arial, Helvetica, sans-serif; color:#FFF;  
247:  display:block;  
248:  }  
249:  .comment-count a:hover {  
250:  background:#ea2f7e;  
251:  }  
252:  .post-body strong {  
253:  font:bold 1.33em Arial, Helvetica, sans-serif; color:#30393d;  
254:  line-height:21px;  
255:  }  
256:  .continue-reading a:link, .continue-reading a:active, .continue-reading a:visited {  
257:  font:bold italic 1.17em Georgia, "Times New Roman", Times, serif;   
258:  color:#bd4478;  
259:  }  
260:  .continue-reading a:hover {  
261:  color:#f2307f;  
262:  }  
263:  /* Etiquetas en posts  
264:  /* -------------- */  
265:  .category a:link, .category a:visited {  
266:  margin-bottom:-1px; padding:15px 0 0 0;  
267:  display:inline-block;  
268:  height:25px; outline:0;  
269:  font:1.00em Georgia, "Times New Roman", Times, serif; color:#7f7d7e;  
270:  }  
271:  /* Navegación (entradas antiguas)  
272:  /* -------------- */  
273:  .navigation {  
274:  font:normal 0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;  
275:  }  
276:  .navigation a:link, .navigation a:visited, .navigation a:active {  
277:  font:bold 0.92em Georgia, "Times New Roman", Times, serif; color:#656c71;  
278:  }  
279:  .navigation a:hover {  
280:  color:#35383a;  
281:  }  
282:  /* Comments  
283:  /* -------------- */  
284:  .comment-author {  
285:  font:1.50em Arial, Helvetica, sans-serif; color:#3c4d54;  
286:  }  
287:  .comment-author a:link, .comment-author a:active, .comment-author a:visited {  
288:  color:#3c4d54;  
289:  }  
290:  .comment-body {  
291:  font:1.00em Arial, Helvetica, sans-serif; color:#74868d;  
292:  line-height:19px;  
293:  }  
294:  #comments-block .comment-count {  
295:  margin:0; padding:10px 20px;  
296:  font:bold 1.75em Arial, Helvetica, sans-serif; color:#FFF;  
297:  display:block;  
298:  }  
299:  /* Sidebar  
300:  /* -------------- */  
301:  #sidebar .widget {  
302:  font:0.92em Arial, Helvetica, sans-serif;  
303:  }  
304:  #sidebar .widget a:link, #sidebar .widget a:visited, #sidebar .widget a:active {  
305:  font:bold 1.17em Arial, Helvetica, sans-serif; color:#5a656a;  
306:  }  
307:  #sidebar .widget a:hover {  
308:  text-decoration:none;  
309:  }  
310:  /* Footer  
311:  /* -------------- */  
312:  p.about-text {  
313:  margin:0 0 10px 0;  
314:  font:0.92em Arial, Helvetica, sans-serif; color:#b2b2b2;  
315:  line-height:17px;  
316:  }  
317:  p.copyright {  
318:  margin:10px 0 0 0;  
319:  font:0.92em Arial, Helvetica, sans-serif; color:#777777;  
320:  }  
321:  /* Misc  
322:  /* -------------- */  
323:  .arial, .arial a {  
324:       font-family:Arial, Helvetica, sans-serif;  
325:  }  
326:  /* 02 - STRUCTURE  
327:  /* ----------------------------------------------*/  
328:  .container {  
329:  margin:0 auto; padding:0;  
330:  width:940px; height:auto;  
331:  }  
332:  /* Columnas  
333:  /* -------------- */  
334:  #col-580 {  
335:  width:580px;  
336:  float:left;  
337:  }  
338:  .col-340 {  
339:  width:340px;  
340:  }  
341:  .left, .alignleft {  
342:  float:left;  
343:  }  
344:  .right, .alignright {  
345:  float:right;  
346:  }  
347:  .aligncenter {  
348:  margin:0 auto;  
349:  display:block;  
350:  }  
351:  /* Clearfix  
352:  /* -------------- */  
353:  .clearfix:after {  
354:  content: " ";  
355:  display: block;  
356:  clear: both;  
357:  visibility: hidden;  
358:  line-height: 0;  
359:  height: 0;  
360:  }  
361:  .clearfix {  
362:  display: inline-block;  
363:  }  
364:  html[xmlns] .clearfix {  
365:  display: block;  
366:  }  
367:  * html .clearfix {  
368:  height: 1%;  
369:  }  
370:  /* 03 - HEADER  
371:  /* ----------------------------------------------*/  
372:  #header {  
373:  margin:0; padding:0;  
374:  width:auto; height:auto;  
375:  background:#171615 url(http://3.bp.blogspot.com/_XByc9SCisZM/SbgTODCknqI/AAAAAAAABW8/-yeovg20_t4/s1600/header.gif) repeat-x top center;  
376:  border-bottom:1px solid #4a4d4c;  
377:  }  
378:  #logo {  
379:  margin:0; padding:60px 0;  
380:  width:580px; height:auto;  
381:  background:url(http://2.bp.blogspot.com/_XByc9SCisZM/SbgTOWqKucI/AAAAAAAABXE/DEiaWHMmhSw/s1600/header-shade.gif) no-repeat top right;  
382:  float:left;  
383:  }  
384:  #searchform-header {  
385:  margin:78px 20px 0 0; padding:0;  
386:  width:284px; height:auto;  
387:  background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SbgTPdpZuKI/AAAAAAAABXk/Qk6gPYUGJVY/s1600/searchform-back.gif) no-repeat center left;  
388:  float:right;  
389:       }  
390:  #searchform-header #s {  
391:  margin:0 0 0 0; padding:6px 10px 5px 25px;  
392:  width:165px; height:auto;  
393:  border:0;  
394:  background:none;  
395:  float:left;  
396:  font-size:0.92em; color:#aea592;  
397:  }  
398:  #searchform-header #go {  
399:  float:right;  
400:  margin:0;  
401:  }  
402:  #navigation {  
403:  margin:0; padding:0;  
404:  background:#FFF url(http://3.bp.blogspot.com/_XByc9SCisZM/Sbg8DCC449I/AAAAAAAABZE/pfgLe0jNNRg/s1600/navigation.gif) repeat-x bottom center;  
405:  border-top:2px solid #393b3b; border-bottom:1px solid #FFF;  
406:  }  
407:  #navigation ul.pages {  
408:  margin:0 auto; padding:0;  
409:  width:880px; height:auto;  
410:  list-style:none; float:left;  
411:  }  
412:  #navigation ul li {  
413:  margin:0 3px; padding:0;  
414:  float:left; overflow:visible;  
415:  }  
416:  .rss {  
417:  margin:0 30px 0 0; padding:0;  
418:  width:16px; height:17px;  
419:  float:right;  
420:  }  
421:  /* 04 - POSTS DESTACADOS  
422:  /* ----------------------------------------------*/  
423:  #latest-dock {  
424:  margin:0; padding:0;  
425:  background:#f4f6f8 url(http://1.bp.blogspot.com/_XByc9SCisZM/SbgTMRLZ2MI/AAAAAAAABVk/WMbXjEuK_V0/s1600/dock.gif) repeat-x bottom center;  
426:  border-bottom:1px solid #fbf9fa;  
427:  }  
428:  .dock-back {  
429:  padding:20px 0;  
430:  background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SbgTMtJnVeI/AAAAAAAABVs/i3_shdxmNAk/s1600/dock-back.gif) no-repeat bottom center;  
431:  }  
432:  #dock {  
433:  margin:0 auto; padding:0;  
434:  width:940px;  
435:  list-style:none;  
436:  position:relative;  
437:  text-align:center;  
438:  }  
439:  #dock li {  
440:  margin:0; padding:0 0 18px 0;  
441:  display:inline;  
442:  }  
443:  #dock li.dock-active {  
444:  background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SbgTMqJDb_I/AAAAAAAABV8/M3DZ6N8pdzA/s1600/dock-shadow.png) no-repeat bottom center;  
445:  }  
446:  #dock li a:link, #dock li a:active, #dock li a:visited {  
447:  margin:30px 7px 0 7px; padding:8px 0 0 0;  
448:  width:75px; height:70px;  
449:  background:url(http://2.bp.blogspot.com/_zS4IuTTavyc/Swn-hy5broI/AAAAAAAAAQ8/Wdef8vHXnCE/s320/dock-preview-back.png) no-repeat center center;  
450:  display:inline-block;  
451:  }  
452:  #dock li span {  
453:  margin:0; padding:0;  
454:  width:980px; height:auto;  
455:  position:absolute;  
456:  display:none;  
457:  top:0; left:0;  
458:  text-align:center;  
459:  font:bold 1.17em Arial, Helvetica, sans-serif; color:#31393d;  
460:  }  
461:  .latest {  
462:  width:980px; text-align:center;  
463:  font:bold 1.17em Arial, Helvetica, sans-serif; color:#31393d;  
464:  position:absolute;  
465:  }  
466:  /* 05 - CONTENIDO PRINCIPAL  
467:  /* ----------------------------------------------*/  
468:  #main-content {  
469:  padding:20px 0;  
470:  background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SbgTOr3wQfI/AAAAAAAABXM/ZXQIb2RecSI/s1600/main-content.gif) no-repeat top center;  
471:  border-top:1px solid #c6dee7;  
472:  border-bottom:10px solid #d0dce2;  
473:  }  
474:  .post {  
475:  margin:0 0 25px 0;  
476:  }  
477:  /* Post Box  
478:  /* --------------- */  
479:  .post-box {  
480:  margin:0; padding:0;  
481:  background:#fdfefe url(http://3.bp.blogspot.com/_XByc9SCisZM/Sbg8Ls5GrwI/AAAAAAAABZU/sRB8hNai4dc/s1600/post-box-top.gif) repeat-x top center;  
482:  border:1px solid #dce7ed;  
483:  border-bottom:1px solid #cfdbe1; border-top:0;  
484:  }  
485:  .post-meta {  
486:  margin:0 0 23px 0; padding:0;  
487:  border-bottom:1px solid #FFF;  
488:  position:relative;  
489:  }  
490:  .post-info {  
491:  margin:0; padding:10px 5px;  
492:  width:190px; height:auto;  
493:  border-bottom:4px solid #889398;  
494:  bottom:0; right:0;  
495:  position:absolute;  
496:  }  
497:  .post-content, .comment-content {  
498:  margin:0; padding:22px 22px 11px;  
499:  border:1px solid #FFF;  
500:  border-bottom:1px solid #e8ebec;  
501:  position:relative;  
502:  }  
503:  .comment-count {  
504:  margin:0; padding:0;  
505:  width:auto; height:auto;  
506:  background:#f23183;  
507:  position:absolute; display:block;  
508:  top:-10px; left:-10px;  
509:  }  
510:  .post-body {  
511:  padding:10px 0 0 0;  
512:  }  
513:  .post-body img {  
514:  margin:0 auto; padding:3px;  
515:  border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;  
516:  border-bottom:1px solid #e7e8e8;  
517:  text-align:center; display:block;  
518:  }  
519:  /* Post Footer  
520:  /* --------------- */            
521:  .post-footer {  
522:  margin:0; padding:23px;  
523:  background:#fcfdfe;  
524:  border-top:1px solid #FFF;  
525:  position:relative; z-index:100;  
526:  }  
527:  .continue-reading {  
528:  margin:0; padding:0;  
529:  width:180px; height:auto;  
530:  float:left;  
531:  }  
532:  .category-menu {  
533:  margin:0; padding:0;  
534:  width:350px; height:auto;  
535:  float:right; text-align:right;  
536:  position:absolute; top:10px; right:10px;  
537:  }  
538:  .post-labels {  
539:  margin:0; padding:0 25px 0 15px;  
540:  width:7px; height:5px;  
541:  background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SbgTNfSwJ4I/AAAAAAAABWM/IUMW0J7TueM/s1600/expand.gif) no-repeat center left;  
542:  vertical-align:middle;  
543:  }  
544:  /* Content Navigation  
545:  /* --------------- */       
546:  .navigation {  
547:  margin:0; padding:8px 10px;  
548:  background:#dce8ee url(http://1.bp.blogspot.com/_XByc9SCisZM/Sbg7zbYd4CI/AAAAAAAABYU/24RbZnD3jjQ/s1600/box-highlight.gif) repeat-x bottom center;  
549:  border:1px solid #ebf2f5;  
550:  border-bottom:1px solid #d4e0e6;  
551:  }  
552:  #blog-pager-newer-link {  
553:   float: left;  
554:   }  
555:  #blog-pager-older-link {  
556:   float: right;  
557:   }  
558:  #blog-pager {   
559:   text-align: center;  
560:   }  
561:  .feed-links {  
562:   clear: both;  
563:   line-height: 2.5em;  
564:  }  
565:  /* Comentarios  
566:  /* --------------- */  
567:  #comments-block {  
568:  margin-top:30px;  
569:   }  
570:  #comments-block .comment-timestamp {  
571:  font:0.61em Georgia, "Times New Roman", Times, serif; color:#a3aeb2;  
572:  display:block;  
573:  }  
574:  .comment-content {  
575:  padding:0;  
576:  background:#f9fcfd url(http://1.bp.blogspot.com/_XByc9SCisZM/Sbg8NtKQS0I/AAAAAAAABZc/RpkZfWtGbG0/s1600/white.gif) repeat-x bottom center;  
577:  border-bottom:0;  
578:  }  
579:  .commentlist {  
580:  margin:15px 0 0 0;   
581:  padding:30px;  
582:  border-bottom:1px solid #d9e1e6;  
583:  }  
584:  #comments-block .comment-body {  
585:  margin:0; padding:0;  
586:   }  
587:  .deleted-comment {  
588:   font-style:italic;  
589:   color:gray;  
590:   }  
591:  /* 06 - SIDEBAR  
592:  /* ----------------------------------------------*/  
593:  #sidebar {  
594:  margin:0 0 0 15px; padding:0;  
595:  width:305px; height:auto;  
596:  list-style:none;  
597:  }  
598:  #sidebar .widget {  
599:  margin:0 0 20px 0; padding:0 0 56px 0;  
600:  width:auto; height:auto;  
601:  background:#f5fbfe url(http://img14.imageshack.us/img14/4963/sidebarbottom.gif) no-repeat bottom center;  
602:  }  
603:  #sidebar .widget-content {  
604:  margin:0 auto; padding:0 0 15px 0;  
605:  width:245px; height:auto;  
606:  background:#ebf6fb;  
607:  overflow:hidden;  
608:  }  
609:  #sidebar ul li {  
610:  margin:0 0 15px 0; padding:0;  
611:  width:auto; height:auto;  
612:  background:none;  
613:  }  
614:  /* 07 - PERFIL  
615:  /* ----------------------------------------------*/  
616:  .profile-img {   
617:   float: left;  
618:   margin: 0 5px 5px 0;  
619:   padding: 4px;  
620:   border: 5px solid #E7E9E3;  
621:  }  
622:  .profile-data {  
623:   margin:0;  
624:   font: arial;  
625:   color: #000;  
626:   font-weight: bold;  
627:   line-height: 1.6em;  
628:  }  
629:  .profile-datablock {   
630:   margin:.5em 0 .5em;  
631:  }  
632:  .profile-textblock {   
633:   margin: 0.5em 0;  
634:   line-height: 1.6em;  
635:  }  
636:  .profile-link {   
637:   font: #000;  
638:   letter-spacing: .1em;  
639:  }  
640:  /* 08 - FOOTER  
641:  /* ----------------------------------------------*/  
642:  #footer {  
643:  margin:0; padding:30px 0;  
644:  width:auto; height:auto;  
645:  background:#171615 url(http://2.bp.blogspot.com/_XByc9SCisZM/Sbg7-bPqdMI/AAAAAAAABY0/T6dWxl4oGTM/s1600/footer-stroke.gif) repeat-x top center;  
646:  border-top:1px solid #171615; border-bottom:1px solid #1e1d1d;  
647:  }  
648:  .footer-divider {  
649:  background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SbgTNh5kj8I/AAAAAAAABWk/GeaC7TVvB_8/s1600/footer-divider.gif) repeat-y top left;  
650:  }  
651:  #footer .categories {  
652:  margin:0; padding:0;  
653:  width:360px; height:auto;  
654:  float:left;  
655:  }  
656:  .footer-cat {  
657:  margin:0; padding:0;  
658:  width:360px; height:auto;  
659:  list-style:none;  
660:  }  
661:  .footer-cat li {  
662:  margin:5px 0; padding:0 0 0 9px;  
663:  width:150px; height:auto;  
664:  float:left;  
665:  background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SbgTNl3_V_I/AAAAAAAABWU/znkin_SnKeM/s1600/footer-cat-left.gif) no-repeat top left;  
666:  }  
667:  .footer-cat li a {  
668:  margin:0; padding:0 9px 0 0;  
669:  width:auto; height:23px; line-height:23px;  
670:  float:left; display:block;  
671:  background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SbgTNv6kdnI/AAAAAAAABWc/yx5iHJIvoEA/s1600/footer-cat-right.gif) no-repeat top right;  
672:  }  
673:  .footer-cat li a:link, .footer-cat li a:active, .footer-cat li a:visited {  
674:  font-family:Georgia, "Times New Roman", Times, serif; color:#a7a7a7;  
675:  }  
676:  .footer-cat li a:link span, .footer-cat li a:active span, .footer-cat li a:visited span {  
677:  color:#FF00FF;  
678:  }  
679:  .footer-cat li:hover, .footer-cat li:hover a {  
680:  background-position:0% -23px;  
681:  color:#171615;  
682:  cursor:pointer;  
683:  }  
684:  .footer-cat li:hover a {  
685:  background-position:100% -23px;  
686:  }  
687:  #footer .about {  
688:  margin:0; padding:0;  
689:  width:580px; height:auto;  
690:  float:right;  
691:  }  
692:  #link-back {  
693:  margin:0; padding:15px 0;  
694:  background:#0c0b0b;  
695:  }  
696:  .donators {  
697:  margin:0; padding:0;  
698:  width:590px; height:auto;  
699:  float:left;  
700:  }  
701:  a.rafaelminuesa:link, a.rafaelminuesa:active, a.rafaelminuesa:visited, a.rafaelminuesa:hover, a.smashing:link, a.smashing:active, a.smashing:visited, a.smashing:hover, a.function:link, a.function:active, a.function:visited, a.function:hover, a.zonacerebral:link, a.zonacerebral:active, a.zonacerebral:visited, a.zonacerebral:hover {  
702:  margin:0; padding:0;  
703:  width:154px; height:54px;  
704:  background:url(http://2.bp.blogspot.com/_XByc9SCisZM/Sbgy9XCC1WI/AAAAAAAABYE/orQmhnCa_R4/s1600/smashing.gif) no-repeat top center;  
705:  display:block; text-indent:-9999px; float:left; outline:0;  
706:  }  
707:  a.function:link, a.function:active, a.function:visited, a.function:hover {  
708:  width:128px;  
709:  background:url(http://3.bp.blogspot.com/_XByc9SCisZM/SbgTOIB8PaI/AAAAAAAABWs/40fPEF5bI7s/s1600/function.gif) no-repeat top center;  
710:  }  
711:  a.zonacerebral:link, a.zonacerebral:active, a.zonacerebral:visited, a.zonacerebral:hover {  
712:  width:128px;  
713:  background:url(http://img264.imageshack.us/img264/9738/zonacerebral2.gif) no-repeat top center;  
714:  }       
715:  a.rafaelminuesa:link, a.rafaelminuesa:active, a.rafaelminuesa:visited, a.rafaelminuesa:hover {  
716:  width:128px;  
717:  background:url(http://1.bp.blogspot.com/_zS4IuTTavyc/SxtoUyO4xtI/AAAAAAAAATE/RiGlQhRIc-4/s320/rmm.gif) no-repeat top center;  
718:  }       
719:  /** Page structure tweaks for layout editor wireframe */  
720:  body#layout #header {   
721:   margin-left: 0px;  
722:   margin-right: 0px;  
723:  }  
724:  ]]></b:skin>  
725:  <meta content='7da8c9a6b683a513190f96648baffe11' name='p:domain_verify'/>  
726:  </head>  
727:   <body>  
728:   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>  
729:    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>  
730:     <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;  
731:    function setAttributeOnload(object, attribute, val) {  
732:     if(window.addEventListener) {  
733:      window.addEventListener(&#39;load&#39;,  
734:       function(){ object[attribute] = val; }, false);  
735:     } else {  
736:      window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });  
737:     }  
738:    }  
739:   &lt;/script&gt;  
740:  &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;  
741:  &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;  
742:  &lt;script type=&quot;text/javascript&quot;&gt;  
743:      gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {  
744:       if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {  
745:        gapi.iframes.getContext().openChild({  
746:          url: &#39;https://draft.blogger.com/navbar.g?targetBlogID\0752583894553445679744\46blogName\75Rafael+Minuesa\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLACK\46layoutType\75LAYOUTS\46searchRoot\75http://rafael-minuesa.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://rafael-minuesa.blogspot.com/\46blogFollowUrl\75https://plus.google.com/113090106154607407708\46vt\758955641596599720156&#39;,  
747:          where: document.getElementById(&quot;navbar-iframe-container&quot;),  
748:          id: &quot;navbar-iframe&quot;  
749:        });  
750:       }  
751:      });  
752:     &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;  
753:  (function() {  
754:  var script = document.createElement(&#39;script&#39;);  
755:  script.type = &#39;text/javascript&#39;;  
756:  script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;  
757:  var head = document.getElementsByTagName(&#39;head&#39;)[0];  
758:  if (head) {  
759:  head.appendChild(script);  
760:  }})();  
761:  &lt;/script&gt;  
762:  </b:includable>  
763:    </b:widget>  
764:   </b:section>  
765:   <!-- skip links for text browsers -->  
766:    <span id='skiplinks' style='display:none;'>  
767:     <a href='#main'>skip to main </a> |  
768:     <a href='#sidebar'>skip to sidebar</a>  
769:    </span>  
770:  <div id='header'>  
771:  <div class='container clearfix'>  
772:  <div id='logo'>  
773:  <h1><a href='http://rafael-minuesa.blogspot.com/' title='Rafael Minuesa'>Rafael Minuesa</a></h1>  
774:  <br/>  
775:  <h2>A Graphic Designer turned Web Designer turned Web Developer</h2>  
776:  </div><!-- End logo -->  
777:  <form action='http://rafael-minuesa.blogspot.com/search' class='clearfix' id='searchform-header' method='get'>  
778:  <input id='s' name='s' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Search&apos;;}' onfocus='if (this.value == &apos;Search&apos;) {this.value = &apos;&apos;;}' type='text' value='Search'/>  
779:  <input alt='Search' id='go' src='http://2.bp.blogspot.com/_XByc9SCisZM/SbgTPGYDQAI/AAAAAAAABXc/0QaK4UlJwr8/s1600/search.gif' title='Search' type='image'/>  
780:  </form><!-- End searchform -->  
781:  </div><!-- End Container -->  
782:  </div><!-- End header -->  
783:  <div id='navigation'>  
784:  <div class='container clearfix'>  
785:  <ul class='pages'>  
786:  <li class='current_page_item'><a href='http://rafael-minuesa.blogspot.com/2009/10/rafael-minuesa.html'>Home</a></li>  
787:  <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/education.html'>Education</a></li>  
788:  <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/languages.html'>Languages</a></li>  
789:  <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/skills.html'>Skills</a></li>  
790:  <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/experience.html'>Experience</a></li>  
791:  <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/samples.html'>Samples</a></li>  
792:  <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/interests.html'>Interests</a></li>  
793:  <li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/p/contact.html'>Contact</a></li>  
794:  </ul>  
795:  </div><!-- End container -->  
796:  </div><!-- End navigation -->  
797:  <div id='latest-dock'>  
798:  <div class='dock-back container clearfix'>  
799:  <div class='latest'>Social Media Network</div>  
800:  <ul id='dock'>  
801:  <li><a href='https://plus.google.com/113090106154607407708' rel='bookmark' target='_blank' title='Google +'><img alt='Google + Button' src='http://4.bp.blogspot.com/-TxgrA3Tlqxw/TlY15faUE2I/AAAAAAAABNU/zF2pkd5PF-4/s1600/google-plus.png'/></a><span>Google +</span></li>  
802:  <li><a href='http://www.facebook.com/rafael.minuesa' rel='bookmark' target='_blank' title='Facebook'><img alt='Facebook Button' src='http://3.bp.blogspot.com/_zS4IuTTavyc/Swm2_BBbIlI/AAAAAAAAANM/goH1w9frYB4/s1600/facebook.png'/></a><span>Facebook</span></li>  
803:  <li><a href='http://www.flickr.com/photos/rafael-minuesa' rel='bookmark' target='_blank' title='flickr'><img alt='flickr Button' src='http://3.bp.blogspot.com/_zS4IuTTavyc/Swm3F3jkH2I/AAAAAAAAANc/gfeiA2T9IJo/s320/flickr.png'/></a><span>flickr</span></li>  
804:  <li><a href='http://sg.linkedin.com/in/rafaelminuesa' rel='bookmark' target='_blank' title='Linkedin'><img alt='Linkedin Button' src='http://3.bp.blogspot.com/_zS4IuTTavyc/Swm3d4GsWsI/AAAAAAAAAOE/a6B3aVLYZco/s1600/linkedin.png'/></a><span>Linked in</span></li>  
805:  <li><a href='http://www.myspace.com/rafael-minuesa' rel='bookmark' target='_blank' title='MySpace'><img alt='MySpace Button' src='http://2.bp.blogspot.com/_zS4IuTTavyc/Swm3qQEN2UI/AAAAAAAAAOk/qR3b8ovM1x8/s1600/myspace.png'/></a><span>MySpace</span></li>  
806:  <li><a href='http://picasaweb.google.com/rafael.minuesa/' rel='bookmark' target='_blank' title='Picasa'><img alt='Picasa Button' src='http://2.bp.blogspot.com/_zS4IuTTavyc/Swm3yqaMJ5I/AAAAAAAAAO8/HppF-X4fLyU/s1600/picasa.png'/></a><span>Picasa</span></li>  
807:  <li><a href='http://twitter.com/rafaminu' rel='bookmark' target='_blank' title='Twitter'><img alt='Twitter Button' src='http://3.bp.blogspot.com/_zS4IuTTavyc/Swm3_iY1C-I/AAAAAAAAAPk/UvEfStDEMTg/s1600/twitter.png'/></a><span>Twitter</span></li>  
808:  <li><a href='http://rafaelminuesa.wordpress.com/' rel='bookmark' target='_blank' title='WordPress'><img alt='WordPress Button' src='http://4.bp.blogspot.com/_zS4IuTTavyc/Swm4HnCayuI/AAAAAAAAAP8/YQmYeEfVJdo/s320/wordpress.png'/></a><span>Feed Burner</span></li>  
809:  <li><a href='http://www.youtube.com/user/RafaelMinuesa' rel='bookmark' target='_blank' title='YouTube'><img alt='YouTube Button' src='http://2.bp.blogspot.com/_zS4IuTTavyc/Swm4PHc25qI/AAAAAAAAAQM/5cqHcktXNL8/s1600/youtube.png'/></a><span>YouTube</span></li>  
810:  </ul>  
811:  </div><!-- End container -->  
812:  </div><!-- End latest-dock -->  
813:  <div class='clearfix' id='main-content'>  
814:  <div class='container'>  
815:  <div>  
816:  <b:section class='NewContainer' id='NewContainer'/>  
817:  </div>  
818:     <div id='col-580'>  
819:      <b:section class='main' id='main' showaddelement='no'>  
820:       <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>  
821:        <b:includable id='main' var='top'>  
822:   <!-- posts -->  
823:   <div class='blog-posts hfeed'>  
824:    <b:include data='top' name='status-message'/>  
825:    <data:adStart/>  
826:    <b:loop values='data:posts' var='post'>  
827:     <b:if cond='data:post.dateHeader'>  
828:      <h2 class='date-header'><data:post.dateHeader/></h2>  
829:     </b:if>  
830:     <b:include data='post' name='post'/>  
831:     <b:if cond='data:blog.pageType == &quot;item&quot;'>  
832:      <b:include data='post' name='comments'/>  
833:     </b:if>  
834:     <b:if cond='data:post.includeAd'>  
835:      <data:adEnd/>  
836:      <data:adCode/>  
837:      <data:adStart/>  
838:     </b:if>  
839:    </b:loop>  
840:    <data:adEnd/>  
841:   </div>  
842:   <!-- navigation -->  
843:   <b:include name='nextprev'/>  
844:   <!-- feed links -->  
845:  </b:includable>  
846:        <b:includable id='backlinkDeleteIcon' var='backlink'>  
847:   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>  
848:    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>  
849:     <span class='delete-comment-icon'>&#160;</span>  
850:    </a>  
851:   </span>  
852:  </b:includable>  
853:        <b:includable id='backlinks' var='post'>  
854:   <a name='links'/><h4><data:post.backlinksLabel/></h4>  
855:   <b:if cond='data:post.numBacklinks != 0'>  
856:    <dl class='comments-block' id='comments-block'>  
857:     <b:loop values='data:post.backlinks' var='backlink'>  
858:      <div class='collapsed-backlink backlink-control'>  
859:       <dt class='comment-title'>   
860:        <span class='backlink-toggle-zippy'>&#160;</span>  
861:        <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>  
862:        <b:include data='backlink' name='backlinkDeleteIcon'/>  
863:       </dt>  
864:       <dd class='comment-body collapseable'>  
865:        <data:backlink.snippet/>  
866:       </dd>  
867:       <dd class='comment-footer collapseable'>  
868:        <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>  
869:        <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>  
870:       </dd>  
871:      </div>  
872:     </b:loop>  
873:    </dl>  
874:   </b:if>  
875:   <p class='comment-footer'>  
876:    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>  
877:   </p>  
878:  </b:includable>  
879:        <b:includable id='comment-form' var='post'>  
880:   <div class='comment-form'>  
881:    <a name='comment-form'/>  
882:    <h4 id='comment-post-message'><data:postCommentMsg/></h4>  
883:    <p><data:blogCommentMessage/></p>  
884:    <data:blogTeamBlogMessage/>  
885:    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>  
886:    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>  
887:    <data:post.iframeColorizer/>  
888:   </div>  
889:  </b:includable>  
890:        <b:includable id='commentDeleteIcon' var='comment'>  
891:   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>  
892:    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>  
893:     <span class='delete-comment-icon'>&#160;</span>  
894:    </a>  
895:   </span>  
896:  </b:includable>  
897:        <b:includable id='comment_count_picker' var='post'>  
898:   <b:if cond='data:post.commentSource == 1'>  
899:    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>  
900:    </span>  
901:   <b:else/>  
902:    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>  
903:     <data:post.commentLabelFull/>:  
904:    </a>  
905:   </b:if>  
906:  </b:includable>  
907:        <b:includable id='comment_picker' var='post'>  
908:   <b:if cond='data:post.commentSource == 1'>  
909:    <b:include data='post' name='iframe_comments'/>  
910:   <b:else/>  
911:    <b:if cond='data:post.showThreadedComments'>  
912:     <b:include data='post' name='threaded_comments'/>  
913:    <b:else/>  
914:     <b:include data='post' name='comments'/>  
915:    </b:if>  
916:   </b:if>  
917:  </b:includable>  
918:        <b:includable id='comments' var='post'>  
919:   <div class='comments' id='comments'>  
920:    <a name='comments'/>  
921:    <b:if cond='data:post.allowComments'>  
922:     <dl class='post-box' id='comments-block'>  
923:  <div class='comment-content'>  
924:  <div class='comment-count'>  
925:      <b:if cond='data:post.numComments == 1'>  
926:       1 <data:commentLabel/>:  
927:      <b:else/>  
928:       <data:post.numComments/> <data:commentLabelPlural/>:  
929:      </b:if>  
930:  </div>  
931:      <b:loop values='data:post.comments' var='comment'>  
932:  <div class='commentlist'>  
933:       <dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>  
934:        <a expr:name='&quot;comment-&quot; + data:comment.id'/>  
935:        <b:if cond='data:comment.authorUrl'>  
936:         <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>  
937:        <b:else/>  
938:         <data:comment.author/>  
939:        </b:if>   
940:  <span class='comment-timestamp'>  
941:          <data:comment.timestamp/>  
942:         <b:include data='comment' name='commentDeleteIcon'/>  
943:        </span>  
944:       </dt>  
945:       <dd class='comment-body'>  
946:        <b:if cond='data:comment.isDeleted'>  
947:         <span class='deleted-comment'><data:comment.body/></span>  
948:        <b:else/>  
949:         <p><data:comment.body/></p>  
950:        </b:if>  
951:       </dd>  
952:       <dd class='comment-footer'>  
953:       </dd>  
954:  </div>  
955:      </b:loop>  
956:  </div>  
957:     </dl>  
958:     <p class='comment-footer'>  
959:       <b:if cond='data:post.embedCommentForm'>  
960:       <b:include data='post' name='comment-form'/>  
961:      <b:else/>  
962:       <b:if cond='data:post.allowComments'>  
963:        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>  
964:       </b:if>  
965:      </b:if>  
966:     </p>  
967:    </b:if>  
968:    <div id='backlinks-container'>  
969:    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>  
970:      <b:if cond='data:post.showBacklinks'>  
971:       <b:include data='post' name='backlinks'/>  
972:      </b:if>  
973:    </div>  
974:    </div>  
975:   </div>  
976:  </b:includable>  
977:        <b:includable id='feedLinks'>  
978:   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->  
979:    <b:if cond='data:feedLinks'>  
980:     <div class='blog-feeds'>  
981:      <b:include data='feedLinks' name='feedLinksBody'/>  
982:     </div>  
983:    </b:if>  
984:    <b:else/> <!--Post feed links -->  
985:    <div class='post-feeds'>  
986:     <b:loop values='data:posts' var='post'>  
987:      <b:if cond='data:post.allowComments'>  
988:       <b:if cond='data:post.feedLinks'>  
989:        <b:include data='post.feedLinks' name='feedLinksBody'/>  
990:       </b:if>  
991:      </b:if>  
992:     </b:loop>  
993:    </div>  
994:   </b:if>  
995:  </b:includable>  
996:        <b:includable id='feedLinksBody' var='links'>  
997:   <div class='feed-links'>  
998:   <data:feedLinksMsg/>  
999:   <b:loop values='data:links' var='f'>  
1000:     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>  
1001:   </b:loop>  
1002:   </div>  
1003:  </b:includable>  
1004:        <b:includable id='iframe_comments' var='post'>  
1005:   <b:if cond='data:post.allowIframeComments'>  
1006:    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>  
1007:    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>  
1008:    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>  
1009:     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>  
1010:    </b:if>  
1011:   </b:if>  
1012:  </b:includable>  
1013:        <b:includable id='mobile-index-post' var='post'>  
1014:   <div class='mobile-date-outer date-outer'>  
1015:    <b:if cond='data:post.dateHeader'>  
1016:     <div class='date-header'>  
1017:      <span><data:post.dateHeader/></span>  
1018:     </div>  
1019:    </b:if>  
1020:    <div class='mobile-post-outer'>  
1021:     <a expr:href='data:post.url'>  
1022:      <h3 class='mobile-index-title entry-title' itemprop='name'>  
1023:       <data:post.title/>  
1024:      </h3>  
1025:      <div class='mobile-index-arrow'>&amp;rsaquo;</div>  
1026:      <div class='mobile-index-contents'>  
1027:       <b:if cond='data:post.thumbnailUrl'>  
1028:        <div class='mobile-index-thumbnail'>  
1029:         <div class='Image'>  
1030:          <img expr:src='data:post.thumbnailUrl'/>  
1031:         </div>  
1032:        </div>  
1033:       </b:if>  
1034:       <div class='post-body'>  
1035:        <b:if cond='data:post.snippet'><data:post.snippet/></b:if>  
1036:       </div>  
1037:      </div>  
1038:      <div style='clear: both;'/>  
1039:     </a>  
1040:     <div class='mobile-index-comment'>  
1041:      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>  
1042:       <b:if cond='data:post.allowComments'>  
1043:        <b:if cond='data:post.numComments != 0'>  
1044:         <b:include data='post' name='comment_count_picker'/>  
1045:        </b:if>  
1046:       </b:if>  
1047:      </b:if>  
1048:     </div>  
1049:    </div>  
1050:   </div>  
1051:  </b:includable>  
1052:        <b:includable id='mobile-main' var='top'>  
1053:    <!-- posts -->  
1054:    <div class='blog-posts hfeed'>  
1055:     <b:include data='top' name='status-message'/>  
1056:     <b:if cond='data:blog.pageType == &quot;index&quot;'>  
1057:      <b:loop values='data:posts' var='post'>  
1058:       <b:include data='post' name='mobile-index-post'/>  
1059:      </b:loop>  
1060:     <b:else/>  
1061:      <b:loop values='data:posts' var='post'>  
1062:       <b:include data='post' name='mobile-post'/>  
1063:      </b:loop>  
1064:     </b:if>  
1065:    </div>  
1066:    <b:include name='mobile-nextprev'/>  
1067:  </b:includable>  
1068:        <b:includable id='mobile-nextprev'>  
1069:   <div class='blog-pager' id='blog-pager'>  
1070:    <b:if cond='data:newerPageUrl'>  
1071:     <div class='mobile-link-button' id='blog-pager-newer-link'>  
1072:     <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>  
1073:     </div>  
1074:    </b:if>  
1075:    <b:if cond='data:olderPageUrl'>  
1076:     <div class='mobile-link-button' id='blog-pager-older-link'>  
1077:     <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>  
1078:     </div>  
1079:    </b:if>  
1080:    <div class='mobile-link-button' id='blog-pager-home-link'>  
1081:    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>  
1082:    </div>  
1083:    <div class='mobile-desktop-link'>  
1084:     <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>  
1085:    </div>  
1086:   </div>  
1087:   <div class='clear'/>  
1088:  </b:includable>  
1089:        <b:includable id='mobile-post' var='post'>  
1090:   <div class='date-outer'>  
1091:    <b:if cond='data:post.dateHeader'>  
1092:     <h2 class='date-header'><span><data:post.dateHeader/></span></h2>  
1093:    </b:if>  
1094:    <div class='date-posts'>  
1095:     <div class='post-outer'>  
1096:      <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>  
1097:       <b:if cond='data:post.thumbnailUrl'>  
1098:        <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>  
1099:       </b:if>  
1100:       <meta expr:content='data:blog.blogId' itemprop='blogId'/>  
1101:       <meta expr:content='data:post.id' itemprop='postId'/>  
1102:       <a expr:name='data:post.id'/>  
1103:       <b:if cond='data:post.title'>  
1104:        <h3 class='post-title entry-title' itemprop='name'>  
1105:         <b:if cond='data:post.link'>  
1106:          <a expr:href='data:post.link'><data:post.title/></a>  
1107:         <b:else/>  
1108:          <b:if cond='data:post.url'>  
1109:           <b:if cond='data:blog.url != data:post.url'>  
1110:            <a expr:href='data:post.url'><data:post.title/></a>  
1111:           <b:else/>  
1112:            <data:post.title/>  
1113:           </b:if>  
1114:          <b:else/>  
1115:           <data:post.title/>  
1116:          </b:if>  
1117:         </b:if>  
1118:        </h3>  
1119:       </b:if>  
1120:       <div class='post-header'>  
1121:        <div class='post-header-line-1'/>  
1122:       </div>  
1123:       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>  
1124:        <data:post.body/>  
1125:        <div style='clear: both;'/> <!-- clear for photos floats -->  
1126:       </div>  
1127:       <div class='post-footer'>  
1128:        <div class='post-footer-line post-footer-line-1'>  
1129:         <span class='post-author vcard'>  
1130:          <b:if cond='data:top.showAuthor'>  
1131:           <b:if cond='data:post.authorProfileUrl'>  
1132:            <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>  
1133:             <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>  
1134:             <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>  
1135:              <span itemprop='name'><data:post.author/></span>  
1136:             </a>  
1137:            </span>  
1138:           <b:else/>  
1139:            <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>  
1140:             <span itemprop='name'><data:post.author/></span>  
1141:            </span>  
1142:           </b:if>  
1143:          </b:if>  
1144:         </span>  
1145:         <span class='post-timestamp'>  
1146:          <b:if cond='data:top.showTimestamp'>  
1147:           <data:top.timestampLabel/>  
1148:           <b:if cond='data:post.url'>  
1149:            <meta expr:content='data:post.canonicalUrl' itemprop='url'/>  
1150:            <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>  
1151:           </b:if>  
1152:          </b:if>  
1153:         </span>  
1154:         <span class='post-comment-link'>  
1155:          <b:if cond='data:blog.pageType != &quot;item&quot;'>  
1156:           <b:if cond='data:blog.pageType != &quot;static_page&quot;'>  
1157:            <b:if cond='data:post.allowComments'>  
1158:             <b:include data='post' name='comment_count_picker'/>  
1159:            </b:if>  
1160:           </b:if>  
1161:          </b:if>  
1162:         </span>  
1163:        </div>  
1164:        <div class='post-footer-line post-footer-line-2'>  
1165:         <b:if cond='data:top.showMobileShare'>  
1166:          <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>  
1167:           <a href='javascript:void(0);'><data:shareMsg/></a>  
1168:          </div>  
1169:         </b:if>  
1170:         <b:if cond='data:top.showDummy'>  
1171:          <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>  
1172:         </b:if>  
1173:        </div>  
1174:       </div>  
1175:      </div>  
1176:      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
1177:       <b:include data='post' name='comment_picker'/>  
1178:      </b:if>  
1179:      <b:if cond='data:blog.pageType == &quot;item&quot;'>  
1180:       <b:include data='post' name='comment_picker'/>  
1181:      </b:if>  
1182:     </div>  
1183:    </div>  
1184:   </div>  
1185:  </b:includable>  
1186:        <b:includable id='nextprev'>  
1187:  <div class='navigation arial clearfix'>  
1188:   <div class='blog-pager' id='blog-pager'>  
1189:    <b:if cond='data:newerPageUrl'>  
1190:     <span id='blog-pager-newer-link'>  
1191:     <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>  
1192:     </span>  
1193:    </b:if>  
1194:    <b:if cond='data:olderPageUrl'>  
1195:     <span id='blog-pager-older-link'>  
1196:     <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>  
1197:     </span>  
1198:    </b:if>  
1199:   </div>  
1200:  </div>  
1201:   <div class='clear'/>  
1202:  </b:includable>  
1203:        <b:includable id='post' var='post'>  
1204:   <div class='post hentry uncustomized-post-template'>  
1205:    <a expr:name='data:post.id'/>  
1206:  <div class='post-meta clearfix'>  
1207:    <b:if cond='data:post.title'>  
1208:     <h3 class='post-title left'>  
1209:     <b:if cond='data:post.link'>  
1210:      <a expr:href='data:post.link'><data:post.title/></a>  
1211:     <b:else/>  
1212:      <b:if cond='data:post.url'>  
1213:       <a expr:href='data:post.url'><data:post.title/></a>  
1214:      <b:else/>  
1215:       <data:post.title/>  
1216:      </b:if>  
1217:     </b:if>  
1218:     </h3>  
1219:    </b:if>  
1220:    <p class='post-info right'>  
1221:  <span>  
1222:      <b:if cond='data:top.showAuthor'>  
1223:       <data:top.authorLabel/>  
1224:       <span class='fn'><data:post.author/></span>  
1225:      </b:if>  
1226:     </span>  
1227:  <br/>  
1228:      <b:if cond='data:top.showTimestamp'>  
1229:      <b:if cond='data:post.url'>  
1230:       <data:post.timestamp/>  
1231:      </b:if>  
1232:      </b:if>  
1233:    </p>  
1234:  </div><!-- End post-meta -->  
1235:  <div class='post-box'>  
1236:  <div class='post-content'>  
1237:     <div class='comment-count'>  
1238:      <b:if cond='data:blog.pageType != &quot;item&quot;'>  
1239:       <b:if cond='data:post.allowComments'>  
1240:        <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>  
1241:       </b:if>  
1242:      </b:if>  
1243:     </div>  
1244:      <!-- backlinks -->  
1245:      <span class='post-backlinks post-comment-link'>  
1246:       <b:if cond='data:blog.pageType != &quot;item&quot;'>  
1247:        <b:if cond='data:post.showBacklinks'>  
1248:         <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>  
1249:        </b:if>  
1250:       </b:if>  
1251:      </span>  
1252:    <div class='post-body entry-content'>  
1253:  <b:if cond='data:blog.pageType == &quot;item&quot;'>   
1254:  <style>.fullpost{display:inline;}</style>  
1255:  <p><data:post.body/></p>  
1256:  <b:else/>  
1257:  <style>.fullpost{display:none;}</style>  
1258:     <p><data:post.body/></p>  
1259:  </b:if>  
1260:     <div style='clear: both;'/> <!-- clear for photos floats -->  
1261:    </div>  
1262:  </div><!-- End post-content -->  
1263:    <div class='post-footer clearfix'>  
1264:    <div class='category-menu'>  
1265:  <div class='category clearfix'>  
1266:  <div>  
1267:  <span class='post-labels'>  
1268:      <b:if cond='data:post.labels'>  
1269:       <b:loop values='data:post.labels' var='label'>  
1270:        <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>  
1271:       </b:loop>  
1272:      </b:if>  
1273:     </span>  
1274:  </div>  
1275:  </div>  
1276:     <span class='post-icons'>  
1277:      <!-- email post links -->  
1278:      <b:if cond='data:post.emailPostUrl'>  
1279:       <span class='item-action'>  
1280:       <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>  
1281:        <span class='email-post-icon'>&#160;</span>  
1282:       </a>  
1283:       </span>  
1284:      </b:if>  
1285:      <!-- quickedit pencil -->  
1286:      <b:include data='post' name='postQuickEdit'/>  
1287:     </span>  
1288:  </div><!-- End category -->  
1289:  </div><!-- End post-footer -->  
1290:  </div><!-- End post-box -->  
1291:  </div><!-- End post -->  
1292:  </b:includable>  
1293:        <b:includable id='postQuickEdit' var='post'>  
1294:   <b:if cond='data:post.editUrl'>  
1295:    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>  
1296:     <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>  
1297:      <span class='quick-edit-icon'>&#160;</span>  
1298:     </a>  
1299:    </span>  
1300:   </b:if>  
1301:  </b:includable>  
1302:        <b:includable id='shareButtons' var='post'>  
1303:   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>  
1304:  </b:includable>  
1305:        <b:includable id='status-message'>  
1306:   <b:if cond='data:navMessage'>  
1307:   <div class='status-msg-wrap'>  
1308:    <div class='status-msg-body'>  
1309:     <data:navMessage/>  
1310:    </div>  
1311:    <div class='status-msg-border'>  
1312:     <div class='status-msg-bg'>  
1313:      <div class='status-msg-hidden'><data:navMessage/></div>  
1314:     </div>  
1315:    </div>  
1316:   </div>  
1317:   <div style='clear: both;'/>  
1318:   </b:if>  
1319:  </b:includable>  
1320:        <b:includable id='threaded-comment-form' var='post'>  
1321:   <div class='comment-form'>  
1322:    <a name='comment-form'/>  
1323:    <b:if cond='data:mobile'>  
1324:     <p><data:blogCommentMessage/></p>  
1325:     <data:blogTeamBlogMessage/>  
1326:     <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>  
1327:     <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>  
1328:    <b:else/>  
1329:     <p><data:blogCommentMessage/></p>  
1330:     <data:blogTeamBlogMessage/>  
1331:     <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>  
1332:     <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>  
1333:    </b:if>  
1334:    <data:post.friendConnectJs/>  
1335:    <data:post.cmtfpIframe/>  
1336:    <script type='text/javascript'>  
1337:     BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);  
1338:    </script>  
1339:   </div>  
1340:  </b:includable>  
1341:        <b:includable id='threaded_comment_js' var='post'>  
1342:   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>  
1343:   <script type='text/javascript'>  
1344:    (function() {  
1345:     var items = <data:post.commentJso/>;  
1346:     var msgs = <data:post.commentMsgs/>;  
1347:     var config = <data:post.commentConfig/>;  
1348:  // <![CDATA[  
1349:     var cursor = null;  
1350:     if (items && items.length > 0) {  
1351:      cursor = parseInt(items[items.length - 1].timestamp) + 1;  
1352:     }  
1353:     var bodyFromEntry = function(entry) {  
1354:      if (entry.gd$extendedProperty) {  
1355:       for (var k in entry.gd$extendedProperty) {  
1356:        if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {  
1357:         return '<span class="deleted-comment">' + entry.content.$t + '</span>';  
1358:        }  
1359:       }  
1360:      }  
1361:      return entry.content.$t;  
1362:     }  
1363:     var parse = function(data) {  
1364:      cursor = null;  
1365:      var comments = [];  
1366:      if (data && data.feed && data.feed.entry) {  
1367:       for (var i = 0, entry; entry = data.feed.entry[i]; i++) {  
1368:        var comment = {};  
1369:        // comment ID, parsed out of the original id format  
1370:        var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);  
1371:        comment.id = id ? id[2] : null;  
1372:        comment.body = bodyFromEntry(entry);  
1373:        comment.timestamp = Date.parse(entry.published.$t) + '';  
1374:        if (entry.author && entry.author.constructor === Array) {  
1375:         var auth = entry.author[0];  
1376:         if (auth) {  
1377:          comment.author = {  
1378:           name: (auth.name ? auth.name.$t : undefined),  
1379:           profileUrl: (auth.uri ? auth.uri.$t : undefined),  
1380:           avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)  
1381:          };  
1382:         }  
1383:        }  
1384:        if (entry.link) {  
1385:         if (entry.link[2]) {  
1386:          comment.link = comment.permalink = entry.link[2].href;  
1387:         }  
1388:         if (entry.link[3]) {  
1389:          var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);  
1390:          if (pid && pid[1]) {  
1391:           comment.parentId = pid[1];  
1392:          }  
1393:         }  
1394:        }  
1395:        comment.deleteclass = 'item-control blog-admin';  
1396:        if (entry.gd$extendedProperty) {  
1397:         for (var k in entry.gd$extendedProperty) {  
1398:          if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {  
1399:           comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;  
1400:          } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {  
1401:           comment.displayTime = entry.gd$extendedProperty[k].value;  
1402:          }  
1403:         }  
1404:        }  
1405:        comments.push(comment);  
1406:       }  
1407:      }  
1408:      return comments;  
1409:     };  
1410:     var paginator = function(callback) {  
1411:      if (hasMore()) {  
1412:       var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';  
1413:       if (cursor) {  
1414:        url += '&published-min=' + new Date(cursor).toISOString();  
1415:       }  
1416:       window.bloggercomments = function(data) {  
1417:        var parsed = parse(data);  
1418:        cursor = parsed.length < 50 ? null  
1419:          : parseInt(parsed[parsed.length - 1].timestamp) + 1  
1420:        callback(parsed);  
1421:        window.bloggercomments = null;  
1422:       }  
1423:       url += '&callback=bloggercomments';  
1424:       var script = document.createElement('script');  
1425:       script.type = 'text/javascript';  
1426:       script.src = url;  
1427:       document.getElementsByTagName('head')[0].appendChild(script);  
1428:      }  
1429:     };  
1430:     var hasMore = function() {  
1431:      return !!cursor;  
1432:     };  
1433:     var getMeta = function(key, comment) {  
1434:      if ('iswriter' == key) {  
1435:       var matches = !!comment.author  
1436:         && comment.author.name == config.authorName  
1437:         && comment.author.profileUrl == config.authorUrl;  
1438:       return matches ? 'true' : '';  
1439:      } else if ('deletelink' == key) {  
1440:       return config.baseUri + '/delete-comment.g?blogID='  
1441:          + config.blogId + '&postID=' + comment.id;  
1442:      } else if ('deleteclass' == key) {  
1443:       return comment.deleteclass;  
1444:      }  
1445:      return '';  
1446:     };  
1447:     var replybox = null;  
1448:     var replyUrlParts = null;  
1449:     var replyParent = undefined;  
1450:     var onReply = function(commentId, domId) {  
1451:      if (replybox == null) {  
1452:       // lazily cache replybox, and adjust to suit this style:  
1453:       replybox = document.getElementById('comment-editor');  
1454:       if (replybox != null) {  
1455:        replybox.height = '250px';  
1456:        replybox.style.display = 'block';  
1457:        replyUrlParts = replybox.src.split('#');  
1458:       }  
1459:      }  
1460:      if (replybox && (commentId !== replyParent)) {  
1461:       document.getElementById(domId).insertBefore(replybox, null);  
1462:       replybox.src = replyUrlParts[0]  
1463:         + (commentId ? '&parentID=' + commentId : '')  
1464:         + '#' + replyUrlParts[1];  
1465:       replyParent = commentId;  
1466:      }  
1467:     };  
1468:     var hash = (window.location.hash || '#').substring(1);  
1469:     var startThread, targetComment;  
1470:     if (/^comment-form_/.test(hash)) {  
1471:      startThread = hash.substring('comment-form_'.length);  
1472:     } else if (/^c[0-9]+$/.test(hash)) {  
1473:      targetComment = hash.substring(1);  
1474:     }  
1475:     // Configure commenting API:  
1476:     var configJso = {  
1477:      'maxDepth': config.maxThreadDepth  
1478:     };  
1479:     var provider = {  
1480:      'id': config.postId,  
1481:      'data': items,  
1482:      'loadNext': paginator,  
1483:      'hasMore': hasMore,  
1484:      'getMeta': getMeta,  
1485:      'onReply': onReply,  
1486:      'rendered': true,  
1487:      'initComment': targetComment,  
1488:      'initReplyThread': startThread,  
1489:      'config': configJso,  
1490:      'messages': msgs  
1491:     };  
1492:     var render = function() {  
1493:      if (window.goog && window.goog.comments) {  
1494:       var holder = document.getElementById('comment-holder');  
1495:       window.goog.comments.render(holder, provider);  
1496:      }  
1497:     };  
1498:     // render now, or queue to render when library loads:  
1499:     if (window.goog && window.goog.comments) {  
1500:      render();  
1501:     } else {  
1502:      window.goog = window.goog || {};  
1503:      window.goog.comments = window.goog.comments || {};  
1504:      window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];  
1505:      window.goog.comments.loadQueue.push(render);  
1506:     }  
1507:    })();  
1508:  // ]]>  
1509:   </script>  
1510:  </b:includable>  
1511:        <b:includable id='threaded_comments' var='post'>  
1512:   <div class='comments' id='comments'>  
1513:    <a name='comments'/>  
1514:    <h4><data:post.commentLabelFull/>:</h4>  
1515:    <div class='comments-content'>  
1516:     <b:if cond='data:post.embedCommentForm'>  
1517:      <b:include data='post' name='threaded_comment_js'/>  
1518:     </b:if>  
1519:     <div id='comment-holder'>  
1520:       <data:post.commentHtml/>  
1521:     </div>  
1522:    </div>  
1523:    <p class='comment-footer'>  
1524:     <b:if cond='data:post.allowNewComments'>  
1525:      <b:include data='post' name='threaded-comment-form'/>  
1526:     <b:else/>  
1527:      <data:post.noNewCommentsText/>  
1528:     </b:if>  
1529:    </p>  
1530:    <b:if cond='data:showCmtPopup'>  
1531:     <div id='comment-popup'>  
1532:      <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>  
1533:      </iframe>  
1534:     </div>  
1535:    </b:if>  
1536:    <div id='backlinks-container'>  
1537:    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>  
1538:      <b:if cond='data:post.showBacklinks'>  
1539:       <b:include data='post' name='backlinks'/>  
1540:      </b:if>  
1541:    </div>  
1542:    </div>  
1543:   </div>  
1544:  </b:includable>  
1545:       </b:widget>  
1546:      </b:section>  
1547:     </div>  
1548:  <div class='col-340 right'>  
1549:     <div id='sidebar'>  
1550:      <b:section class='sidebarsec' id='sidebarsec' preferred='yes'>  
1551:       <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>  
1552:        <b:includable id='main'>  
1553:    <b:if cond='data:title != &quot;&quot;'>  
1554:     <h2><data:title/></h2>  
1555:    </b:if>  
1556:    <div class='widget-content'>  
1557:    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->  
1558:     <ul>  
1559:      <b:loop values='data:authors' var='i'>  
1560:       <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>  
1561:      </b:loop>  
1562:     </ul>  
1563:    <b:else/> <!-- normal blog profile -->  
1564:     <b:if cond='data:photo.url != &quot;&quot;'>  
1565:      <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>  
1566:     </b:if>  
1567:     <dl class='profile-datablock'>  
1568:      <dt class='profile-data'>  
1569:       <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>  
1570:        <data:displayname/>  
1571:       </a>  
1572:       <b:if cond='data:hasgoogleprofile'>  
1573:        <br/>  
1574:        <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>  
1575:       </b:if>  
1576:      </dt>  
1577:      <b:if cond='data:showlocation == &quot;true&quot;'>  
1578:       <dd class='profile-data'><data:location/></dd>  
1579:      </b:if>  
1580:      <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>  
1581:     </dl>  
1582:     <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>  
1583:    </b:if>  
1584:     <b:include name='quickedit'/>  
1585:    </div>  
1586:   </b:includable>  
1587:       </b:widget>  
1588:       <b:widget id='VideoBar1' locked='false' title='YouTube Channel' type='VideoBar'>  
1589:        <b:includable id='main'>  
1590:   <!-- only display title if it's non-empty -->  
1591:   <b:if cond='data:title != &quot;&quot;'>  
1592:    <h2 class='title'><data:title/></h2>  
1593:   </b:if>  
1594:   <div class='widget-content'>  
1595:    <div expr:id='data:widget.instanceId + &quot;_bar&quot;'>  
1596:     <span class='videoBar-status'>Loading...</span>  
1597:    </div>  
1598:   </div>  
1599:   <b:include name='quickedit'/>  
1600:  </b:includable>  
1601:       </b:widget>  
1602:       <b:widget id='HTML2' locked='false' title='Samples' type='HTML'>  
1603:        <b:includable id='main'>  
1604:   <!-- only display title if it's non-empty -->  
1605:   <b:if cond='data:title != &quot;&quot;'>  
1606:    <h2 class='title'><data:title/></h2>  
1607:   </b:if>  
1608:   <div class='widget-content'>  
1609:    <data:content/>  
1610:   </div>  
1611:   <b:include name='quickedit'/>  
1612:  </b:includable>  
1613:       </b:widget>  
1614:       <b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>  
1615:        <b:includable id='main'>  
1616:  <b:if cond='data:title'><h2><data:title/></h2></b:if>  
1617:   <div class='widget-content'>  
1618:    <ul>  
1619:     <b:loop values='data:links' var='link'>  
1620:      <li><a expr:href='data:link.target'><data:link.name/></a></li>  
1621:     </b:loop>  
1622:    </ul>  
1623:    <b:include name='quickedit'/>  
1624:   </div>  
1625:  </b:includable>  
1626:       </b:widget>  
1627:      </b:section>  
1628:     </div>  
1629:  </div><!-- End col-340 right -->  
1630:  </div><!-- End container -->  
1631:  </div><!-- End main-content -->  
1632:  <div id='footer'>  
1633:  <div class='container footer-divider clearfix'>  
1634:  <div class='categories'>  
1635:  <h4>Resources</h4>       
1636:  <ul class='footer-cat clearfix'>  
1637:  <li><a href='http://pre-flighting.blogspot.com/'>Graphic Design</a></li>  
1638:  <li><a href='http://1001webs.blogspot.com/'>Web Design</a></li>  
1639:  <li><a href='http://1001templates.blogspot.com/'>Web Development</a></li>  
1640:  <li><a href='http://en.wikipedia.org/wiki/XHTML'>XHTML</a></li>  
1641:  <li><a href='http://www.w3.org/Style/CSS/'>CSS</a></li>  
1642:  <li><a href='http://javascript.internet.com/'>JavaScript</a></li>  
1643:  <li><a href='http://www.joomla.org/'>Joomla!</a></li>  
1644:  <li><a href='http://wordpress.org/'>WordPress</a></li>  
1645:  </ul><!-- End footer-cats -->  
1646:  </div><!-- End categories -->  
1647:  <div class='about'>  
1648:  <h4>Copyright Notice</h4>  
1649:  <p class='about-text'>  
1650:  <a href='http://creativecommons.org/licenses/by/3.0' target='_blank'><img alt='Creative Commons License' height='31' src='http://3.bp.blogspot.com/_zS4IuTTavyc/SwofS4SXFyI/AAAAAAAAARE/-4B-_Lh8bg0/s320/creative_commons.png' width='88'/></a>  
1651:  <br/>  
1652:  All content on this website is governed by the Creative Commons <b>Attribution 3.0 Unported</b> License.  
1653:  <br/>  
1654:  In other words, you can distribute, remix, tweak, and build upon this work, even in a commercial manner, as long as you attribute to the original creation by linking back to this website.  
1655:  </p>  
1656:  <p class='deed_links'><a href='http://creativecommons.org/licenses/by/3.0' target='_blank'>View License Deed</a> | <a href='http://creativecommons.org/licenses/by/3.0/legalcode' target='_blank'>View Legal Code</a></p>  
1657:  <p class='copyright'>  
1658:  Copyright &#169; 2014 <a expr:href='data:blog.homepageUrl'>Rafael Martinez-Minuesa</a>  
1659:  </p>  
1660:  </div><!-- End about -->  
1661:  </div><!-- End container -->  
1662:  </div><!-- End footer -->  
1663:  <div id='link-back'>  
1664:  <div class='container clearfix'>  
1665:  <div class='donators'>  
1666:  <a class='smashing' href='http://forum.smashingmagazine.com' target='_blank' title='SmashingMagazine'>SmashingMagazine.com</a>  
1667:  <a class='function' href='http://www.wefunction.com' target='_blank' title='We Function'>WeFunction.com</a>  
1668:  <a class='zonacerebral' href='http://zonacerebral.com' target='_blank' title='Zona Cerebral'>ZonaCerebral.com</a>  
1669:  <a class='rafaelminuesa' href='http://rafael-minuesa.blogspot.com/' target='_blank' title='Rafael Minuesa'>Updated by Rafael Minuesa</a>  
1670:  </div>  
1671:  <!-- End donators -->  
1672:  <a class='rss' href='http://feeds.feedburner.com/Rafael-Minuesa' title='Subscríbe to feed RSS'>Subscríbe</a>  
1673:            </div>  
1674:       </div><!-- End link-back -->  
1675:  </body>  
1676:  </html>