/*

Theme Name: La nina Polilla
Theme URI: http://wordpress.org/
Description: Theme para Maria Simavilla. 
Version: 1.0
Author: David Boyero

*/

/* BODY */
body {
 background-image:url(images/fondobueno.jpg);
 background-position: top;
 background-repeat:no-repeat;
 font-size: 14px;
}

/*IMAGENES*/

img {
 border:none;
}

.imapost {
 border:1px #999 solid;
 padding: 4px;

}

.imapost:hover {
 border:1px #000 solid;
 padding: 4px;

}



/*LINKS*/
a {
 text-decoration:none;
 color: #333;
}

a:visited {
 color: #996633;
}

a:hover {
 color: #CC9900;
}

/*ESQUELETO*/

#wrapper {
 width: 800px;
 margin: 0px auto;
 padding: 0px;
 color: #888888;
 font: 13px 'arial', sans-serif;
}

#header {
 float: left;
 width: 800px;
 height: 350px;
 margin: 0px;
 padding: 0px;
}

#navigation {
 float: left;
 width: 800px;
 height: 50px;
 border-left:1px #FFF solid;
}

#contents {
 float: left;
 width: 555px;
 margin: 0px;
 padding: 15px 30px 10px 15px;
 background-color:#FFF;
 color: #888888;
 font-size: 12px;
 text-align: left;
}

#firstSide { float: left;}

.sidebar {
 width: 190px;
 margin: 0px;
 padding: 0px;
 color: #FFFFFF;
 font-size: 13px;
 text-align: left;
}

#footer {
 clear:both;
 width: 800px;
 height: 40px;
 padding: 13px 0px 0px 0px;
 font-family:georgia, serif;
 color:#666;
 font-size:9px;
 letter-spacing:0.1em;
 line-height:150%;
 text-align: center;
}


/* CABECERA (DE MOMENTO NO ES NECESARIA) */

#title {
 margin: 0px;
 padding: 25px 0px 0px 70px;
 color: #FFF;
font-family: Georgia, "Times New Roman", Times, serif;
 font-size:32px;
 font-weight: normal;
 text-align: left;
 letter-spacing:1px;
}

#description {
 	margin: -4px 0px 0px 0px;
 	padding: 0px 0px 0px 70px;
 	color: #CC9900;
 	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.3em;
 	text-align: left;
}

/* MENU */

#nav {
 list-style:none;	
 margin:0;	
 padding:0;
}

#nav li {
 float:left;

}

#nav li a {
 display:block;
 width:105px;
 height:35px;
 padding:15px 0px 0px 0px;
 color: #FFF;
 font-size:12px;
 text-align:center;

}

#nav li a:hover {
color:#CC9900;

}

/* CONTENIDOS Y POSTS */

#contents h1:first-letter {
text-transform: uppercase;
}

#contents h1 {
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:left;
	margin: 5px 0 2px 0;
	text-transform: lowercase;
	font-size: 20px;
	font-variant: small-caps;
}

#contents h1 a {
 color: #000;
}

#contents h1 a:hover {
 color: #CC9900;
}

#contents .contents_body {
 margin: 20px 25px;
 padding: 0px;
}


#contents h3 {
 margin: 0px;
 padding: 10px 0px 10px 0px;
 color: #777;
 font: bold 12px 'arial', sans-serif;
 text-align: left;
}

.entry-body h2 {
 color: #888;
 font:12px 'arial', sans-serif;
 padding: 0px;
}

#contents blockquote {
 padding: 10px;
 background: #efefef;
 border: #999999;
}

.date {
 font-size: 11px;
 font-family: Georgia, 'Times New Roman', serif;
 color: #666;
 text-align:left;
 font-weight: 100; 
 margin-top:2px;
}

.entry-header{
 padding:20px 0px 0px 10px;
}

.entry-header h2:first-letter {
text-transform: uppercase;
}

.entry-header h2 {
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:left;
	margin: 5px 0 2px 0;
	text-transform: lowercase;
	font-size: 20px;
	font-variant: small-caps;
}

.entry-header h2 a {
 color: #000000;
}

.entry-header h2 a:hover {
 color: #CC9900;
}

.entry-footer {
height:14px;
width:545px;
 padding:2px 0px 8px 10px;
 background-image:url(images/raya.jpg);
 background-repeat:no-repeat;
 font:11px arial;
}

/*BUSQUEDA*/

#searchform {
height:30px;
padding:0px 0px 0px 40px;
}
#searchsubmit {
height:20px;
width:20px;
background-image: url(images/lupa.png);
background-color:#FFF;
border:none;
cursor: pointer;
}

#searchtext{
font:12px arial;
color: #FFF;
width:110px;
border-top: 1px #FFF solid;
border-right:1px #FFF solid;
border-bottom:1px #FFF solid;
border-left:1px #FFF solid;
background-color:#CC9900;
padding:3px;
}


/* LISTAS SIDEBAR */

 
.sidebar h4 {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 50px;
        font-family: "Lucida Grande", Tahoma;
	font-size: 12px;
	font-weight:bold;
	font-variant:small-caps;
	text-transform: uppercase;
	color: #000;
	text-align:left;
	letter-spacing: 0.2em;
}

.sidebar ul {
 list-style:none;
 width: 130px;
 margin: 0px 0px 10px 0px;
 
}

.sidebar p {
 padding: 0px 0px 0px 0px;
}

.sidebar li {
 line-height: 0;
 margin:3px 0px 0px 0px;
 width:130px;
 padding-left: 10px;
}

.sidebar li:hover {
 line-height: 0;
 margin:3px 0px 0px 0px;
 background-color:#CCC;

}

.sidebar li a {
 line-height: normal;
 padding:0px;
 color: #666;
 font-size: 13px;
 text-align: left;
 text-decoration: none;
}


