Rafael Minuesa

2009-10-17T03:26:00.000-07:00

Objective Statement

Experienced Web Designer with an extensive background in Graphic Design, Web Design, and Web Development, seeking challenging assignments in enterprises where I can contribute my skills and experience, adding value and developing quality products.

I am very passionate about my work and I believe success always comes when preparation meets opportunity. My first working experience with computers dates back to 1989, and since then I have acquired a high level of expertise over the years in all areas related to computer assisted graphic design, web-oriented coding and a wide range of Internet-based technologies.

Working with computers for over 20 years on different areas, such as advertising, printing, Internet, multimedia, TV, Film, etc., and in several countries around the world, has provided me with an extreme adaptability when facing new tasks, be it as a designer, a software developer, or leading a team of professionals.

Currently spending long periods of time in Asia, where I manage several outsourcing teams, mainly based in Singapore, top financial and technological hub in South East Asia, and Cebu City, number one of the Top 50 Emerging Global Outsourcing Cities for two consecutive years, 2008 and 2009.

Education

Bilingual education: Primary and Secondary School in Spain and College in Australia, where I studied Graphic Design at the Commercial Arts College.
Although most of what I know about Web Design and the Internet has been acquired through hands-on work assignments, I have also enrolled on a variety of courses in order to keep myself up-to-date, specially on software development and web-oriented programming.

[ More ... ]

Languages

Bilingual in Spanish and English, both spoken and written.
Translations from Portuguese, French and Italian.
Translation and localization of websites in several languages.

[ More ... ]

Skills

Highly knowledgeable of most professional and popular software used for Web Design/Development, DTP (Desktop Publishing) and Multimedia (Audio/Video).
Development of customized web applications and interactive systems using the latest technologies (TCP/IP, HTML, XHTML, CSS, JavaScript, DHTML, AJAX, SQL, PHP, etc.)

[ More ... ]

Experience

Over 20 years of hands-on experience working for Advertising Agencies and Printing Shops, and more than 12 years involved in Web Design and Development.
I have also worked in different positions for TV stations, Film companies and Multimedia providers from all over the world.

[ More ... ]

Samples

Over many years I've built a very large and varied portfolio.
Samples of my work range from interactive content management systems, to full color magazines or multimedia presentations.

[ More ... ]

Interests

Strangely enough, I have always loved my work. Nowadays, both my working and personal life are closely tied to the Internet.
Very interested on all kinds of cultural activities, specially cinema and music.
I practice several sports, specially water-sports. Sailing is one of my biggest passions.

[ More ... ]

Accessibility

2009-10-17T03: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.

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).
Web Accessibility In Mind
Articles, resources and tutorials concerning Web Accessibility.
International Center for Disability Resources on the Internet
Web Accessibility and Disability Resources in Spanish and Portuguese

| | Back to top | |

Education

2009-10-17T03:02:00.002-07:00

2005 - 2008: Online Courses at W3 Schools

(www.w3schools.com)

HTML
- HTML
- XHTML
- CSS
- TCP/IP
XML
- XML
- XSL
- XSLT
- XPath
- SOAP
- RDF
- RSS
- WAP
- Web Services
Browser Scripting
- JavaScript
- DHTML
- AJAX
- XPath
- WMLScript
Server Scripting
- SQL
- PHP
Web Building
- Domain Registrations
- Web Hosting
- Web Quality
- Validation
- Semantics

1993 - 1994: Pre-Press technical courses at SysGraf & Agfa, Madrid, Spain

(www.agfa.es)

Digital Pre-Press
- Scanning
- Retouching
- Imposition
- Proofreading
- Reprographics
- Platemaking
- Digital Printing

1985 - 1986: Graphic Design at the Commercial Arts Training College, Sydney, Australia

(www.catc.nsw.edu.au)

Digital Pre-Press
- Drawing
- Color Analysis
- Typography and Layout
- 2D Design
- Finished Art
- Packaging Design
- Corporate Design
- Printing Processes

1981 - 1982: "Comunicacion Audiovisual" at the Facultad de Ciencias de la Informacion, Madrid, Spain

(www.ucm.es)

Tecnologia Audiovisual
- Espectro electromagnetico
- Television
- Video
- Camaras
- Magnetoscopios
- Sistemas ENG
- Grabacion
- Sonido
- Edicion Electronica

| | Back to top | |

Experience

2009-10-17T03:02:00.000-07:00

- 2009: Bigfoot Entertainment

(www.bigfoot.com)

Web Developer/Designer
- Content Management Systems Integration
- Research new Technologies
- PHP-MySQL
- e-commerce / Online Payment Systems
- SEO
- Apache HTTP Server

- 2009: proCreative

(www.procreative.us)

Web/Software Developer
- Customized Content Management Systems
- Web Applications
- PHP-MySQL
- Ruby on Rails frameworks
- SEO
- Apache HTTP Server

2008 - 2009: Xuenn

(www.xuenn.com)

UI Software Developer/Designer
- Create Prototypes
- Research new Technologies
- Expression Blend
- WPF, XAML, C#
- Write API Documentation
- Write Functional Specifications

- 2008: Sportingbet

(www.sportingbet.com)

Senior Web Designer
- Web Design
- Content Management
- Newsletters
- Promotion
- Translations
- SEO

2005 - 2008: 1001webs.net

(www.1001webs.net)

Web Designer and Developer - Management
- Domain Registrations
- Web Hosting
- Web Design
- SEO
- PHP-MySQL
- CPanel

2007 - 2008: Gadget Inspector

(www.gadgetinspector.net)

Web Designer and Developer - Content Management
- Web Design
- PHP-MySQL
- Drupal
- Blogs
- Creative Writing (English)
- SEO

