/*Borramos para casi todos los tags conocidos por el hombre cualquier margen, espacio, interlineado extraño, bordeados, etc… empezaremos desde cero*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/*Quitamos cualquier efecto predefinido sobre enlaces cuando tienen el foco y nos olvidamos de los enlaces subrayados*/
:focus { outline: 0;} /*Actualización: Como bien me recuerdan, aclarar que este cambio de estilo debe hacerse siempre que vayamos a remarcarlo de otra manera, pues de no hacerlo tenedremos problemas de accesibilidad a nuestra página */
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
/*Para tablas y sus casillas de salida las dejamos con celdas separadas, que los textos se alinean a la izquierda y eliminamos la negrita para campos tipo <td>*/
table {	border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
/*Eliminamos el border en imágenes o iframe aunque formen parte de un enlace*/
img, iframe {border: none; text-decoration:none;}
/*De salida nada de símbolos raros para nuestros listados*/
ol, ul {list-style: none;}
/*Para variables típicas de formulario usaremos la tipografía que definamos expresamente y al tamaño que definamos*/
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
/*Convertimos el <hr> en una linea simple*/
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

/* Distribucion basica */
#wrap {width:800px;margin:0 auto 50px auto}
#head, #head2 {width:800px;height:373px}
#contenido {width:800px}
#blog {width:623px;float:left}
#sidebar {width:177px;float:left}
#blog .post {margin-bottom:50px;margin-top:5px}
#footer {height:63px;}
#pie {margin: -30px 0 0 145px }

/* Colores y tipografias */
body {background:#000;color:#fff;font-family: helvetica, arial, sans;font-size:10pt}
h1, h2 {font-size:17pt;font-family:"Times New Roman", Times, serif;color:#e39115; font-weight:bold}
h1 {display:none}
a {color:#fff}
a:hover {text-decoration:none;color:#fda115}
#blog a.more-link {color:#e39115}
#head a, #head2 a{font-size:14pt;font-family: "Times New Roman", Times, serif; font-weight:bold}
#sidebar a{color:#2c1b01;font-family: "Times New Roman", Times, serif;font-size:11pt;}
#sidebar a:hover{color:#721102;text-decoration:none}
#head {}
#blog {}
#blog .post {}
#sidebar {}
#pie {color:#ccc;font-size:7pt;text-align:left; }
#pie a{color:#e39115 }

/* detalles */
#head {background:url(images/header.jpg) no-repeat}
#head2 {background:url(images/header2.jpg) no-repeat}
#head ul, #head2 ul {margin-top:300px;
margin-left:42px;
*margin-left:42px;
_margin-left:20px;
display:block;float:left}
#head ul li, #head2 ul li {display:inline;margin:0 55px 0 5px}
#contenido {overflow:auto;background:url(images/back_contenido.jpg) repeat-y}
#contenido strong {font-weight:bold}
#contenido em {font-style:italic}
#contenido p {margin-bottom:15px}
#blog a.more-link {display:block;text-align:right;margin-top:15px}
#footer {background:url(images/back_pie.jpg) no-repeat}

#blog .post {width:425px;margin-left:99px}

#sidebar {text-align:center}
#sidebar ul {width:130px;margin:25px auto}
#sidebar ul li {background: url(images/separacion.jpg) no-repeat;padding-bottom:18px;margin-bottom:18px;padding: 15px 0 5px 0;border-bottom:0px solid #900}
#sidebar ul li.ultimo{border:none}