/*  
Theme Name: Maye Azcuy
Theme URI: 
Description: Plantilla para la bitácora de Maye Azcuy. Ultima Actualizacion: 2010-04-26
Version: 2010
Author: Fernando Diaz
Author URI: http://www.sin-titulo.com

	redimensiones.com
	Ultima Actualizacion: 2010-02-15

*/


/* ------------------

Sumario:

REFERENCIAS
TIPS 

BASE
-- RESET
-- FUENTES
-- BODY

ESTRUCTURA
-- CONTAINER
-- BRANDING
-- NAV
-- CONTENT
-- CONTENT-MAIN
-- CONTENT-SUB
-- CONTENT-SUP
-- SITEINFO

GENERAL
-- TITULARES
-- LISTAS
-- TABLAS
-- BLOCKQUOTES
-- ENFASIS
-- FORMULARIOS
-- OTROS ELEMENTOS, TAGS

FORMATO BLOG
-- HOME
-- SINGLE
---- COMENTARIOS
-- ARCHIVE
-- SEARCH
-- 404
-- CATEGORIA

AUXILIARES
-- ERRORES Y NOTIFICACIONES
-- CLASES GENERALES
-- COLORES

OVERRIDES (Lo que necesita sobreescribirse en casos particulares)



------------------ */

/* =REFERENCIAS 
--------------------------- */

/* Muchos de los comentarios de este documento tienen
-- un signo de igual (=) justo antes de la palabre clave de referencia
-- esto es para que sea mas facil buscar dentro del codigo
*/

/* =TIPS 
--------------------------- */

/* En todos los floats conviene usar:
	display: inline;
-- para no tener problemas con los ḿargenes duplicados
-- de IE6.
*/

/* Para "anular" (clear) un float en ultima instancia
-- usar en el contenedor:
	overflow: hidden;
	width: 100%;
	-- Se puede usar cualquier medida de width o height que no sea "auto"
*/

/* Usar pseudo-elementos para especificar
-- todos los estados de un link:
-- :link, :visited, :hover, :focus, :active
*/

/* Usar en los botones de formularios:
	overflow: visible
-- para evitar desastres con el padding, etc...
*/


/* Orden de las propiedades para que sea mas facil
-- leer la interaccion:
	display
	position
	float clear
	width height
	max-width max-height
	overflow
	margin
	padding
	border
	font-size
	line-height
	font
	text
	background
	color
*/

/* /////=GENERAL/////
--------------------------- 
--------------------------- */

/* =RESET - Eric Meyer 
--------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, p,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

hr {
display: none;}


/* =FUENTES
--------------------------- */

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family: 'Calluna';
	src: local('☺'), url('Calluna-Regular.otf') format('opentype');
}

body {
	font-family: "Calluna","Liberation Serif", Georgia, "Times New Roman", Times, serif;
}

.post-title,
#comments h3,
#content-sub,
#content-sub h4, #content-sup h4 {
	font-family: "Liberation Sans", Helvetica, Arial, sans-serif;
}


blockquote,
.post blockquote,
.post blockquote p,
.post li blockquote,
.post blockquote,
.comment blockquote {
	font-family: "Liberation Serif", 'Minion Pro', Minion, "Times New Roman", Times, Georgia, serif;
}

/* =Alineacion */

img {
	margin: 0 15px 8px 0;
}

.alignleft {
	display: inline;
	float: left;
}

img.alignleft {
	margin: 0 15px 8px 0;
}

.alignright {
	display: inline;
	float: right;
}

img.alignright {
	margin: 0 0 8px 15px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter {
	text-align: center;
	margin: 0 auto 15px auto;
	padding: 3px;
}

a img.aligncenter {
	display: block;
	margin: 0 auto 15px auto;
}



/* =BODY
--------------------------- */

body {
	display: block !important;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

/* /////=ESTRUCTURA/////
--------------------------- 
--------------------------- */

/* =CONTAINER
--------------------------- */

#container {
	margin: 0 auto;
	text-align: left;
}

/* =BRANDING
--------------------------- */

#branding {
	height: 138px;
	padding: 0 4% 15px;
	text-align: center;
	background: url(imagenes/branding.png) no-repeat center;
}