2005 - 2007: Recien Molido

(www.recienmolido.com)

Web Designer and Developer - Creation of Printed Magazine
- Web Design
- PHP-MySQL
- WordPress
- Content Management
- Creative Writing (Spanish)
- SEO
- Graphic Design
- Pre-Press

2003 - 2004: amedpro

(www.amedpro.net)

Graphic / Web Designer - Brand creation & Corporate Identity
- Graphic Design
- Brand Conception
- Corporate Style Guide Manuals
- Stationery
- Printing
- Web Design
- SEO

2002 - 2003: Guia Marbella

(www.guiamarbella.com)

Web Designer - Graphic Designer & Pre-Press Operations
- Graphic Design
- Brochure and Magazines
- Logo Design
- Copy Writing (Spanish)
- Pre-Press
- Web Design

Additional References can be seen at:

Web Design References (not updated)

Graphic Design References (not updated)

| | Back to top | |

Interests

2009-10-17T03:01:00.000-07:00

At the present time my goal is to integrate in a working environment where I can apply my skills and experience and to settle down permanently in a place that fulfills my expectations.
I have no family ties of any kind and that circumstance has allowed me in the past to travel and live in different countries and learn about other people and their cultures.
I have lived and worked in Spain, UK, France, USA, Mexico, Brazil, Australia, China, Hong-Kong, Singapore, Indonesia, Thailand, Philippines and several Pacific Islands.
I have also visited many other countries around the world, but just as a tourist.

Community Builder

Today, both my working and personal life are closely tied to the Internet.
Besides my work as a Web Designer, in my free time I have also created a number of online communities, mostly dealing with cultural and environmental issues.

Guinea Ecuatorial (groups.google.com/group/guineaecuatorial)
A News Group for the people of Guinea Ecuatorial in Africa.
Grupo Gavilan (grupogavilan.blogspot.com)
A Blog run by people committed to the protection of the environment dedicated to the biggest Natural Reserve in the Costa del Sol, in Spain.
Kiribati (groups.google.com/group/kiribati)
A News Group composed by residents and members of the Government of Kiribati, dealing with the effects of global warming on Kiribati and several other Pacific Islands.
Relaciones sin Fronteras (groups.google.com/group/relacionessinfronteras)
A Google community with over 600 members from every Spanish-speaking country in the world.
Semanario de Filipinas (semanario-filipinas.blogspot.com)
A weekly on-line Spanish news portal for the Philippines

Audio and Video

I have been involved in Audio & Video productions since the 1980's, working for several TV stations, Advertising agencies and Film companies.
I've worked as a secondary actor, dubbing actor, cameraman, offline editor, producer and director.
Extensive knowledge of computer-based video equipment and multimedia software such as Flash, Adobe Premiere, Macromedia Director, ProTools, Scala, PowerPoint, ULead Media Studio, etc.

Flash presentation for MicroLink (www.geocities.com/microlink_estepona)
Promotional Video for United Tribes (video.google.com)

Additional Audio and Video Samples with References can be seen at:

My old website (not updated)

Sailing

Sailing is one of my biggest passions.
Since I was a kid I have been on board of sailing boats either on leisure trips or by participating in sailing races off the Spanish coast.
During the 1980's I was part of the crew on several sailboats, crossing the South Pacific (Hawaii, Kiribati, Samoa, Fiji, Tonga, etc.) and parts of South East Asia and Australia.
In 1994 I completely restored and customized an Etap sailboat, with which I sailed the Mediterranean during 4 years.

I currently maintain a Blog about Sailing Gadgets and accessories:
(gadgetsailinginspector.blogspot.com)

Additional Information can be seen at:

My old website (not updated)

| | Back to top | |

Languages

2009-10-17T02:50:00.000-07:00

Experience

Translator and interpreter for translation agencies, import-export companies and language centers in different countries all over the world (Spain, UK, USA, Australia, China, Indonesia, Thailand, etc).
Fluent in spoken Spanish and English.
Able to speak and understand French, Portuguese and Italian.
Some basic knowledge of Malay and Chinese.
Translation and Interpretation from English to Spanish and from Spanish to English.
Translation of written documents from French, Italian and Portuguese to English and Spanish.
Specialized in translation of technical and computer related publications.
I have created and maintain a number of blogs dealing with electronic gadgets and hardware and software products.
Translation of software applications and localization of all their components (menus, windows, dialog boxes, error messages, etc).
Ability to work in a programming environment with source code editors, resource files, and software compilers.

Skills

