/*
Theme Name: HermanoCerdo.Com 
Theme URI: http://hermanocerdo.com/
Description: El tema de HermanoCerdo 
Author: Javier Moreno & Juan Diego Velasco 
Author URI: http://finiterank.com/
Version: 1.0 
*/
/* floating footnote div
This will be loaded on EVERY page, and its difficult to get around this 
in wordpress. So its better if you paste this into your template's css
and then disable the "enque css" line in the php file...
---just remember that you must do it again if you change templates!---
 */

/* Style The hover popup  */
#footnotediv {
	position:absolute;
	background-color:white;
	padding:3px;
	padding-left:12px;
	padding-right:12px;
	border:1px solid #CDBBB5;
	box-shadow:#555 0 0 10px;
	-webkit-box-shadow:#555 0 0 10px;
	-moz-box-shadow:0 0 10px #555;
	z-index:99;
}


blockquote.pullquote p, div.pullquote p {font-family: 'Arvo', helvetiva;}

/* Style Reference Marks  */
.fn-ref-mark {
	/*  font-size: 80%;
       vertical-align: super;  has tendancy of skewing line spacing.  fix? */
	}

/* Style Footnote Heading Title  */
#fn-heading {
	font-weight: bold;
	}

/* Style Footnote Text  */
.fn-text {
	text-decoration:none;
	}

/* If you want to style just the back link
 after the footnote text   */
a.fn-text {
	border-bottom:none;
}

/* If you use an image as a footnote
 text backlink   */
a.fn-text img {
	margin:0;
	padding:0;
	border:0;
}

/* General */ 

body{margin:0;min-width:1100px; background:#222;}
a{text-decoration:none; color:#ff6600;}
img{border:0;}

/* Layout */ 

#wrapper{float:left; margin-left: 100px; font-size:13pt; font-family:'Nobile'; width:770px;}

#title-bar{width:100%; background: #ff6600; padding:.5em 0; margin:0 auto; color:#fff; font-family:'Arvo'; font-size:.9em; border-bottom: #000 solid 2px;}
#menu-encabezado{font-family: 'Arvo', helvetica;color:#fff;  font-size:.8em; position:absolute; top:-7px; right:10px;}
#menu-encabezado ul li {display: inline; padding: 0 3px;}
#menu-encabezado ul li a {text-decoration:none; color:#fff;}
#menu-encabezado ul li a:hover {color:#ddd;}
span.negro{color:#000;font-size:0.9em;}

.title-article{font-family: 'Anton', helvetica; font-size:3.5em; line-height:1.1em; margin:10px 0 20px 0; }

.author-article{font-family: 'Arvo', helvetica; font-size:1.2em; color:#ff6600;}

.brief-article{margin-top:2em;font-size:1.2em; font-family:'Arvo'; color:#aaa;}

.relaciones{color:#666; width:600px;margin:1em auto 0 auto; font-size:0.8em;}

.body-article {color:#111;width:600px;margin:2em auto;line-height: 1.7em;}

.body-article > p:first-child:first-letter {

	font-size: 1.5em;
}

.body-article > p:first-child:first-line, p.inicial:first-line {
	font-variant: small-caps;
	font-size: 1.3em;
}

.body-article blockquote{font-size:.95em; color:#666; line-height: 1.3em;}

ul#contenido{margin:20px auto;
  width: 1040px;
  list-style: none;
  padding:0;
}

ul#contenido li.articulo{
        float:left;
	padding: 0px;
	width: 250px;
        margin-right:10px;
        margin-bottom:10px;
	height: 200px;
	display: block;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
        overflow:hidden;
	}

ul#contenido li.post{
        font-family:'Nobile';
        background:#ddd;
        float:left;
	padding: 0px;
	width: 250px;
        margin-right:10px;
        margin-bottom:10px;
	height: 300px;
	display: block;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
        overflow:hidden;
	}


ul#contenido li.marco-doble-especial-uno, ul#contenido li.marco-doble-especial-dos {
        float:left;
	padding: 10px;
	width: 490px;
        background: #666;
        color: #fff;
        margin-right:10px;
        margin-bottom:10px;
	height: 180px;
	display: block;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
        overflow:hidden;
	}

ul#contenido li.marco-doble-especial-uno{background: #666 url('../../uploads/2011/07/lecturas.png') no-repeat right top;}


ul#contenido li.marco-doble-especial-dos{background: #666 url('../../uploads/2011/07/notas.png') no-repeat right top;}


ul#contenido li.marco-doble-final{
        float:left;
	padding: 10px;
	width: 490px;
        background: #ffffff url('../../uploads/2011/12/Burce-Lee.jpg') no-repeat left bottom;
        color: #fff;
        margin-right:10px;
        margin-bottom:10px;
	height: 180px;
	display: block;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
        overflow:hidden;
	}

ul#contenido li.marco-doble-especial-uno span.titulo-bloque, 
ul#contenido li.marco-doble-especial-dos span.titulo-bloque{
        font-family: 'Anton';
        font-size: 2em;
        display:block;
        color: #fff;
	}

ul#contenido li.marco-doble-especial-uno div.mas, ul#contenido li.marco-doble-especial-dos div.mas{
    font-family: 'Arvo';
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:.9em;
}

ul#contenido li.marco-doble-especial-uno div.mas a, ul#contenido li.marco-doble-especial-dos div.mas a {color:#fff;}
ul#contenido li.marco-doble-especial-uno div.mas a:hover, ul#contenido li.marco-doble-especial-dos div.mas a:hover {color:#ff6600; border-bottom: 1px #fff dashed;}

ul#contenido li.post div.mas a {color:#777;}
ul#contenido li.post div.mas a:hover {color:#ff6600; border-bottom: 1px #777 dashed;}
  

ul#contenido li.articulo div.info-articulo {
		position: absolute;
		bottom:0px;
		background:url(pics/pixeltransparente.png) repeat top left;
		color: #f8f8f8;
		width: 230px;
		padding: 10px;
		line-height: 1em;
		cursor: pointer;
		background-color: transparent;
		-webkit-transition: background-color 0.5s ease-in-out;
		-moz-transition: background-color 0.5s ease-in-out;
		}

