html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html,body
{
	width:100%;
	height:auto;
	font-family:arial;
	font-size:x-small;
}

body
{
  background-position:top left;
  background-repeat:repeat-x;
  background-image:url(http://static.ricardo-machado.com/images/bg.jpg);
  background-color:#FDFDFD;
  font-family:Verdana;
  font-size:10px;
  height:100%;
}

div{font-size:1px;}

h2
{
  font-size:10px;
  font-weight:bold;
}

whoAmI_links:link,:visited { text-decoration:none }

#main
{
  position:relative;
  min-height:100%;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  width:904px;
}

#main #main_top_left
{
  float:left;
  width:7px;
  height:6px;
  background-position:top left;
  background-repeat:no-repeat;
  background-image:url(http://static.ricardo-machado.com/images/content_bg_top_left.png);
}

#main #main_top_right
{
  float:right;
  width:7px;
  height:6px;
  background-position:top left;
  background-repeat:no-repeat;
  background-image:url(http://static.ricardo-machado.com/images/content_bg_top_right.png);
}

#main #main_top_middle
{
  float:left;
  width:890px;
  height:6px;
  background-position:top left;
  background-repeat:repeat-x;
  background-image:url(http://static.ricardo-machado.com/images/content_bg_top_middle.png);
}

#main #main_left
{
  clear:both;
  float:left;
  width:7px;
  height:877px;
  background-position:top left;
  background-repeat:no-repeat;
  background-image:url(http://static.ricardo-machado.com/images/content_bg_left.png);
}

#main #main_right
{
  float:right;
  width:7px;
  height:877px;
  background-position:top left;
  background-repeat:no-repeat;
  background-image:url(http://static.ricardo-machado.com/images/content_bg_right.png);
}

#main #main_middle
{
  float:left;
  width:890px;
  height:877px;
  background-position:top left;
  background-repeat:repeat-x;
  background-image:url(http://static.ricardo-machado.com/images/content_bg_middle.png);
}

#main #main_middle #logo
{
  position:static;
  margin-top:13px;
  margin-left:16px;
  width:381px;
  height:72px;
}

#main #main_middle #whoAmI
{
  position:static;
  margin-top:30px;
  margin-left:16px;
  width:auto;
  min-height:72px;
}

#main #main_middle #whoAmI #whoAmI_title
{
  width:368px;
  height:13px;
  background-image:url(http://static.ricardo-machado.com/images/whoAmI_title.png);
}

#main #main_middle #whoAmI #whoAmI_photo
{
  float:left;
  margin-top:10px;
  margin-left:18px;
  border:solid 1px black;
  width:174px;
  height:174px;
}

#main #main_middle #whoAmI #whoAmI_content
{
  float:left;
  margin-top:10px;
  margin-left:14px;
  width:629px;
  height:134px;
  text-align:justify;
  line-height:15px;
  font-size:10px;
}

#main #main_middle #whoAmI #whoAmI_links{
  float:left;
  margin-top:10px;
  margin-left:14px;
  width:629px;
  height:auto;
  text-align:justify;
  color:#939393;
  font-size:10px;
}

#main #main_middle #whoAmI #whoAmI_links b{color:#000000;clear:both;float:left;margin-right:10px;}

#main #main_middle #whoAmI #whoAmI_links b#social_networks{margin-right:39px;margin-top:5px;}
#main #main_middle #whoAmI #whoAmI_links b#work_networks{margin-right:74px;margin-top:5px;}

#main #main_middle #whoAmI #whoAmI_links a,#main #main_middle #whoAmI #whoAmI_links a:visited{color:#2A4F98;text-decoration:underline;}
#main #main_middle #whoAmI #whoAmI_links a:hover{color:#982A94;}

#main #main_middle #whoAmI #whoAmI_links .pdf,#main #main_middle #whoAmI #whoAmI_links .facebook,#main #main_middle #whoAmI #whoAmI_links .twitter,#main #main_middle #whoAmI #whoAmI_links .linkedin,#main #main_middle #whoAmI #whoAmI_links .odesk{
  min-height:16px;
  padding-left:20px;
  padding-top:3px;
  background-position:top left;
  background-repeat:no-repeat;
  font-size:10px;
}

#main #main_middle #whoAmI #whoAmI_links .pdf{background-image:url(http://static.ricardo-machado.com/images/pdf.png);float:left;}
#main #main_middle #whoAmI #whoAmI_links .twitter{background-image:url(http://static.ricardo-machado.com/images/twitter.png);float:left;margin-top:5px;}
#main #main_middle #whoAmI #whoAmI_links .facebook{background-image:url(http://static.ricardo-machado.com/images/facebook.png);float:left;margin-left:10px;margin-top:5px;}
#main #main_middle #whoAmI #whoAmI_links .linkedin{background-image:url(http://static.ricardo-machado.com/images/linkedin.png);float:left;margin-left:10px;margin-top:5px;}
#main #main_middle #whoAmI #whoAmI_links .odesk{background-image:url(http://static.ricardo-machado.com/images/odesk.png);float:left;margin-top:5px;}


#main #main_middle #mainSkills
{
  clear:both;
  margin-top:20px;
  margin-left:16px;
  width:auto;
  height:auto;
}

#main #main_middle #mainSkills #mainSkills_title
{
  width:419px;
  height:14px;
  background-image:url(http://static.ricardo-machado.com/images/mainSkills_title.png);
}

#main #main_middle #mainSkills .area-content
{
  margin-top:10px;
  margin-left:18px;
  width:818px;
  height:auto;
  text-align:justify;
  line-height:15px;
}

#main #main_middle #latestWorks
{
  clear:both;
  margin-top:20px;
  margin-left:16px;
  width:auto;
  height:72px;
}

#main #main_middle #latestWorks #latestWorks_title
{
  width:419px;
  height:14px;
  background-image:url(http://static.ricardo-machado.com/images/latestWorks_title.png);
}

#main #main_middle #latestWorks .area-content
{
  margin-top:10px;
  margin-left:18px;
  width:818px;
  height:228px;
  text-align:justify;
  line-height:15px;
}

#footer
{
  position:relative;
  z-index:300;
  clear:both;
  width:100%;
  min-width:904px;
  height:45px;
  padding-top:20px;
  margin-top:0px;
  _margin-top:-45px;
  background-position:top left;
  background-repeat:repeat-x;
  background-image:url(http://static.ricardo-machado.com/images/footer_bg.png);
  text-align:center;
  color:White;
  font-weight:bold;
  font-size:10px;
}

.area
{
  width:858px;
}

.area .area-left
{
  float:left;
  width:5px;
  height:32px;
  background-position:top left;
  background-repeat:no-repeat;
  background-image:url(http://static.ricardo-machado.com/images/area_bar_left.png);
}

.area .area-right
{
  float:right;
  width:5px;
  height:32px;
  background-position:top left;
  background-repeat:no-repeat;
  background-image:url(http://static.ricardo-machado.com/images/area_bar_right.png);
}

.area .area-middle
{
  float:left;
  width:848px;
  height:32px;
  background-position:top left;
  background-repeat:repeat-x;
  background-image:url(http://static.ricardo-machado.com/images/area_bar_middle.png);
}

.area .area-middle .area-title
{
  margin-top:10px;
  margin-left:15px;
  background-position:top left;
  background-repeat:no-repeat;
}

.area-content{
  clear:both;
  height:auto;
  width:100%;
}

.skillBox
{
  float:left;
  height:108px;
  width:177px;
  margin-left:30px;
  margin-top:10px;
}

.skillBox .skillBoxTopLeft,.skillBox .skillBoxTopMiddle,.skillBox .skillBoxTopRight,.skillBox .skillBoxLeft,.skillBox .skillBoxMiddle,.skillBox .skillBoxRight,.skillBox .skillBoxBottomLeft,.skillBox .skillBoxBottomMiddle,.skillBox .skillBoxBottomRight
{
  background-position:top left;
  background-repeat:no-repeat;
  background-color:transparent;
}

.skillBox .skillBoxTopLeft
{
  float:left;
  background-image:url(./http://static.ricardo-machado.com/images/skillBox/top_left.png);
  height:7px;
  width:7px;
}

.skillBox .skillBoxTopMiddle
{
  float:left;
  background-repeat:repeat-x;
  background-image:url(./http://static.ricardo-machado.com/images/skillBox/top_middle.png);
  height:7px;
  width:162px;
}

.skillBox .skillBoxTopRight
{
  float:right;
  background-image:url(./http://static.ricardo-machado.com/images/skillBox/top_right.png);
  height:7px;
  width:8px;
}

.skillBox .skillBoxLeft
{
  clear:both;
  float:left;
  background-repeat:repeat-y;
  background-image:url(./http://static.ricardo-machado.com/images/skillBox/left.png);
  width:7px;
  height:94px;
}

.skillBox .skillBoxMiddle
{
  float:left;
  background-color:White;
  width:162px;
  height:94px;
}

.skillBox .skillBoxMiddle .skillBoxMiddleImage
{
  margin-top:2px;
  background-position:center center;
  background-repeat:no-repeat;
  height:58px;
  width:100%;
}

.skillBox .skillBoxMiddle .skillBoxMiddleDescription
{
  margin-top:5px;
  width:100%;
  height:24px;
  font-weight:bold;
  font-size:10px;
  text-align:center;
}



.skillBox .skillBoxRight
{
  float:right;
  background-repeat:repeat-y;
  background-image:url(./http://static.ricardo-machado.com/images/skillBox/right.png);
  width:8px;
  height:94px;
}

.skillBox .skillBoxBottomLeft
{
  clear:both;
  float:left;
  background-image:url(./http://static.ricardo-machado.com/images/skillBox/bottom_left.png);
  height:7px;
  width:7px;
}

.skillBox .skillBoxBottomMiddle
{
  float:left;
  background-repeat:repeat-x;
  background-image:url(./http://static.ricardo-machado.com/images/skillBox/bottom_middle.png);
  height:7px;
  width:162px;
}

.skillBox .skillBoxBottomRight
{
  float:right;
  background-image:url(./http://static.ricardo-machado.com/images/skillBox/bottom_right.png);
  height:7px;
  width:8px;
}

#php{margin-left:0px;}

#w3c{clear:both;margin-left:0px;}

#php .skillBoxMiddle .skillBoxMiddleImage{background-image:url(http://static.ricardo-machado.com/images/skills/php.png);}
#mysql .skillBoxMiddle .skillBoxMiddleImage{background-image:url(http://static.ricardo-machado.com/images/skills/mysql.png);}
#jquery .skillBoxMiddle .skillBoxMiddleImage{background-image:url(http://static.ricardo-machado.com/images/skills/jquery.png);}
#smarty .skillBoxMiddle .skillBoxMiddleImage{background-image:url(http://static.ricardo-machado.com/images/skills/smarty.png);}
#w3c .skillBoxMiddle .skillBoxMiddleImage{background-image:url(http://static.ricardo-machado.com/images/skills/w3c.png);}
#codeigniter .skillBoxMiddle .skillBoxMiddleImage{background-image:url(http://static.ricardo-machado.com/images/skills/codeigniter.png);}
#kohana .skillBoxMiddle .skillBoxMiddleImage{background-image:url(http://static.ricardo-machado.com/images/skills/kohana.png);}
#symfony .skillBoxMiddle .skillBoxMiddleImage{background-image:url(http://static.ricardo-machado.com/images/skills/symfony.png);}

.work
{margin-left:52px;float:left;width:236px;margin-top:10px;}

.work .date
{float:left;font-weight:bold;font-size:10px;}

.work .name
{float:right;font-weight:bold;text-transform:uppercase;font-size:10px;}

.work .photo
{clear:both;margin-top:6px;background-position:top left;background-repeat:no-repeat;border:solid 1px black;height:74px;width:236px;}

.work .photo a
{display:block;width:100%;height:100%;}

/*
.work .description
{width:236px;min-height:43px;text-align:justify;font-size:9px;font-family:Verdana;}

.work .technologies
{width:236px;min-height:22px;text-align:justify;}
*/
.work .link
{text-align:right;text-transform:uppercase;font-weight:bold;margin-top:10px;font-size:10px;}

.work .link a,.work .link a:visited
{color:#26468B;text-decoration:underline;}

.work .link a:hover
{color:#982A94;}

#first
{margin-left:0px;}

.clear{clear:both;}

h1.invisible{display:none !important;}