/*
THEME NAME: Textual
THEME URI: n/a
VERSION: 2.0.
DESCRIPTION: Segundo tema desarrollado p/ Arbol Textual
AUTHOR: Victor Fernandez
AUTHOR URI: http://arboltextual.com/	
*/

/* HTML5 */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

/* Resets y generales */

* { 
	padding: 0px; margin: 0px;
	border: 0px; outline: none;
	
	font-family: 'Open Sans', 'Gotham Book', 'Century Gothic', Helvetica, Arial, sans-serif;
}

body {
 	font-size: 13px; margin: 0px; padding: 0px;
	background: #fff; 
}

p, blockquote, article ul {
	margin-top: 0; margin: 0px 0px 15px 0px;
	line-height: 200%; 
}

article ul {
	list-style: square;
}

article li {
	margin-bottom: 10px; margin-left: 15px; padding-left: 5px;
}


article h3 {
	font-size: 98%; text-transform: uppercase; font-weight: 800;
	margin-bottom: 8px;
}


a { color: #000; text-decoration: none; }

article a, .pro a { color: #ff3000; } 

a:hover { background: #f4ffc0; /* border-bottom: 1px dotted #000; */ } 

h2 a:hover { color: #000; border: none; }

ul.admin a {
	color: #00bae8; background: none;
}

code {
	font-family: 'Courier New', 'Andale Mono', 'Liberation Sans', sans-serif;
	background: #F9F9F9;
	padding: 3px;
}

.small { line-height: 180%; font-size: 85%;  }

/* Estructura */

#logo { margin: 40px 0 0 0; position: fixed; text-align: right; width: 300px; z-index: 1000; background: url('img/logo.png') right top no-repeat; height: 105px; }

#logo a:hover {
	background: none;
}

#logo:hover {
	background-position: right -105px;
}

#todo { width: 980px; }

#bucle { float: right; width: 600px; }

#blateral { position: fixed; overflow: hidden; width: 300px; padding: 180px 0 0 0; text-align: right; }

/* Logo */

#logo a { float: right; position: relative; display: block; height: 105px; border: none; text-indent: 9999em; width: 239px; display: block;  }

h1 { display: none; }

#logo p { float: right; margin: 30px 0 0 0; }

/* .el { text-transform: lowercase; font-size: 40px; position: absolute; left:  -15px; }

.arbol { position: absolute; right: -5px; font-size: 50px;}

.textual { position: absolute; top: 35px; right: 0px; font-size: 50px; } */



/* Lineas y separacion */

#bucle { border-left: 1px solid #ececec; }

article { border-bottom: 1px dotted #dbdbdb; padding: 40px 0 40px 70px; }

article.single { padding-bottom: 0; border: none; }

article.pagina { border-bottom: none; padding: 0 0 40px 70px; }

#blateral nav { margin: 0 0 35px 0; }

article img { margin:  25px 0 0 -80px; }

article.pagina img.arriba { margin:  0 0 20px -80px; }

/* Navegacion */

nav ul { list-style: none; }

nav ul, .paginas, #logo { line-height: 220%; }

.paginas a { font-weight: normal; }

#blateral .pinfo {
	text-transform: none; font-size: 110%; 
	padding-left: 100px; margin-bottom: 50px;
	letter-spacing: -0.015em;
}

nav.single { padding: 25px 0 25px 70px; }

nav .left { float: left; }

nav .right { float: right; }

/* Estilos y encabezados */

.pro {
	margin-left: 80px;
}

.pro h3 {
	font-size: 98%; text-transform: uppercase; font-weight: 800;
	margin-bottom: 8px;
}


nav li, .autor { font-size: 120%; }

.autor { margin-bottom: 35px; }

article h2 a { font-size: 180%; letter-spacing: -0.025em; font-weight: 800; color: #000; }

article blockquote { padding: 25px; margin-bottom: 0; }

article blockquote .acita {
	font-size: 70%;
}

nav li, .paginas, .pinfo, .acita, .leermas { letter-spacing: 0.025em; text-transform: uppercase; color: #000; }

.pinfo, .acita { font-size: 90%; } 

.leermas, .sub { text-align: center; width: 100%; display: block; padding-top: 10px; }

.sub { color: #ccc; text-align: right; }

a.c-sup, a.c-sup:hover { font-size: 100%; color: #ff3000; }

.honorcode {
	margin:  40px 0;
}

/* Tipos de post */

.category-imagenes img { float: left;
  margin-bottom: 20px;
  margin-right: 20px;	
}

.articulo { position: relative; }

.single h2  { margin-top: 10px; }

h2 a:hover { background: none; }

.cita { text-align: center; }

blockquote { font-size: 140%; }

a.post-edit-link, a.comment-edit-link {
	color: #00BAE8; margin-right: 5px; background: none;
}

/* Comentarios */

#comentarios {
	position: relative; margin-left: 70px; padding-bottom: 50px;
}

#comentarios h2 {
	padding: 25px 0 25px 0;
}

#comments-list ol { list-style: none; margin-left: -80px; margin: 25px -80px 0 -80px; padding-top: 20px; }

#comments-list ol li {
	background-color: #000; color: #fff;
	margin-bottom: 40px; padding: 10px 80px 20px 80px; position: relative;
	
}

.comment-tip {
	background: url('img/com.png') no-repeat; position: absolute; top: -17px; left: 60px; width: 17px; height: 17px;
	
}

#comments-list ol li img.avatar {
	display: none;
}

#comments-list p {
	margin-top: 15px;
	font-size: 85%;
	margin-bottom: 5px;
}

#comments-list .vcard {
	text-transform: uppercase; margin-bottom: 10px; color: #ccc; font-size: 90%;
	position: absolute; right: 0; bottom: 0; display: none;
}