Catalyst (http://www.alchemysoftware.ie)

Deja Vu (www.atril.com)

FrameMaker (www.adobe.com/products/framemaker)

SDL Trados (www.trados.com)

Systran (www.systran.co.uk)

I strongly object to the use of machine translation software because even though it might appear to be a cheaper alternative than a human translator, the results provided by these programs are far from accurate and it only makes clear that the translator has little knowledge of any of the languages.

Samples

Lately, I've been focusing in website translation and localization, which involves the translation of both visible content and XHTML code (Meta Tags, Alt Tags, etc.) in web pages.
It requires also the adaptation of all the scripting components, both client-based or processed by the server (JavaScript, Active Server Pages, PHP, Perl, Databases, etc.).

At the present time, I also maintain a multilingual Internet Service Provider portal that provides customized Content Management Systems in 10 different languages:

English Version

French Version

German Version

Portuguese Version

Spanish Version

Additional Information and Samples can be seen at:

Translation Samples (not updated)

| | Back to top | |

Samples

2009-10-17T02:49:00.000-07:00

International Film School

International Academy of Film and Television

Los Angeles Film School

Singapore Film School

Bigfoot Films Hong Kong

IAFT's YouTube Channel

International media company

Bigfoot Entertainment

Bigfoot Studios

Bigfoot Films

Bigfoot Partners

Bigfoot Foundation

IT outsourcing company

proCreative Services Network

Graphic Design

Multimedia

Web Design and Development

Software Development

Multilingual Internet Services Provider

1001webs

English Version

French Version

German Version

Portuguese Version

Spanish Version

Electronic Gadgets Blogs

The Gadget Inspector

Audio Gadgets

Games Gadgets

Green Gadgets

Sailing Gadgets

Video Gadgets

Medical Websites

Medical Templates

Chiropractic Center

Laser Therapy

InPEC Clinical

Medical Gadgets

Medicina Humanista

Ozone Therapy

Content Management Systems

PHP/MySQL based CMSs

Drupal

Joomla

MediaWiki

phpBB

WordPress

More websites can be seen in the slideshow below

Click on each of the screenshots to view a larger image

Additional Graphic and Web Design Samples can be seen at:

1001 Templates (CMS Templates)

MagiKomputer (software reviews blog)

A Developer's Collection of Web Resources (web development blog)

Web Design Samples (not updated)

This website in itself is an example of XHTML/CSS coding, although limited by Blogger's framework.
If you like the template and want to use it for your own Blogger website, you can grab the code HERE free of charge.

| | Back to top | |

Skills

2009-10-17T02:46:00.000-07:00

Graphic Design

Adobe Acrobat (www.adobe.com/products/acrobat)

Pre-Press Layout and Imposition
Web Integration
File Archiving and Sharing

Adobe InDesign (www.adobe.com/products/indesign)

Layout
Graphic Design
Pre-Press
Editorial Workflow

Adobe Flash (www.adobe.com/products/flash)

2D & 3D Animations
ActionScript
Video Output
Web Output & Integration

Adobe Illustrator (www.adobe.com/products/illustrator)

Vector Editing
Illustration
Painting
Logo Creation
Advanced Typography

Adobe Photoshop (www.adobe.com/products/photoshop)

Painting and Drawing
Layer Compositing
Color Correction
Retouching
CMYK Preparation
Web Preparation

Quark XPress (www.quark.com)

Layout
Graphic Design
Pre-Press
Editorial Workflow

Web Design

Adobe Dreamweaver (www.adobe.com/products/dreamweaver)

Web Design
Web Development
HTML, XHTML, CSS, XML
JavaScript, ASP, PHP

Notepad++ (notepad-plus.sourceforge.net)

Hand Coding

Web Development

PHP (www.php.net)

Server-side Web Development
Content Management Systems
Database Connections
Session Handling

MySQL (www.mysql.com)

Database Design
Database Development
Database Deployment
Database Publishing

FileMaker (www.filemaker.com)

Database Sharing
Web Integration
Web Publishing

Web Hosting

cPanel (www.cpanel.net)

Management & Administration of web servers
Domain Names Registrations
Client/Reseller Accounts
Multi-Level Help Desk

Plesk (www.parallels.com)

Management & Administration of web servers
Domain Names Registrations
Client/Reseller Accounts
Multi-Level Help Desk

phpCOIN (phpcoin.com)

Content Management
Order Processing
Client/Reseller Accounts
Invoice system

SEO

Web CEO (www.webceo.com)

On-page Optimization
Keyword Research
Submission Tools
PPC Manager

IBP (www.ibusinesspromoter.com)

Keyword Analysis Research
Off-page Optimization
Website Promotion
Traffic Analysis

WebSite Auditor (www.link-assistant.com)

HTML optimization
Keyword Density Analysis
PPC Marketing
Optimization Reports

Software Development

PHP Software Development (www.php.net)

PHP-MySQL Content Management Systems
Web-based Multimedia Applications
Workflow Management Systems
Customer Relationship Management Software

Expression Blend (www.microsoft.com)

Windows Applications Development (WPF)
Web Development (ASP, Silverlight)
Integration with Visual Studio (XAML)
3D Authoring

Content Management Systems:

Drupal (Info)
Joomla (Info)
MediaWiki (Info)
Open-Realty (Info)
Zen Cart (Info)
phpBB (Info)
WordPress (Info)

| | Back to top | |

Cebu ranked Top Emerging Global Outsourcing City

2009-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.

New Blog Entry

2009-09-25T21:15:00.000-07:00

The Future begins here
J7SB3B4VNPCG

Life In The Blue

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

Blogger Template: Social Magazeen

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

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<meta content='9f1e1HLWev7oZlsfKhAylUop150' type=''/>
<meta content='3132bddc2f5d7b61970a428db4817810' name='verify_w'/>
<b:skin><![CDATA[

/*
-----------------------------------------------
Blogger Template Style
Name: Social Magazeen
Designer: WeFunction
URL: wefunction.com / zonacerebral.com / http://rafael-minuesa.blogspot.com/
Date: 01 Dec 2009
Updated by: Zona Cerebral / Rafael Minuesa
----------------------------------------------- */

.samples {
float:left;
margin-right:10px;
}

#navbar-iframe {
display:block;
}

/* TABLA DE CONTENIDOS

00 - Elementos globales - Elementos estandar
01 - Tipografia - Todas las fuentes del sitio
02 - Estructura - Columnas, clearfix, etc.
03 - Header - Header, Logo, navegacion, buscador.
04 - Posts destacados - Articulos con imagenes en jQuery.
05 - Contenido principal - Post boxes, post meta, etc.
06 - Sidebar - Elementos del sidebar.
07 - Perfil - Diseno del perfil de Blogger.
08 - Footer - Categorias, Acerca de, Copyright, Sponsors.

/* ----------------------------------------------*/

/* 00 - GLOBAL
/* ----------------------------------------------*/

body {
margin:0; padding:0;
width:auto; height:auto;
background:#e0edf3;
font:0.8em Arial, Helvetica, sans-serif; color:#5e6568;
line-height:19px;
}

code {
margin:0; padding:0;
width:80%; height:auto;
font:1.17em Georgia, "Times New Roman", Times, serif; color:#0f8eb3;
}

pre {
margin:0 auto; padding:5px 20px;
background:#f4f1ec url(images/code.gif) repeat;
border:1px solid #bbced7;
font:0.92em Georgia, "Times New Roman", Times, serif; color:#3e3e3e;
line-height:200%;
}

blockquote {
margin:0 auto; padding:5px 20px;
width:80%; height:auto;
background:#f8fbfc url(http://2.bp.blogspot.com/_XByc9SCisZM/SbgTL8KEgHI/AAAAAAAABVE/oPcS2bzOSRQ/s1600/blockquote.gif) no-repeat top left; border:1px solid #edeff0;
}

img {
margin:0; padding:0;
border:0;
}

ins {
color:#009999;
}

del {
color:#990000;
}

/* 01 - FONTS
/* ----------------------------------------------*/

h1 {
margin:-10px 0 0 0; padding:0;
font:bold 3.53em Verdana, Arial, Helvetica, sans-serif; color:#fefefe;
position:relative; display:block;
}

.post-body h1 {
margin:10px 0; padding:0;
font:bold 2.50em Arial, Helvetica, sans-serif; color:#53798b;
}

h1 a:link, h1 a:active, h1 a:visited {
color:#fefefe;
outline:0;
}

h1 a:hover {
color:#d7d7d7;
}

h1 span {
margin:10px 0 0 0;
background:url(http://4.bp.blogspot.com/_XByc9SCisZM/Sbg8Am2v3lI/AAAAAAAABY8/5Lw1Kp2qGlA/s1600/gradient.png) repeat-x;
width:100%; height:20px;
position:absolute; display:block;
}

h2 {
margin:0; padding:0;
font:1.2em Verdana, Arial, Helvetica, sans-serif; color:#b9b9b9;
}

.post-body h2 {
margin:10px 0; padding:0;
font:bold 2.00em Arial, Helvetica, sans-serif; color:#53798b;
}

h3 {
margin:0; padding:0;
font:bold 2.80em Arial, Helvetica, sans-serif; color:#30393d;
}

.post-body h3 {
margin:10px 0; padding:0;
font:bold 1.50em Arial, Helvetica, sans-serif; color:#53798b;
}

h3 a:link, h3 a:active, h3 a:visited {
color:#30393d;
}

h3 a:hover {
color:#54798b;
}

h3.post-title, h3.post-title-small {
margin:0; padding:10px 0;
width:380px; height:auto;
border-bottom:4px solid #30393d;
}

h3.post-title-small {
font-size:1.50em;
}

h4 {
margin:0; padding:0;
font:bold 1.75em Arial, Helvetica, sans-serif; color:#fefefe;
}

.post-body h4 {
margin:10px 0; padding:0;
font:bold 1.17em Arial, Helvetica, sans-serif; color:#53798b;
}

#footer h4 {
margin:0 0 20px 0;
}

#sidebar h2 {
/* Sidebar Header */
margin:0; padding:28px 0 0 20px;
width:285px; height:55px;
background:#f5fbfe url(http://3.bp.blogspot.com/_XByc9SCisZM/Sbgy9Zh3HYI/AAAAAAAABX8/MORzDVoSdt0/s1600/sidebar-top.gif) no-repeat top center;
font:bold 2.25em Arial, Helvetica, sans-serif; color:#587682;
}

.post-body h5 {
margin:10px 0; padding:0;
width:auto; height:auto;
background:none;
font:bold 1.1em Arial, Helvetica, sans-serif; color:#53798b;
}

#tag_cloud h5, #searchform label {
margin:0; padding:0;
background:none;
}

