/*
THEME NAME: Elegant
THEME URI: http://socialsnack.com/
VERSION: 1.0.
DESCRIPTION: Theme desarrollado para el blog personal de Leo Piccioli
AUTHOR: SocialSnack
AUTHOR URI: http://socialsnack.com/

	Elegant
	http://socialsnack.com/
	
*/

body {
 	margin: 0px; padding: 0px;
	background: #444;
}

p {
	margin-top: 0; margin: 0px 0px 10px 0px;
	line-height: 140%;
}

* { padding: 0px; margin: 0px; border: 0; }

body, p {
	color: #444; 
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}

/* Enlaces */

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

a:hover {
   color: #ff0036;
}



/* Estructura global */

#contenedor {
	width: 925px; margin: 0px auto;
	padding: 0px;
	background: #eee url(img/bg-estatico.gif) repeat-y;
}

#principal {
	float:left; width: 600px; min-height:750px;
	height:auto !important;  height:750px;
	background-position: left; overflow:visible;
	background: #eee url(img/degra-izq.gif) repeat-y;
}

#lateral {
	float:left; width: 325px; min-height: 750px;
	background: #d2d6d9 url(img/degra-der.gif) repeat-y;
	background-position: right;
}

#pie {
	clear:both; background: #b8c0c6;
	width: 100%; height: 100px;
}

/* Logo y descripcion */

#logo {
	float:left; width: 100%;
	background: #b8c0c6 url(img/degra-l-der.gif) repeat-y;
	background-position: right; position:relative;
	height: 145px;
}

#logo h1 {
	background: url(img/logo.png) no-repeat;
	float:left; text-indent:-100em;
	height:117px; width:131px;
	overflow:hidden; position:absolute;
	top:15px; left:10px;
}

#logo h1 a {
	display:block;
	height:117px; width:131px;
}

#retrato {
	position:absolute;
	top: 10px; right: 10px;
}

#iconos { 
	float:left; width: 100%;
	margin: 10px 0 10px 0;
}

#descripcion { 
	float:left; border-bottom: 1px solid #a7aaac; width: 100%;
	padding: 0 0 8px 0;
}

/* Menu */

ul#menu  { 
	float:left;	list-style:none; margin: 0px 0px 0px 30px;
	display:inline; width: 400px; background: #d2d6d9 url(img/esq-menu.gif) no-repeat bottom right;
}

#menu li {
	float: left; list-style:none;
	margin: 0px; font-size: 15px; font-weight: bold; display:block;
}

#menu li a { 
	text-transform: uppercase; letter-spacing: -1px;
	color: #444; text-decoration:none; 
	display:block; padding: 8px 12px 8px 12px;
}

#menu li a.actual, #menu li a:hover { 
	background: #b8c0c6;
}

/* Busqueda */

form#busqueda {
	float:left; text-align:center; width: 100%;
	padding: 28px 0px 15px 0px; border-bottom: 1px solid #a7aaac; position:relative;
}

form#busqueda label { position:absolute; top: 8px; left: 58px; }

form#busqueda input.text {
	padding: 3px; width: 130px;
	border: 1px solid #a7aaac;
	margin: 0 3px 0 -25px;
}

form#busqueda input.button {
	position:absolute; 
	right:55px; top:15px;
}

/* Contenido del lateral */

#contenido-lateral { 
	float:left; padding: 0 20px 40px 20px;
	width: 285px; overflow:hidden;
}

#sidebar { float:left; }

#sidebar h2, h3.archivo {
	font-size: 28px; letter-spacing: -1px;
	padding: 15px 0 3px 0;
}

h3.archivo { font-family: Arial, Helvetica, sans-serif; color: #444; }

#sidebar, #sidebar ul { width: 100%; }

#sidebar li { 
	float:left; font-size: 12px;
	list-style: none; width: 100%;
}

#sidebar li ul li { 
	list-style: none;  padding: 5px 0;
	font-size: 12px; border-bottom: 1px solid #a7aaac; width: 100%; 
}

#sidebar li#adminpost { 
	font-size: 1em;
}

#sidebar li ul li.adminpost { 
	background: url(img/ico-adminpost.png) no-repeat;
	background-position: 0px 3px;
	padding: 5px 0 5px 20px; width: 265px;
}

