/*
Theme Name: Lo que le diga Ingles
Theme URI: aún no tiene :P
Description: El theme para mi blog.
Author: Blpgirl
Author URI: http://loquelediga.com/
Version: 1.2
*/

   
/* ---------------------------------------------
  reset
---------------------------------------------*/
body, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, .inputIngreso, th, td  
{  margin: 0; padding: 0; border: 0; outline: none;  } 


/* Tipografia y colores */
body{
font-family: Arial, Helvetica, Verdana, FreeSans;
font-size: 12px;
text-align: left;
background-color: #fff;
color: #434343;
line-height: 1.75em;
}

a:link, a:visited{
text-decoration: none;
color: #5C9ABA;
}

a:visited{
color: #999;
}

a.title:visited, .navigation a:visited{
color: #5C9ABA;
}

.title{
font-family: Georgia, sans-serif, Arial, FreeSans;
font-size: 20px;
letter-spacing: -0.35px;
line-height: 1.14em;
font-weight: bold;
}

.navigation{font-size: 14px;
font-weight: bold;
line-height: 18px;
margin-bottom: 15px;}

.paginator {
	margin-top:0px;
}

.paginator span {
	display:block;
	padding:3px 0;
	color:#555;
}

.paginator .scroll_thumb {
	background:#555;
}

.paginator span strong {
	background:#ddd;
}

.paginator .current_page_mark {
	background:#5C9ABA;
}

/* ---------------------------------------------
  Definici�n tama�os
---------------------------------------------*/

#pagina{ 
	margin: 0px auto;
	width:960px;
}

#header { 
width: 960px;
height: 150px;
background-image: url(./images/header.jpg);
background-repeat: no-repeat;
border: 1px solid #96CADD;
border-top:0;
}

#menu{
width: 610px;
height: 40px;
margin-left: 5px;
margin-right: 5px;
border-bottom: 1px solid #777;
float:left;
}

.searchform, #cse-search-box{
float: left;
width: 330px;
height: 40px;
margin-left: 5px;
border-bottom: 1px solid #777;
}

.searchform div, #cse-search-box div{
margin: 0 auto;
margin-top: 5px;
width: 160px;
}

#contenedor{
float: left;
width: 600px;
margin-left: 10px;
margin-right: 10px;
display:block;
}

.barra{
float: left;
width: 330px;
margin-left: 5px;
margin-right: 5px;
}

/* ---------------------------------------------
  Elementos en contenido en el index
---------------------------------------------*/

blockquote{
font-style: italic;
max-width: 400px;
min-width: 250px;
margin: 15px auto;
border-left: 1px solid #ccc;
color: #555;
padding: 0 20px;
}

/* Para quotes tipo revista que van al lado del texto */
.pullquote {
   width: 250px;
   float: right;
   margin: 5px;
   font-family: Georgia, "Times New Roman", Times, serif;
   font: italic bold #ff0000 ; 
}

/* Para cambiar el color de resaltado del texto */
::selection {
                color: #000000;
                background-color: #bbb;  }

::-moz-selection {
                        color: #000000;
                        background: #bbb;  }


ol, ul{
margin: 5px 25px 20px 25px;
}

.post ul li, .post ol li{
margin-bottom: 5px;
}

.entrada ol, .entrada ul{
max-width: 540px;
min-width: 250px;
}

.post{
width: 600px;
margin: 20px 0 0 0;
}

.autor{
text-decoration: none;
color: #777;
margin: 0 0 5px 2px;
}

.autor a{
text-decoration: none;
}

.autor a:visited{
color: #5C9ABA;
}

.entrada{
width: 590px;
margin: 0 5px 0 5px;
}

.leermas{
font-style: italic;
margin-top: 5px;
font-weight: bold; 
}

.metadata a:visited{
color: #5C9ABA;
}

.metadata , .metadataSingle{
	border-top: 1px dotted #ccc;
	clear: both;
	margin-top: 5px;
	text-align: right;
	margin-bottom: 50px;
}

.metadataSingle
{	margin-bottom: 10px; }

.post p{
padding-bottom: 10px;
}

.post p.subtitulo{
font-size: 14px;
padding-top: 10px;
font-weight: bold;
}

.commentlist p{
padding-bottom: 6px;
padding-top: 1px;
}

/* ---------------------------------------------
  Pa los elementos del header 
---------------------------------------------*/

#header h1{
float: left;
padding-top:2px;
padding-left: 5px;
width: 360px;
height: 130px;
text-indent: -9999px;
overflow: hidden;
}

#header h1 a{
display: block;
height: 130px;
}

/* ---------------------------------------------
  Pa los elementos del menu
---------------------------------------------*/
#menu li{
display: inline;
margin: 0;
padding-right:10px;
padding-left:10px;
border-right: 1px solid #333;
}

#menu ul{
list-style: none;
margin:0px;
font-weight: bold;
text-align: center;
white-space: nowrap;
margin-top: 10px;
}

