
body {
 background: white;
 color: black;
 font: 10px Trebuchet MS, Verdana, sans;
 margin: 0;
 padding: 0;
}

#body {
 padding: 0 0 0 0;
}

h1 {
 color: #eee;
 padding-bottom: 2px;
 line-height: 1.1em;

}

h2 {
 width: auto;
 line-height: 1.3em;
 padding-right: 5px;
 margin-right: 5px;
}

#body a:link {
  color: #03b;
  text-decoration: none;
  border-bottom: 1px dotted #03b;
}

#body a:visited {
  color: purple;
  text-decoration: none;
  border-bottom: 1px dotted purple;
}

#body a:hover {
  color: #06b;
  text-decoration: none;
  border-bottom: 1px dashed #06b;
}

#cabecera {
  background: #6A6A6A;
  padding: 20px;
  border-bottom: 4px solid #999;
  margin-bottom: 2em
}

#cabecera h2 {
  line-height: 1.3em;
  padding-right: 5px;
  margin-right: 5px;
  margin-top: -10px;
  border-top: 1px solid #ccc;
  color: #999
}

#cabecera a:visited {
  color: maroon;
  text-decoration: none;
  border-bottom: 1px dotted maroon;
}

#logo {
  float: right;
}

#busqueda {
 float:right;
 margin: 5px;
 padding: 5px;
 margin-top: -10px;
}

#texto {
 font-size: 13px;
 float:left;
 width: 66%;
 padding: 5px;
 line-height:1.5em;
}

#texto table[width="100%"] {
 border: 0;
 border-bottom: 1px dashed orange;
 padding:0;
}

#texto table[width="100%"] tr{
 padding: 0;
 margin:0;
}

#texto table[width="100%"] tr td {
 margin:5px;
 margin:0;
 border: 0;
}

#texto table[width="100%"] table {
 border: 0;
}

#texto table[width="100%"] table td {
 margin: 0;
 padding: 5px;
}

.dia {
 margin-left:20px;
 margin-bottom: 10px;
}

.historia {
  padding-left:10px;
  border-left: 4px solid #e90;
  padding-bottom: 10px;
  border-bottom: 1px dashed #e90;
  margin-bottom: 5em;
}

.categoria {
 float:right;
 margin-left: 10px;
 padding: 3px;
 background: #eee;
 font-size: 0.9em;
}

.hora {
 font-size: 0.8em;
 margin-left: -30px;
 padding: 3px;
 background: #e90;
 margin-right: 5px;
 margin-bottom: 10px;
}

.hora u{
 list-style: none;
}

.contenido {
  margin-left:20px;
  padding-bottom:15px;
  clear:both;
}

.contenido img {
  float:right;
  margin:5px;
}

.etiquetas { 
  padding: 5px;
  font-size: 80%;
  background: #ddd;
}

.relacionadas { 
  padding: 5px;
  font-size:80%;
  background: #ccc;
}

.tools {
  padding: 5px;
  background: #ddd;
  float:right;
  margin-top: -20px;
}

.tools a:visited {
  color: purple;
  text-decoration: none;
  border-bottom: 1px dashed purple;
}

#columna {
  margin-left:70%;
  background: #efefda;
  padding: 10px;
  border-top: 2px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

#columna ul { 
  list-style-type: square;
}

#pie {
  clear:left;
  LEFT: 50%;  
  margin: 2em 6em 2em 6em;
  text-align: center;
  border-top: 3px double #ccc;
  margin-bottom: 1em;
  padding: 1em 0px 1em 0px
}

blockquote {
 background: #f0f0f0;
 border: 1px dashed #ddd;
 padding: 5px;

}

.cuento {
  margin-top: 2em;
  margin-right: 10%;
  margin-left: 10%;
  font: 90% verdana, arial, sans;
  line-height: 170%
}

.cuento:first-letter {
  font-size:200%;
  font-style: italic;
  font-weight:  bold;
  float: left;
  margin: 1px;
}


h2 a:link {
  color: #03b;
  text-decoration: underline;
  border: none
}

h2 a:visited {
  color: purple;
  text-decoration: underline;
  border: none
}

h2 a:hover {
  color: #03b;
  text-decoration: none;
  border: none;
}



#cabecera a:link, a:visited {
  color: #eee;
  text-decoration: none;
  border: none
}

#cabecera a:hover {
  color: #fff;
  text-decoration: underline;
  border: none;
}

span.comentarios, span.trackbacks {
        font-weight:bold;
        font-size:1.1em;
}

@media print {

#cabecera { display: none; }
#busqueda #cajita { display: none; }
#columna, #pie  { display: none; }
.categoria, .tools { display: none; }

a:link:after, a:visited:after {
   content: " (" attr(href) ") ";
}
}

