/*
Theme name: El Ojete
Theme URI: http://www.elojete.com
Description: Theme original realizado 100% por ambigrama.com
Versión: 1.0
Author: Ambigrama
Author URI: http://www.ambigrama.com
Description:  Theme personalizado para elojete.com
Version: 1.0
*/


body {background: #000; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:normal; }

img { border: none;  }

blockquote { font-style:italic;}

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

a:hover { text-decoration:underline; }

.clear {clear:both;}


#sidebar { float:right; }



/* ESTRUCTURA BÁSICA

============================================== */

#contenedor { width:1024px; margin:0 auto; background:url(images/bg-contenido.png) repeat-y center; }



/* CABECERA

============================================== */

#cab {width:513px; height:279px; margin: 10px 0 0 10px; float:left; background: url(images/cab.jpg) no-repeat; }

#enlace-cab {width:513 height:279px; margin:0; }


/* BUSCADOR

============================================== */

#buscador {width: 310px; height:60px; margin:10px auto 10px -5px; background: url(images/wg-buscador.png) no-repeat;}

.input-buscador { width:120px; height: 20px; margin: 20px 0 0 25px; border:none; background: #fff; padding:0 4px 0 4px; font-size: 14px; color: #000;}

.boton-buscador { border: none; width: 115px; height: 20px; background: transparent ; cursor: pointer; margin: 20px 35px 20px 0 ; float:right; }

h2.busqueda2 { font-family: "trebuchet MS", Arial; width: 450px; height: 40px; float:left; font-size:20px; font-weight:bold; color:#000; margin: 10px 10px -7px 10px; text-align:left;  }

h2.busqueda3 { font-family: "trebuchet MS", Arial; width: 450px; height: 40px; float:left; font-size:20px; font-weight:bold; color:#000; margin: 10px 10px 20px 10px; text-align:left;  }

/* CONTENIDO 

============================================== */

#contenido {width: 1024px; margin: 0 auto; }

/* POST

============================================ */
#zona-post-top { width: 516px; height: 22px; background: url(images/zona-post-top.png) no-repeat; padding-top: 10px; margin: 20px 10px 0 9px; float:left;}
.zona-post {width: 516px; padding-top: 10px; margin: -10px 10px 10px 10px; float:left; background: url(images/bg-post.png) repeat-y;}

.post {width: 500px; margin:0 auto; }

.post-metas-comentarios { width:98px; height:60px; margin: 30px 0 0 5px; float:right; padding-top:10px; text-align:center; font-size:30px; background:url(images/ico-comentarios.png) no-repeat left; }

.post-metas-comentarios a {text-decoration: none; color:#fff;}

.post-metas-comentarios a:hover {text-decoration:underline; font-weight:normal; color:#fff;}

.post-fecha  { width:380px; height:15px; font-size: 12px; color:#9e2e2e; font-weight: normal; background: url(images/ico-fecha.png) no-repeat left; text-align:left; float:left; text-indent: 20px; letter-spacing: 1px; margin: 20px 0 10px 5px; }

.post-titulo h2 {width: 480px; font-size:34px; font-weight: bold; letter-spacing:-2px; line-height:1em; margin:0; text-align:left;  padding: 5px 0 0 5px;}

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

.post-titulo a:hover {color:#9e2e2e; text-decoration:none;}

.metas {width:480px; height:18px; display:block; }

.post-metas-categoria {width:300px; height: 18px; font-size: 14px; font-weight:normal; float:left; text-align:left; background:url(images/ico-categorias.png) no-repeat left; text-indent: 20px; margin: 5px 0 5px 5px; }

.post-metas-categoria a {text-decoration: none; color:#9e2e2e;}

.post-metas-categoria a:hover { text-decoration:underline; color:#9e2e2e;}



.post-txt {width: 490px; margin: 0 auto; text-align:justify; font-size:14px; color:#000; line-height:1.3em; clear:both; }

.post-txt a {text-decoration: none; color:#9e2e2e; font-weight:bold;}

.post-txt a:hover {text-decoration:underline;}

.post-txt img {border: 1px solid #333; margin: 0 10px 5px -5px ; float:left;}





.post-metas-etiquetas {width: 480px; margin:0; background: url(images/tag.png) no-repeat left top; clear:both; text-indent: 20px; margin: 0 0 10px 5px; } 

.post-metas-etiquetas a { color:#9e2e2e; text-decoration:none;  }

.post-metas-etiquetas a:hover { color:#9e2e2e; text-decoration: underline;}

a.more-link { text-decoration: none; color:#9e2e2e;}






#ban-sobre-post { width: 468px; margin: 0 auto;}
#zona-post-bajo { width: 516px; height: 22px; background: url(images/zona-post-bajo.png) no-repeat;  margin: -10px 10px 0 9px; float:left;}



/* COMENTARIOS

============================================ */

.comentarios {width: 450px; margin: 0 0 0 5px; float:left;  background:#fff;}

.comentario-titulo {width:  450px; margin: 15px 10px 10px 10px; font-size:17px; font-weight:bold; color:#000; }





.requerido {font-size:12px; color:#999; font-style:italic;}

.reply a{ color:#c31d25;}



.deja-comentario {margin: 10px 10px 10px 10px; font-weight:bold; color:#000;}

.commentlist  {margin: 0 50px 0 0;}

ul.commentlist { list-style:none; margin: 5px 35px 5px -30px ; float:left;  }

ul.commentlist li { width: 450px; border:solid #9E2E2E 1px; margin: 0 0 10px 0; list-style:none; padding:10px; background:#FFFCEF; }

ul.children li { width: 95%;  margin: 10px 0 10px 0; list-style:none; padding:10px 10px 10px 10px; background:#eee;}

ul.children li li { width: 99%;  margin: 10px 0 10px -20px; list-style:none; padding:10px; background:#fff;}



.avatar { padding:5px; border:1px solid #eee; background:#fff; float:left; margin: 0 3px 3px 0;}

.comment-meta { width:250px; margin: 0 0 10px 0; float:left; font-size:11px; padding-top:10px;}

.comment-meta a { color:#000;}

.comment-body p{ width: 450px;}

.fn {margin: 0 0 0 0;}

.fn a { color:#000;}

.url {margin: 0 0 0 0;}



.comment-author vcard {padding: 5px 0; float:right; display:block;}



label {font-size:15px; color:#000;}

#form-comentarios { margin-left: 20px;}

#submit {margin: 10px 0 0 0; background: #C31D25; color:#fff; border: 1px solid #000; padding: 3px; font-size:15px;} 



#commentform {margin: 0 0 0 10px;}

#commentform a {color:#000;}

#author {border: solid #9E2E2E 1px; background:#FFFCEF; padding: 5px; width: 250px; }

#email {border: solid #9E2E2E 1px;background:#FFFCEF; padding: 5px; width: 250px;}

#url {border: solid #9E2E2E 1px;background:#FFFCEF; padding: 5px; width: 250px;}

textarea#comment {border: solid #9E2E2E 1px;background:#FFFCEF;padding: 3px; width: 400px;}



#comment { }

.comment-body {padding: 3px; width: 500px;}

.comment-body p {clear:both;}

.pingback {background:#eee;}

.pingback .comment-meta {float:left; width:450px;clear:both; }



/* PAGINACION

============================================ */

.paginacion { width: 487px; height: 40px; margin: 30px auto 0 auto; font-size:12px; background:url(images/bg-paginacion.png) no-repeat; padding: 12px 0 0 0;}

.paginacion a {text-decoration: none; color:#db3d8c;}

.paginacion a hover { text-decoration:underline;}

.wp-pagenavi {width: 400px; text-indent: 10px;}



/* ARCHIVOS

============================================ */

.archivos { font-family: "trebuchet MS", Arial; width: 490px; font-size:20px; font-weight:bold; color:#000; margin: 10px;}




/* BARRA LATERAL IZQUIERDA

============================================ */


#barra-lateral-izquierda { width:150px; margin: 10px auto 0 auto; float:right; font-size:14px;}

#barra-lateral-izquierda a {color: #fff; text-decoration:none;}

#barra-lateral-izquierda a:hover {color: #fff; text-decoration:underline;}

#ban-lateral-izquierda { width: 120px; margin: 0 auto;}

#ban-lateral-izquierda img {float: right;}




/* BARRA LATERAL DERECHA

============================================ */

#barra-lateral-derecha { width:320px; margin: 10px auto 0 auto; float:right; font-size:14px;}

#barra-lateral-derecha a {color: #fff; text-decoration:none;}

#barra-lateral-derecha a:hover {color: #fff; text-decoration:underline;}

#ban-lateral-derecha { width: 300px; margin: 10px auto 0 auto;}

#ban-lateral-izquierda img {float: right;}



/* WIDGETS 

============================================= */

.widget ul {margin: 0 0 10px 0;}

.widget a {color:#fff; text-decoration:none;}

.widget a:hover {color:#fff; text-decoration:underline;}


.widget_categories { clear:both; padding:0; }

.widget_categories .widgettitle {width: 310px; height:60px; background: url(images/widget/wg-categorias.png) no-repeat; text-indent:-88888px; margin:20px auto 0 -5px;}

.widget_categories ul{ list-style: none; margin:10px 0 0 0; font-size:14px; font-weight:normal; padding: 0; clear:both;}

.widget_categories ul li { width: 250px; margin:0 0 5px 40px; color:#FFF; background:url(images/ico-categorias-sb.png) no-repeat left; text-indent:20px; }




.widget_tag_cloud { margin:0; clear:both; }

.widget_tag_cloud .widgettitle { width: 310px; height:60px; background: url(images/widget/wg-etiquetas.png) no-repeat;text-indent:-88888px; margin:20px auto 0 -5px; }

.widget_tag_cloud div {width: 230px; margin: 0 0 20px 33px; color: #fff; text-align:left;}

a.widget_tag_cloud div { color:#0F0;}



.widget_recent_entries {}

.widget_recent_entries .widgettitle {width: 310px; height:60px; background: url(images/widget/wg-noticias-recientes.png) no-repeat; text-indent:-88888px;  margin:20px auto 0 -5px; }

.widget_recent_entries ul {width: 250px; color:#fff; list-style: none; text-align:left;}

.widget_recent_entries ul li { margin:3px 0 2px 0; width: 250px; background:url(images/ico+vistos.png) no-repeat left top; text-indent:20px; }


.widget_archive {}

.widget_archive .widgettitle {width: 310px; height:60px; background: url(images/widget/wg-archivo.png) no-repeat; text-indent:-88888px;  margin:20px auto 0 -5px; }

.widget_archive ul {width: 250px; color:#fff; list-style: none; text-align:left;}

.widget_archive ul li { width: 250px; margin:3px 0 2px 0; background:url(images/ico-archivo.png) no-repeat left top; text-indent:20px;}




.widget_recent_comments{}

.widget_recent_comments .widgettitle {width: 310px; height:60px; background: url(images/widget/wg-comentarios.png) no-repeat; text-indent:-88888px; margin: 20px auto 0 -5px;}

.widget_recent_comments ul { width: 250px; color:#fff; list-style: none; text-align:left;}

.widget_recent_comments ul li { margin:0 0 5px 0;  width: 250px; background:url(images/ico-comentarios-sb.png) no-repeat left top; text-indent:20px; }



.widget_links {}

.widget_links .widgettitle { width: 310px; height:60px; background: url(images/widget/wg-enlaces.png) no-repeat; text-indent:-88888px; margin:20px auto 0 -5px;}

.widget_links ul{ list-style: none; text-align:left; color:#FFF; width: 250px; }
.widget_links ul li {background:url(images/ico-web.png) no-repeat left; text-indent:20px; margin: 0 0 5px 0;}


.widget_text img {margin: 10px 0 10px 5px;}


/* PIE
============================================ */

#pie {width:1024px; height: 238px; clear:both; margin:0 auto; background:url(images/bg-pie.png) no-repeat}

#ban-bajo-post { width: 468px; margin: 20px 20px 30px 30px; float:left;}

#txt-pie {width: 470px; font-size:12px; color:#fff; text-align:left; color:#9e2e2e; padding: 0 0 0 20px; margin: 0 0 0 0; clear:both; font-weight:bold; }

#txt-pie a{ text-decoration: none; color:#9e2e2e;;}

#txt-pie a:hover { text-decoration:underline; }

#txt-pie2 {width:470px; font-size:10px; color:#fff; margin: 0; line-height:1em; padding:0; color:#9e2e2e; }

#txt-pie2 a{ text-decoration: none; color:#9e2e2e;}

#txt-pie2 a:hover { text-decoration:underline; font-weight: normal;}

#logo-pie { width: 370px; float:right;  padding: 0 50px 0 0; margin: -100px 0 0 0; clear:both; }


/* AVISO LEGAL 
=============================== */
img.avisolegal  {border:none; margin:0 auto;}