@font-face { font-family: Avenir; src: url(fonts/AvenirNextLTPro-Regular.otf) format("opentype"); }
@font-face { font-family: Avenir; src: url(fonts/AvenirNextLTPro-Bold.otf) format("opentype"); font-weight: bold; }

header, footer, section, article, aside, nav { display: block; }
*, body { margin: 0; padding: 0; }
body { width: 600px; margin: 0 380px 0 auto; font: 16px/1.5em Helvetica, Arial, sans-serif; color: #fff; background: #0a396f; }

a { text-decoration: none; font-weight: bold; color: #66adff;	}
a:hover { color: #ff007f; }

img { border: none; }
ul { list-style: none; }

h1, h2, #header { font-family: Avenir, Helvetica, Arial, sans-serif; letter-spacing: 0.5px ; }

#header { position: fixed; z-index: 9999; width: 320px; right: 0; bottom: 0; padding: 0 20px 330px 0; color: #b2d6ff; background: url(img/leo.gif) bottom right no-repeat; font-weight: bold; font-size: 18px; line-height: 26px; text-align: right; text-transform: uppercase; }
	#header h1 { font-size: 21px; }
	#header strong { color: #fff; }
	#header a { white-space: nowrap; }

section { padding: 30px 0; }
	section h1 { font-size: 24px; line-height: 20px; text-transform: uppercase; color: #b2d6ff;  }
	section h2 { font-size: 15px; line-height: 15px; text-transform: uppercase; color: #7aa0cc; margin: 0 0 10px 0; }
	section ul { }
		section ul li { border-bottom: 1px #082d57 dotted; line-height: 16px; }
			section ul li a { display: block; outline: none; position: relative; padding: 10px 0 10px 25px; }
			section ul li img { position: absolute; top: 10px; left: 0; }

#lifestream { clear: both; }
	#lifestream li .link small { display: none; text-align: right; position: absolute; right: 610px; top: 8px; white-space: nowrap; color: #7aa0cc; font-size: 11px; line-height: 11px; }
	#lifestream li .link:hover small { display: block; }
		#lifestream li .link small time { display: block; font-size: 10px; }

#proyectos { width: 280px; float: left; }
#perfiles { width: 280px; float: right; }