Rafael Minuesa

Pictures of Rafael Minuesa working remotely

2018-08-10T03:06:00.000-07:00

Picture of Rafael Martinez-Minuesa working remotely from Germany

Picture of Rafael Martinez-Minuesa working remotely from Coron, Palawan, Philippines

Picture of Rafael Martinez-Minuesa working remotely from El Nido, Palawan, Philippines

Picture of Rafael Martinez-Minuesa working remotely from Gata de Gorgos, Valencia, España

Picture of Rafael Martinez-Minuesa working remotely from Medellín, Cebu, Filipinas

Picture of Rafael Martinez-Minuesa working remotely from Novaliches, Manila, Filipinas

Picture of Rafael Martinez-Minuesa working remotely from Lapu-Lapu, Cebu, Filipinas

Picture of Rafael Martinez-Minuesa working remotely from Phuket, Thailand

Picture of Rafael Martinez-Minuesa working remotely from Singapore

Picture of Rafael Martinez-Minuesa working remotely from Tay-Tay, Palawan, Philippines

Picture of Rafael Martinez-Minuesa working remotely from Nai Thon, Thailand

Another picture of Rafael Martinez-Minuesa working remotely from Nai Thon, Thailand

Picture of Rafael Martinez-Minuesa working remotely from Songkhla, Thailand

Accessibility

2017-10-22T03:04:00.000-07:00

Accessible Web Design allows people with Visual, Hearing or Motor disabilities to navigate the content of the pages without any constraints, making sure that all Internet users can perceive, understand, navigate, and interact with the Web.

Accessibility Issues

In order to ensure a web page is accessible to any visitor, the following issues must be addressed:

Check for all elements used to format the page text:
- The page must still make sense without using the associated cascading style sheet.
- Increasing the font size to the largest option mustn't make the text unreadable.
- Check the high-contrast settings to make sure that after changing all font and background colors the page is still readable.
- There must exist "Alt" text for every image or multimedia object that conveys content.
Test for linearization:
- Copy all text and paste it into a word processing document to ensure that still makes sense linearized and without graphics.
- Print each page on a black and white printer to see if the absence of color hides any content or creates confusion.
Test the Navigation:
- Test if you can navigate the entire site using only the keyboard.
- Test that the logical tab order for the page follows the page structure.

The foundation of accessible Web design is the concept that all pages must be accessible by just using the keyboard.
Taking this limitation into account, the following issues should be addressed:

Create an interface and navigation scheme that is intuitive and consistent.
If needed, create a logical tab order for the page using the "tabindex" attribute.
Place navigation elements at top and bottom of pages.
Provide methods that permits users to skip repetitive navigation links.
Create keyboard shortcuts using the AccessKeys attribute.

Accessibility Resources

Section 508
Resources for understanding and implementing the requirements that make information technology accessible to people with disabilities.
AWARE
Instructions on how to create accessible web design, written by the HTML Writers Guild.
Bobby
Free web-based program that checks web sites for adherence to international accessibility guidelines and provides specific recommendations to correct access problems.
UIAccess
Resources for developing and implementing universal interface design and usable accessibility.
Usable Web
A collection of links about information architecture, human factors, user interface issues, and usable design specific to the World Wide Web.
Web Accessibility Initiative
Guidelines for accessibility in technology, accessible websites, tools, education, research and development for Internet accessibility from the World Wide Web Consortium (W3C).
Accessible Web
An initiative that aims at making the Internet more accessible to everyone. In English, Español, Français, Italiano and Deutsch.
Web Accessibility In Mind
Articles, resources and tutorials concerning Web Accessibility.
International Center for Disability Resources on the Internet in Spanish and Portuguese
Web Accessibility and Disability Resources - Español / Português.

| | Back to top | |

Cebu ranked Top Emerging Global Outsourcing City

2010-10-15T11:42:00.000-07:00

Cebu has ranked number one in Global Services-Tholons’ Top 50 Emerging Global Outsourcing Cities ranking for 2009, same as last year.

