/*
Theme Name: Foster
Description: Tema minimalista con tonos celestes, blancos y grises.
Version: 0.5
Author: Joaquín Vidal
Author URI: http://joaquinvidal.com.ar/
.
Licenciado bajo Creative Commons.
.
*/

/* Limpieza */
@import 'reset.css';

/* comun */
body {background: url('imagenes/fondo.jpg') repeat-x #fff ;}
	
.clear {	clear:both;}

.wp-smiley {
	margin: 0px;
	padding: 0px;
	}
	
.navegacion {text-align: center;}

#caja-principal {
	margin: auto;
	padding: 0px;
	border: 0px;
	width: 960px;
	}

/* tipografia */

body {
	font-size: 0.9em;
	font-family: Helvetica, 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	color: #000;
	}

a, a:visited {
	color: #2be;
	text-decoration: none;
	}
a:hover {text-decoration: underline;}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #fff;
	}

blockquote, cite {
	margin: 5px;
	padding: 5px;
	padding-left: 55px;
	background: url('imagenes/quote.png') no-repeat #dff;
	border-top: dotted 1px #2be;
	border-bottom: dotted 1px #2be;
	font-family: Georgia, serif;
	}
code {
	font-family: 'Courier New',Courier,monospace;
	white-space: pre;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.4em 0 0.4em 0;
	font-weight: bold;
	font-family: Georgia, serif;
	color: #333;
	}

h1 {font-size: 2.2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

input {font-family: Helvetica, 'Trebuchet MS', Verdana, Arial, Sans-Serif;}
p {margin-top: 1em;}
textarea {font-family: Helvetica, 'Trebuchet MS', Verdana, Arial, Sans-Serif;}
small {font-size: 0.8em}
strong {font-weight: bold;}

.meta {
	font-size: 0.8em;
	color: #999;
	}


.susc-rec {
	text-align: center;
	padding: 5px;
	margin: 10px 0;
	border-top: dotted 1px #2be;
	border-bottom: dotted 1px #2be;
	background: #dff;
	}

#header h1 {
	margin-bottom: 40px;
	font-size:2.5em;
	font-family: Helvetica, 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	}
#header ul, #header li {
	font-size: 1.1em;
	font-weight: bold;
	}
#header a, #header a:visited {color: #fff;}

#barras h5 {color: #2be;}
#barras a, #barras a:visited {color: #333;}

.formulario-comentario {
	font-family: Helvetica, 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size: 1.2em;
	}
	
#footer {color: #fff;}	
#footer a, #footer a:visited {
	color: #2be;
	}

/* header */
#header {
	height: 107px;
	margin: 0 0 0 10px;
	}

#header ul, #header li {
	float: left;
	margin: 0px;
	margin-top: 3px;
	margin-left: 5px;
	margin-right:  35px;
	padding: 0;
	display: inline;
	color:red;
	}

#internet-explorer {
	color: #000;
	background: #fff;
	border: 1px solid red;
	padding: 5px;
	}
#internet-explorer  strong{color: #f00;}

/* contenido */
#contenido {
	float: left;
	width: 600px;
	padding: 5px;
	}
	
#pagina {
	width: 960px;
	padding: 5px;
	}
	
#contenido p, #pagina p {text-align: justify;}
	
/* comentarios*/
.comentario-par {
	padding: 5px;
	margin: 2px 0;
	border-top: dotted 1px #2be;
	background: #dff;
	}
.comentario-impar {
	padding: 5px;
	margin: 2px 0;
	border-top: dotted 1px #333;
	background: #fff;
	}
.comentario-del-autor {}

#avatar {
	float:left;
	margin:10px;
	margin-left: 0px;
	padding: 5px;
	}
	
#feedback {text-align: right;}

.comentario-meta {
	clear: both;
	font-size: 0.8em;
	}

.caja-formulario-comentario {
	padding: 15px;
	margin-top: 20px;
	border-top: dotted 1px #333;
	border-bottom: dotted 1px #333;
	background: #fff;
	}
.formulario-comentario{
	width: 99%;
	border: 1px solid #999;
	background: #fff;
	margin: 5px 0 10px 0;
	padding: 2px;
	color: #333;
	}
.formulario-comentario textarea {height: 400px;}
.formulario-comentario-submit, .formulario-comentario-submit input{
	width: 99%;
	border: 1px solid #999;
	margin: 5px 0 10px 0;
	padding: 2px;
	}
	
/* barras */
#barras {
	float: right;
	width: 310px;
	margin: 0px;
	padding: 0px;
	}

#barra-superior {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 310px;
	}
	
#barra-izquierda {
	float: left;
	margin-right: 5px;
	width: 150px;
	}
	
#barra-derecha {
	float: right;
	margin-left: 5px;
	width: 150px;
	}
	
#barra-inferior {
	float: left;
	margin: 0px;
	width: 310px;
	}

#barras ul, #barras li {
	margin: 0.4em 0 0.1em 0;
	padding: 0px;
	}
	
#barras h1, #barras h2, #barras h3, #barras h4, #barras h5, #barras h6 {
	margin: 0.8em 0 0.1em 0;
	padding: 0px;
	}
	
#searchform input {
	width: 272px;
	border: 1px solid #999;
	background: url('imagenes/buscar.png') no-repeat #fff;
	padding: 6px;
	padding-left: 32px;
	margin: 5px 0;
	color: #333;
	}
	
/* footer */
#footer-background {
	background: #333;
	clear: both;
	}
#footer {
	margin: auto;
	padding: 10px;
	border: 0px;
	width: 950px;
	text-align: center;
	}
	
/* WP-PAGENAVI */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #333;
	color: #2be;
	background-color: #fff;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #333;
	color: #fff;
	background-color: #2be;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #333;
	color: #fff;
	background-color: #2be;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #333;
	border: 1px solid #333;
	background-color: #fff;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #333;
	color: #fff;
	background-color: #2be;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #333;
	color: #333;
	background-color: #fff;
}