probando diseño css
Encima
<body>
<div id="header">
<div id="logo">
<h1><a href=" http://cristianismofiel.es.tl/">Cristianismofiel </a></h1>
<p> by <a href="http://cristianismofiel.es.tl/Contacto.htm ">deneto</a></p>
</div>
<div id="search">
<form method="get" action="">
<fieldset>
<input id="search-text" type="text" name="s" value="Search" size="15" />
<input type="submit" id="search-submit" value="Search" />
</fieldset>
</form>
</div>
<!-- end #search -->
</div>
<!-- end #header -->
<div id="wrapper">
<div id="wrapper2">
<div id="menu">
<ul>
<li><a href="http://cristianismofiel.es.tl/ ">Inicio</a></li>
<li><a href="http://cristianismofiel.es.tl/Santuario.htm ">Santuario</a></li>
<li><a href=" http://cristianismofiel.es.tl/Doctrinas-biblicas.htm">Doctrinas</a></li>
<li><a href=" http://cristianismofiel.es.tl/Profec%EDas.htm">Profecías</a></li>
<li><a href="http://cristianismofiel.es.tl/Estudios.htm ">Estudios</a></li>
<li><a href="http://cristianismofiel.es.tl/Pr%E1cticas.htm ">Prácticas </a></li>
</ul>
</div>
<!-- end #menu -->
<div id="page">
<div id="content">
</body>
</html>
debajo:
<div class="topimg"><img src="" alt="" /></div>
<div class="post">
<h1 class="title"><a href="#">dene</a></h1>
<p class="meta"></p>
<div class="entry">
<p></p>
<p></p>
</div>
</div>
<div class="post">
<h2 class="title"><a href="#">dene</a></h2>
<p class="meta"></p>
<div class="entry">
<p></p>
<p></p>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>La ley y el sábado</h2>
<p> <li><a href=" http://cristianismofiel.es.tl/ley-y-sabado.htm">Sobre la ley y el sábado</a> (13) </li>
</p>
</li>
<li>
<h2>Elena White</h2>
<ul>
<li><a href="http://cristianismofiel.es.tl/Falsas-acusaciones.htm ">Falsas acusaciones</a> (6) </li>
<li><a href="http://cristianismofiel.es.tl/Fuera-de-contexto.htm ">Escritos fuera de contexto</a> (6) </li>
<li><a href=" http://cristianismofiel.es.tl/Escritos--de-la-%E1poca.htm ">Escritos de la época</a> (3) </li>
<li><a href="http://cristianismofiel.es.tl/Escritos--complidos.htm ">Escritos cumplidos</a> (10) </li>
<li><a href="http://cristianismofiel.es.tl/Temas--selectos.htm ">Temas selectos</a> (8) </li>
<li><a href=" http://deneto.jimdo.com/e-white/descarga-libros-white/ ">Descarga de libros</a> </li>
</ul>
</li>
<li>
<h2>Obra adventista</h2>
<ul>
<li><a href=" http://cristianismofiel.es.tl/Tv-adventista.htm">Tv adventista</a> (+) </li>
<li><a href="http://cristianismofiel.es.tl/Radio--adventista.htm ">Radio adventista</a> (+) </li>
<li><a href=" http://cristianismofiel.es.tl/Pioneros.htm">Pioneros</a> (11) </li>
<li><a href="#">AA</a> (-) </li>
<li><a href="#">AA</a> (-) </li>
</ul>
</li>
<li>
<h2>Enlaces</h2>
<ul>
<li><a href="http://denepaz.es.tl/">Denepaz</a> (1)</li>
<li><a href=" http://fielalaverdad.es.tl/">Fielalaverdad</a> (1)</li>
<li><a href="http://aclaracioneswhite.es.tl/Pioneros--del--adventismo.htm ">AclaracionesWhite</a> (1)</li>
<li><a href="http://pazyesperanza.es.tl/ ">Pazyesperanza</a> (1)</li>
<li><a href=" http://mensajerofiel.es.tl/">Mensajerofiel</a> (1)</li>
<li><a href=" http://cristianosencolombia.es.tl/Pagina-Inicio.htm">CristianosenColombia</a> (1)</li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
</div>
</div>
<div id="footer">
<p>Copyright (c) 2008 Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> Adaptacion By <a href="http://mmstt.es.tl">Mmstt</a>
</div>
<!-- end #footer -->
css-
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
Adaptacion By Mmstt.es.tl =)
http://www.freecsstemplates.org
*/
body {
margin: 0;
background: #FFFFFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}
h1, h2, h3 {
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #06AEF1;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.6em;
}
p, ul, ol {
margin-top: 0;
line-height: 180%;
}
ul, ol {
}
a {
text-decoration: none;
border-bottom: 1px dotted #999999;
color: #000000;
}
a:hover {
background: none;
}
#wrapper {
width: 100%;
margin: 0 auto;
padding: 0;
background: #FFFFFF url(http://i40.tinypic.com/2jfkhtt.jpg) repeat-x left top;
}
#wrapper2 {
margin: 0;
padding-top: 30px;
}
/* Header */
#header {
width: 910px;
height: 60px;
margin: 0 auto;
padding-top: 10px;
}
.topimg img {
margin: 0;
padding: 0 0 20px 0;
border: none;
}
/* Logo */
#logo {
float: left;
width: 640px;
color: #333333;
}
#logo h1, #logo p {
text-transform: lowercase;
font-family: Georgia, "Times New Roman", Times, serif;
}
#logo h1 {
float: left;
letter-spacing: -1px;
font-size: 2.6em;
}
#logo p {
float: left;
margin: 0;
padding: 10px 0 0 5px;
font-size: 16px;
}
#logo a {
border: none;
background: none;
text-decoration: none;
color: #06AEF1;
}
/* Search */
#search {
float: right;
width: 230px;
padding-top: 16px;
}
#search form {
height: 41px;
margin: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search-text {
width: 200px;
border: none;
text-transform: lowercase;
border: 1px #BDB0ED dotted;
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
#search-submit {
display: none;
}
/* Menu */
#menu {
width: 910px;
height: 60px;
margin: 0 auto;
padding: 0;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
}
#menu a {
display: block;
margin-left: 10px;
padding: 10px 20px 0 20px;
height: 31px;
background: url(http://i40.tinypic.com/33emm8g.jpg) repeat-x left top;
text-transform: lowercase;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
border: none;
color: #FFFFFF;
}
#menu a:hover, #menu .current_page_item a {
}
#menu a:hover {
text-decoration: underline;
}
/* Page */
#page {
width: 910px;
margin: 0 auto;
padding: 0;
border: 15px #FFFFFF solid;
background: url(http://i44.tinypic.com/2w52h77.jpg) repeat-x left top;
}
/* Content */
#content {
float: left;
width: 600px;
padding: 20px 0 0 20px;
}
.post {
}
.post .title {
color: #06AEF1;
}
.post .title a {
background: none;
color: #06AEF1;
border: none;
}
.post .title a:hover {
text-decoration: underline;
}
.post .meta {
padding-bottom: 10px;
background: url(http://i43.tinypic.com/1zdr790.gif) repeat-x left bottom;
text-transform: uppercase;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}
.post .comments {
}
.post .entry {
padding: 10px 0 20px 0;
text-align: justify;
}
/* Sidebar */
#sidebar {
float: right;
width: 220px;
padding: 40px 20px 0 0;
color: #333333;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
}
#sidebar li p {
padding-left: 15px;
}
#sidebar li ul {
padding-bottom: 30px;
}
#sidebar li li {
margin-left: 15px;
padding-left: 10px;
line-height: 35px;
border-bottom: 1px dotted #D7D0F4;
background: url(http://i42.tinypic.com/9u94ef.jpg) no-repeat left 50%;
}
#sidebar h2 {
letter-spacing: -.5px;
padding-bottom: 10px;
color: #06AEF1;
background: url(http://i43.tinypic.com/2n1f7n5.jpg) repeat-x left bottom;
}
#sidebar p {
padding-bottom: 20px;
text-align: justify;
}
#sidebar a {
color: #000000;
border: none;
}
#sidebar a:hover {
text-decoration: underline;
color: #000000;
}
/* Calendar */
#calendar {
}
#calendar_wrap {
padding: 20px;
}
#calendar table {
width: 100%;
}
#calendar tbody td {
text-align: center;
}
#calendar #next {
text-align: right;
}
/* Footer */
#footer {
width: 910px;
height: 0px;
margin: 0 auto;
padding: 40px 0;
background: url(http://i43.tinypic.com/1zdr790.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
color: #B2B2B2;
}
#footer p {
margin: 0;
line-height: normal;
font-size: 9px;
text-transform: uppercase;
text-align: center;
}
#footer a {
color: #999999;
}
