/* HTML 
-------------------------------------------------------------------------------------------- */
body, div, h1, h2, p, a, ul, li, span, em, strong {padding:0; margin:0;}
body {font-family:Consolas, "Courier New", monospace; background:#EEE;}
h1 {font-size:14px;}
h2, p, li {font-size:12px;}
p {line-height:1.4em;}
span {font-family:Arial, Helvetica, sans-serif;}
li {list-style:none; float:left;}
em {font-style:normal; color:#777;}


/* Links
-------------------------------------------------------------------------------------------- */
#perfil a {color:#000; text-decoration:none;}
#perfil a:hover {border-bottom:1px solid #000;}
.work a {color:#333; text-decoration:none; border-bottom:1px solid #333;}
.work a:hover {color:#9749DA; border-bottom:none;}
.work li a {border:none; margin-right:2px; padding:0 2px;}
.work li a:hover, .work li a.current {background-color:#9749DA; color:#FFF;}


/* Perfil
-------------------------------------------------------------------------------------------- */
#perfil {position:absolute; top:25px; left:25px;  width:180px; height:100%;}
#perfil h1 {border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; margin:5px 0 20px 0; padding:5px 0;}
#perfil h1 strong {font-size:12px; font-weight:normal;}
#perfil h2 {display:inline; background-color:#9749DA; color:#FFF;}
#perfil p {margin:2px 0 15px 0;}
#perfil .box {position:relative; width:80px; height:106px; overflow:hidden;}
#perfil .box a {display:block; position:absolute; top:50px; left:-80px; width:80px; height:40px; background:url(../img/linkedin.png); text-indent:-9999px; border:none;}
#perfil .love {padding-top:20px;}
#perfil .love span {background-color:#9749da; color:#FFF; font-family:Consolas, "Courier New", monospace; padding:0 2px;}
#perfil .copyright {padding-top:45px; color:#777;}


/* Work
-------------------------------------------------------------------------------------------- */
.work {position:relative; float:left; margin:25px 0 40px 243px; width:720px; height:auto; clear:both;}
.work .top {position:absolute; top:0; left:0;}
.work .img {position:relative; width:502px; height:auto; overflow:hidden; float:left; margin-right:20px;}
.work .img p {margin-bottom:0;}
.work .img img {margin:25px 0 2px 0; border:1px solid #EEE;}
.work .img img.gray {border:1px solid #CCC;}
.work h1 {padding:40px 0 10px 0;}
.work h2 {margin-bottom:20px;}
.work p { margin-bottom:15px; color:#333;}
.work ul {margin-top:30px; float:left;}
.topo {padding:30px 0 200px 245px; clear:both;}
.topo a {text-decoration:none; background-color:#9749DA; color:#FFF; padding:2px 5px;}