html, * { margin: 0; padding: 0; }
body { background: #2f2f2f url(img/bg.gif) top repeat-x; color: #bbb; font: 16px Arial, Helvetica, sans-serif; margin: 0 auto; }
img { border: none; }
p.clear { clear: both; margin: 0; padding: 0; }
abbr, acronym { cursor: help; border-bottom: 1px #B2E6F9 dashed; }
ul, ol { list-style: none; }
a { font-weight: bold; text-decoration: none; color: #fff; }
a:hover { color: #00adef; }
/* Header */
h1 { margin: 100px auto 20px auto; width: 776px; height: 63px; text-indent: -9999px; }
h1 a { display: block; width: 776px; height: 63px; background: url(img/logo.png) no-repeat; outline: none; }
/* Nav */
#nav { position: absolute; top: 20px; left: 0; right: 0; text-align: center; font-size: 11px; line-height: 25px; letter-spacing: 1px; height: 25px; }
#nav li { display: inline; }
#nav li a { display: inline-block; background: #444; color: #bbb; height: 25px; padding: 0 10px; margin: 0 10px 0 0; text-shadow: 0 0 1px rgba(0,0,0,0.8); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#nav li a:hover { background: #ec008c url(img/grad.png) bottom repeat-x; color: #fff; text-decoration: none; }
/* CONTENIDO */
#container { margin: 0; position: relative; }
/* Posts */
.post { padding: 100px 0; }
.post.alt { }
.post div { width: 500px; margin: 0 auto; }
.post .caption { }
.post .caption a { border-bottom: 2px #444 solid; }
.post .caption a:hover { border-color: #00adef; }
.post .info { width: 500px; text-align: center; margin: 30px auto 0 auto; font-size: 12px; text-transform: uppercase; }
.post .info a { display: inline-block; text-align: right; padding: 5px 10px; height: 16px; line-height: 16px; background: #555 url(img/grad.png) bottom repeat-x; color: #ccc; margin: 0 10px 0 0; text-decoration: none; text-shadow: 0 0 1px rgba(0,0,0,0.8); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.post .info a:hover { color: #fff; background-color: #00adef; }
.post .info a img { vertical-align: -3px; margin: 0 0 0 5px; }
.post .info a small { font-size: 11px; padding: 0 0 0 5px; }
.post blockquote { margin: 10px 0 0 20px; padding: 0 10px; border-left: 5px #444 solid; }
/* Normal */
.regular h2, .regular p { margin-bottom: 15px; }
.regular h2 { font: 35px sans-serif; letter-spacing: -1px; }
/* Fotos */
.photo {}
.photo .img { margin: 0 0 15px 0; text-align: center; }
.photo .img a { border: none; background: none; }
.photo .img img { background: #fff; padding: 5px; border: 1px #fff solid; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 0 15px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6); }
.photo .img a:hover img { background: #00adef url(img/grad.png) bottom repeat-x; }
.photo .caption {}
.photo .caption p { }
/* Videos */
.video {}
.video .player { margin: 0 0 15px 0; background: #fff; padding: 6px; border: 1px #ddd solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6); }
.video .caption { }
.video .caption p { }
/* Links */
.link { }
.link a { border: none; }
.link a strong { font-size: 1.5em; line-height: 1.5em; }
/* Quote */
div.quote { position: relative; }
.quote span { display: block; font: 25px/29px Arial, sans-serif; margin: 0 0 0 80px; }
.quote big { display: block; font: bold 140px/70px Arial, sans-serif; position: absolute; left: 0; top: 20px; }
.quote big a { border: none; background: none; }
.quote .source { margin: 15px 0 0 0; font-size: 11px; text-align: right; }
/* Notas */
#notes { padding: 0 0 100px 0; }
#notes ol { width: 400px; margin: 0 auto; }
#notes ol li { background: #222; color: #999; padding: 10px; margin: 0 0 5px 0; font-size: 12px; line-height: 16px; text-shadow: 0 0 1px rgba(0,0,0,0.8); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; ?> }
#notes ol li.like { border-left: 5px #ec008c solid; }
#notes ol li img { margin: 0 5px 0 0; vertical-align: -3px; }
#notes ol li blockquote { margin: 0 0 0 20px; font-style: italic; }
/* Compartir */
.compartir { text-align: center; margin: 20px 0 0 0; font-size: 11px; font-weight: bold; color: #666; height: 16px; line-height: 16px; text-transform: uppercase; vertical-align: middle; }
.compartir a { border: none; margin: 0 0 0 5px; }
.compartir img { vertical-align: middle; padding: 0 !important; border: none !important; }
/* Navegación */
#navigation { font: bold 60px/60px Georgia, 'Times New Roman', Times, serif; letter-spacing: -1px; }
#navigation a { border: none; color: #aaa; text-decoration: none; padding: 0 10px; position: fixed; top: 50%; margin-top: -25px; z-index: 666; }
#navigation a strong { display: none; font: bold 45px Arial, Helvetica, sans-serif; text-transform: uppercase; }
#navigation a:hover { color: #fff200; }
#navigation a:hover strong { display: inline; }
#navigation .prev { left: 0; }
#navigation .next { right: 0; }
/* Extras */
#extra { z-index: 667; background: url(img/bg-bottom.gif) bottom repeat-x; padding: 40px 300px; }
#extra h2 { font-size: 11px; text-transform: uppercase; letter-spacing: 5px; color: #ccc; margin: 0 0 10px 0; text-shadow: 0 0 1px rgba(0,0,0,0.8);}
#extra ul { list-style: none; }
#extra ul li { position: relative; width: 40px; height: 40px; float: left; }
#extra ul li a { display: block; position: relative; width: 40px; height: 40px; border: none; background: none; }
#extra ul li a:hover { top: -5px; left: -5px; z-index: 666; border: 5px #fff200 solid; }