The results of the much-anticipated survey were announced earlier this month. The ranking covers 50 cities globally. The results of the survey reinforce the Philippines’ status as one of the top three outsourcing destinations globally, and Cebu as a major investment destination within the Philippines for the industry.

Coming at 2nd and 3rd are China’s biggest cities, Shanghai and Beijing, while Krakow, Poland, and Ho Chi Minh Vietnam ranked 4th and 5th respectively. The top 50 list is dominated by mostly South American and East European cities.

View the report in PDF format:
http://www.tholons.com/Top50_article.pdf

Cebu is one of the most developed provinces in the Philippines, with Cebu City as the main center of commerce, trade, education and industry in the Visayas.

Cebu City is a commercial center whose main industries include copper mining, fishing and aquaculture, farming and agriculture, shipbuilding, steel and cement. In addition to University of San Carlos, major universities in Cebu City include Southwestern University, the University of the Visayas, Cebu Doctors' University, the University of the Southern Philippines, and the University of San Jose - Recoletos.

The harbor of Cebu City is an international port with ocean-going vessels and domestic ships and five inter-island shipping companies, providing access to all other major islands of the Philippines. Cebu's international airport has daily flights to Manila and other domestic and international destinations. Its location combined with a sheltered deep water harbor has made Cebu City the base for most of the country's domestic shipping and the gateway to the central and southern Philippines.

The United Kingdom based Condé Nast Traveler Magazine named Cebu the seventh best island destination in the Indian Ocean-Asia region in 2007^, eighth best Asian-Pacific island destination in 2005, seventh in 2004 and fourth in 2009.

Life In The Blue

2009-09-22T00:29:00.000-07:00

The Life in the Blue collection portrays a remarkable array of underwater species in their most natural habitat.

Filmed with the striking visual artistry of a feature film or advert, with perfect composition and lighting, all while keeping the animals unaware of the camera's presence.

Shot in pristine, detail-rich high definition 1080i, the footage spans the globe, from the frigid waters of Norway to tropical ocean seas. Subjects include the venomous fish in Papua New Guinea, great white sharks in South Africa and giant mantas in Mexico, plus whales and hundreds of other rarely seen creatures.

More at www.bbcmotiongallery.com

Blogger Template: Social Magazeen