#branding-container {
	position: relative;
	width: 100%;
	height: 100px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

#branding h1 {
	width: 460px;
	height: 43px;
	padding-top: 30px;
	font-size: 30px;
	line-height: 30px;
}

#branding h1 a {
	display: block;
	position: relative;
	width: 460px;
	height: 43px;
	text-decoration: none;
	text-indent: -9999px;
	background-image: url(imagenes/cabezal-maye.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


#branding p {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* =NAV-SITE
--------------------------- */

#nav-site {
	position: relative;
	padding-top: 10px;
	z-index: 10;
	font-size: 13px;
	line-height: 24px;
}

#nav-site ul {
	height: 48px;
	overflow: hidden;
}

/* ítems del menú con sub ítems se vuelve visible */
#nav-site ul:hover, #nav-site ul:focus {
	overflow: visible !important;
}

#nav-site li {
	position: relative;
	display: inline;
	float: left;
}

#nav-site li.search {
	position: relative;
	display: inline;
	float: right;
}

#nav-site li.categories {
	width: 108px;
}

#nav-site li a {
	display: inline;
	float: left;
	padding: 10px 10px 13px;
	text-transform: uppercase;
	text-decoration: none;
}

#nav-site li a:hover,
#nav-site li a:focus,
#nav-site li a:active {
	text-decoration: underline;
}


/* =RSS-link */


#nav-site li a.rss-link {
	display: block;
	width: 20px;
	height: 20px;
	margin: 14px 7px 16px;
	padding: 0;
	text-indent: -9999px;
	background: url(imagenes/nav-rss.png) no-repeat;
	background-position: left bottom;
}

#nav-site li a.rss-link:hover,
#nav-site li a.rss-link:focus,
#nav-site li a.rss-link:active {
	background-position: left bottom;
}

.widget a.rss-link {
	float: left;
	height: 20px;
	padding-left: 26px;
	background: url(imagenes/nav-rss.png) no-repeat left bottom;
}

.widget a.rss-link:hover,
.widget a.rss-link:focus,
.widget a.rss-link:active {
	background-position: left bottom;
}

/* =SEARCH
--------------------------- */

#searchform {
	display: inline;
	float: right;
	margin: 0;
}


#searchform {
	position: relative;
	width: 335px;
	height: 32px;
	padding: 11px 0;
	overflow: hidden;
	font-size: 14px;
}

.widget #searchform {
	width: 100%;
}

#searchform label {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#searchform #s {
	display: block;
	width: 290px;
	height: 18px;
	padding-top: 4px;
	font-size: 13px;
	line-height: 24px;
	text-indent: 7px;
}

.widget #searchform #s {
	display: inline;
	float: left;
	margin-right: 27px;
}

#searchform #searchsubmit {
	position: absolute;
	top: 11px;
	right: 0;
}


/* NAV-=ACCESS
--------------------------- */

#nav-access {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* =NAV */

#nav {
	height: 100px;
	margin-top: 12px;
	padding: 0;
}

/* =CONTENT
--------------------------- */

#content {
	clear: both;
	width: 100%;
	overflow: hidden;
	border-top: 2em solid #fefaf6;
	border-bottom: 2em solid #fefaf6;
	background-image: url(imagenes/content.png);
	background-repeat: repeat-y;
	background-position: 74% 0;
}

/* WRAPPER
--------------------------- */

#wrapper {
	display: inline;
	float: left;
	width: 100%;
	margin-left: -28%;
	
}

/* CONTENT-=MAIN
--------------------------- */


#content-main {
	margin-left: 28%;
	padding-left: 4%;
}

/* CONTENT-=SUB
--------------------------- */

#content-sub {
	position: relative;
	display: inline;
	float: right;
	width: 19.9%;
	margin-right: 4%;
}

/* =SITE-INFO
--------------------------- */

#site-info {
	clear: both;
	padding: 2% 2.2%;
	text-align: center;
}

#site-info p {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}


/* /////=AUXILIARES/////
--------------------------- 
--------------------------- */


