/*  
Theme Name: María
Theme URI: 
Description: Plantilla para la bitácora de María. Ultima Actualizacion: 2009-12-24
Version: 2010
Author: Fernando Diaz
Author URI: http://www.sin-titulo.com

	Planeta
	Ultima Actualizacion: 2009-12-24

*/


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

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
--------------------------- */


body
 {
	font-family: Verdana, "Trebuchet ms", "Gill Sans MT", "Gill sans", sans-serif;}

#branding h1 a,
.post-title,
.widget h4,
.nav-sub li h4 {
	font-family: "Palatino Linotype", swiss, serif;
}

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



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

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

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

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

#container {
	margin: 0 2%;
	text-align: left;
	max-width: 1200px;
}

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

#branding {
	position: relative;
	height: 160px;
	text-align: left;
	background: url(imagenes/mts-journey-header.jpg) no-repeat center top;
}

#branding-container {
	position: relative;
	height: 160px;
	margin: 0 2%;
}

#branding h1 {
	padding-top: 100px;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
}

#branding h1 a {
	padding: 10px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}

/* =nav-site
--------------------------- */

#nav-site {
	display: block;
	position: absolute;
	top: 15px;
	left: 2%;
	width: 96%;
	margin: 0 auto;
}

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

#nav-site li.rss li {
	font-size: 11px;
	line-height: 11px;
	margin-right: 10px;
	padding: 0 0 1px 21px;
	background: url(imagenes/feed12x12.png) no-repeat 5px 0;
}

#nav-site li.rss li a {
	color: #584735;
}

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


/* 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;
	margin-bottom: 20px;
	padding-top: 40px;
}

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

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

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


#content-main {
	margin: 0 240px;
}

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

#content-sub {
	position: relative;
	display: inline;
	float: left;
	width: 200px;
	margin-left: -220px;
	font-size: 85%;
	line-height: 1.3;
}

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

#content-sup {
	position: relative;
	display: inline;
	float: left;
	width: 200px;
	margin-left: -100%;
	padding-left: 20px;
	font-size: 85%;
	line-height: 1.3;
}

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

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

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


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


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


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

p.no-encontrado {
	padding-left: 2px;
	font-size: 13px;
}

/* =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
--------------------------- */
a {
	text-decoration: underline;
}

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

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

.archive h2, .error h2 {
	height: 27px;
	margin-bottom: 18px;
	font-weight: bold;
	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: bold;
}

#content-main .post-title {
	font-size: 22px;
	line-height: 26px;
	margin: 10px 0 6px;
	padding-left: 2px;
}

.post-body h2 {
	font-size: 18px;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

.post-body h3 {
	font-size: 16px;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

.post-body h4 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.post-body h5, .post-body h6 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}



/* =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 ul li p, .post-body ol li p {
	margin-bottom: 0;
}

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

.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 {
	margin-bottom: 15px;
	padding: 4px 0;
}

.nav-sub ul li li {
	margin-bottom: 0;
}


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

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

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

.nav-sub li blockquote {
	padding: 15px 25px 5px 15px;
	font-size: 1.4em;
	font-style: italic;
	background: url(imagenes/blockquote.png) no-repeat 2px 9px;
}

.nav-sub li cite {
	display: block;
	padding-right: 8px;
	text-align: right;
}

/* =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;
}


/* =CODIGO
--------------------------- */

pre, code {
	font: 0.9em/1.7em Courier, monospace;
	overflow: auto;
	clear: both;
	margin: 10px 0 10px 15px;
	padding: 5px 3px 20px 4px;

}

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

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

/* el =post */
.post {
	clear: both;
	margin: 0 0 25px 0;
	padding: 0 3px;
}

.single .post, .page .post {
	margin: 0 0 25px 0;
}

.single .post img.avatar {
	display: inline;
	float: left;
	position: static;
	left: 0;
	margin: 0 10px 2px 0;
	padding: 3px;
}

/* Post =metadata (fecha, enlace a comentarios, etc) */
.post-metadata {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 6px 3px 9px;
	font-size: 12px;
	font-weight: normal;
}

.single .post-metadata {
	width: auto;
	display: inline;
	float: left;
}

.fecha, .comentarios, .categorias, .editar {
	display: inline;
	float: left;
	margin: 0 0 6px 2px;
	padding-right: 8px;
	padding-bottom: 1px;
	font-size: 12px;
	line-height: 18px;
}

.comentarios, .categorias, .editar {
	padding-left: 8px;
}

/* post-=body */

.post-body {
	clear: both;
	padding-left: 2px;
	padding-bottom: 8px;
}

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

/* el =minipost */

.minipost {
	margin: 0 3px;
	padding: 12px 12px 15px;
	border-right: 7px solid #ebedf5; 
	border-left: 7px solid #ebedf5; 
	border-bottom: thin dotted #ebedf5;
	font-size: 12px; 
	font-family: geneva, sans-serif;
	background-color: white; 
}

.minipost img.avatar {
	display: inline;
	float: right;
	margin: 0 2px 7px 12px;
}

.minipost p {
	display: inline;
}

/* el =minipost en la barra lateral*/

.nav-sub .minipost {
	margin: 0 3px 10px;
	padding-bottom: 15px;
	border: none;
	border-bottom: thin dotted #ebedf5;
	font-size: 12px; 
	font-family: geneva, sans-serif;
	background-color: white; 
}

.nav-sub .minipost img {
	display: inline;
	float: right;
	margin: 0 2px 7px 12px;
}

.nav-sub .minipost p {
	display: inline;
}

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


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

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


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

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

#comments h3, #pings {
	font-weight: bold;
}

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

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

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

