/* @override http://localhost:3000/stylesheets/post.css */

.post { margin: 0 0 20px 0; border-bottom: 1px solid rgb(220,220,220);  }
.post .post-content { float: left; }
.post .post-content h4,
.post .post-content h5 { margin:0 0 12px 0; }

#content .post { padding: 0 0 20px 0;   }
#profile-content #narrowcolumn .post { padding: 0; }

/* metadatos */

.post-content img { overflow:hidden;width: 472px; }

.post .post-content #metadatos-entry { padding: 4px 0 20px 0;  }
.post .post-content .metadatos { position: relative; color: rgb(100,100,100); line-height: 260%; margin: 20px 0 0 0; height: 30px;}

#profile-content #narrowcolumn .post .post-content .metadatos { width: 556px;  }
#profile-content #narrowcolumn #single.post .post-content .metadatos { margin: 20px 0 0 0; }

#content .post .post-content .metadatos-list { margin: 20px 0 0 0; line-height: 180%; }

.metadatos ul.post-options { position: absolute; top: 0; right: 0; display:block; width: 300px; height: 30px;  }
.metadatos ul.post-options li { float: right !important; }
.metadatos ul.post-options li a { display: inline-block; height: 30px; line-height: 260%; padding: 0 10px; background: url(../images/bgoption.png); color: rgb(80,80,80);  text-shadow: rgba(255,255,255,0.7) 0px 1px 0px; overflow: hidden;  }

.metadatos ul.post-options li a:hover { text-decoration: none; background-position: left bottom; }

.metadatos ul.post-options-single li.option-compartir a {  -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.metadatos ul.post-options li.option-compartir a { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }


.metadatos ul.post-options li.option-favorite a { position: relative; padding: 0 10px 0 40px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.metadatos ul.post-options li.option-favorite a span { display: block; position: absolute; top: 0; left: 5px; width: 30px; height: 30px; background: url(../images/option-favorite.png) no-repeat; }
.metadatos ul.post-options li.option-favorite a.isfav      { background-position: left bottom; }
.metadatos ul.post-options li.option-favorite a.isfav span { background-position: left bottom; }
.metadatos ul.post-options li.option-favorite a.fav   span { background-position: top left;  }
.metadatos ul.post-options li.option-favorite a.fav:hover span { background-position: 0px -30px; }

a.cat { color: rgb(255,255,255); background-color: rgb(80,80,80); padding: 3px 6px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;  text-shadow: rgba(0,0,0, 0.6) 0px -1px 0px; }
a.cat:hover { text-decoration: none; background-color: rgb(90,90,90) }

/* ------------------------------------- home */

.site #content .post { width: 556px; }
.site #content .post .post-user { float: left; position: relative; width: 50px; height: 50px; margin: 0 20px 0 0; }
.site #content .post .post-user span { position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; background: url(../images/bgavatar) no-repeat; z-index: 99; }
.site #content .post .post-user a { position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; z-index: 2; }
.site #content .post .post-user a img { width: 50px; height: 50px; }
.site #content .post .post-content { width: 472px; }

/* quote */

.site #content .post .post-content blockquote { font-size: 1.2em; font-style: oblique; padding: 0 10px 0 55px; width: 407px; background: url(../images/themes/green/quote.png) no-repeat top left; }

/* photo, video */

.site #content .photo .post-preview { float: left; width: 170px; margin: 0 20px 0 0; overflow: hidden; }
.site #content .photo .post-preview img { width: 170px; }

.site #content .photo .post-content { width: 296px; }

.site #content .video .post-preview { float: left; width: 120px; margin: 0 20px 0 0; overflow: hidden;  }
.site #content .video .post-preview img { width: 120px; }
.site #content .video .post-content { width: 346px; }

/* ------------------------------------- perfil , single.css */

#profile-content #narrowcolumn .post { width: 677px; }
#profile-content #narrowcolumn .post .post-left { width: 101px; float: left; margin: 0 20px 0 0; }


#profile-content #narrowcolumn .post .post-left .post-date { position: relative; width: 97px; padding: 0 4px 0 0; height: 68px; background: url(../images/themes/green/bgdate.png) no-repeat; color: rgb(100,100,100);  }
#profile-content #narrowcolumn .post .post-left .post-date h1 { display: block; position: absolute; width: 97px; font-size: 3em; font-weight: normal; letter-spacing: -2px; text-align: center;  top: 4px; left: 0;}
#profile-content #narrowcolumn .post .post-left .post-date span { display: block; position: absolute; width: 97px; left: 0; bottom: 12px; text-align: center; }


#profile-content #narrowcolumn .post .post-content { width: 556px; }

/* quote */

#profile-content #narrowcolumn .post .post-content blockquote { font-size: 1.2em; font-style: oblique; padding: 0 10px 0 55px; width: 491px; }
#profile-content #narrowcolumn .post .post-content blockquote span.cite { display: block; text-align: right; font-size: 80%; margin: 12px 0 0 0; }

/* photo video */

#profile-content #narrowcolumn .photo p img, 
#profile-content #narrowcolumn .video p img { max-width: 500px; }

#profile-content #narrowcolumn .photo p, 
#profile-content #narrowcolumn .video p { display: block; width: 500px; margin: 0 auto 12px auto; text-align: center; }

#profile-content #narrowcolumn .photo p.pie, 
#profile-content #narrowcolumn .video p.pie { width: 480px; padding: 0 0 0 20px; font-style: italic; background: url(../images/bgcita.png) no-repeat 0 2px; }