2009-02-06T00:21:00.000-08:00

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH6h-n8tv7S3llJ9NCtBTor1PRonipiU3iNsgK9rIfxXgzSslg753OoOz5rxb6Ok5qk17FPGt0IpLYsi4RzYvgh-g4gBMF1kyceivX3-axohWY9ecVVeU-0erNJoNG0h0-PcMZ-v-BF7Q/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlwOJfRNwuq0RRDshEN-_OD52SGaLNZcc_jqg-UenpSjhmxA16cnnVA4szEp5r5w3EBeH5lYSIpPDQpJcY78h8RH_w2Rg3tQmWItKDdliMVrP93dW0X9I2W92FIbvsX6pI7ucl1rvV1cQ/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0RjjeG1dm7DEmObEAhvLEwJs33Juzqk14D6ESkK5FSE1kRoZUwQbphZTzOP3xBgoRZToshUpQc1WbexTPUx614XAneTxUeqg0L3RnBaGW10NueeLHlZwrfhVfzgSHSPGVRbiOaBwYIiU/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLiGBorCiUzNEbj-aihZMlPF5Q7z5kWtU8-DkP8chGrzjQ5jeSDXvC-Lrq1OVU0k0z-xuhmFfMTfOcFqB-qoooBwm_3vsPECU1QQjBr2-9SbX3sCyZ5xwiCI-7VjE2BmFEc-y8HAehA2s/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiUkeZ-7wxyJjLwyGviLC-V4ayo-D4izqa_4ohkP3IJqHfE2L8PXCmgtOiRDohIjMRElxc_WgMH5q3UjPZ6BoFMjSRC3ZkcC3X-XIvp9poMGPOXIElcEZ5_Lo4s7oZY5tH0yI9DFZ7G70/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPDTO5NcqXmwb50VFCKsEFmBEDZybMK2CmrogAn-L1Cy3ZM389XoVXQoxqg9JejI4P1wIi9rRn43KFh2hssv4qY5QYy7DIz25Ja94ZxsDixfWeZYdIsU7JqYLhP8xftMQ_sMyLBNt6Uc/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJeahq9uIpAbvzt87H4gx-PZRBxtp-eF5sjm88jvk0J-M6_VfBAiGS3jd7eDgDwFDhZ6G3q0isF1nlhMujDxSMaNfUr_h0kbY8do3MuFHzJ4w2izi_szSmVAirLTxSVg8H-pA5HThQ5hg/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHNLsG8t74mFzOOBsA80YsVI0oELY7rDWJZ9YiJCd5icrxwHDK8PoH8D0u79IkyB3wcx353sYM2PrRQFe6xIAcoZRZDgGCeJ2Q3cdaGR1CrORq452XRTEiNwsfD7hOJ17p8JNVcfL_mvA/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYQ7V35gGkP-5xKVykyoGvOdLssVTcDPbWZwiO0rzodSeqGLD-ZAKhjf6G40hXapwRZ83PGUmIt_ykZcjzIxvcauLTSxLNg0T4fTFnIL3EB2Bg-2zPPtCyLWYdlQTWdrYN7BjRFbkENbI/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyN2ZtUG1Hw9t-OMxV2J6a7ayNmfUXRqOSD7jFik2OANMUx9YvZ5EaPjCdl_zr-ItM0GzKlz7R5CBBYmlrpZUfo2apPGcpIzmPh_hZQXV8zHng_d_mQTnSLSnMIFUizyM004x2z57n4Qw/s1600/dock.gif) repeat-x bottom center;  
426:  border-bottom:1px solid #fbf9fa;  
427:  }  
428:  .dock-back {  
429:  padding:20px 0;  
430:  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeok6TN6q1B1_mVdmnmwplBdLl4hhaDQ7I_yh0CQ4Kn5RYChvgdGW-JYFjYf7Qe2GIlf6vhhm_GJkysoIXx2a7WjN9_6x_Qi4V8MIcMoN55Jh8OIOTNDWqfQQJ7HPtW5dfK1VDJunc2mA/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fZuRFdMWGop0iT2PPEq1zll2_KCWxgw3onwGMBUg8SDE-otOhnudOJHbC7iqnQNl0uAZxayA4xRGQOsTdo0OKx82LtC3desPeydaCdSz9Bqe1umQcGHvfBw-ISN9JHUTClxqYa7fbBY/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJE-tUCvhkF_NNhpjVGFpYPlDTtn4W76qkyV7ZExdl3E_k8x8NeGGUf1hf99_1DN7TKJp8s2mkaUttOSN77hGF0N31H9eV7IfXoNLhvrWOkwwDN3of35e-tyhCVE77l7zjgpqu3WgXKM/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSSX0_8817b8cMqb5ngH5r5qGaQlc5jAoH-KAfxKUrj-HGohnqSdYTKuPdCV2gxlux3jDuKSvCvgcM25hcKYdzTu89SUmLrqEmKCHdHlTPnL2D9djY-IJrZfkLJv7SOhuo38CTZjJicw4/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil1u_9hR7cePizcrHaNyZfFBDbVsT6U433b_bb9s4awgIUg4b_gCLgFGZ8VYWfTcbO6Y54f9KQ1ou-sIfd2vS0vE3y04gRuNEEeV3Xbh3RCAdi5boH4XYIp_lDC2SRO4yUx3Kdak_JuVE/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMe-OQNSqhgOSUeQaokn0pKF1KyYwHKCaFxn02bmAxV1Pyzwkph6GVfkG8gkI9uzU52eaOMKMh6C_q6km1peYs8xQ5xB2quyhImp4gHL5Ewd7YZ89bWKc2F6TMj2QXB23m2BNdO8srEcE/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG9ABUn2tbyVZZNFxeAzWLf9ArNQf1Q9AvbiQ3TRfgcbX1_C_A9hlnhc58oEP0c-Ar54NQV9wSwuVAS_BrTIsyyM-0bWNdcdsxFRZ2qjC5_SpYFgbY8S0quudf4Y-YQdgfNeCHHIEh6R8/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUU2lwOITXh-Eec0pgVpb6A32Tk6llKuq0e82xMUi5dR-X7TMiQPhC5QAa9fZRDUTgzhqe0awZ2JMrjNSAeh-PBI2yseRIzLDJNHPGjysA-56gschxGWQ53FJDkYFACG6xADqCD7jAXOE/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9dlkbQifrNUQ-Wq6cVQdIbdHDszn4On8ClSxNRgiQdtgv7TsvX9t7Rz2YUcWf-Cj2IT-_pMWBUzNDli-Uqag9H7gcdOM1US4DpfH85DFuTvt9zZIp8N06gZIpWRJEVPqghCbRrTX7S68/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUyAKxC9Q1iEOb9dDg4D4SLU3Ms_YzfPxXfahVEzE1hGfPOc1uxFSYpo9dTaUr2plzOzRX3ir6GT8o60TJNzGYNPqRUaezPo9Sj3V6VcZEPIKp_yc8b9mmjZERwjpQGujEn0IK7cblptE/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSw97Bl5PjYTJmt_pUJ6tVjFM1n73Q5QAphhHzg3RPISS4Z_DmNGiX-gYILVec65t9BQwoVUle1-YUaRWHaT_oBL1NbOv_GmYQfAMNWfJJmqh8owWx_U_Hg4QfgTmhvbwzXuVBZ-g28uY/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5BUqJnu_rYRaZ5B9zJyeH4hp8bGbbOfsUUUYRI-CEzO0P06rWX-fYTtpNmuwHIi5t3V3IzWu8U_Gjw2MFwmR1cQqz8wv0bt9FiJHYG0gh3fzxFEP8Z9vrYYH7Uvl1wDR18-UDIpyGDzs/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcX-OH-E_gwr_gzaeUO0shdBX98iQtsp1hELsGhDz9oYemAGBKFh9oLVjrZUzI3_Q6tVEi0BVuhH4rXNxTKH_S0I4yQ1Z0kcsgJyzcPzB7Wl-pZWtiS7Qd4Efy2VvRttr2V68f7IMhzd0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvIzqCJ2XiPuuj8UIeEUyS1Jg9XhIwGVjq4aaAO1uMHFSHe1-_tZThs6VBfpmPGGcSEDv5tScNw60h61hOixdrH9veLdZfRqj9HRNokbBLr-bVvjhMJRw4htqX-Pn0D5PWPs4IZoapv8/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5h40SF-FEwBqR2kE2QIe5rstHHNs-Ds79GUKnAjyMkgImwAgGvL6PBrQRIMAhrMv40FnG5nTgOJSKRVI-68tjmdPQ3KSOLaAPYlRbhfvY5CF3m99iMXiHLfYF_syzcH4Yh4Mr2WIVJTo/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifNdXlCdZyd3JgwSPlQpShow1kuWC7_pWjiV-VyjkvFauDSko1SEnHllryNgu2n6rq539MZnh4fytgpbLVeWJaU3GuTiXBgXbdQpDUxvQ74pFRNoHIc6sN0s93FTr-1Zut1WHYqaCgzig/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAPJNPh40qi8tss-VroAwLlRUE7qzXQFvj-N7r-AYOOpfCutYuFcOXX_CI05sfU4xgTe5w5xFiA9qjWLx7vw_gm1hlbCrcKDZEfhdEFj_47dUKdRYgkhy9hTvf20GvXdBBNX0oUZ09e94/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuNiS5O5sdru0YyMYluHfaKP1Wxr9P3x_8BmmBGSpjI0BIn4IMTrzpyXeAoaN-nxSzz5athBRfF37VgsQhYIGRG_rvPgjiK35FNHGgvvrDKBRe4QlqmESi-XJOoXJH1zlDEgIhXeeQSV4/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR4iNt6eB3pGYexofWgtPVfbsnmFK-rPF_8iDmE8bAP5zqIaaxNIVx0mjG1C-hbxqB0jZjOansZm8lt61yGBL19b2HbCnfQJYG5xC1guwszFPe0T-Gq9iTAw006W56GEBtvCJZpqHUl8o/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL0WVWBZV1oHJNSxIc-zwfra5NotOMJsg-VvXMl7afmG4GzsZOsh1JzpJiwD8AuB48wEvn4SK4t5Vin8craEPhuauN3ejuOSSDLji_6K01-gHhmAT8ulpOd6GpKHoD3YGljZDEZklLpLw/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihlLP6SErAPK5xmI1VP3sFJbvBLiCD9uDToFt0JF5XaJikwYF3l9G0lMLalx_3MAuX66GRU7JT6s0ONJyFRbR_9ehAwueBN4NIi_1Ja5p8DuFnyQlnZkkMbl3knnK0h04Vi_fuOtN4SIo/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ODkntMOGIOHdkTx9pUri3UZUcHcyHbPmAutldtgKFORhdts4bJHMP7BRUe1ihhXuDwFbdPNrroCJlUjndc2lgbynkz1Hqvbmc2tqKxqJTHlzhwc7JUMc1dWQBAJLEryPz78i6VBpeyI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhta_b4u3ATnQOK-2udcR9-za1p9E3k0TwtPQrKd4caCYgpsXPbQie-SCxo2zgFeNmPxOTgHkDTV-5vKWSxOAu9jOeYYjAG4M3hzpG9YRZ94YWO4wi-C2KTq4_inbJrGNtrKNCWIsZynqI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRcG6WdmDr5ufb54hGhudPFxHd1xi9ZoxEhl2d-XpJS_inYgcZZ533dFE2PUmuke2XnCcamKlxYEcggU1GFGrngAitdSapRlduBG2GEmUceveKQY2ErKhR4ME2xraRloQ2jEPLf7obV-4/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRhMdisbeq0PPuOZ65ywHqwZseiMhpRhRRYhGbVuPDY8-Xu02SWeZAQRAUyJs-S02i-LmfE7xE40D0Ebmx6oUTwLUdqF4YM46OPaOhOoNy5rxx2i-VJx2Dvhu1WHCEVC8vum4ZiiiqiFw/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUrj_YPz1hLN9bnZPtlvID_hiU8wBN4VcaKmtFDvDJhdG2Wc2lV5YoHpUM2-uVhgk1Zz5a3Xnx9S1wsfqywt2GfpGft6DPPmhSoORJPajT_V_DD7jul4EC0Pb6j1oGyfq9PnGPNDHPHlg/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>

Logos

2008-12-06T00:03:00.000-08:00

Social Media Buttons

2007-11-22T14:05:00.000-08:00

Artist's Comments

Social.me is an icon set consisting of 30 individual icons of the popular social networks/Web 2.0 sites out there.

The icons are iPhone-inspired and is based on the template provided by Tim (www.lostpixel.com) @ MacThemes Forum.
The sites that are included in this release are:

Blogger
Delicious
Digg
eBay
Facebook
flickr
FriendFeed
Friendster
furl
Google
last.fm
LinkedIn
Livejournal
Ma.gnolia
Mixx
MySpace
NetVibes
NewsVine
Picasa Web Albums
Pownce
Reddit
StumbleUpon
Technorati
Twitter
Vimeo
Webshots
Wordpress
Yelp
Youtube

SolPrint

1995-04-03T05:22:00.000-07:00

A company specialized in Graphic Design and pre-press operations with in-house image-setters and printers. Publisher of several full-color magazines in the Costa del Sol.

I arrived there to install pre-pess machinery purchased from SisGraf, and ended up working for the company, operating the image setters and doing graphic design, photo retouching, impositions and diverse pre-press operations.

Calle Archidona, 56, Polígono Industrial la Vega, 29651 Mijas, Málaga, Spain

Offo

1994-08-26T05:14:00.000-07:00

A traditional family printer specialized in Art books and reproductions. My family's in fact.

Mask created the design for a number of brochures, magazines, annual reports, stationery, etc. and collaborated on the training of the staff in new pre-press tecnologies. A clash between old and new printing methodologies.

Calle los Mesejo, 23, 28007 Madrid, Spain

SisGraf

1994-08-26T05:06:00.000-07:00

Distributor of pre-press equipment (image-setters, scanners, computers, software) from Agfa, Apple, Silicon Graphics, Adobe, Aldus, Quark, etc.

As a company Mask collaborated closely with SisGraf in the installation and maintenance of medium and large size pre-press equipment for deployment in design agencies, printers, pre-press shops, etc. plus helped training their staff.

Calle Juan de Juanes, 13, 28007 Madrid, Spain

Economic Data

1993-04-05T04:23:00.000-07:00

A company based in Madrid that commercialized the Dr Solomon's Antivirus Toolkit and other data security products for virus control, personal firewall, encryption, risk analysis, data recovery, etc. for Spanish-speaking countries.

Creation of brochures, manuals, stationery, and some technical translations.

Calle Ponzano, 39, 28003 Madrid, Spain

Guía del Ocio

1992-09-01T04:02:00.000-07:00

Weekly Madrid printed Guide with sections for hotels, restaurants, cinemas, etc, and a supplement in English sponsored by TimeOut magazine.

Our company provided page layout and scanning services, retrieving content from many different sources to put together a weekly 64-pages magazine.

Calle de Alcalá, 96, 28009 Madrid, Spain

Sociedad General de Autores y Editores

1992-07-01T04:14:00.000-07:00

Spanish Association of Authors and Editors whose mission consists of protecting the copyrights of its members.

This was Mask's most important client, and we worked on the creation of a number of color magazines and brochures, covers for vinyl records and CDs, annual reports, and all kinds of stationery.

Calle Fernando VI, 4, 28004 Madrid, Spain

Mask S.L.

1992-01-01T03:46:00.000-08:00

After popular clients' requests I co-founded a Graphic Design company together with an ex-coworker. It lasted over two years and I had to close it down when I moved South of Spain to the Costa del Sol.

Specialized in Graphic Design and pre-press work, although we also produced multimedia presentations and provided some technical translation services.

Calle de Alcalá, 118, 28009 Madrid, Spain

FotoComposer

1991-09-01T03:36:00.000-07:00

Direct competitor of Click Art. They made me an offer I couldn't really refuse and I was hired to supervise all the pre-press production (scanners, image-setters, etc).

It also hosted a certified Apple Center (Redio S.A.) where I did some equipment sales and consultancy work.

Calle Santa Brígida, 4, 28004 Madrid, Spain

Click Art

1991-06-02T03:32:00.000-07:00

My first job in the Graphic Arts industry that involved the use of computers (mostly Macs) used for scanning, retouching and image setting.

I operated an Optronics ColorGetter scanner, optimized the images on a Macintosh and produced CMYK color separations on an image setter.

Paseo Castellana, 214, 28046 Madrid, Spain

ADEA

1989-04-05T03:28:00.000-07:00

Import-Export company based in Hong-Kong, where I prepared the packaging design and translated the manuals of products manufactured in Asia and bound for Western markets.

141 Hennessy Road, Wan Chai, Hong Kong

Focomsa

1982-02-11T03:20:00.000-08:00

My first job in the Graphic Arts industry involved pasting down galleys coming out of a typesetter onto pre-formatted layout boards on a light table by hand.

Calle Amparo, 28, 28012 Madrid, Spain