.post-body h6 {
margin:8px 0; padding:0;
width:auto; height:auto;
background:none;
font:bold 0.9em Arial, Helvetica, sans-serif; color:#53798b;
}

a:link, a:active {
color:#53798B;
text-decoration:none;
}

a:hover {
color:#000;
}

a:visited {
color:#C05898;
text-decoration:none;
}

/* Header
/* -------------- */

#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited {
margin:0; padding:13px 15px;
font:bold 1.08em Arial, Helvetica, sans-serif; color:#34393e;
display:block;
}

#navigation ul li a:hover {
color:#000;
font-weight:bold; text-decoration:underline;
}

#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 {
/* Crazy margins to pull up the hover image above the borders.*/
margin:-3px 0 0 0; padding:15px 15px 14px 15px;
background:#171615 url(http://3.bp.blogspot.com/_XByc9SCisZM/Sbg8JKFkX1I/AAAAAAAABZM/rE65k9OeKZs/s1600/navigation-hover.gif) repeat-x bottom center;
color:#f1f8ff; position:relative
}

a.rss:link, a.rss:active, a.rss:visited, a.rss:hover {
margin:13px 15px 0 0; padding:0;
width:16px; height:17px;
background:url(http://2.bp.blogspot.com/_XByc9SCisZM/SbgTPDU3mBI/AAAAAAAABXU/MQwAhGnr1mE/s1600/rss.png) no-repeat top center;
text-indent:-9999px; display:block; outline:0;
}

/* Main Content
/* -------------- */

.post-info {
text-align:right;
font:0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;
}

.post-info span {
font-size:1.18em;
}

.post-info a:link, .post-info a:active, .post-info a:visited {
color:#1e1c1a;
text-decoration:none;
}

.post-info a:hover {
color:#f23183;
}

.comment-count a:link, .comment-count a:active, .comment-count a:visited {
margin:0; padding:10px 20px;
font:bold 1.75em Arial, Helvetica, sans-serif; color:#FFF;
display:block;
}

.comment-count a:hover {
background:#ea2f7e;
}

.post-body strong {
font:bold 1.33em Arial, Helvetica, sans-serif; color:#30393d;
line-height:21px;
}

.continue-reading a:link, .continue-reading a:active, .continue-reading a:visited {
font:bold italic 1.17em Georgia, "Times New Roman", Times, serif;
color:#bd4478;
}

.continue-reading a:hover {
color:#f2307f;
}

/* Etiquetas en posts
/* -------------- */

.category a:link, .category a:visited {
margin-bottom:-1px; padding:15px 0 0 0;
display:inline-block;
height:25px; outline:0;
font:1.00em Georgia, "Times New Roman", Times, serif; color:#7f7d7e;
}

/* NavegaciÃ�Â³n (entradas antiguas)
/* -------------- */

.navigation {
font:normal 0.92em Georgia, "Times New Roman", Times, serif; color:#81888d;
}

.navigation a:link, .navigation a:visited, .navigation a:active {
font:bold 0.92em Georgia, "Times New Roman", Times, serif; color:#656c71;
}

.navigation a:hover {
color:#35383a;
}

/* Comments
/* -------------- */

.comment-author {
font:1.50em Arial, Helvetica, sans-serif; color:#3c4d54;
}

.comment-author a:link, .comment-author a:active, .comment-author a:visited {
color:#3c4d54;
}

.comment-body {
font:1.00em Arial, Helvetica, sans-serif; color:#74868d;
line-height:19px;
}

#comments-block .comment-count {
margin:0; padding:10px 20px;
font:bold 1.75em Arial, Helvetica, sans-serif; color:#FFF;
display:block;
}