ul#contenido li.articulo:hover img {opacity:1;}


ul#contenido li.articulo:hover div.info-articulo {
		background-color: #3f3f3f;
		-webkit-transition: background-color 0.2s linear;
		-moz-transition: background-color 0.2s linear;
		}

			ul#contenido li.articulo div.info-articulo span.titulo-articulo {
			font-family: 'Anton';
			font-size: 1.1em;
			display: block;
			padding-bottom: 2px;
			letter-spacing: .05em;
			line-height: 1.08em;
			color:#ff6600;
			}

			
			ul#contenido li.articulo div.info-articulo span.autor-articulo {
			font-family: 'Arvo';
			font-size: .8em;
			display: block;
			padding-top: 2px;
		
color:#aaa;
			}
			
			ul#contenido li.articulo span.brevemente-articulo {
			font-family: 'Nobile';
			font-size: .7em;
			line-height: 1.08em;
			padding-top: 5px;
			max-height:0px;
			width: 230px;
			overflow: hidden;
			float: left;
			-webkit-transition: max-height .5s ease-in-out;
			-moz-transition: max-height .5s ease-in-out;
			}

       ul#contenido li.articulo span.brevemente-articulo p{margin:0;}
			
			ul#contenido li.articulo:hover span.brevemente-articulo {
			max-height:75px;
			-webkit-transition: max-height .2s ease-in-out;
			-moz-transition: max-height .2s ease-in-out;
			}
			