#sidebar li ul li.nuevopost { 
	background: url(img/ico-nuevopost.png) no-repeat;
	background-position: 0px 3px;
	padding: 5px 0 5px 20px; width: 265px;
}

#sidebar li ul li.perfil { 
	background: url(img/ico-perfil.png) no-repeat;
	background-position: 0px 3px;
	padding: 5px 0 5px 20px; width: 265px;
}

li.estatica { 
	border-bottom: 1px solid #a7aaac;
	padding: 0 0 10px 0;
}

.feed { 
	 font-size:12px;
	background: url(img/ico-rss.png) no-repeat;
	background-position: left 0px -3px; padding: 1px 0 3px 22px;
	margin: 5px 20px 0 0; float:left; height: 100%;
}

a span.feed, a:hover span.feed { 
	color: #444; display:block; cursor:pointer;
}

.mail { 
	font-size:12px;
	background: url(img/ico-mail.png) no-repeat;
	background-position: left 0px -3px; padding: 1px 0 3px 22px;
	margin: 5px 20px 0 0; float:left; height: 100%; width: 200px;
}

a span.mail, a:hover span.mail { 
	color: #444; display:block; cursor:pointer;
}


/* Contenido principal */

#contenido { 
	float:left; width: 545px;
	padding: 0 25px 20px 30px;
}

#contenido h2, #contenido h2 a { 
	letter-spacing: -1px; font-size: 36px; color: #e2001a;
	text-decoration:none; line-height: 1.01em;
}

#contenido h3 {
	letter-spacing: -1; font-size: 22px; color: #e2001a; 
	text-decoration:none; line-height: 1.01em;
}

.post { float:left; width: 100%; margin: 20px 0 0 0; }

.entrada { 
	float:left; padding: 10px 0 15px 0;
	border-top: 1px solid #f3a6a6; width: 100%;
}

.metadata { 
	display:block; width: 515px;
	background: #cdd1d4; float:left; padding: 10px 15px;
}

.comentarios { 
	font-size:12px;
	background: url(img/ico-com.png) no-repeat;
	background-position: left 0px -2px; padding: 0 0 0 22px;
	margin: 0 0 0 15px; float:right; height: 13px;
}

.permalink { 
	font-size:12px;
	background: url(img/ico-link.png) no-repeat;
	background-position: left 0px -2px; padding: 0 0 0 22px;
	margin: 0 0 0 15px; float:right; height: 13px;
}

.tags { 
	font-size:12px; 
	padding: 0 0 0 0;
	margin: 0 0 0 0; float:left; height: 13px;
}

/* Comentarios */

ol#comentarios { float:left; margin: 10px 0; border: 0; }

ol#comentarios li { float:left; margin: 10px 0; list-style: none; background: #d2d6d9; }

ol#comentarios .comentario { 
	padding: 15px; float:left;
}

ol#comentarios .comentario p { 
	font-size: 0.96em; width:515px;
	font-family: Georgia, Times New Roman, serif;
}

ol#comentarios .meta { 
	 font-size:12px; padding: 10px;
	text-align:right; background: #b8c0c6; float:left; width: 525px;
}

	ol#comentarios .leo { 
		 border: 2px solid #fff;
		 background: #eee;
		 font-style: italic;
		 }

		ol#comentarios .leo .meta{ 
			 background: #d2d6d9;
			 }
		 
		 
ol#comentarios .adver { 
	 font-size:12px; padding: 10px; border: 1px solid #f3a6a6;
	text-align:center; background: #f3a6a6; float:left; width: 523px;
}

.mensaje { 
	font-size:12px; padding: 10px; text-align:left; 
	background: #d2d6d9; margin: 0 0 10px 0;
}

img.gravatar { float:left; border: 3px solid #fff; margin: 0 12px 12px 0; }

form#commentform {
	float:left; padding: 10px 0 0 0;
	margin: 8px 0 0 0;
	border-top: 1px solid #f3a6a6;
}

form#commentform label {
	font-size:12px; float:left;
}

form#commentform #datos {
	float:left; width: 185px;
}

form#commentform #areacoment {
	float:left; width: 355px;
	text-align:right;
}

form#commentform #areacoment-full {
	float:left; width: 544px;
	text-align:right;
}


