/*   
Theme Name: Alfonsillas
Theme URI: http://www.simplycute.us
Description: Plantilla para las Alfonsillas. Basada en la creada por <a href="http://www.simplycute.us">Becka</a>
Author: Jota
Author URI: http://www.telefonica.net/web2/jgportfolio
Template: alfonsillas
Version: v.1.0
.
General comments/License Statement if any.
Based off of original default wp theme by the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
http://creativecommons.org/
Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
Attribution-NonCommercial-ShareAlike 2.5
You are free:
    * to copy, distribute, display, and perform the work
    * to make derivative works
Under the following conditions:
by 	
Attribution. You must attribute the work in the manner specified by the author or licensor.
Noncommercial. You may not use this work for commercial purposes.
Share Alike. If you alter, transform, or build upon this work, you may distribute the resulting work only under a license identical to this one.
    * For any reuse or distribution, you must make clear to others the license terms of this work.
    * Any of these conditions can be waived if you get permission from the copyright holder.
Your fair use and other rights are in no way affected by the above.
*/

/*Foco*/
#foco {
background-image:url(images/foco.jpg);
background-repeat:no-repeat;
	z-index:1;
	visibility:visible;
	height:350px;
	width:auto;


}
/* Tipografía y  colores */
body {
	font-size: 62.5%; /* 1em a 10px */
	font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	text-align: center;
	background-image: url(images/background2.jpg);
	background-repeat: repeat;
}

#page {
	text-align: left;
	background-color: #99d140;
}

#header {
	background-color: #99d140;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 250px;
}

#content {
	font-size: 1.2em;
	background-color: #99d140;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	background-color: #99d140;
	}
	
.narrowcolumn .postmetadata {
	text-align: left;
	}

.alt {
	background-color: #ccea68;
	border-top: 1px dashed #59b224;
	border-bottom: 1px dashed #59b224;
	border-left: 1px dashed #59b224;
	border-right: 1px dashed #59b224;
}

#footer {
	background-color: #f999cd;
	border-top: solid 5px #ccea68;
}

small {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

h1, h2, h3 {

}

a {
	color: Black;
}
a:active {
	color: Black;
}
a:focus {
	color: #59b224;
}
a:hover {
	color: White;
	text-decoration: underline overline;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	color: #ffffff;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	color: #59b224;
	
	}

h2 {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18pt;
	color: White;
}
#respond h3 {
	background-image: url(images/flower1.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h2.pagetitle {
	font-size: 1.6em;
	color: White;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#sidebar h2 {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: White;
}

h3 {
	font-size: 1.3em;
	color: #ffffff;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1, h1 a, h1 a:hover, .description {
	text-decoration: none;
	color: #59b224;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h2, h2 a, h3{
	color: White;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
h1 a:visited, h2 a:visited, h3 a:visited {
	text-decoration: none;
	color: #59b224;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h2, h3, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	font-weight: bold;
	color: White;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
h3 a, h2 a, h2 a:hover, h3 a:hover,{
	color: #59b224;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.entry p a:visited {
	color: #59b224;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style: none;
}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	list-style: none;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	list-style: none;
	}

#commentform p {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #99b140;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: Black;
	list-style: none;
}
	
code {
	font: 1.1em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	text-decoration: none;
	color: Black;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	background-color: #CCEA68;
	}

#wp-calendar caption {
	font: bold 1.3em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* Fin de Tipografía y Colores */



/* Estructura */
body {
	margin: 0;
	padding: 0; 
	}

#page {
	/*background-color: #ffffff;*/
	background-color: #99d140;
	margin: 20px auto;
	padding: 0;
	width: 760px;
}
	
#header {
background-color: #99d140;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
background-position: center;
height: 250px;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	background-color: #99d140;
}

#headerimg {
	margin: 0;
	height: 100%;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	background-color: #99d140;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	background-color: #99d140;
	}
	
.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 0 0 0 1px;
	margin: 0 auto;
	width: 760px;
	height: 40px;
	clear: both;
	background-color: #f999cd;
	}

#footer p {
	margin: 0;
	text-align: center;
	height: auto;
}
/* Fin de Estructura */



/*	Cabeceras */
h1 {
	padding-top: 70px;
	margin: 0;
	}

.description {
	text-align: center;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* Fin de Cabeceras */



/* Imágenes */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* Fin de imágenes */



/* Listas

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

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;
	list-style: none;
	}

.entry ul li:before, #sidebar ul ul li:before {
	list-style: none;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	list-style: none;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#sidebar ul li {
	margin-bottom: 15px;
	list-style: none;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	list-style: none;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	list-style: none;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	list-style: none;
	}

ol li, #sidebar ul ol li {
	list-style-type: none;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	list-style: none;
	}
/* Fin de Listas */



/* Elementos del formulario */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: left;
	border: 1px 1px 1px 1px dotted #59b224;
	background-color: #ccea68;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	border: 1px 1px 1px 1px dotted #59b224;
	background-color: #ccea68;
	vertical-align: middle;
	}

#sidebar #searchsubmit {
	padding: 1px;
	border: 1px 1px 1px 1px dotted #59b224;
	background-color: #ccea68;
	}

.entry form { /* Para los posts protegidos por contraseña, queda mejor. */
	text-align:center;
	}

select {
	width: 130px;
	border: 1px 1px 1px 1px dotted #59b224;
	}

input {
	border: 1px 1px 1px 1px dotted #59b224;
}
textarea {
	border: 1px 1px 1px 1px dotted #59b224;
}
option {
	border: 1px 1px 1px 1px dotted #59b224;
}

	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px 1px 1px 1px dotted #59b224;
	background-color: #ccea68;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	border: 1px 1px 1px 1px solid #59b224;
	background-color: #ccea68;
	}

#commentform #submit {
	margin: 0;
	float: right;
	border: 1px 1px 1px 1px dotted #59b224;
	background-color: #ccea68;
	}
/* Fin de elementos del formulario */



/* Comentarios*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	list-style: none;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	}
/* Fin comentarios */



/* Barra Lateral */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	background-color: #99d140;
	}

#sidebar form {
	margin: 0;
	border: 1px 1px 1px 1px dotted #59b224;
	background-color: #ccea68;
	}
/* Fin de la barra lateral */



/* 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 { /* Doesn't work in IE */
	background-color: #fff; }
/* Fin del Calendario */



/* Etiquetas y clases */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed Gray;
}

blockquote {
	border: 1px solid #ffbc01;
	float: left;
	margin: 0px;
	padding: 5px;
	background-color: transparent;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}
/*hr no funciona en Netscape, Firefox, Mozilla*/
hr {
	color: #ccea68;
	width: 445px;
	height: 5px;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* Fin etiquetas y clases*/

#divline {
	background-image: url(images/line.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: transparent;
	float: left;
	width: 445px;
	height: 24px;
}
h4 {
	font-size: 4em;
	color: #ffffff;
	background-color: transparent;
	display: block;
	direction: ltr;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bolder;
	letter-spacing: 2px;
	
}
/* Fin CSS */