body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:#ffffff; /* blanco limpio */
  color:#222;
}

/* barra superior tipo red Lycos */
.topbar{
  background:#003300;
  color:#cce0cc;
  font-size:11px;
  padding:4px 10px;
}

/* contenedor principal */
.container{
  width:800px;
  margin:20px auto;
  background:#ffffff;
  border:1px solid #006600;
}

/* header */
header{
  background:#006600;
  color:white;
  padding:12px;
}

header h1{
  margin:0;
  font-size:26px;
}

.tag{
  font-size:12px;
}

/* navegación */
.nav, nav{
  background:#eaffea;
  border-bottom:1px solid #006600;
  padding:6px;
}

.nav a, nav a{
  margin-right:15px;
  text-decoration:none;
  color:#006600;
  font-weight:bold;
}

/* layout */
.layout{
  display:flex;
}

/* sidebars */
aside{
  width:180px;
  background:#f5fff5;
  padding:8px;
  border-right:1px solid #cce0cc;
}

/* contenido */
main{
  flex:1;
  padding:10px;
  background:#ffffff;
}

/* cajas */
.box{
  border:1px solid #cce0cc;
  margin-bottom:10px;
  background:white;
}

.box h3{
  background:#006600;
  color:white;
  margin:0;
  padding:5px;
  font-size:13px;
}

/* posts */
.post{
  border-bottom:1px solid #cce0cc;
  margin-bottom:15px;
  padding-bottom:10px;
}

.post h2{
  color:#006600;
  margin:0;
}

.fecha{
  font-size:11px;
  color:#555;
}

/* pestañas usuario */
.user-nav{
  background:#006600;
  padding:6px;
}

.user-nav button{
  background:#ffffff;
  border:1px solid #006600;
  margin-right:5px;
  cursor:pointer;
  font-size:12px;
}

/* contenido tabs */
.tab{
  padding:10px;
  background:#ffffff;
}

/* footer */
footer{
  background:#003300;
  color:#cce0cc;
  text-align:center;
  font-size:11px;
  padding:6px;
}