/* ----- [Estilos generales] -------

Proyecto:	ComicCon 2008
Version:	1.0
Ultimo cambio:	19/may/08
				[links en h2]
----------------------------------- */

/* ---------- [Secciones] ----------
1. Reset reloaded
2. Body y clases generales
---------------------------------- */


/* 1. Reset Reloaded - meyerweb.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Termina Reset */

/* 2. Body y clases generales */
body {font-size:62.5%;font-family: Arial, Helvetica, sans-serif;background: #ecebe6 url(/img/comiccon08/body_bg.gif) left top repeat fixed;text-align: center;} /* Agregar Corbel para Vista? */

a:link {color: #387684;}
a:visited {color: #5c6b6f;}
a:hover {color: #124754;}
a:active {color: #2593ad;}

.seguirleyendo {font-size:1.3em;font-weight:bold;}

/* Clearfix */
.clear:after {content: "."; display: block; height: 0;    clear: both; visibility: hidden;}
.clear {display:inline-block;}
.clear {display: block;}
.clr { clear:both; }

/* Wrap */
#wrap {width: 960px;border: 9px solid #000;border-top: 0;margin: 0 auto;text-align: left;background: #fff;} /* hack */

/* Header */
#header {margin: 0 2px 2px 2px;height: 123px;background: url(/img/comiccon08/header_bg.gif) repeat-x;position: relative;}
#logo {width: 572px;height: 123px;position: relative;}
#logo a {display: block;}
#logo span {position: absolute;width: 100%;height: 100%;background: url(/img/comiccon08/header1.gif) no-repeat;}
#header img {position: absolute;right: 0;top: 0;}

/* Contenido */
#contenido {margin: 0 2px 0 0;background: url(/img/comiccon08/columnas_bg.gif) left top repeat-y;position: relative;}

/* Columna izquierda */
#colizq {font-size: 1.4em; width: 600px; margin-right: 30px; float:left; display: inline; padding-top: 60px;} /* 60 / 18 */
#regresa {position: absolute;left: 2px;top: 0;}
/* #colizq.homecc {padding-top:18px;} */
#colizq .post .contenido {line-height:1.4;}
#colizq .post .contenido h3 {font-size:1.3em;color:#555;}

/* Posts */
.post h2 {color: #fc0;background: #000;padding: 10px 10px 10px 30px;text-transform: uppercase;font-size: 1.2em;font-weight: normal;}
.post h2 a:link {color: #fc0;text-decoration: none;}
.post h2 a:visited {color: #cc9;text-decoration: none;}
.post h2 a:hover {color: #e90;text-decoration: underline;}
.post h2 a:active {color: #fc0;text-decoration: underline;}
h3.fecha {padding: 5px 5px 5px 30px;background: #d1d1d1;font-weight: normal;font-size: .9em;color:#222}
.post .contenido {margin: 20px 0 20px 30px;line-height: 1.2;}
.post .contenido p {margin: 12px 0;}
.postfooter {font-size: .9em;padding: 8px 0;border-top: 1px #bbb dotted;}
.postfooter li {margin-right: 20px;display: inline;}

.fotocaption {text-align:center;padding:10px 3px;font-size:.9em;color:#333;font-style:italic;line-height:1.2;}
.fotocaption img {border:1px solid #92a5b8;padding:4px;}

.post li {list-style:disc inside}

/*** Imágenes dentro de posts ***/

.post .contenido a img { 
	border:1px solid #8bb13f;
}
.post .contenido img { 
	margin:10px auto;
	display: block;
}
.post .contenido p img.izq,
img.izq { 
	float:left;
	margin:10px 15px 10px 0;
}
.post .contenido p img.der,
img.der { 
	float:right;
	margin:10px 0 10px 15px;
}

.imagenfloat {
float: right;
display: inline;padding: 0 0 0 10px;
}

.imagenh {
text-align: center;
margin: 10px 0;
}


/* Paginación */
.paginacion {margin:30px 0 20px 30px;color:#222;font-size:0.9em;border-top:1px solid #c0c7ce}
.paginacion li {width:35%;display:block}
.paginacion a {padding:5px;border:1px solid #c0c7ce;border-top:0;background:#ececec;line-height:1.1;text-decoration:none;text-align:center;}
.paginacion .siguiente {float:right;text-align:right;}
.paginacion .siguiente a {float:right}
.paginacion .anterior {float:left}
.paginacion .anterior a {float:left}
.paginacion a:link {color:#222}
.paginacion a:visited {color:#444}
.paginacion a:hover {background-color:#cbcfd4}

/* Forma de comentarios */
#comment_form {margin: 20px 0 20px 30px;line-height: 1.2;}
#comment_form fieldset {padding: 10px 20px;background: #eee;}
#comment_form p {margin: 10px 0;}
#comment_form label {display: block;font-weight: bold;}
#comment_form label span {font-weight: normal;color: #25496f;}
.txtinput, .txtarea {display: block;margin: 5px 0 15px 0;color: #25496f;padding: 2px;border: 1px solid #a9b7c7;}
.button {margin-left: 10px;vertical-align: text-bottom;}
.buttons {text-align: right;}
.captchainput {display: inline;vertical-align: middle}
#captcha {vertical-align: middle;}

/* Comentarios */
#comentarios {margin: 20px 0 20px 30px;line-height: 1.2;}
#comentarios #noresults {padding:15px 20px;background-color:#fc3;font-size:1.1em;font-weight:bold}
.hiddenfields {display: none;}
#comentarios h3, #comment_form h3 {font-size: 1.2em;padding: 3px 10px;color: #fff;background: #25496f;font-weight: normal;}
.comment {padding: 20px 30px;margin: 2px 0;background: #eee;}
.par {background-color: #dae3ed;}
/*.comment dt {width: 360px;float: right;margin-bottom: 4px;color: #ed8d03;font-weight: bold;font-size: 1.2em;} */ /* para avatars */
/*.comment dd {margin-left: 150px;}*/ /* para avatars */
.comment dt {margin-bottom: 2px;color: #c60;font-weight: bold;font-size: 1.2em;}
.comment dd p {margin: 15px 0;}
.comment dd.fecha {color: #437987;margin-bottom: 10px;font-size:0.9em}
.comment.staff {background: #ffe580 url(/img/comiccon08/comentario_staff_bg.gif) repeat-x;}
.comment.staff dt {color: #a40;}
#cizq dl.staff dt a, #cizq dl.staff dt a:link, .staff dt a:link, #cizq dl.staff dt a:visited, .staff dt a:visited {color: #a40;}
.comment.staff dd.fecha {color: #2e535d;}
/*.comment dt {width: 345px;font-size: 1.4em;}*/
.comment dd.av {margin: 10px;width: 103px;float: left;display: inline;text-align: center;}
.comment dd.av img {border:3px solid #ccc;background: #fff;padding: 1px;}
#mpreview {font-size: 1.1em; line-height:1.2; border: 1px solid #f90;background:#fc4 url(/img/icono_alerta.gif) 15px 15px no-repeat;padding:5px 15px 5px 50px;margin: 0 0 15px 30px;}

/* Columna derecha */
#colder {font-size: 1.2em;width: 328px;float: left;display: inline;}
#colder h3 {background: #396087 url(/img/comiccon08/colder_h3_bg.gif) repeat-y left top;padding: 5px 5px 5px 15px;color: #fff;font-size: 1.3em;margin: 18px 0 12px 0;}
#colder p {margin: 15px;line-height:1.3;}
.imagen {margin: 0 auto 5px auto;padding: 3px;border: 1px solid #92a5b8;background: #fff;}
.center {text-align: center;}
#cobertura {margin: 0 30px;font-size: 1.2em;}
#cobertura li {margin: 8px 0;}
#cobertura a {font-weight: bold;}

/* Galería de imágenes */
.flickr_badge_wrapper {margin: 15px 5px -5px 30px;padding: 0;}
.flickr_badge_image {margin: 5px 12px 5px 0;padding: 3px;float: left;display: inline;border: 1px solid #92a5b8;background: #fff;}
.flickr_badge_image img {padding: 0;border: none !important;margin: 0;vertical-align: middle;}
#flickr_btn {text-align: center;}

/* Footer */
#footer {clear: both;color: #fff;font-size: 1.2em;background: #416182;padding: 18px;border: 2px solid #fff;border-right: 0;position: relative;}
#footer p {width: 50%;line-height: 1.2;}
#creditos {text-align: right;position: absolute;right: 18px;top: 18px;}
#creditos img {vertical-align: text-bottom;margin-left: 3px;border: 0;}
#footer a:link {color: #cde;}
#footer a:visited {color: #ccc;}
#footer a:hover {color: #fff;}

/* Twitter */
#twitter_div {margin: 10px 15px;font-size: 1.1em;line-height:1.3}
#twitter_update_list li {padding: 8px 0;border-bottom:1px solid #d3d3d3}

/* Ultimos comentarios */
#lastcomments dt {margin:5px 15px;font-size:1.1em;line-height:1.2}
#lastcomments dt cite, #lastcomments dt a {font-style:normal;font-weight:bold;}
#lastcomments blockquote p {margin: 10px 0;}
#lastcomments dd {margin: 5px 15px; margin-bottom:8px;border-bottom:1px solid #acacac}

.banner {width:98%;margin:10px 0;text-align:center;}
#colder .banner {margin-top:20px;}

#colizq.alinstante .post {margin: 10px 0 10px 30px;line-height: 1.2;padding-bottom:5px;}
.instante {border-bottom:1px dotted #bbb;}
#colizq.alinstante .post .contenido p {margin: 5px 0;}
#colizq.alinstante .post .contenido .byline {font-size:.9em;color:#444;margin:4px 0;}
.byline {font-size:0.9em;color:#444;}
#colder #twitter_update_list li p {margin:0}
#colder .byline {margin:4px 0 40x 30px}
#colder h3#instante_title {background:#c30 none}

/* Busqueda */
#busqueda {padding:5px 15px}
#busqueda div, #busqueda label {display:none;}
#busqueda input {vertical-align:text-middle;}