Código HTML:
html,body{margin:0;padding:0} body{font: 85%/1.3 Verdana,Arial,sans-serif; text-align: center;background: #C0C0C0;padding-bottom:20px} p{margin-top:0} h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif} h2{font-size:160%} h3{font-size:120%} div#image{float:right; display:inline; width:30px; height:10px;margin-bottom:15px; margin-top:30px; size:landscape; margin-right:100px} div#linked a{ text-shadow:#FF9999; font-weight:bold; color: #FF0000; padding: 5px 5px 5px 5px; background-color:#EEEEEE; text-decoration:none; font-size:12px; } div#linked a:hover{ color: #EEEEEE; padding: 5px 5px 5px 5px; background:url(bgimage.jpg); text-decoration:none; font-size:12px; } div#header h1{width:70px; margin-left:70px;text-align:left; padding: 30px 0 10px;color: #FFFFFF;float:left; margin-bottom:15px;} div#header{width:770;overflow:hidden;background: #595D66} div#menu{width:770px; margin-left:100px;text-align:left} style1 { margin-rigth:100px} ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0} ul#nav{float: right;font-size: 80%; margin-right:70px} ul#nav li{float: left;margin-left: 3px;text-align: center} ul#nav a{float: left;width: 115px;padding: 5px 0;background: #999999 ;text-decoration:none;color: #000000 } ul#nav a:hover{background: #CCCCCC;color: #FFFFFF} ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003} div#container{ width:770px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background: #FFFFFF; position:fixed} div#content{ float:right;display:inline;width:560px;margin:0 10px 10px 10px; vertical-align: top; position:fixed} div#content h2{margin: 10px 0;color: #007BC4} div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E; text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9} div.date span{display:block;font-size: 150%;font-weight:bold} div.comments div{background: #EEE;margin-bottom:10px} div.comments p{padding: 10px;margin:0} div.comments div.odd{background:#DAE6FE} div#side{float:left;display:inline;width: 180px; margin:0 10px 10px 0} div#side p{margin:5px 0 10px;padding: 0 10px} div#side div{margin: 0 0 10px;padding: 10px 0} div#footer{clear:both;width:750px;margin:0 10px 0;padding: 10px 0; background: #586695;color: #FFF;text-align:center; vertical-align:bottom; azimuth:center; elevation:lower;} div#footer p{margin:0 0 5px 0; vertical-align:baseline} /*barra Vertical*/ ul#split,ul#split li{margin:0;padding:0;list-style:none} ul#split li{float: inherit;width:inherit ;margin:0 10px 10px 0} ul#split h3{font: normal 120%/1.3 Verdana,sans-serif bold; text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000} ul#split p{margin:0;padding:5px 8px 15px} li#one h3{background: #999999;color: #333333} ul#split div{background: #CCCCCC} li#one div{border:2px solid; color:#999966} .cuerporec{ border-width: 1px; border-style: solid; margin-top: 2px; margin-right: 0pt; margin-bottom: 10px; margin-left: 0pt; } .cuerporec ul{ margin-top: 5px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 1px; list-style-type: none; list-style-image: none; list-style-position: outside; } .cuerporec li{ padding-left: 12px; font-size: 8pt; padding-bottom: 2px; margin-top: 1px; margin-right: 0pt; margin-bottom: 1px; margin-left: 0pt; background:#CCCCCC; } .cuerporec li a:hover{ background-color: #333333; color: #666666; } .cuerporec a{ text-decoration: none; color: #000000; } /* estilos para categories.php */ div#content label{} div#content table{ background-color: #E8E8E8; background-repeat:repeat;margin:5px 5px 5px 5px} /* */ .style3 { color: #0066FF; font-size: 9px; } .style1 { color: #0099CC; font-size: smaller; } .style2 { color: #333333; font-size: 10px ; } body,td,th { color: #000000; } .style6 { color: #333333; font-size: 10px ; }