#menu a{
text-decoration: none;
color:#aaa;}

#menu li.actual a{
color:#000;}

/* ---------------------------------------------
  Pa los elementos del searchform
---------------------------------------------*/
.searchform input, #cse-search-box input{
float: left;
}

.barrabuscar{
background:transparent url(./images/buscar.gif) no-repeat right;
width:127px;
border:0;
height: 20px;
padding-top:5px;
padding-bottom: 5px;
}

#searchsubmit{
width: 25px;
padding-left:5px;
padding-top:2px;
}
	
.alignright {
float: right;
}
	
.alignleft {
float: left;
}

/* ---------------------------------------------
  Elementos del sidebar
---------------------------------------------*/

.tituloBarra
{
font-family: Georgia, sans-serif, Arial, FreeSans;
font-size: 18px;
font-weight: bold;
}

#suscribete
{height: 230px;}

.barra a:visited{
color: #5C9ABA;
}

/* 96BADD  oscuro 2C6ABA*/

.barra ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.barra ul li{
margin: 20px 5px 5px 5px;
width: 320px;}

.barra ul li h2{
border-bottom: 1px solid #E1E1E1;
text-align: center; }

#barraLateral{
margin-top:240px; }

/* suscripci�n */

#todorss
{
height: 80px;
width: 320px;
}

#rss p a
{display: block;
height: 64px;
width: 64px;
}

#rss p{
text-indent: -9999px;
overflow: hidden;
}

#rss 
{
background-image: url(./images/rss.png);
background-repeat: no-repeat;
height: 64px;
width: 64px;
margin: 10px 25px;
margin-bottom: 0px;
float: left;
}

#rssCounter
{
float: left;
width: 90px;
margin-top: 10px;
margin-left: 50px;
}

#suscripcionPregunta
{
float: left;
margin-left:55px;
margin-top:15px;
width:100px;
}

.botones
{
width: 320px;
height: 20px;
margin-top: 10px;
}

.botones p{
margin-left:10px;
height: 18px;
float: left;
}

.botones p.google{
margin-left: 10px;
}


#todoCorreo
{
height: 50px;
width: 320px;
margin-top: 20px;
clear:left;
}

#iconoCorreo p{
text-indent: -9999px;
overflow: hidden;
}

#iconoCorreo
{
float: left;
background-image: url(./images/correo.png);
background-repeat: no-repeat;
height: 48px;
width: 48px;
margin-left: 30px;
}

#porCorreo
{
float: left;
height: 14px;
width: 200px;
margin-top: 10px;
margin-left: 25px;
margin-bottom: 25px;
font-weight: bold;
}

#formCorreo
{
clear:left;
width: 100px;
margin-top: 5px;
margin-left: 30px;
}

.emailInput
{
width: 180px;
height: 20px;
border: 1px solid #777;
float: left;
}

.inputIngreso
{
padding-left: 2px;
padding-top: 2px;
width: 176px;
float: left;
}

.submit
{
position: relative;
left: 190px;
top: -23px;
}

/* Cuenta de twitter del blog */
.contadorLoquelediga
{width: 300px;
height: 40px;
margin-top:10px;
clear:both;}

.contadorLoquelediga #TwitterCounter a
{float: right;}


.tweetLoquelediga
{width: 290px;
margin: 10px 0;
margin-bottom: 0;
clear:both;}

.tweetLoquelediga ul
{list-style-type: none;
width: 290px;
margin: 0;}

.tweetLoquelediga li
{width: 290px;
margin-top:5px;}

/* lo de en el blog, lo dem�s est� en el otro css */

#ultimosArticulos
{height: 500px;}

/* widget pa sugerencias skribit */
#sugerencias
{height: 100%;}

#skribit
{height: 100%;
margin: 10px auto;
width: 230px;
}

/* patrocinadores */
#pub
{height: 450px;}

.anuncio
{
float:left;
width: 125px;
height: 125px;
margin:10px 23px;
margin-right:0;
}

.anuncio300
{
width: 300px;
height: 250px;
margin:10px;
}

/* enlaces patrocinados */
#enlacesPatrocinados ul
{
padding: 0 10px;
}

/* ---------------------------------------------
  Elementos del footer
---------------------------------------------*/
#footer{
width: 960px;
height: 2px;
background-color: #F2F2F2;
clear:both;
margin-top: 15px;
}

#footer h2{
font-size: 14px;
border-bottom: 1px solid #ccc;
text-align: center;
}

#googleConnect, #blogroll, #red
{width: 310px;
height: 380px;
float: left;
margin: 10px 5px;
}

/* Navegaci�n 2 que va debajo del footer */
#navegacion2{
width: 960px;
height: 15px;
clear:both;
}

#navegacion2 ul{
list-style: none;
width: 530px;
margin: 5px auto;
}

#navegacion2 ul li a:visited{
color: #5C9ABA;
}

#navegacion2 li{
float:left;
display: inline;
border-right: 1px solid #999;
padding-right:5px;
padding-left:5px;
}