/* Sidebar
/* -------------- */

#sidebar .widget {
font:0.92em Arial, Helvetica, sans-serif;
}

#sidebar .widget a:link, #sidebar .widget a:visited, #sidebar .widget a:active {
font:bold 1.17em Arial, Helvetica, sans-serif; color:#5a656a;
}

#sidebar .widget a:hover {
text-decoration:none;
}

/* Footer
/* -------------- */

p.about-text {
margin:0 0 10px 0;
font:0.92em Arial, Helvetica, sans-serif; color:#b2b2b2;
line-height:17px;
}

p.copyright {
margin:10px 0 0 0;
font:0.92em Arial, Helvetica, sans-serif; color:#404040;
}

/* Misc
/* -------------- */

.arial, .arial a {
font-family:Arial, Helvetica, sans-serif;
}

/* 02 - STRUCTURE
/* ----------------------------------------------*/

.container {
margin:0 auto; padding:0;
width:940px; height:auto;
}

/* Columnas
/* -------------- */

#col-580 {
width:580px;
float:left;
}

.col-340 {
width:340px;
}

.left, .alignleft {
float:left;
}

.right, .alignright {
float:right;
}

.aligncenter {
margin:0 auto;
display:block;
}

/* Clearfix
/* -------------- */

.clearfix:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

/* 03 - HEADER
/* ----------------------------------------------*/

#header {
margin:0; padding:0;
width:auto; height:auto;
background:#171615 url(http://3.bp.blogspot.com/_XByc9SCisZM/SbgTODCknqI/AAAAAAAABW8/-yeovg20_t4/s1600/header.gif) repeat-x top center;
border-bottom:1px solid #4a4d4c;
}

#logo {
margin:0; padding:60px 0;
width:580px; height:auto;
background:url(http://2.bp.blogspot.com/_XByc9SCisZM/SbgTOWqKucI/AAAAAAAABXE/DEiaWHMmhSw/s1600/header-shade.gif) no-repeat top right;
float:left;
}

#searchform-header {
margin:78px 20px 0 0; padding:0;
width:284px; height:auto;
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SbgTPdpZuKI/AAAAAAAABXk/Qk6gPYUGJVY/s1600/searchform-back.gif) no-repeat center left;
float:right;
}

#searchform-header #s {
margin:0 0 0 0; padding:6px 10px 5px 25px;
width:165px; height:auto;
border:0;
background:none;
float:left;
font-size:0.92em; color:#aea592;
}

#searchform-header #go {
float:right;
margin:0;
}

#navigation {
margin:0; padding:0;
background:#FFF url(http://3.bp.blogspot.com/_XByc9SCisZM/Sbg8DCC449I/AAAAAAAABZE/pfgLe0jNNRg/s1600/navigation.gif) repeat-x bottom center;
border-top:2px solid #393b3b; border-bottom:1px solid #FFF;
}

#navigation ul.pages {
margin:0 auto; padding:0;
width:880px; height:auto;
list-style:none; float:left;
}

#navigation ul li {
margin:0 3px; padding:0;
float:left; overflow:visible;
}

.rss {
margin:0 30px 0 0; padding:0;
width:16px; height:17px;
float:right;
}

/* 04 - POSTS DESTACADOS
/* ----------------------------------------------*/

#latest-dock {
margin:0; padding:0;
background:#f4f6f8 url(http://1.bp.blogspot.com/_XByc9SCisZM/SbgTMRLZ2MI/AAAAAAAABVk/WMbXjEuK_V0/s1600/dock.gif) repeat-x bottom center;
border-bottom:1px solid #fbf9fa;
}