#content-sub #informacion {
	margin-bottom: 18px;
	padding-bottom: 15px;
}


/* =ERRORES Y NOTIFICACIONES
--------------------------- */

p.no-encontrado {
	padding-left: 4px;
}

/* =Formulario en 404 o en caso de =error */

#errorsearchform {
	margin-top: 20px;
}

#errorsearchform label {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#new-s {
	width: 300px;
	margin-right: 10px;
}

#newsearchsubmit {
	width: 120px;
	text-align: center;
}

#new-s, #newsearchsubmit {
	font-size: 16px;
	line-height: 22px;
}



/* =LINKS EN GENERAL
--------------------------- */

#content a {text-decoration: none;}
#content a:hover,
#content a:focus,
#content a:active {text-decoration: underline;}

#content .post-body a { text-decoration: underline;}

/* =TITULARES
--------------------------- */

.archive h2, .error h2 {
	height: 27px;
	margin-bottom: 18px;
	padding: 8px 10px 0;
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	text-align: left;
}

.archive h2 a { text-decoration: none;}
.archive h2 a:hover,
.archive h2 a:focus,
.archive h2 a:active { text-decoration: underline;}

.post-title {
	font-weight: normal;
}

#content-main .post-title {
	font-size: 30px;
	line-height: 32px;
	margin-bottom: .7em;
}

.archive #content-main .post-title {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 2px;
}

.single #content-main .post-title {
	margin-bottom: .2em;
}

.home #content-main h2:first-child,
.single #content-main h2:first-child {
	width: 390px;
}



/* =LISTAS
--------------------------- */

/* listas en los post */

.post-body ul {
	list-style-type: disc;
	margin: 9px 0 9px 20px;
}

.post-body ol {
	list-style-type: decimal;
	margin: 9px 0 9px 20px;
}

.post-body dl.wp-caption dd {
	font-size: 12px;
	line-height: 15px;
	color: #999;
}

/* Navegación secundaria en content-sub */

.nav-sub ul {
	margin-bottom: 18px;
}

.nav-sub ul li {
	padding: 3px 5px;
}


/* =BLOCKQUOTES
--------------------------- */

blockquote {
	padding: 15px 25px 15px 40px;
	font-size: 1.1em;
	font-style: italic;
	background: url(imagenes/blockquote.png) no-repeat 2px 9px;
}

blockquote p {
	margin: 0;
	font-size: 1em;
}

/* =ENFASIS
--------------------------- */

em {
	padding-right: 1px;
	font-style: italic;
}


strong {
	font-weight: bold;
}

#content-sub #informacion em {
	font-style: normal;
	font-weight: bold;
}

#content-sub #informacion strong {
	display: block;
}

/* /////FORMATO =BLOG/////
--------------------------- 
--------------------------- */

/* =GENERAL
--------------------------- */

.post {
	clear: both;
	margin-bottom: 25px;
	padding: 0 3px 30px;
}

/* Post =metadata (fecha, enlace a comentarios, etc) */
.post-metadata {
	width: 100%;
	overflow: hidden;
	font-style: italic;
}

.single .post-metadata {
	margin-bottom: .7em;
}

.fecha {
	font-weight: normal;
}

.fecha, .comentarios, .categorias, .post-edit-link {
	display: inline;
	float: left;
	margin: 0 10px 6px 3px;
	font-size: 15px;
}

.comentarios a {
	padding-left: 18px;
	background: url(imagenes/comentarios.png) no-repeat left center;
}

.categorias {
	padding-left: 20px;
	background: url(imagenes/categorias.png) no-repeat left center;
}

.autor {
	margin-bottom: 15px;
	padding-left: 2px;
	font-style: italic;
	font-weight: bold;
}

/* =post-body */

.post-body {
	clear: both;
	width: 99%;
	overflow: hidden;
	padding-left: 2px;
}

.post-body p {
	margin-bottom: 14px;
}

.post .comenta {
	padding-right: 18px;
	font-size: 16px;
	font-style: italic;
	background: url(imagenes/comentarios.png) no-repeat right center;
}

/* =HOME
--------------------------- */


/* =SINGLE
--------------------------- */