#comments-list .fn { font-size: 95%; font-weight: bold; text-transform: uppercase; margin-left: -65px;  margin-bottom: 10px; display: block; }

#comments-list .fn a {
	color: #fff; 
}

#comments-list .fn a:hover {
	color: #00bae8; 
}

.comentario { padding: 15px 0; }

.unapproved { font-size: 90%; font-weight: bold; margin: 3px 0; width: 300px; color: #00BAE8; }

.cinfo { margin-bottom:  10px; }

.edicion { display: none; }

/* Comentarios: formulario */

ol.forms {
	list-style: none;
	
}

.forms li {
	margin: 0; padding: 0;
}

.screenReader { left: -9999px; position: absolute; top: -9999px; }

li.textarea {
	position: relative;
}

span.mas {
	display: block; margin-bottom: 40px;
}

#respond {
	margin-top: 40px;
}

#commentform {
	position: relative;
}

.form-label, .forms label, #comment-notes {
	display: none;
}

.inline label {
	display: inline; margin-left: 5px;
}

#comentarios #email {
	margin-left: 15px;
}

#comentarios #url {
	width: 507px;
}

#comentarios h3 {
	font-size: 170%; 
	letter-spacing: -0.025em;
	padding: 25px 0 25px 0;
}

#comentarios input[type="text"], #comentarios textarea, input {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee; resize: none; color: #d1d1d1;
    font-size: 140%;
    /* box-shadow: 0 1px 3px rgba(204, 204, 204, 0.95) inset; */
    padding: 10px;
    position: relative;
}

#comentarios input[type="text"], input#email, input#contactName {
	width: 235px; border-radius: 5px;
}

#comentarios input[type="text"]:focus {
	color: #000;
}

#comentarios textarea, textarea {
	resize: none; height: 145px; border: 0;   color: #ebd372;
	box-shadow: 0 0 30px rgba(241, 194, 6, 0.45) inset;
	padding: 25px;  font-size: 180%; overflow: auto; border-left: 10px solid #000;
	background: rgba(255, 215, 6, 0.35); width: 470px; overflow: hidden;
}

textarea::-webkit-input-placeholder {
color: #ebd372;	
}


#comentarios textarea:focus, textarea:focus {
	box-shadow: 0 0 30px rgba(241, 194, 6, 0.95) inset; color: #000;
}

.form-input {
    text-transform: uppercase; float: left;
}

#comentarios input[type="submit"], button {
background: none repeat scroll 0 0 black; border: 0 none; color: #FFFFFF; cursor: pointer;
font-size: 150%; font-weight: 800; height: 45px; position: absolute; right: 0;
text-transform: uppercase; bottom: -41px; width: 100px; font-style: italic;
}

#comentarios input[type="submit"]:hover {
	background: #ff3000;
}

#comentarios input, #comentarios textarea, .forms textarea, .forms input, .forms button {
	margin: 0 0 15px 0; 
}


/* Navegacion comentarios */

.nav-comentarios {
	position: absolute; right: 0; bottom: 0; padding: 0 0 25px  0;
}

a.active_page, a.active_page:hover {
	border: none; font-weight: normal;
}

a.previous_link, a.first_link, a.next_link, a.last_link {
	display: none;
}

.paginas { padding: 0 15px 0 25px; }

.page_link, .ellipse_more, .ellipse { margin-right: 15px; font-size: 16px; }

.paginas, .last_link {
	text-transform: uppercase; letter-spacing: 0.09em; font-size: 12px;
}ont-size: 12px;
}