.dock-back {
padding:20px 0;
background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SbgTMtJnVeI/AAAAAAAABVs/i3_shdxmNAk/s1600/dock-back.gif) no-repeat bottom center;
}

#dock {
margin:0 auto; padding:0;
width:940px;
list-style:none;
position:relative;
text-align:center;
}

#dock li {
margin:0; padding:0 0 18px 0;
display:inline;
}

#dock li.dock-active {
background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SbgTMqJDb_I/AAAAAAAABV8/M3DZ6N8pdzA/s1600/dock-shadow.png) no-repeat bottom center;
}

#dock li a:link, #dock li a:active, #dock li a:visited {
margin:30px 7px 0 7px; padding:8px 0 0 0;
width:75px; height:70px;
background:url(http://2.bp.blogspot.com/_zS4IuTTavyc/Swn-hy5broI/AAAAAAAAAQ8/Wdef8vHXnCE/s320/dock-preview-back.png) no-repeat center center;
display:inline-block;
}

#dock li span {
margin:0; padding:0;
width:980px; height:auto;
position:absolute;
display:none;
top:0; left:0;
text-align:center;
font:bold 1.17em Arial, Helvetica, sans-serif; color:#31393d;
}

.latest {
width:980px; text-align:center;
font:bold 1.17em Arial, Helvetica, sans-serif; color:#31393d;
position:absolute;
}

/* 05 - CONTENIDO PRINCIPAL
/* ----------------------------------------------*/

#main-content {
padding:20px 0;
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SbgTOr3wQfI/AAAAAAAABXM/ZXQIb2RecSI/s1600/main-content.gif) no-repeat top center;
border-top:1px solid #c6dee7;
border-bottom:10px solid #d0dce2;
}

.post {
margin:0 0 25px 0;
}

/* Post Box
/* --------------- */

.post-box {
margin:0; padding:0;
background:#fdfefe url(http://3.bp.blogspot.com/_XByc9SCisZM/Sbg8Ls5GrwI/AAAAAAAABZU/sRB8hNai4dc/s1600/post-box-top.gif) repeat-x top center;
border:1px solid #dce7ed;
border-bottom:1px solid #cfdbe1; border-top:0;
}

.post-meta {
margin:0 0 23px 0; padding:0;
border-bottom:1px solid #FFF;
position:relative;
}

.post-info {
margin:0; padding:10px 5px;
width:190px; height:auto;
border-bottom:4px solid #889398;
bottom:0; right:0;
position:absolute;
}

.post-content, .comment-content {
margin:0; padding:22px 22px 11px;
border:1px solid #FFF;
border-bottom:1px solid #e8ebec;
position:relative;
}

.comment-count {
margin:0; padding:0;
width:auto; height:auto;
background:#f23183;
position:absolute; display:block;
top:-10px; left:-10px;
}

.post-body {
padding:10px 0 0 0;
}

.post-body img {
margin:0 auto; padding:3px;
border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;
border-bottom:1px solid #e7e8e8;
text-align:center; display:block;
}

/* Post Footer
/* --------------- */

.post-footer {
margin:0; padding:23px;
background:#fcfdfe;
border-top:1px solid #FFF;
position:relative; z-index:100;
}

.continue-reading {
margin:0; padding:0;
width:180px; height:auto;
float:left;
}

.category-menu {
margin:0; padding:0;
width:350px; height:auto;
float:right; text-align:right;
position:absolute; top:10px; right:10px;
}

.post-labels {
margin:0; padding:0 25px 0 15px;
width:7px; height:5px;
background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SbgTNfSwJ4I/AAAAAAAABWM/IUMW0J7TueM/s1600/expand.gif) no-repeat center left;
vertical-align:middle;
}

/* Content Navigation
/* --------------- */

.navigation {
margin:0; padding:8px 10px;
background:#dce8ee url(http://1.bp.blogspot.com/_XByc9SCisZM/Sbg7zbYd4CI/AAAAAAAABYU/24RbZnD3jjQ/s1600/box-highlight.gif) repeat-x bottom center;
border:1px solid #ebf2f5;
border-bottom:1px solid #d4e0e6;
}

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Comentarios
/* --------------- */

#comments-block {
margin-top:30px;
}

#comments-block .comment-timestamp {
font:0.61em Georgia, "Times New Roman", Times, serif; color:#a3aeb2;
display:block;
}

.comment-content {
padding:0;
background:#f9fcfd url(http://1.bp.blogspot.com/_XByc9SCisZM/Sbg8NtKQS0I/AAAAAAAABZc/RpkZfWtGbG0/s1600/white.gif) repeat-x bottom center;
border-bottom:0;
}

.commentlist {
margin:15px 0 0 0;
padding:30px;
border-bottom:1px solid #d9e1e6;
}

#comments-block .comment-body {
margin:0; padding:0;
}

.deleted-comment {
font-style:italic;
color:gray;
}

/* 06 - SIDEBAR
/* ----------------------------------------------*/

#sidebar {
margin:0 0 0 15px; padding:0;
width:305px; height:auto;
list-style:none;
}

#sidebar .widget {
margin:0 0 20px 0; padding:0 0 56px 0;
width:auto; height:auto;
background:#f5fbfe url(http://img14.imageshack.us/img14/4963/sidebarbottom.gif) no-repeat bottom center;
}

#sidebar .widget-content {
margin:0 auto; padding:0 0 15px 0;
width:245px; height:auto;
background:#ebf6fb;
overflow:hidden;
}

#sidebar ul li {
margin:0 0 15px 0; padding:0;
width:auto; height:auto;
background:none;
}

/* 07 - PERFIL
/* ----------------------------------------------*/

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 5px solid #E7E9E3;
}