/* Nombre del autor del comentario */
.comment cite {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
}

/* fecha y hora del comentario */
.comment-metadata {
	display: inline;
	float: left;
	margin-bottom: 10px;
	font-size: 11px;
}

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

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

/* editar comentario */
p.edit-comment {
	display: inline;
	float: left;
	margin-left: 6px;
	padding-left: 6px;
	font-size: 11px;
}

.comment-edit-link {

}

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

#respond h3 {
	margin-bottom: 10px;
	font-weight: bold;
}

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

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

/* 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: 12px;
}

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


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

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


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

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

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

#searchform #searchsubmit {
	position: absolute;
	top: 1px;
	right: 4px;
}

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

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



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

.archive #content-main h2 {
	padding-left: 3px;
}

.archive li.post {
	padding-bottom: 0;
}

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

.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 {
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 18px;
}

.widget h4, .nav-sub li h4 {
	margin-bottom: 8px;
	padding-bottom: 3px;
	font-size: 17px;
	line-height: 20px;
	font-weight: normal;
}

.widget ul li {
	padding: 4px 0;
}

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

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

body {
	background-color: #bdcbd0; /* blanco */
	color: #333; /* gris oscuro */
}

#container {
	border: 3px double #688f9e;
	background-color: #fff;
}

a {
	color: navy;
}
a:hover, a:focus {
	color: blue;
}
a:active {
	color: blue;
}

#branding {
	border: 1px solid #688f9e;
	border-bottom: 2px solid #688f9e;
}

#branding h1 a {
	color: #bdcbd0;
}

#searchform #s {
	border: 1px solid #ccc; 
}

.post img.avatar, .comment img.avatar {
	border: 1px solid #ddd;
	background: #fff;
}

.post-metadata {
	border-top: 1px solid #688f9e;
	border-bottom: 1px solid #688f9e;
}
.post-metadata .fecha {
	border-right: 1px solid #9babbf;
}

.post-metadata .editar, .post-metadata .categorias {
	border-left: 1px solid #9babbf;
}

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

.error h2, h2.error {
	border-bottom: 1px solid #e0e0e0;
}

/* caja de codigo */
.post-body pre {
	border: 1px solid #2a4651;
}

#content-main div.post:last-child {
	border-bottom: none;
}


/* Enlace de agregar comentario */
.add-comment a {
}

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

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

/* Parte de editar comentario */

p.edit-comment {
	border-left: 1px solid #ccc;
}

#comment {
	border: 1px solid #ccc;
}

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

.widget h4, .nav-sub li h4 {
	color: blue;
}

.widget ul li {
	border-bottom: 1px solid #ddd;
}


/* pie */
#site-info {
	background-color: #fff;
	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 {
	display: block;
	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;
}

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

body {
display: block !important; }



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