hice mi diseño css bueno aun no lo termino pero no se adaptarlo, alguien me ayuda?
este es el codigo html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Encuentra todo sobre la información de los mas novedosos videojuegos. Todo Lo Que Necesitas.">
<meta name="keywords" content="blogemilio, videojuegos, juegos, playstation, xbox">
<link rel="stylesheet" type="text/css" href="estilos.css"/>
<title>blogemilio</title>
</head>
<body>
<header>
<div id="subheader">
<div id="logotipo"><p><a href="#">Blogemilio</a></p></div>
<nav>
<ul>
<li><a href="#">inicio</a></li>
<li><a href="#">contacto</a></li>
<li><a href="#">servicios</a></li>
</ul>
</nav>
</div>
</header>
<section id="wrap">
<section id="many">
<section id="bienvenidos">
<section id="bien">Bienvenidos A Mi Web</section>
<section id="contenido">
<p>En gravida placerat nulla, sed pellentesque nunc consequat a. Aliquam en ñeque en lectus pharetra malesuada sed et diam. Quisque leo tempor pharetra, porta imperdiet nisi feugiat sed. Vestibulum hendrerit sit amet nisl mollis eu. Proin malesuada ornare ultrices. Vel Etiam dolor dapibus, et condimentum metus. Aliquam volutpat erat. Aenean tortor accumsan pellentesque, sit amet scelerisque viverra leo vitae. Nunc rutrum scelerisque ñeque et volutpat. Cras Mattis, justo sed tempor faucibus, tortor enim dapibus nisl, et ullamcorper mi lorem eros de identificación. Aenean no ñeque dignissim. Phasellus eu augue ullamcorper. Mecenas suscipit pharetra ut semper tortor. Curabitur vitae Identificación quam felis tincidunt lacinia et sed justo. Sed lectus lectus, lobortis Identificación felis vitae, porttitor imperdiet nulla.</p>
<p>En gravida placerat nulla, sed pellentesque nunc consequat a. Aliquam en ñeque en lectus pharetra malesuada sed et diam. Quisque leo tempor pharetra, porta imperdiet nisi feugiat sed. Vestibulum hendrerit sit amet nisl mollis eu. Proin malesuada ornare ultrices. Vel Etiam dolor dapibus, et condimentum metus. Aliquam volutpat erat. Aenean tortor accumsan pellentesque, sit amet scelerisque viverra leo vitae. Nunc rutrum scelerisque ñeque et volutpat. Cras Mattis, justo sed tempor faucibus, tortor enim dapibus nisl, et ullamcorper mi lorem eros de identificación. Aenean no ñeque dignissim. Phasellus eu augue ullamcorper. Mecenas suscipit pharetra ut semper tortor. Curabitur vitae Identificación quam felis tincidunt lacinia et sed justo. Sed lectus lectus, lobortis Identificación felis vitae, porttitor imperdiet nulla.</p>
<p>En gravida placerat nulla, sed pellentesque nunc consequat a. Aliquam en ñeque en lectus pharetra malesuada sed et diam. Quisque leo tempor pharetra, porta imperdiet nisi feugiat sed. Vestibulum hendrerit sit amet nisl mollis eu. Proin malesuada ornare ultrices. Vel Etiam dolor dapibus, et condimentum metus. Aliquam volutpat erat. Aenean tortor accumsan pellentesque, sit amet scelerisque viverra leo vitae. Nunc rutrum scelerisque ñeque et volutpat. Cras Mattis, justo sed tempor faucibus, tortor enim dapibus nisl, et ullamcorper mi lorem eros de identificación. Aenean no ñeque dignissim. Phasellus eu augue ullamcorper. Mecenas suscipit pharetra ut semper tortor. Curabitur vitae Identificación quam felis tincidunt lacinia et sed justo. Sed lectus lectus, lobortis Identificación felis vitae, porttitor imperdiet nulla.</p>
<p>En gravida placerat nulla, sed pellentesque nunc consequat a. Aliquam en ñeque en lectus pharetra malesuada sed et diam. Quisque leo tempor pharetra, porta imperdiet nisi feugiat sed. Vestibulum hendrerit sit amet nisl mollis eu. Proin malesuada ornare ultrices. Vel Etiam dolor dapibus, et condimentum metus. Aliquam volutpat erat. Aenean tortor accumsan pellentesque, sit amet scelerisque viverra leo vitae. Nunc rutrum scelerisque ñeque et volutpat. Cras Mattis, justo sed tempor faucibus, tortor enim dapibus nisl, et ullamcorper mi lorem eros de identificación. Aenean no ñeque dignissim. Phasellus eu augue ullamcorper. Mecenas suscipit pharetra ut semper tortor. Curabitur vitae Identificación quam felis tincidunt lacinia et sed justo. Sed lectus lectus, lobortis Identificación felis vitae, porttitor imperdiet nulla.</p>
</section>
</section>
</section>
<body style="background:#A9B0A9">
</body>
</html>
[color="red"] y este es el codigo css [/color]
/*---ESTILOSGENERALES---*/
a{
text-decoration:none;
}
a:hover{
background:#0091A4;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
header{
width:100%;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
float:left;
}
#subheader{
width:100%;
float:left;
}
#logotipo{
color:#fff;
font-size:27px;
font-family:arial;
width:300px;
float:left;
margin-left:15px;
}
#logotipo a{
color:#fff;
}
header #subheader nav{
width:700px;
float:left;
padding:10px 0px;
text-align:right;
margin-right:-150px;
}
header #subheader nav ul li{
display:inline;
}
header #subheader nav ul li a{
color:#fff;
font-family:arial;
}
#bienvenidos{
width:99.8%;
float:left;
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
padding:1px;
margin-top:3px;
border-radius:3px;
color:#fff;
font-family:arial;
font-size:13px;
}
#bienvenidos #bien{
font-family:arial;
font-size:22px;
text-align:center;
}
alguien me ayuda adaptarlo a css-design y que se quite el menu determinado del diseño
o me dice como hacerlo?[/b]
