/*  
Theme Name: Blog cybercentro
Theme URI: http://www.cybercentro.com/
Description: Tema para Wordpress.
Version: 1.0
Author: Ignacio Olmeda
Author URI: http://www.antevenio.com/
*/

/* Reset Styles */

/*** HACKS PARA IE ***/

/******* para IE6: */

*html {}

/******* para IE7: */

*:first-child+html { }

/***** fin hacks  */


html, body, form, fieldset {
	text-shadow: #000 0px 0px 0px; /*Elimina el efecto bold en Safari*/
	margin: 0;
	padding: 0;
	border: none;
}

h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address {
	font-size:1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}


a, a:link, a:visited, a:hover, a:active {
	outline: 0; 
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
}

label, button {
	cursor:pointer;
}

input, select, textarea {
	font-size: 100%;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

code {
font:100% monospace;
}

object, embed{
display:block;
margin:0 auto;
}

ul{list-style-type:none;}

/********* Fin Reset **************/

/************** General */

body {
	color: #555;
	font: 62.5%/normal Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
}

/**************** Cajas */

#total-page{background: url(images/bg-cabecera.gif) repeat-x;}

#page{
width:770px;
margin:0 auto;
}

#wrapper{}

#content{
width:480px;
float:left;
padding:10px 10px 0 0;
background: url(images/top-post.gif) top no-repeat;
}



/********* cabecera */

#bigbanner-adsense{margin:0; background:#003655; height:90px; padding:10px 0; text-align:center; display:none;}

#header {height:152px;}

#header h1 a{
	display:block;
	text-indent:-9000px;
	width:280px;
	height:64px;
	background: url(images/logo.gif) no-repeat;
	margin:40px 0 0 0;
	float:left;
}

#header h2{
	display:none;
}

#nav{padding: 90px 0 0 0; display:none;}

#nav a{
	display:block;
	text-indent:-9000px;
	width:210px;
	height:26px;
	margin:0 0 0 530px;
	background: url(images/articulos-recomendados.gif) no-repeat;
}

#vinculos-adsense{ height:26px; padding:10px 0 0 0; text-align:center; }



/******** post */

.post {
margin:0 0 30px 0;
font-size:1.2em;
font: 1.2em/1.5em verdana, Arial, Helvetica, sans-serif;
}

.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}

.post-month {
	font: .8em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #003655;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 3px;
	margin-left: -5px;
}

.post-day {
	font-size: 1.8em;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}

.post-title {
	float: left;
	margin: 0 0 0 10px;
	padding:0;
	width: 425px;
}

.autor {
font-size: .9em;
color: #33ccda;
}

.entry {
padding-top:10px;
clear: both;
width:475px;
}

.post h2{
margin:0 0 2px 0;
padding:0 0 4px 0;
border-bottom:2px dotted #eee;
}

.post h2 a{
	color:#007ac3;
	font-size:1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.post h2 a:hover{
	text-decoration: none;
	color:#33ccda;
}

.post h2 a:visited{
	color:#007ac3;
}

.post p {
margin-top:0;
}

.post ul, .post ol {
margin:10px 0;
list-style-type:none;
}

.post ul li, .post ol li {
	background: url(images/ico-post-li.gif) 0 8px no-repeat;
	padding:0 0 0 8px;
}

.post blockquote, .post blockquote blockquote{ 
color:#003655;
margin: 0 20px 10px;
padding:10px 10px 10px 50px;
background:#d4ecef url(images/fondo-blockquote.gif) 4px 4px no-repeat;
}

.post img {
margin:10px;
}

.post a img {
border:2px solid #33ccda;
}

.post a img:hover {
border:2px solid #007ac3;
}

.postmetadata{
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
margin:10px 0;
background:#fff url(images/carpeta.gif) top no-repeat;
	height:60px;
	clear:both;
}

.comentarios{
	background:#fff url(images/bocata.gif) top no-repeat;
	margin: 0 0 0 390px;
	padding:8px 0 0 0 ;
	text-align:center;
	width:89px;
	height:27px;
}

.comentarios a{ }

.comentarios a:link, .comentarios a:visited{ font: .8em Arial, Helvetica, sans-serif; }
.comentarios a:hover{color:#fff;}

.postmetadata-page .categorias{
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
margin:10px 0;
background:#fff url(images/carpeta.gif) top no-repeat;
	height:20px;
	padding:45px 0 0 0 ;

}

.categorias{margin:10px 0 0 0 ;}

.navigation{ height:30px;}
.navigation .alignleft{float:left;}
.navigation .alignright{float:right;}


/* comentarios */

h2#respond, h2#comments, h2.pagetitle{
margin:0 0 10px 0;
padding:0 0 4px 0 ;
	border-bottom:2px dotted #eee;
	color:#007ac3;
	font-size:1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

ol.commentlist li{
padding:10px;
background:#d9fafd;
margin:0 0 10px 0;
}

ol.commentlist li.alt{
background:#e6fbfd;
}

ol.commentlist li cite, ol.commentlist li a cite {
	font-size:1em;
	font-style: normal;
	font-weight: bold;
}

.commentmetadata a:link, .commentmetadata a:visited{
	color:#33ccda;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
}

.commentsblock{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #7c7c7c;
	line-height: 150%;
	margin: 0 0 20px 0;
}

.commentsblock textarea{
	width:468px;
	font-size:1.5em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
	background:#f8f8f8;
}

.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}

input.boton-enviar{
	background:#d1d1d1;
	border:1px solid #a1a1a1;
	padding:2px;
	color:#5f5f5f;
	font-weight:bold;
}


/********** sidebar */

#sidebar{
width:280px;
float:left;
color:#5b686a;
background: #d4ecef url(images/fondo-abajo-sidebar.gif) bottom no-repeat;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

#sidebar a{color:#003655;}

#sidebar h2{
background:#d4ecef url(images/h2-sidebar.gif) 0 5px no-repeat;
color:#007ac3;
font-weight:bold;
text-indent:12px;
margin:10px 0;
padding:0 0 4px 0;
font-size:1.2em;
}

