body {
margin: 0;
padding: 0;
text-align: center;
background: #000;
font: 82% "Trebuchet MS", Arial, Helvetica, sans-serif;}

p {
font-size: 1em;}

a img {
border: none;}

a:link {
color: #2a547f;}

a:visited {
color: #369;}

a:hover {
color: #983100;}

a:active {
color: #fff;
background-color: #983100;}

.break {
display: block;
clear: both;
visibility: hidden;}

#header {
height: 148px;
width: 849px;
background: #fff url(/img/comiccon/comicon_header.gif) right top no-repeat;position: relative;
margin: 0 6px 15px 6px;
padding: 0;
position: relative;line-height: 1}

#volver {
position: absolute;
margin: 0;
padding: 0;
left: 690px;
top: 99px;
width: 159px;
height: 49px;
background: url(/img/comiccon/boton_volver.gif) no-repeat;}

#volver span {
display:block;text-indent:-9999px;}

#volver a {
background: url(/img/comiccon/boton_volver.gif) no-repeat;
position: absolute;
width: 100%;
height: 48px;}

#volver a:hover {
background-position: 0 -49px}

#volver a:focus, #volver a:active {
outline: none;
}

h1 {
font-size: 1.2em;
}

#logo {
width: 391px;
height: 148px;
position: relative;
margin: 0; padding: 0;}

#logo span {
position: absolute;
width: 100%;
height: 100%;
background: url(/img/comiccon/comiccon_logo.gif) no-repeat;}

h3, .post h3 {
background: #000;
font-family: Impact, Tahoma, Arial, sans-serif;
color: #fd0;
padding: 6px;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;}

h3 a:link {
color: #fd0;}

h3 a:visited {
color: #c90;}

#container {
width: 861px;
padding: 0;
background-color: #fff;
margin: 0 auto;
text-align: left;
border: 0;}

#caja {
width: 855px;
background: #fff url(/img/comiccon/colder_fondo.gif) repeat-y left 15px;
border: none;
margin: 0 3px;}

#colizq {
background: #fff;
margin: 10px 15px 10px 10px;
float: left;
display: inline;
width: 484px;
padding: 0;
overflow:hidden;}

.post {
margin-bottom: 40px;
}

.post h3 {
font-weight: normal;
font-size: 1.4em;
padding: 6px 5px;
line-height: 1em;
margin: 0;
}

.post h3 a:link, .post h3 a:visited {
text-decoration:none;
}

/* --- */

.post h4 {
font-size: 1.2em;
line-height: 0.8em;
margin: 20px 0 0;
padding: 0;
}

.post h5 {
font-size: 1em;
line-height: 0.6em;
margin: 20px 0 0;
padding: 0;
}

.post h6 {
line-height: 0.4em;
font-size: 0.9em;
margin: 20px 0 0;
padding: 0;
}

.post ul {
list-style: none;
}

.post ul li {
padding-left: 11px;
background: url(/images/40.gif) 0 5px no-repeat;
}

.post ul {
padding-left: 2px;
}

.post ul li ul li {
padding-left: 7px;
background: url(/images/3.gif) 0 7px no-repeat;
}

.post p {
line-height: 1.5em;
}

.postfooter, .postdatos {
font-size: 0.9em;
list-style: none;
margin: 0;
padding: 0;
}

.postfooter {
clear: both;
}

.postfooter li, .postdatos li {
display: inline;
margin-right: 10px;
}

ul.postfooter li, ul.postdatos li {
background: none;
padding: 3px;
}

.postfooter_cats a {
margin-right: 4px;
}

ul.postdatos {
padding-bottom: 4px;
border-bottom: 1px solid #444;
}

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

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


.postdatos {
background-color: #666;
color: #fff;
font-weight: bold;
padding: 3px 0;}

.postdatos a:link, .postdatos a:visited, .postdatos a:hover, .postdatos a:active {
color: #fff;}

.postdatos a:hover, .postdatos a:active {
text-decoration: none;
background-color: #444;}

#colder {
width: 346px;
float: left;
display: inline;
margin: 5px 0 0 0;
padding: 0;
border: none;
overflow:hidden;
color: #fff;}

#colder blockquote {
margin: 3px 0; padding: 2px; background-color: #2E5072; border-color:#446F96; background-image: none;
}

#colder a:link, #footer a:link  {
color: #fff;
text-decoration: underline;}

#colder a:visited, #footer a:visited {
color: #fff;
text-decoration: underline;}

#colder a:hover, #footer a:hover {
background-color: #8FABC7;
color: #147;
text-decoration: none;}