.profile-data {
margin:0;
font: arial;
color: #000;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: #000;
letter-spacing: .1em;
}

/* 08 - FOOTER
/* ----------------------------------------------*/

#footer {
margin:0; padding:30px 0;
width:auto; height:auto;
background:#171615 url(http://2.bp.blogspot.com/_XByc9SCisZM/Sbg7-bPqdMI/AAAAAAAABY0/T6dWxl4oGTM/s1600/footer-stroke.gif) repeat-x top center;
border-top:1px solid #171615; border-bottom:1px solid #1e1d1d;
}

.footer-divider {
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SbgTNh5kj8I/AAAAAAAABWk/GeaC7TVvB_8/s1600/footer-divider.gif) repeat-y top left;
}

#footer .categories {
margin:0; padding:0;
width:360px; height:auto;
float:left;
}

.footer-cat {
margin:0; padding:0;
width:360px; height:auto;
list-style:none;
}

.footer-cat li {
margin:5px 0; padding:0 0 0 9px;
width:150px; height:auto;
float:left;
background:url(http://4.bp.blogspot.com/_XByc9SCisZM/SbgTNl3_V_I/AAAAAAAABWU/znkin_SnKeM/s1600/footer-cat-left.gif) no-repeat top left;
}

.footer-cat li a {
margin:0; padding:0 9px 0 0;
width:auto; height:23px; line-height:23px;
float:left; display:block;
background:url(http://1.bp.blogspot.com/_XByc9SCisZM/SbgTNv6kdnI/AAAAAAAABWc/yx5iHJIvoEA/s1600/footer-cat-right.gif) no-repeat top right;
}

.footer-cat li a:link, .footer-cat li a:active, .footer-cat li a:visited {
font-family:Georgia, "Times New Roman", Times, serif; color:#a7a7a7;
}

.footer-cat li a:link span, .footer-cat li a:active span, .footer-cat li a:visited span {
color:#FF00FF;
}

.footer-cat li:hover, .footer-cat li:hover a {
background-position:0% -23px;
color:#171615;
cursor:pointer;
}

.footer-cat li:hover a {
background-position:100% -23px;
}

#footer .about {
margin:0; padding:0;
width:580px; height:auto;
float:right;
}

#link-back {
margin:0; padding:15px 0;
background:#0c0b0b;
}