.sidebar li a:hover {
 color: #FFF;
 _display:block;
 _background-color: #ccc;
}

/*COMENTARIOS*/

.commentlist {
margin:0px;
padding:0px;
}

.commentlist li{
border-left:4px #CCC solid;
 margin-bottom: 20px;
 padding:4px 4px 2px 4px;
}

#author {
width:160px;
border:none;
background-color:#FFFACD;
padding:3px;
font:12px arial;
color: #CC9900;
}

#email {
width:160px;
border:none;
background-color:#FFFACD;
padding:3px;
font:12px arial;
color: #CC9900;
}

#url {
width:160px;
border:none;
background-color:#FFFACD;
padding:3px;
font:12px arial;
color: #CC9900;
}

#comment {
width:300px;
border:none;
background-color:#FFFACD;
padding:3px;
font:12px arial;
color: #CC9900;
}

#submit {
height:20px;
width:60px;
background-color:#CC9900;
border:none;
cursor: pointer;
color:#FFF;
font:12px arial;
}


/* ESTILO CUADERNOS */

#contents2 {
 float: left;
 width: 785px;
 margin: 0px;
 padding: 30px 0px 0px 15px;
 color: #888888;
 font-size: 12px;
 text-align: left;  
}

.cuadernos {
	list-style: none;
	margin: 0;
	padding: 0;
} 

.cuadernos li {
	margin: 5px;
	padding: 0;
	float: left;
	position: relative;
	width: 147px;
	height: 130px;
}

.negrosi {
	width: 122px;
	height: 67px;
	background-color:#000;
	position:absolute;
	opacity: 0.7;
	text-align:center;
	padding-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#FFFFFF;
}

.negrono {
	width: 122px;
	height: 92px;
	background-color: #fff;
	opacity: 0;
	position:absolute;
}

.orosi {
	width: 122px;
	height: 57px;
	background-color: #CC9900;
	position:absolute;
	opacity: 0.7;
	text-align:center;
	padding-top: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#FFFFFF;
}

.orono {
	width: 122px;
	height: 92px;
	background-color: #fff;
	opacity: 0;
	position:absolute;
}

.rojosi {
	width: 122px;
	height: 57px;
	background-color: #990000;
	position:absolute;
	opacity: 0.7;
	text-align:center;
	padding-top: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#FFFFFF;
}

.rojono {
	width: 122px;
	height: 92px;
	background-color: #fff;
	opacity: 0;
	position:absolute;
}

.azulsi {
	width: 122px;
	height: 92px;
	background-color:#36648b;
	position:absolute;
	opacity: 0.7;
	color:#FFFFFF;
}

.azulno {
	width: 122px;
	height: 92px;
	background-color: #fff;
	opacity: 0;
	position:absolute;
}

.cuadernos img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}


.cuadernos a {
	text-decoration: none;
}

.cuadernos h4 {
color:#888;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
margin: 1px 25px 0 0;
text-align:right;
}

.rojo {
color: #FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-style:italic;
font-variant:small-caps;
font-weight:bold;

}


/* ESTILOS DE LOS TOOLTIPS*/

div#qTip {
 padding: 4px 4px 4px 6px;
 border-left: 2px solid #000;
 display: none;
 background-color:#999;
 color: #FFF;
 font: 10px Georgia, 'Times New Roman', serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
 opacity: 0.7;
}


/*CONTACTO*/



.contacto {
	list-style: none;
}

.contacto li {
	margin: 5px 0 0 -35px;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 12px;
	font-style:italic;
	font-variant:small-caps;
	text-align:center;
	color:#999;
	letter-spacing: 0.2em;
}


#contac{
	text-align:left;
	margin:0;
	padding:0px 0 50px 10px;
}

form ul{
	list-style:none;
	padding:0;
	margin:0;
}
	
form li {
	margin:-10px 0 0 0;

}

form ul li textarea{
font:12px arial;
	width:200px;
	color:#777;
	border:1px solid #999; 
	padding:1px;
}

form ul li textarea:focus {
border:1px solid #c90;
}

form ul li input  {
	font:12px arial;
	color:#777;
	border:1px solid #999; 
	padding:1px;
}

form ul li input:focus  {
border:1px solid #c90;
}

#boton {
	background-color:#777;
	color:#FFF;
	border:none;
}

#boton:hover {
	background-color:#c90;
	color:#FFF;
	border:none;
}

.comenta {

font-family: Georgia, 'Times New Roman', serif;
	font-size: 12px;
	font-style:italic;
	font-variant:small-caps;
	text-align:center;
	color:#999;
	letter-spacing: 0.2em;
}

h6 {
font-family: Gill Sans, Verdana;
	font-size: 8px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}

.wp-caption-text {
font-family: Georgia, 'Times New Roman', serif;
	font-size: 10px;
	font-style:italic;
	text-align:left;
	color:#000;
	letter-spacing: 0.2em;
	margin:-1px 0 0 0;
}

.bio {
	list-style: none;
}

.bio li {
	margin: 25px 70px 25px 30px;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 10.5px;
	text-align:center;
	color:#999;
	letter-spacing: 0.2em;
	line-height:12px;
}

/****************ENLACES FACEBOOK PAPERBLOG***********/

a.face {
width:110px;
height:30px;
display:block;
background:url(images/face.png) repeat 0 0;	
margin:0 0 0 37px;
	
}

a.face:hover{
display:block;
background:url(images/face.png) repeat 0 -30px;	
	
}

a.paper {
width:110px;
height:30px;
display:block;
background:url(images/paper.png) repeat 0 0;	
margin:0 0 15px 37px;
	
}

a.paper:hover{
display:block;
background:url(images/paper.png) repeat 0 -30px;	
	
}