#colder a:active, #footer a:active {
color: #fff;
text-decoration: underline;}

#fotos, #itinerario, #comentarios, #twitter {
margin: 5px;}

#twitter_list {
margin: 10px 0;
padding: 0 5px;
list-style: none;
}

#twitter li {
list-style: none;
margin-bottom: 4px;
padding-bottom: 4px;
border-bottom: 1px dotted #8FABC7;
}

.twitter_time {
font-style: italic;
display: block;
}

#fotos p, #itinerario dl, #comentarios p, #fotos ul, #itinerario ul, #comentarios ul, #twitter p {
padding-left: 5px;
padding-right: 5px;}

#comentarios ul {
padding: 0;
margin: 0 0 10px 0;
list-style-type: none;}

#comentarios li {
list-style-type: none;
padding: 4px 10px;
margin: 0 0 10px 0;}

#comentarios li p {
margin: 3px 0;}

#fotos a:hover, #fotos a:active {
background-color: transparent;}

.flickr_badge_wrapper {
display: block;
width:320px;
margin: 0 0 7px 25px;}

#masfotos {
clear: both;
text-align: center;}

.flickr_badge_image {
margin: 0 20px 20px 0;
padding: 0;
float: left;
border: 2px solid #fff;}

.flickr_badge_image img {
padding: 0;
border: none !important;
margin: 0;}

#footer {
line-height: 1.5;
clear: both;
border-top: 3px #fff solid;
background: url(/img/comiccon/fondo_footer.gif) left top repeat-x #467cb2;
margin: 0 5px;
padding: 8px 15px;
color: #fff;
font-size: 0.9em;}

#footer_credito {
float: right;
display: inline;
width: 40%;
padding-top: 0;
margin-left: 25px;
margin-right: 0;
text-align: right
}
#footer_credito img {vertical-align:text-bottom}
/** Listado de comentarios **/
.comentarios {margin-bottom:20px;}
.comentarios cite { font-style:normal;font-weight:bold; }
.comentarios dl {
	margin-top:0;padding:0;margin:0;
}
.comentarios dt {font-weight:bold;font-size:1.2em;}
.comentarios dd {
	float:left;margin:0;padding:0;width:100%;
}
.comentarios dd {
	background:#cadbed; border-top:3px solid #fff;
}
.comentarios dd.par {
	background:#a3c2e0; 
}
.comentarios dd.autor {
	background: #6A98C9 url(/img/comiccon/comentario_staff_fondo.gif) left top repeat-y;
}
.comentarios dd .info {
	float:left;
	width:140px;
	padding:10px;
}
.comentarios dd .info a {
	font-size:1.4em;
	display:block;
	text-decoration:none;
color: #2a547f;
}
.comentarios dd .info a:hover {
	text-decoration:underline;
}
.comentarios dd .info span {
	font-size:1.1em;
}
.comentarios dd blockquote {
	float:left;
	width:285px;
	padding:10px;
	margin:0;
	font-size:1.25em;
}
.comentarios dd blockquote p {
	margin:10px 0;
}

/** Forma para comentar **/
.comentar form {margin:0;padding:0;border:0;}
.comentar fieldset {border:0;
	background:#f1f6eb;
	padding:10px;
	margin:0 0 10px 0;
}
.comentar input,
.comentar textarea {
	border:1px solid #97b674;
margin:0;padding:2px;
}
.comentar p {
	border-bottom:1px solid #cfe1ba;
	padding:5px;
}
.comentar p:last-child {
	border:none;
}
.comentar label {
	display:block;
	float:left;
	width:150px;
	font-size:1.2em;
	font-weight:bold;
	padding-right:10px;
}
.check label {
width: auto;float:none;
}
.botones {text-align:right;}
.comentar small {
	display:block;
	color:#999;
	width:100px;
	margin-left:160px;
}
#save_info, #notify_me { 
	float:left; 
	margin:0 10px 0 0;
}
#preview,
#submit {
	border:none;
	margin-left:10px;
}

#name, #email, #url, #from, {
	width:200px;
}
#comment, #message {
	width:200px;
	height:110px;
}
#captcha { 
	margin-bottom:13px;
	width:100px;
}

.post blockquote {
padding: 0 15px;border: 1px solid #ababab;background: #e6e6e6;margin: 15px;
}

.fotocomiccon {clear:both;}
.fotocomiccon p {float:left;margin:15px 10px 0 0;width:90px;line-height:1.2;height:12em;text-align:center;font-size:0.9em}
.fotocomiccon a img {margin-bottom:10px;border:4px #9bc072 solid;padding:1px;}