form#commentform input.text, .contactright input {
	padding: 3px; width: 150px;
	border: 1px solid #f3a6a6;
	margin: 0 3px 0 0;
}

form#commentform input.submit, input#contactsubmit {
	padding: 5px 6px; border: 0px; 
	color: #fff; background: #e2001a;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-top-left-right-radius:5px;
	border-top-left-radius:5px;
}

form#commentform textarea, .contactright textarea {
	padding: 2px; width: 349px;
	border: 1px solid #f3a6a6;
	margin: 0 3px 0 0;
}

form#commentform #areacoment-full textarea {
	padding: 2px; width: 539px;
	border: 1px solid #f3a6a6;
	margin: 0 3px 0 0;
}


/* Contenido del pie */

#pie-izq {
	float:left;	background-position: left;
	background: #b8c0c6 url(img/degra-p-izq.gif) repeat-y;
	width: 700px; height: 100px;
}

#logos-izq { float:left; width: 120px; margin: 0px 10px; padding: 0 0 0 15px; }

#logos-izq img { 
	margin: 28px 0 0 5px; float:left;
}

#pie-der {
	float:right; background: #b8c0c6 url(img/degra-p-der.gif) repeat-y;
	background-position: right;
	width: 50px; height: 100px;
}

#logos-der { float:right; width: 200px; margin: 0px 10px; }

#logos-der img { 
	margin: 28px 10px 0 0; float:right;
}

.creditos { float:left; margin: 10px 0 0 0;  }

/* Clases globales */

.normal, .entrada, .entrada p, #lateral label { font-family: Georgia, Times New Roman, serif; font-size: 1em; }

#lateral .normal { font-size: 0.98em; line-height: 1.50em; }

.pq { font-size: 10px; }

.subtitulo {  font-size:12px; padding: 8px 0; }

.creditos { font-size: 12px; padding: 20px 0; line-height: normal; }

.entrada a:hover, .subtitulo a:hover,
.metadata a:hover, .creditos a:hover { 
	border-bottom: 1px dotted #e2001a;
}

/* Otros */

h2.solo { margin: 0 0 5px 0;}

ul.related_post {
list-style-type:square;
padding:0px 25px; margin: 5px 0 18px 0;
}
ul.related_post li {
padding-top:8px;
}

/* Estilos in-post (imgs, blockquotes, etc) */

.post blockquote p {
	background: url(img/cite.png) no-repeat; height: 100%;
	padding: 25px 0 0 25px; margin: 15px;  line-height: 1.70em;
	font-family: Georgia, Times New Roman, serif; font-style:italic; font-size: 1em;
	display:block;
} 

.entrada img { 
	background:#fff;
	border: 1px solid #a7aaac;
	padding:8px; margin: 5px 10px;
}

.entrada ul {
list-style-type:square;
padding:0px 25px; margin: 5px 0 10px 0;
}
.entrada li {
padding-top:8px;
}

.entrada ol {
	margin-left: 20px;
	margin-bottom: 20px;
}

	.entrada .404 {
		display: block;
		clear: both;
	}

.center { text-align:center; }

.left { float:left; }

.right { float:left; }

/* IE PNG fix */

#logo h1, .comentarios, .post blockquote,
.permalink, #logo, img#retrato, 
#logos-izq img, #logos-der img { behavior: url(iepngfix.htc); }

/* Encuestas */

form.wp-polls-form input.button, form.wp-polls-form a.button {
	padding: 3px 4px; border: 0px; 
	color: #fff; background: #e2001a;
	margin: 8px 0 0 3px; font-size: 12px;
	text-transform: uppercase;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-top-left-right-radius:5px;
	border-top-left-radius:5px;
}

form.wp-polls-form a.button { padding: 4px 5px;  }

#sidebar li ul.encuesta li { 
	width: 285px; float:left;
	list-style: none; padding: -2px 0 0 0; border: 0px;
	font-size: 12px; text-transform:none;
}

#sidebar li ul.encuesta li div.pollbar { 
	float:left;
}

#sidebar li ul.encuesta li label { 
	padding: 0 0 0 5px;
}

.textousuario { 
	font-size: 13px; font-family: Georgia, Times New Roman, serif;
}



/* Estilos para impresion */

@media print {

* { 
background: #fff; color: #444;
}

#lateral, ul#menu, 
form, h3.respuesta { display:none; }

}