.donators {
margin:0; padding:0;
width:590px; height:auto;
float:left;
}

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 {
margin:0; padding:0;
width:154px; height:54px;
background:url(http://2.bp.blogspot.com/_XByc9SCisZM/Sbgy9XCC1WI/AAAAAAAABYE/orQmhnCa_R4/s1600/smashing.gif) no-repeat top center;
display:block; text-indent:-9999px; float:left; outline:0;
}

a.function:link, a.function:active, a.function:visited, a.function:hover {
width:128px;
background:url(http://3.bp.blogspot.com/_XByc9SCisZM/SbgTOIB8PaI/AAAAAAAABWs/40fPEF5bI7s/s1600/function.gif) no-repeat top center;
}

a.zonacerebral:link, a.zonacerebral:active, a.zonacerebral:visited, a.zonacerebral:hover {
width:128px;
background:url(http://img264.imageshack.us/img264/9738/zonacerebral2.gif) no-repeat top center;
}

a.rafaelminuesa:link, a.rafaelminuesa:active, a.rafaelminuesa:visited, a.rafaelminuesa:hover {
width:128px;
background:url(http://1.bp.blogspot.com/_zS4IuTTavyc/SxtoUyO4xtI/AAAAAAAAATE/RiGlQhRIc-4/s320/rmm.gif) no-repeat top center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
]]></b:skin>

</head>

<body>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header'>
<div class='container clearfix'>

<div id='logo'>
<h1><a href='http://rafael-minuesa.blogspot.com/' title='Rafael Minuesa'>Rafael Minuesa</a></h1>
<br/>
<h2>A Graphic Designer turned into a Web Designer turned into a Web Developer</h2>

</div>

<form action='http://rafael-minuesa.blogspot.com/search' class='clearfix' id='searchform-header' method='get'>
<input id='s' name='s' onblur='if (this.value == '') {this.value = 'Search';}' onfocus='if (this.value == 'Search') {this.value = '';}' type='text' value='Search'/>
<input alt='Search' id='go' src='http://2.bp.blogspot.com/_XByc9SCisZM/SbgTPGYDQAI/AAAAAAAABXc/0QaK4UlJwr8/s1600/search.gif' title='Search' type='image'/>
</form>

</div>
</div>

<div id='navigation'>
<div class='container clearfix'>

<ul class='pages'>
<li class='current_page_item'><a href='http://rafael-minuesa.blogspot.com/2009/10/rafael-minuesa.html'>Home</a></li>
<li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/2009/10/education.html'>Education</a></li>
<li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/2009/10/translation.html'>Languages</a></li>
<li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/2009/10/skills.html'>Skills</a></li>
<li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/2009/10/experience.html'>Experience</a></li>
<li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/2009/10/samples.html'>Samples</a></li>
<li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/2009/10/interests.html'>Interests</a></li>
<li><a dir='ltr' href='http://rafael-minuesa.blogspot.com/2005/11/contact-form.html'>Contact</a></li>
</ul>

</div>
</div>

<div id='latest-dock'>
<div class='dock-back container clearfix'>
<div class='latest'>Social Media Network</div>
<ul id='dock'>
<li><a href='http://feeds.feedburner.com/Rafael-Minuesa' rel='bookmark' target='_blank' title='RSS'><img alt='RSS Button' src='http://3.bp.blogspot.com/_zS4IuTTavyc/Swm3CXb-_NI/AAAAAAAAANU/hT0IVI2JwDY/s1600/feed.png'/></a><span>Feed Burner</span></li>
<li><a href='http://www.blogger.com/profile/09217900663175164602' rel='bookmark' target='_blank' title='Blogger'><img alt='Blogger Button' src='http://4.bp.blogspot.com/_zS4IuTTavyc/Swm2usL2FrI/AAAAAAAAAMs/hDNHbgRPKRA/s1600/blogger.png'/></a><span>Blogger</span></li>
<li><a href='http://digg.com/users/RafaelMinuesa' rel='bookmark' target='_blank' title='Digg'><img alt='Digg Button' src='http://4.bp.blogspot.com/_zS4IuTTavyc/Swm23qYGfmI/AAAAAAAAAM8/R1CrmLV7JKc/s1600/digg.png'/></a><span>Digg</span></li>
<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>
<li><a href='http://uk.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>
<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>
<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>
<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>
<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>

</ul>

</div>
</div>

<div class='clearfix' id='main-content'>
<div class='container'>

<div id='col-580'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='navigation arial clearfix'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>ï¿½</span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<div class='post-meta clearfix'>
<b:if cond='data:post.title'>
<h3 class='post-title left'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<p class='post-info right'>
<span>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
<br/>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<data:post.timestamp/>
</b:if>
</b:if>
</p>
</div>

<div class='post-box'>
<div class='post-content'>

<div class='comment-count'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<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>
</b:if>
</b:if>
</div>


<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
</b:if>
<div style='clear: both;'/> 
</div>
</div>

<div class='post-footer clearfix'>
<div class='continue-reading'>
<a expr:href='data:post.url'>Read More ...</a>
</div>
<div class='category-menu'>

<div class='category clearfix'>
<div>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
</div>

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'>ï¿½</span>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span>

</div>
</div>
</div>
</div>

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'>ï¿½</span>
</a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'>ï¿½</span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'>ï¿½</span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>

<dl class='post-box' id='comments-block'>
<div class='comment-content'>
<div class='comment-count'>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</div>
<b:loop values='data:post.comments' var='comment'>
<div class='commentlist'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<span class='comment-timestamp'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dt>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
</dd>
</div>
</b:loop>
</div>
</dl>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>



</b:includable>
</b:widget>
</b:section>
</div>

<div class='col-340 right'>
<div id='sidebar'>
<b:section class='sidebarsec' id='sidebarsec' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>

<b:else/> 

<b:if cond='data:photo.url != ""'>
<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>
</b:if>

<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>

<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Gadget1' locked='false' title='Samples' type='Gadget'>
<b:includable id='main'>

<b:if cond='data:renderingUrl != ""'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<b:if cond='data:gadgetSnippet != ""'>
<data:gadgetSnippet/>
<b:else/>
<div class='widget-content'>
<b:if cond='data:trackingUrl != ""'>
<img expr:src='data:trackingUrl' height='1' width='1'/>
</b:if>
<b:if cond='data:nonSocialFragment != ""'>
<data:nonSocialFragment/>
</b:if>
</div>
</b:if>
<b:else/>
<data:errorMessage/>
</b:if>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='VideoBar1' locked='false' title='YouTube Channel' type='VideoBar'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>

<div class='widget-content'>
<div expr:id='data:widget.instanceId + "_bar"'>
<span class='videoBar-status'>Loading...</span>
</div>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

</div>
</div>

<div id='footer'>
<div class='container footer-divider clearfix'>

<div class='categories'>

<h4>Resources</h4>
<ul class='footer-cat clearfix'>
<li><a href='http://pre-flighting.blogspot.com/'>Graphic Design</a></li>
<li><a href='http://1001webs.blogspot.com/'>Web Design</a></li>
<li><a href='http://1001templates.blogspot.com/'>Web Development</a></li>
<li><a href='http://en.wikipedia.org/wiki/XHTML'>XHTML</a></li>
<li><a href='http://www.w3.org/Style/CSS/'>CSS</a></li>
<li><a href='http://javascript.internet.com/'>JavaScript</a></li>
<li><a href='http://www.joomla.org/'>Joomla!</a></li>
<li><a href='http://wordpress.org/'>WordPress</a></li>
</ul>

</div>

<div class='about'>

<h4>Copyright Notice</h4>

<p class='about-text'>
<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>
<br/>
All content on this website is governed by the Creative Commons <b>Attribution 3.0 Unported</b> License.
<br/>
In other words, you can distribute, remix, tweak, and build upon this work, even commercially, as long as you attribute to the original creation by linking back to this website.
</p>
<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>

<p class='copyright'>
2009 Copyright <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</p>

</div>

</div>

</div>

<div id='link-back'>

<div class='container clearfix'>

<div class='donators'>

<a class='smashing' href='http://forum.smashingmagazine.com' target='_blank' title='SmashingMagazine'>SmashingMagazine.com</a>
<a class='function' href='http://www.wefunction.com' target='_blank' title='We Function'>WeFunction.com</a>
<a class='zonacerebral' href='http://zonacerebral.com' target='_blank' title='Zona Cerebral'>ZonaCerebral.com</a>
<a class='rafaelminuesa' href='http://rafael-minuesa.blogspot.com/' target='_blank' title='Rafael Minuesa'>Updated by Rafael Minuesa</a>

</div>



<a class='rss' href='http://feeds.feedburner.com/Rafael-Minuesa' title='SubscrÃbe to feed RSS'>SubscrÃbe</a>

</div>

</div>

</body>
</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

Contact Form

2005-11-26T15:06:00.000-08:00