CounterStrike

Por arriba 

Código:
<!-- www.designs-ics.es.tl --> 
<div class="container"><div class="main"> 
<div class="header"><div class="title"> 
   <h1></h1> 
</div></div> 
<div class="content">


Por debajo 

Código:
<!-- www.designs-ics.es.tl --> 
</div><div class="sidenav"> 
   <h1>Designs-ics</h1><ul> 
   <li><a href="http://designs-ics.es.tl"></a></li> 
   <li><a href="http://designs-ics.es.tl">Link's 2</a></li> 
   <li><a href="http://designs-ics.es.tl">Link's 3</a></li> 
   <li><a href="http://designs-ics.es.tl">Link's 4</a></li> 
</ul> 
   <h1>Menu 2</h1><ul> 
   <li><a href="http://designs-ics.es.tl">Link's 1</a></li> 
   <li><a href="http://designs-ics.es.tl">Link's 2</a></li> 
   <li><a href="http://designs-ics.es.tl">Link's 3</a></li> 
   <li><a href="http://designs-ics.es.tl">Link's 4</a></li> 
</ul> 
   <h1>Menu 3</h1><ul> 
   <li><a href="http://designs-ics.es.tl">Link's 1</a></li> 
   <li><a href="http://designs-ics.es.tl">Link's 2</a></li> 
   <li><a href="http://designs-ics.es.tl">Link's 3</a></li> 
   <li><a href="http://designs-ics.es.tl">Link's 4</a></li> 
         </ul> 
   <h1>Buscar</h1> 
<form action="index.html"><div> 
<input type="text" name="search" class="styled" /> <input type="submit" value="" class="button" /> 
</div></form></div> 
<div class="clearer"><span></span></div></div> 
<div class="footer"> 
<span class="left">© 2010 <a href="URL">Tu sitio web</a>.</span> 
<span class="right">Diseño: <a href="http://templates.arcsin.se">Website template</a> Por <a href="http://designs-ics.es.tl">ICS</a> -Adaptación por: <a href="http://designs-ics.es.tl">designs-ics</a></span> 
<div class="clearer"><span></span></div> 
</div></div>


Css Code 

Código:
/*    Nombre: Transparentia ICS 
Author: Mircea Nancu 
Author URI: http://designs-ics.es.tl 
Adaptación para PwG: http://designs-ics.es.tl 
*/ 
* {margin: 0;padding: 0;} 
#pre_header {display: none;} 
#post_header {display: none;} 
#header_container {display: none;} 
lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
#header {display: none;} 
#title {display: none;} 
#nav_container {display:none;} 
table {margin-left:auto;margin-right:auto;} 
a {color: #36C;} 
a:hover {color: #06F;} 
body {background: #EEE url("http://4.bp.blogspot.com/_HWhTLnRz2lw/TCY4LpuJS_I/AAAAAAAAABU/abUt5YrZA_Q/s1600/34dy-4cb815.jpg"); 
color: #444;font: normal 62.5% "Lucida Sans Unicode",sans-serif;margin: 0;} 
input {color: #555;font: normal 1.1em "Lucida Sans Unicode",sans-serif;} 
p,cite,code,ul {font-size: 1.2em;padding-bottom: 1.2em;} 
h1 {font-size: 1.4em;margin-bottom: 4px;} 
h1,h2,h3 {color: #367EA6;padding-top: 6px;} 
.clearer {clear: both;} 
.container {background: url("http://filegen.webcindario.com/files/b/c/c/e7b6-transparentia02gif.gif") repeat-y; 
margin: 0 auto;padding-bottom: 6px;width: 767px;border-bottom: 1px solid #DDD;} 
.header {background: url("http://i302.photobucket.com/albums/nn107/ezenofx/FirmaCounterStrike.jpg") repeat-x;} 
.title h1 {color: #FFF;font: normal 3em Verdana,sans-serif; 
height: 150px;line-height: 150px;margin-bottom: 8px;text-align: center;} 
.navigation {margin-bottom: 4px;} 
.navigation a {background-color: #4A91C3;color: #FFF;float: left;font: bold 1.2em "Trebuchet MS",sans-serif; 
padding: 8px 0;width: 19%;border-right: 1px solid #FFF;text-align: center;text-decoration: none;} 
.navigation a:hover {background-color: #000;color: #FFF;} 
.main {clear: both;padding: 8px 18px;} 
.sidenav h1,.sidenav ul {padding-left: 12px;} 
.sidenav {background: #EEE;border: 1px solid #E5E5E5;float: left;width: 200px;} 
.sidenav h1 {color: #666;font-size: 1.2em;height: 20px;margin-top: 1.2em;} 
.sidenav ul {border-top: 1px solid #FAFAFA;margin: 0;padding: 0; 
background: #EEE url("http://filegen.webcindario.com/files/a/b/b/d012-transparentia04gif.gif") repeat-x;} 
.sidenav li {border: 1px solid #FAFAFA;border-top: none;list-style: none;margin: 0;} 
.sidenav li a {color: #777;display: block;font-size: 0.9em;padding: 3px 6px 3px 14px;text-decoration: none;} 
.sidenav li a:hover {color: #111;} 
.content {float: right;width: 520px;} 
.content .item {padding: 6px 12px;border: 1px solid #EEE;background: #FFF;margin-bottom: 8px;} 
.content .descr {color: #333;margin-bottom: 6px;} 
/* search form */ 
form {padding: 0 0 6px 8px;} 
.styled {border: 1px solid #DDD;padding: 4px;} 
.button {background: url("http://filegen.webcindario.com/files/c/b/a/8f9b-transparentia05gif.gif") no-repeat left bottom; 
border: none;height: 27px;width: 27px;} 
.footer {background: #FFF;border: 1px solid #EEE;color: #666;font-size: 1.1em; 
margin: 0 auto;text-align: center;width: 720px;} 
.footer a {color: #36C;text-decoration: none;} 
.footer a:hover {color: #06F;text-decoration: underline;} 
.footer .left, .footer .right {padding: 6px 12px;} 
.footer .right, .footer .right a {color: #AAA;} 
.footer .right a:hover {color: #666;} 
/* floats */ 
.left {float: left;} 
.right {float: right;}