/* -----------------------------------------------------------------------------------------------------------------------
   Theme Name:   Geex3M+
   Theme URI:    http://gespadas.com/servicios/
   Description:  Tema Minimalista de Texto ASCII Monoespaciado. Basado en <strong>Geex3M</strong> de <a href="http://pax.mioritics.ro/">Alexandru Popescu</a> y modificado por <a href="http://gespadas.com/">Gregorio Espadas</a>.
   Version:      1.0
   Author:       Gregorio Espadas
   Author URI:   http://gespadas.com/

   Licencia:     Este Theme, como todos los Themes para WordPress, está regido por la GNU General Public License Version 2, tal y como se indica en el archivo license.txt, incluido en este Theme.
   ----------------------------------------------------------------------------------------------------------------------- */

/* Reseteo de Estilos, tomados del estupendo Blueprint CSS Framework (http://github.com/joshuaclayton/blueprint-css),
   tomados a su vez del Gurú en CSS, Eric Meyer (http://www.meyerweb.com/eric) */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Redefinición de Estilos Generales, tomados del Theme Original GEEX3M. */

body  {color: #000; font: 13px "Courier New", Courier, mono;}
small {font-size: 12px;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom:1px dashed #999;}
blockquote {margin: 15px 20px 0 10px;padding-left: 10px;border-left: 1px solid #ccc;}
hr {display:none;}
a img {border:none;}
p img {padding:0; max-width:100%;}
ol li {list-style: decimal outside;}

/* Clases de Uso Específico, tomados del Theme Original GEEX3M */

.center        {text-align:center;}
.alignright    {float:right;}
.alignleft     {float:left;}
img.centered   {display:block; margin:0 auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft  {padding:4px; margin:0 7px 2px 0; display:inline;}

/* Estructura - Layout */

#encabezado {display:block; margin:0 auto; padding:0; width:960px; height:190px;}
#pagina     {display:block; margin:0 auto; padding:20px 0; width:960px; /*background-color: #eee;*/}
#contenido  {display:block; margin:0 5px 0 10px; padding:0; width:630px; float:left;}
#sidebar    {display:block; margin:0 10px 0 5px; padding:0; width:300px; float:left; /*background:#999;*/}
#footer     {display:block; margin:0; padding:20px 0; width:100%; float:left; background: url(./imagenes/pie.jpg) left top repeat-x black;}

/* Hacks para IE - Prevención del Margen Doble en la Estructura */
* html #contenido {display:inline;}
* html #sidebar   {display:inline;}

/* Contenido Principal */

.post            {margin:0 0 40px 0; text-align:left;}
.post hr         {display:block;}	
.post .entry img {background-color:#FFFFFF; margin:0 20px; border:1px solid #ced4ca; padding:4px; }
.postmetadata a  {text-decoration:none; color:#999;}
.postmetadata    {display:block;font-size:12px;}
.postTitle       {background: url(h.gif) repeat-x top; margin:0 0 0 80px; padding:5px 0 0 2px;}
.postTitle h2 a  {font-size: 16px; color:#111111; text-decoration:none; font-weight:bold; }
.postTitle h2    {margin: 6px 3px 0 0;  display: inline;}
.postTitle div   {background: url(h.gif) repeat-x bottom;  margin:0; padding:2px 0 1px 0 ;}
.post small      {font-size:13px; color: #ccc;  padding-top:6px;}
.post p          {margin:1em 0;text-align:justify;}
.postTitleHR     {display:block; margin:-3px;}
#clearnavigation {clear:both;}
h2.pagetitle     {font-weight:bold;font-size:16px;margin:20px 0; padding:10px;background:black;color:white;} 
#piecontenido    {display:block; margin:0 auto; padding:0; width: 960px; font-size: 12px; color: #999999; clear: both; background:#000;}
#piecontenido a  {text-decoration:none; color:#666666;}
#fecha           {background:url(./imagenes/fecha.png) left top no-repeat;display:block;width:74px;height:37px;float:left;padding:28px 0 0 0;text-align:center;font-weight:bold;}
#comentarios     {background:url(./imagenes/comentarios.png) left top no-repeat;display:block;width:48px;height:28px;float:right;padding:14px 0 0 0;margin:5px 0 0 0; text-align:center;font-weight:bold;}
#comentarios a   {text-decoration:none;color:#000;}
#comentarios a:hover {font-weight:bold;color:#fff;}

/* Viñetas Estilizadas - No funcionan en IE (ninguna novedad), tomados del Theme Original GEEX3M */

html>body .entry ul {margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px;} 
html>body .entry li {margin:7px 0 8px 10px;}
.entry ol {padding:0 0 0 35px; margin: 0;}
.entry ol li {margin:0;padding:0;}
.postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none;}
	
/* Sidebar*/

#sidebar ul li h2 {font-size: 13px; margin-bottom:0px; margin-top:20px;}
#sidebar ul {text-align: left; font-size:12px;}
#sidebar a {text-decoration:none; color: #777777;}
#sidebar a:hover, .post a:hover  { background-color:#000000; color:#FFFFFF;}
#sidebar ul, #sidebar ul ol {margin:0; padding:0;}
#sidebar ul li {list-style-type:none; list-style-image:none;}
#sidebar ul p, #sidebar ul select {margin:5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
#sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin:0; padding:0;}
#sidebar em {font-style:italic;}

.idTabs {margin:10px 0; padding:0; font-weight:bold; font-size:11px; line-height:130%; position:relative; top:2px; }
.idTabs li {margin:0; padding:0; list-style:none; float:left; }
.idTabs li a, .idTabs li a:visited {color: #F3F3F3; background-image: url(./imagenes/nav.png); background-repeat: repeat-x; padding: 6px 8px; margin-right: 5px; float: left; line-height: 130%; }
.idTabs li a:hover {color: white !important; }
.idTabs li a.selected {background-color: white; border: 1px solid #D5D5D5; border-bottom-color: white; background-image: none; }
.tabContent {display:block; clear: both; border: 0; /*1px solid #D5D5D5;*/ padding: 10px;  }
.tabContent ul {margin: 0; padding: 0 0 0 20px; }
.tabContent ul li {margin: 0 0 0 20px; padding: 5px; list-style: outside url(./imagenes/bullet.png) !important; border-top: 1px solid #EBEBEB; }
.tabContent ul li:first-child {border-top: 0;}
.tabContent ul li em {font-size: 10px; font-style: normal; color: #9D9D9D; }
.tabContent .widgettitle {margin:10px 0; border:0; padding: 2px; color: black; font-size: 16px; font-weight:bold;}

#about, #busquedas, #rssicons, #publicidad {padding: 10px; margin: 10px 0 0; }
#about h3, #busquedas h3, #rssicons h3, #publicidad h3 {font-size:14px; font-weight:bold;padding-bottom:10px;}
#about p {text-align:justify;}

#publicidad a img {padding:2px;margin:0;}
#publicidad a img:hover, .post a img:hover  {background-color:#ccc; color:#FFFFFF;}

/* Pie del Blog */

#footer .pietexto {display:block; margin 20px auto; padding:5px; text-align:center;}
.piecol {display:block; float:left; width: 310px; margin: 0 10px 10px 0; padding:0; background: #1a1b1d; color:#fff;}
.piecol h3 {background: url(./imagenes/nav.png) top repeat-x; margin:10px 0; border:0; padding: 6px 10px; color: white; font-size: 16px; font-weight:bold;}
.piecol h3 .widgettitle {margin:0; padding:0; border:0; color:white;}
.piecol p {padding: 5px 10px; }
.piecol ul {margin: 0; padding: 0; font-size: 10px; }
.piecol ul li {margin: 0; padding: 5px 10px; list-style: none; border-top: 1px solid #666; display: block; font-size: 12px; }
.piecol ul li a {color: #ccc !important; }
.piecol ul li:hover {background-color: #999;}
.piecol ul li a:hover {color:#fff !important; font-weight:bold;}

/* Elementos de Formulario, tomados del Theme Original GEEX3M */

input {border:1px solid #666666; font-size:12px;}
#searchsubmit, #submit, #searchform div input {background-color:#333333; color:#FFFFFF; border:none; font-size:12px}
#searchform {padding: 3px; }
#searchform input#s {border: 1px solid #666666; font-size:12px; background-color:#FFFFFF;	padding:2px; color:#333333;}
.entry form {text-align:center;}
select {width:130px;}
#commentform input {width:170px; padding:2px; margin:5px 5px 1px 0;}
#commentform textarea {width:450px; border:1px solid #333333; padding:2px; padding:2px;}

/* Comentarios */
.alt {margin:0; padding:10px; background-color:#FFFFEE;}
.commentlist {margin:10px;}
.commentlist li {margin:15px 0 3px; padding:5px 10px 3px 5px; list-style:none; font-size:12px;}
.commentlist p {margin:5px 5px 10px 0;}
#commentform p {margin:5px 0;}
.nocomments {text-align:center; margin:0; padding:0;}
.commentmetadata {display:block; float:right;}
.commentmetadata a {text-decoration:none; color #999999; font-size:11px;}

/* Calendario */
#wp-calendar {empty-cells:show; margin:10px auto 0; width:155px;}
#wp-calendar #next a {padding-right:10px; text-align:right;}
#wp-calendar #prev a {padding-left:10px; text-align: left;}
#wp-calendar a {display:block;}
#wp-calendar caption {text-align:center; width:100%;}
#wp-calendar td {padding:3px 0; text-align:center;}
#wp-calendar td.pad:hover {background-color: #fff;}

#footer #piebarra { display:block; width:960px; margin:0 auto; padding:10px; text-align:center; colspan: 3; }