.single .post-title, .single #content-sub {
	margin-top: 9px;
}


/* =COMENTARIOS
--------------------------- */

/* Encabezado de los comentarios */
#comments {
	position: relative;
	height: 26px;
	margin: 36px 0 18px;
	padding: 15px 10px 0 5px;
	font-size: 22px;
	line-height: 26px;
	text-align: left;
}

#comments h3 {
	padding-bottom: 4px;
	font-weight: normal;
	line-height: 22px;
}

/* Enlace de añadir comentarios */
.add-comment {
	position: absolute;
	top: 0;
	right: 0;
	display: inline;
	float: right;
	height: 26px;
	padding: 15px 10px 0;
	font-size: 15px;
	line-height: 26px;
}

/* Cada =comentario */
.comment {
	position: relative;
	margin: 0 0 18px;
	padding: 0 3px 18px;
}

/* =avatar del autor del comentario */
.avatar {
	position: absolute;
	top: 0;
	right: 3px;
}

/* Nombre del autor del comentario */
.comment cite {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}

/* fecha y hora del comentario */
.comment-metadata {
	font-size: 14px;
}

/* cuerpo del comentario */
.comment-body {
	margin: 10px 50px 0 0;
}

.comment-body p {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

/* editar comentario */
p.edit-comment {
	width: 100%;
	overflow: hidden;
	text-align: right;
}

.comment-edit-link {
	display: inline;
	float: right;
	padding: 3px 8px;
	border-radius : 4px; 
	-moz-border-radius : 4px; /* Mozilla */
	-webkit-border-radius : 4px; /* Webkit */
}

/* Parte en la que se añaden comentarios */
#respond {
	position: relative;
	margin: 30px 3px;
}

#respond h3 {
	margin-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

/* párrafos dentro del formulario de comentarios */
#commentform p {
	margin-bottom: 12px;
}

/* Texto para comentaristas identificados */
.commenter-login {
	font-size: 14px;
}

/* inputs visibles del formulario de comentarios */
#commentform #author,
#commentform #email,
#commentform #url {
	position: absolute;
	left: 0;
	width: 160px;
}

/* etiquetas del formulario de comentarios */
#commentform label {
	margin-left: 175px;
	font-size: 14px;
}

/* Area para escribir el comentario */
#commentform #comment {
	width: 500px;
}


/* =PAGE
--------------------------- */

.page .post-title, .page #content-sub {
	margin-top: 9px;
}



/* =ARCHIVE
--------------------------- */

.archive li.post {
	padding-bottom: 15px;
}

.archive li.post .post-body {
	padding-bottom: 5px;
}

.archive .post-body a {
	white-space: nowrap;
}


/* =404
--------------------------- */


/* =CATEGORIA
--------------------------- */


/* Posts =navigation */

#content-main ul.posts-navigation {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 15px;
	margin-top: 40px;
	text-transform: uppercase;
}

#content-main ul.posts-navigation li {
	display: inline;
	width: 250px;
}

#content-main ul.posts-navigation .previous-posts {
	float: left;
}

#content-main ul.posts-navigation .next-posts {
	float: right;
	text-align: right;
}


/* =BARRA LATERAL (=WIDGETS)
--------------------------- */

.widget {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 18px;
}

.widget h4 {
	padding-bottom: 3px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}

.widget ul li {
	padding-left: 20px;
	background-image: url(imagenes/bullet.png);
	background-repeat: no-repeat;
}

/* para widget de miniposts */
#sideblog- p small {}

/* /////=COLORES/////
--------------------------- 
--------------------------- */

body {
	background-color: #fefaf6; /* blanco */
	color: #444; /* gris oscuro */
}

#nav-site li a {
	color: #eee; /* gris muy claro */
}


#nav-site ul li ul li a:hover,
#nav-site ul li ul li a:focus,
#nav-site ul li ul li a:active {
	background-color: #66aa11; /* verde */
}

#nav-site ul ul li:hover ul.children {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#branding {
	background-color: #cd9317; /* blanco */
}


#searchform #s {
	border: 1px solid #efd9b3; /* celeste medio */
}

