HTML - estilos

#body{ margin-left:0px; margin-top:0px; font-family: arial;}

#principal{ width:800px; font-size:12px}

	#header{ width:800px; height:100px; background-color:#FFCC33; color:#FFFFFF; float:left}

	#main{ width:%10; height:%5; float:left; text-align:center}

		#menu{ width:800px; height:25px; text-align:center}

			.boton{ width:120px; height:25px; float:left; background-color:#000000; color:#FFFFFF}

			.url_boton{ text-decoration:none; color:#FFFFFF}

			#buscador{ width:200px; height:25px; float:left; text-align:center}

		#content{ width:800px; float:left;}

			#contenedor{ width:600px; float:left;}

				#separador_post{ width:600px; height:20px; float:left}

				#post{ width:600px; float:left; text-align:center}

					#titulo_post{ width:100%; height:20px; float:left; text-align:center}

						#titulo{ width:400px; height:20px; float:left; text-align:left; font-weight:bold}

						#fecha{ width:200px; height:20px; float:right; text-align:right}

					#texto_post{ width:600px; float:left; text-align:right}

                        #detalle { background-color:#99CC00; text-align:center; margin-left:10px}

					#separador_texto_debajo{ width:600px; height:10px; float:left}

					#debajo_post{ width:600px; height:20px; float:left}

						#leer_mas{ width:400px; height:20px; float:left; text-align:left}

						#comentarios{ width:200px; height:20px; float:left; text-align:right}

					#div_entre_post{ width:600px; height:5px; float:left; background-color:#000000}

					#div_paginacion_post{ width:600px; height:25px; float:left; text-align:center}

  #formulario{ width:800px; height:20px; text-align:center; background-color:#0099CC}

			#sidebar{ width:200px; float:left}

				#separador_widget{ width:200px; height:20px; float:left}

				#widget{ width:200px; float:left; margin-left:15px}

					.separador_lateral_widget{ width:15px; float:left}

					#caja_widget{ width:170px; float:left}

						#titulo_widget{ width:170px; height:20px; float:left; text-align:center; background-color:#333333; color:#FFFFFF}

						#contenido_widget{ width:170px; height:20px; float:left; background-color:#F0F0F0; text-align:left}

			#footer{ width:800px; height:20px; float:left; text-align:center}

			.botonpe{color:#000;font-weight:700;font-size:12px;border-radius:5px;position:relative;border-bottom:1px solid rgba(255,255,255,.2); display:inline-block;font-family:Arial,Helvetica,sans;background-color:#fff45f;text-decoration:none;box-shadow:0 3px 5px #c6bc33,0 7px 0 #878133,0px 9px 10px rgba(0,0,0,.4),inset 0 2px 9px rgba(255,255,255,.2),inset 0 0 5px rgba(0,0,0,.2);  background-color:#FFCC99; }