#sidebar h2.primero{margin-top:0;}

#sidebar ul li{
border-bottom: 1px solid #9dbabe;
background:#d4ecef url(images/ico-li.gif) 5px 7px no-repeat;
text-indent:15px;
padding:3px 0;
}

#sidebar ul li:hover{background:#bed3d6 url(images/ico-li.gif) 5px 7px no-repeat;}

#sidebar ul li a{display:block;}

#sidebar-left{padding:0 0 0 10px; width:260px;}

#sidebar-right{}

#search{
	background: #fff url(images/fondo-buscar.gif) no-repeat;
	padding:0;
	height:64px;
}

#search .caja-buscador{
width:166px;
height:24px;
background: transparent;
border:none;
margin:6px 18px 0 20px;
padding:2px;
float:left;
font-size:1.8em;
color:#007ac3;
}

#search .boton-buscador{
width:60px;
height:28px;
background: transparent;
border:none;
cursor:pointer;
margin:6px 0 0 0;
float:left;
}

#rss{
margin:10px 0;
}

#rss a.rss-entradas{
width:125px;
height:40px;
display:block;
text-indent:-9000px;
background: #007ac3 url(images/rss-entradas.gif) no-repeat;
margin:0 10px 0 0;
float:left;
cursor:pointer;
}

#rss a.rss-comentarios{
width:125px;
height:40px;
display:block;
text-indent:-9000px;
background: #007ac3 url(images/rss-comentarios.gif) no-repeat;
margin:0;
float:left;
cursor:pointer;
}

/* footer */
#footer {
	background: #33ccda url(images/fondo-footer.gif) top no-repeat;
	color: #245f81;
	font-size: .9em;
	line-height: 130%;
	padding:10px 0 0 10px;
}
#footer a, #footer a:visited {
	color: #ffffff;
}
#footer h2 {
	font: normal 1.4em/100% "Trebuchet MS", Tahoma, Arial;
	color: #003655;
	margin: 10px 0px;
	border-bottom:1px dotted #003655;
	font-weight:bold;
	text-indent:6px;
	padding:0 0 2px 0;
}
#footer ul li {
background: url(images/ico-estrella.gif) 0 4px no-repeat;
text-indent:8px;
}

#footer-post-recientes, #footer-recent-comments, #footer-about{float: left; width:243px; margin:0 10px 20px 0;}

#footer-copy{
width:750px;
padding:20px 0 0 0 ;
background: #33ccda url(images/fondo-copy.gif) 0 10px no-repeat;
text-align:center;
height:18px;
}

#footer .fecha{ font:1em Arial, Helvetica, sans-serif}




/********* Enlaces */

a:link, a:visited, a:active {
	color: #0075bb;
	text-decoration: none;
}

a:hover{
color:#33ccda; 
text-decoration: underline;
}


/************** clases  ***/

.clear {
	clear: both;
}

.center{ text-align:center;}

.red, .red a{color:red;}