ul.lista-bloque {display:inline; padding:0; font-family: 'Arvo';}
ul.lista-bloque a {color:#aaa;}
ul.lista-bloque a:hover {color: #ffa86f; border-bottom: 1px #fff dashed;}
ul.lista-bloque a:hover span.autor-libro {color: #fff;}
ul.lista-bloque li{display:inline; padding:0;}

ul.lista-bloque li:before {
	content: "\262F \0020";
	}

ul.lista-bloque li:first-child:before {
	content: "";
	}


ul.lista-bloque span.libro {color:#ff6600;}
ul.lista-bloque span.autor-libro{color:#aaa;}

#footer{background:#222; overflow:auto; border-top:2px #000 solid; margin-top:10px; width:100%; padding-bottom:50px;}
div#footer-wrapper {width: 1040px; margin: 0 auto; font-size:.8em}

#footer-wrapper>ul{margin-top:20px;
  width: 1040px;
  list-style: none;
  padding:0;
font-family: 'Arvo';
			font-size: 1em;
color:#aaa;
}

#footer-wrapper>ul>li{
        float:left;
	padding: 10px;
	width: 230px;
        margin-right:10px;
        margin-bottom:10px;
	height: 150px;
	display: block;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
        overflow:hidden;
        background:#333;
	}

#footer-wrapper>ul>li>.titulo-footer{
        font-size:2em;
        font-family: 'Anton', helvetica; margin:0 0 10px 0; padding:0; color:#ddd;
	}

span.hermanocerdo-mention{color:#ff6600; font-weight:1000; }


#indice{overflow:auto; margin:0;padding:0;background:#fff;}
#side{float:left;margin-left:10px;margin-top:110px;width:250px; font-size:0.8em;}

#side div.bio-side{padding:10px; width:230px; font-family: 'Nobile';}
#side span.nombre-bio{color:#ff6600; font-family: 'Arvo'; font-size:1.2em;}

#side div.menu1-side, #side div.menu2-side, #side div.menu3-side {position:relative; color:#fff; width:230px; padding:10px 10px 15px 10px; margin-top:15px;}
#side span.titulo-menu-side{     font-family: 'Anton';
        font-size: 2em;
        display:block;
        color: #fff;
	}

div.menu1-side{background:#666;}
div.menu2-side{background:#000;}
div.menu3-side{background:#333;}

div.mas{
    font-family: 'Arvo';
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:.9em;
}

div.mas a {color:#fff;}
div.mas a:hover {color:#ff6600; border-bottom: 1px #fff dashed;}

#wrapper-total{overflow:auto; width: 1200px; margin:0 auto; min-width:1200px; background:#fff;}

.footnotes {
  font-size: 80%;
  line-height: 1.5em;
  padding: 10px 0 10px 0;
}

.footnotes .footnotedivider {
  width: 200px;
  border-bottom: 1px solid #ccc;
}

.footnotes li {
  margin: 0 0 5px 0;
}

sup.footnote a {
  text-decoration: none;
  font-size: 80%;
}

sup.footnote {
  line-height: 0em;
}

.footnotereverse a {
  padding: 0 0 0 5px;
  text-decoration: none;
}

.ficha-libro img{width:230px; height : auto;}
#side div.ficha-libro{padding:10px; width:230px; font-family: 'Nobile';}

.ficha-libro h3{color:#ff6600; padding:0; margin:0; font-size:1.2em; font-family: 'Arvo'; font-weight:normal;}
.ficha-libro h4{padding:0;margin:0; font-family: 'Arvo'; color:#666; font-weight:normal;}

.social-buttons {
   font-size:.80em;
   overflow: hidden;
   padding-bottom:0.1em;
   text-align: left;
}


ul.archivo-notas{list-style:none; padding:0;margin-top:50px;}
div.wrapper-page{width:1040px; margin:20px auto; font-family:'Nobile'; font-size:10pt;}
div.titulo-nota{font-family: 'Anton', helvetica; font-size:3em; line-height:1.1em; margin:10px 0 20px 0; }
div.titulo-nota a{color:#000;}
div.titulo-nota a:hover{color:#666;}
div.autor-nota{font-family: 'Arvo', helvetiva; font-size:.95em; color:#ff6600;}
div.comentario-nota{font-size:.7em;}
div.cuerpo-nota{color:#111;width:1040px;margin:2em auto;font-size:.9em; line-height: 1.7em;}

div.header-post{background: #222; padding:5px; margin-bottom:10px;}
div.titulo-post{font-family: 'Anton', helvetica; font-size:1.2em;}
div.fecha-post{font-size:.7em; color:#eee;}
div.autor-post{font-family: 'Arvo', helvetica; font-size:.7em; color:#ddd;}
div.extracto-post{font-size:.75em; padding:5px; color:#333;}

div#title-wrapper{width:1040px;margin:0 auto;padding:0; position:relative;}
div.titulo-ppal{font-family: 'Anton', helvetica; font-size:1.2em; line-height:1.1em; width:300px;}
div.titulo-ppal sup{font-family: 'Arvo', helvetica; font-size:0.7em; color:#222;}
span.hermanocerdo, span.hermanocerdo a {color:#222;}
span.puntocom, span.puntocom a {color:#fff;}
span.hermanocerdo a, span.puntocom a{text-decoration:none;}

div.cuerpo-nota {
   -moz-column-count: 3;
	  -moz-column-gap: 30px;
	  -moz-column-rule: none;
	  -webkit-column-count: 3;
	  -webkit-column-gap: 10px;
	  -webkit-column-rule: none;
	column-count: 3;
	column-gap: 30px;
	column-rule: none;
}

/* Estilo de las entrevistas  */

.intro-entrevista{font-size:.8em; color:#777;}
.pregunta{font-family: 'Arvo', helvetica; font-size:.9em; margin-bottom:20px; color:#777;}
.respuesta{margin-bottom:40px;}
.numero-pregunta{float:left; padding-right:10px; font-family: 'Arvo', helvetiva; font-size:3.5em; color:#ff6600;}

/* Estilo de las listas numeradas  */

ol {
  margin-left: 0em; 
  margin-right: 2em; 
  padding-left:0.2em; 
  margin-bottom:1em;
}

ol li {
  list-style:decimal; 
  padding-left:0em;
  margin-bottom:1em;
}


/* Estilo de las imágenes en posts  */
.imagen-derecha{float: right;
    margin-left: 20px;
    width:250px;
    margin-top: 0.75em;}
.imagen-izquierda{float: left;
    margin-right: 20px;
    width:250px;
    margin-top: 0.75em;}
.imagen-centro{margin: 1.3em auto; width:550px;}
.imagen-derecha img{width:250px; height : auto;}
.imagen-izquierda img{width:250px; height : auto;}
.imagen-centro img{width:550px; height : auto;}
.credit{color: #606060;
    font-size: 12px;
    font-style: italic;
    line-height: 12px;
    margin-top: 5px;}

/* Estilo comentarios */
.comentarios{width:600px;margin:0 auto}

/* Previous & Next Posts Buttons */

#next-posts {position:fixed; right: 45px; top: 150px; font-size:7em;}
#previous-posts{position:fixed; left: 45px; top: 150px; font-size:7em;}

#next-posts a, #previous-posts a {color:#aaa;}

#next-posts a:hover, #previous-posts a:hover {color:#ff6600;}