.archive h2 {
	border-top: 1px solid #e0e0e0; /* gris claro */
	background-color: rgba(223, 192, 139,0.2);
}

.archive h2, #comments {
	border-bottom: 1px solid #e0e0e0; /* gris claro */
	color: #666; /* gris neutro */
}

.error h2, h2.error {
	border-bottom: 1px solid #ccc;
	background-color: #f8eee0;
	background-color: rgba(207,25,25,0.7); /* rojo no tan oscuro */
	color: #fefaf6; /* naranja muy claro */
}

/* Titular descriptivo de la sección o la página */
.home h2 a, .archive h2 a {
	color: #999; /* gris */
	color: #fff; /* blanco */
	color: #fefaf6; /* naranja muy claro */
}

.post {
	border-bottom: 1px solid #e0e0e0; /* gris claro */
}

/* Título de los posts */
#content .post-title, #content .post-title a {
	color: #bf7d0b; /* naranja oscuro  */
}

.post-body img {
	border: 1px solid #dfc08b;
}

.post-body img.wp-smiley {
	border: none;
}

/* =menu para navegar posts */
#content-main ul.posts-navigation li a {
	color: #bf7d0b; /* naranja oscuro  */
	text-decoration: underline;
}

#content-main ul.posts-navigation li a:hover,
#content-main ul.posts-navigation li a:focus,
#content-main ul.posts-navigation li a:active {
	color: #4685bb;
}

/* Enlace de agregar comentario */
.add-comment a {
	color: #4685bb; /* verde claro */
}

/* Texto en los comentarios */
.comment, #commentform {
	color: #666; /* gris neutro */
}

/* cada comentario */
.comment {
	border-bottom: 1px solid #cdcdcd;
}

/* enlace de editar comentario */
.comment a.comment-edit-link {
	background-color: #4685bb; /* azul del sitio */
	color: #fff;
}

/* Enlaces en los posts y en general */
.post a.post-edit-link, .post-body a,
.ngg-albumoverview a, .ngg-gallery-overview a,
.add-comment a, .comment a, #commentform a,
.nav-sub a,
#site-info a {
	color: #bf7d0b; /* naranja ocuro */
}

/* Post =metadata (fecha, enlace a comentarios, etc) */
.post-metadata, .post-metadata a, .comment-metadata a,
.autor, .autor a, .post a.comenta {
	color: #999; /* gris claro */
}

.post-metadata a:hover, .comment-metadata a:hover, .autor a:hover, .post a.comenta:hover,
.post-metadata a:focus, .comment-metadata a:focus, .autor a:focus, .post a.comenta:focus,
.post-metadata a:active, .comment-metadata a:active, .autor a:active, .post a.comenta:active {
	color: #bf7d0b; /* naranaja oscuro */
}

/* pie */
#site-info {
	border-top: 6px solid #dfc08b;
	background-color: #fefaf6;
	color: #666;
}


/* /////=OVERRIDES/////
--------------------------- 
--------------------------- */


/* =Alineacion */

img {
	margin: 0 15px 8px 0;
}

.alignleft {
	display: inline;
	float: left;
}

img.alignleft {
	margin: 0 15px 8px 0;
}

.alignright {
	display: inline;
	float: right;
}

img.alignright {
	margin: 0 0 8px 15px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter {
	text-align: center;
	margin: 0 auto;
}


/* =anti-wordpress es la clase para cuando wordpress
no puede evitar meter algo dentro de un <p> Jo. */
#container #content #content-main .post-body p.anti-wordpress {
	margin: 0;
	padding: 0;
}

/* Smileys */

#content .wp-smiley {
	position: relative;
	top: 2px;
	margin: 0;
}

/* CSS3 para enlaces a archivos de audio */
.post-body a[href$=m4a],
.post-body a[href$=mp3] {
	margin-left: 3px;
	padding-left: 18px;
	text-decoration: none;
	background: url(imagenes/audio.png) no-repeat left center;
}

/* HACK. Segunda parte de la solucion al FOUC de Safari (Flash Of Unstyled Content) */

body {
display: block !important; }



/* -------  FIN --------- */