body {
  margin: 0;
  padding: 0;
  background-color: #000;
  color: white;
  background-image: url(imagenes/bg.png);
  background-repeat: repeat-x;
/*  font: small Arial, Helvetica, Verdana, sans-serif;*/
  font: small "Times New Roman", Times, serif;
}
#wrapper {  /* La ventana sobre la que va de la pagina */
  background-color : black;
  color: white;
  margin: 30px 40px 30px 40px;
  padding: 10px;
}
#header{  /* El logo */
	background-color:black;
}
#header-bottom {  /* Lineas rojas del logo */ 
  border-top: 1px solid #ee0000;
  border-bottom: 1px solid #ee0000;
  height: 1%;
  background-color:black;
}

#tagline {   /* Donde se escribe "Web de A Fervenza Tinta */
  font-weight: bold;
  background-color: black;
  color: #ee0000;
  font-style: italic;
  margin: 0;
  padding: 0 0 0 20px;
  width: 300px;
  float: left;
}

#main {    /* Abarca el contenido de noticias... y el menu */
  position: relative;
  top:0;
  left:  0;
  width: 100%;
  margin-top: 20px;
}
#content {  /* Serķa lo que no es menu */
  margin: 0 0 0 240px;
  border: 1px solid #ee0000;
  background-color: white;
  color: black;
}

#content .inner {  /* Contenido de todo lo que va en noticias y sus especificaciones de inner */
  margin: 10px 20px 10px 40px;
}
#content .inner h2 {
  color : rgb(204,0,0);
  padding-bottom: 0.2em;
  border-bottom: 1px solid #ee0000;
  font-size: 110%;
}
#content .inner ul.features {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .inner h3 {
  font-size: 130%;
}
#content .inner h3 a:link, #content .inner h3 a:visited {
/*  color: #245185; */
  color : rgb(204,0,0);
}
#content .inner p {
  color: black;
  font-size: 90%;
  text-indent:15px;
  text-align:justify;
}

#content .inner cite {
text-align:center;
font-size:16px;
}

#content .inner p.author {
  font-weight:  bold;
  text-indent:0px;
  color:#666666;
}
#content .inner p.more{
  margin-top: 0;
  text-align: right;
}

#content .inner p.more a:link, #content .inner p.more a:visited {
  color: black;
  background-image: url(imagenes/mas.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;	
  font-size: 90%;
  color: rgb(204,0,0);
}

#content .inner p.historial{
 margin-top: 50px;
 text-align:center;
 font-size:10px;
 color:#666666;
 border-top: 1px solid #ee0000;
 padding-top:5px;
}
#content .inner p.historial a:link, #content .inner p.more a:visited {
  color: black;
  background-repeat: no-repeat;
  background-position: center left;
  color: rgb(204,0,0);
}

#content .inner .features li img {
  float: left;
  border:0;
}

#sidebar {   /* MENU */
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  background-color: rgb(102,0,0);
  color: white;
  margin: 0;
  padding: 0;
}

#borde {   /* Especio vacio de arriba y abajo del menu */
	height: 16px;
}

#roScripts_m2 {  /* Menu propiamente dicho */
	width: 200px;
}
#roScripts_m2 li a {
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
}
#roScripts_m2 li a:link, #roScripts_m2 li a:visited {
	color: #ccc;
	display: block;
	background:  url(roScripts_m2.png);
	padding: 8px 0 0 25px;
}
#roScripts_m2 li a:hover, #roScripts_m2 li #current {
	color: #fff;
	background:  url(roScripts_m2.png) 0 -32px;
	border-bottom:1px solid #000;
	padding: 8px 0 0 27px;
}

#roScripts_m2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar h3 {
  font-size: 110%;
  background-color:#ee0000;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 0 0 10px;
  font-weight: normal;
}
#sidebar .inner {
  padding-left: 20px;
  padding-right: 20px;
}
#sidebar ul {
  list-style-type:none;
  margin-left: 0;
  padding-left: 20px;
}
#sidebar p, #sidebar li {
  font-size: 90%;
  line-height: 1.4em;
}
#sidebar ul a:link, #sidebar ul a:visited {
  color: white;
}

#sidebar .inner a{
  color:white;
  text-decoration:none;
  padding:10px;
}

#sidebar p, #sidebar li {
  font-size: 90%;
  line-height: 1.4em;
}
#sidebar ul a:link, #sidebar ul a:visited {
  color: white;
}