/* blogroll */
#blogroll ul
{width: 280px;
margin-right: 0;}

#blogroll ul li
{width: 270px;}

#copy
{padding-top: 5px;}

#footer a:visited
{color: #5C9ABA;}

/* En la red */
#facebookF
{width: 270px;
margin: 10px 5px;}

#miTwitter ul
{margin: 5px;
list-style-type: none;}

#miTwitter ul li
{float:left;
margin-right:30px;}

#miTwitter
{margin: 5px;
clear:both;}

.tweet
{width: 290px;
margin: 10px 0;
margin-bottom: 0;
height: 150px;
clear:both;}

.tweet ul
{list-style-type: none;
width: 290px;
margin: 0;
height: 120px;}

.tweet li
{width: 290px;
margin-top:5px;
height: 70px;}

/* ---------------------------------------------
  Elementos del single
---------------------------------------------*/
	
#pubsingle
{
margin: 0 auto 10px auto;
width: 470px;
height: 70px;
clear:both;
}

#entradasSimilares
{width: 600px;}

/*  Pa entradas similares */

#similares {
width: 400px;
float: left;
margin-bottom: 10px;
}

#similares h4, #socialMedia h4{
font-size: 12px;
margin-top:10px;
}

#similares ul{
margin:10px;
margin-left: 20px;
list-style-type: disc;
width: 380px;
}

/*  riega la voz */
#socialMedia
{
width: 195px;
float:left;
margin-left: 5px;
margin-bottom: 10px;
}

.linkCompartir
{
width: 190px;
height: 20px;
margin-left: 5px;
margin-top: 10px;
}

#socialMedia a:visited
{color: #5C9ABA;}

/* ---------------------------------------------
  Comentarios
---------------------------------------------*/

#comments, #pings
{clear:both;
border-bottom: 1px solid #ccc;}

.comment
{background-color:#F2F2F2;
margin-bottom: 20px;
padding-bottom: 5px;}

.pingback
{margin-bottom: 10px;
padding-bottom: 5px;}

.commentlist
{list-style: none;
width: 590px;
margin: 10px 5px;}

.commentlist a:visited
{color: #5C9ABA;}

.commentlist li .avatar
{float: left;
margin: 10px;
height: 50px;
margin-left: 20px;
border:1px solid #DDDDDD;}

.comentario
{width: 600px;
height: 200px;}

.commentmetadata
{float: left;
width: 250px;
padding-top:10px;}

.textoComentario
{clear: both;
width: 555px;
margin: 10px;
background-color:#fff;
border: 1px solid #ccc;
padding: 5px;
}

/*  formulario comentarios */

#respond h3
{margin-bottom: 5px;
margin-top: 10px;}

#mylastpostbox div
{margin-bottom: 10px;}

#commentform p
{margin-bottom: 10px;}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: inline;
	}
	
.commentlist ul.children li {
	background-color: #e3e3e3;
	border: 1px solid #efefef;
	list-style: none;
	margin-top: 20px;
	}

.commentlist ul li.depth-2 {
	background-color: #f1f1f1;
	}

.commentlist ul li.depth-3 {
	background-color: #ececec;
	}

.commentlist ul li.depth-4 {
	background-color: #e8e8e8;
	}

.commentlist ul li.depth-5 {
	background-color: #e3e3e3;
	}

.commentsnavigation {	margin-top: 10px;	}


/* Para que el tratamiento de imagenes dado por el editor de wordpress resulte igual que como se ve */
#contenedor p img {
	padding: 0;
	max-width: 100%;
	}

#contenedor img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

#contenedor img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

#contenedor img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
	/* Captions */
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

div.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 10px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* ---------------------------------------------
  Pa el contactar
---------------------------------------------*/

#formulario{
border:0;
width:600px;
margin: 20px auto;
}

.lab
{
margin-top:5px;
margin-bottom:5px;
float:left;
width:100px;
clear: left;
}

.i, .boton2 {
background:#FFFFFF;
border:1px solid #000000;
margin-right:7px;
}

#comment
{
width: 500px;
height: 100px;
margin-top:5px;
clear:right;
margin-bottom:5px;
}

#name, #mail{
width:250px;
}

.i {
border-color:#5C71A2;
border-style:solid solid dotted;
border-width:0px 0px 1px 0px;
margin-left:3px;
margin-top:-6px;
float:left;}

#mail
{margin-top:0;}

.boton2{
float:left;
width: 150px;
clear:both;
margin-top:10px;
margin-bottom:10px;
}

/* ---------------------------------------------
  Pa el archivo
---------------------------------------------*/

.archivos{
display: block;
}

.archivos li{
float:left;
width: 270px;
}

/* ---------------------------------------------
  Para el Lifestream
---------------------------------------------*/
#contenedor .entrada #friendfeed.widget {
border:0;
font-family: Arial, Helvetica, Verdana, FreeSans;
}