WWW.HENRRYMUSIC.COM - Plantillas Ccs

Por Debajo De La Pagina

</div></div> 
</div> 
</div> 
 
 
<div class='span-5 last'> 
<div class='sidebar sidebar-right'> 
<div id='topsearch'> 
<div id='search'> 
<form action='/search' id='searchform' method='get'> 
<input id='s' name='q' onblur='if (this.value == '')  {this.value = 'Search';}' onfocus='if (this.value == 'Search') {this.value = '';}' type='text' value=''/> 
<input src='http://2.bp.blogspot.com/_2Uyoeo-JAXk/TRTVyKxvYbI/AAAAAAAAAew/nGqaUMPf4dQ/s1600/search.gif' style='border:0; vertical-align: top;' type='image'/> 
</form> 
</div> 
</div> 
<ul> 
<div class='section' id='sidebar2'><div class='widget Image' id='Image1'>  
<div class='clear'></div> 
</div><div class='widget LinkList' id='LinkList3'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul> 
<div class='clear'></div> 
</div> 
</div><div class='widget LinkList' id='LinkList1'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul> 
<div class='clear'></div> 
</div> 
</div> 
</div> 
</ul> 
</div> 
</div> 
 
</div> 
 
 
<div class='span-24'> 
<div id='footer'> 
    Copyright © 2010 Tu Web | <font color="orange">Template Adapted By  <a href='http://templatecss.es.tl/'><strong>T€mplat€C$$</strong></a> </font>
</div> 
</div> 
 
</div> 
 
</div> 
</body> 
</html>

Por Encima De La Pagina

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
<head> 
<script type='text/javascript'> 
summary_noimg = 800;
summary_img = 350;
img_thumb_height = 150;
img_thumb_width = 200; 
</script> 
<script type='text/javascript'> 
//<![CDATA[
 
function removeHtmlTag(strx,chop){ 
	if(strx.indexOf("<")!=-1)
	{
		var s = strx.split("<"); 
		for(var i=0;i<s.length;i++){ 
			if(s[i].indexOf(">")!=-1){ 
				s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
			} 
		} 
		strx =  s.join(""); 
	}
	chop = (chop < strx.length-1) ? chop : strx.length-2; 
	while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
	strx = strx.substring(0,chop-1); 
	return strx+'...'; 
}
 
function createSummaryAndThumb(pID){
	var div = document.getElementById(pID);
	var imgtag = "";
	var img = div.getElementsByTagName("img");
	var summ = summary_noimg;
	if(img.length>=1) {	
		imgtag = '<span style="float:left; margin:-15px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
		summ = summary_img;
	}
	
	var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
	div.innerHTML = summary;
}
 
//]]>
</script> 
<script type="text/javascript"> 
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head> 
<body> 
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript"> 
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script> 
<div></div></div></div> 
 
<div id='wrapper'> 
 
<div class='container' id='container'> 
 
<span id='skiplinks' style='display:none;'> 
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a> 
</span> 
<div class='span-24'> 
<div class='span-22'> 
<div id='pagemenucontainer'> 
<ul id='pagemenu'> 
<li class='current_page_item'><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
</ul> 
</div> 
</div> 
<div class='span-2 last'> 
<div class='feedtwitter'> 
<a href='#'><img alt='RSS Feed' src='http://2.bp.blogspot.com/_2Uyoeo-JAXk/TRTVyFWP4PI/AAAAAAAAAeo/RVLR1Mc7vBE/s1600/rss.png' style='margin:0 4px 0 0;' title='RSS Feed'/></a> 
<a href='#'><img alt='Follow me!' src='http://2.bp.blogspot.com/_2Uyoeo-JAXk/TRTWERCefII/AAAAAAAAAfY/cEVCrTu1gns/s1600/twitter.png' style='margin:0 4px 0 0; ' title='Follow me!'/></a> 
</div> 
</div> 
</div> 
 
<div class='span-24' id='header'> 
<div class='span-12'> 
<a href='#' title=''><img alt='BloggerTheme' class='logoimg' src='http://4.bp.blogspot.com/_2Uyoeo-JAXk/TRTVocWQkHI/AAAAAAAAAeI/S9ltkzh9KWk/s1600/logo.png' title='BloggerTheme'/></a> 
</div> 
</div> 
 
 
<div class='span-24'> 
<div id='navcontainer'> 
<ul id='nav'> 
<li class='current-cat'><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
</ul> 
</div> 
</div> 
 
 
<div class='span-24' id='contentwrap'> 
 
<div class='span-5'> 
<div class='sidebar sidebar-left'> 
<ul> 
<div class='section' id='sidebar1'><div class='widget Image' id='Image2'> 
<div class='clear'></div> 
</div><div class='widget LinkList' id='LinkList4'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div><div class='widget LinkList' id='LinkList2'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul> 
<div class='clear'></div> 
</div> 
</div> 
</div> 
</ul> 
</div> 
</div> 
 
<div class='span-14'> 
<div id='content'> 
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>

StyleCSS

table {margin-left:auto;margin-right:auto;}
#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;}
#title {display: none;}
#nav_container {display:none;}

/*
-----------------------------------------------
Blogger Template Style
-----------------------------------------------
Name           : Andromeda Blogger Template
Converted by   : Kumar
Converters URI : http://www.bloggertheme.net/
-----------------------------------------------
WP.Author Name : NewWpThemes.com
WP.Author URI  : http://newwpthemes.com/
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
/* Use this with templates/template-twocol.html */
#navbar-iframe{
height:0px;
visibility:hidden;
display:none;
}
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.8
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"�020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.8
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* print.css */
body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
.container {background:none;}
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {background:#fff;color:#fff;}
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
code {font:.9em "Courier New", Monaco, Courier, monospace;}
img {margin:1.5em 1.5em 1.5em 0; max-width: 100%; /* not working in IE6*/}
a img {border:none; max-width: 100%; /* not working in IE6*/}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
a:link:after, a:visited:after {font-size:90%;}
/* LAYOUT */
body {
background: #464F52 url(http://4.bp.blogspot.com/_2Uyoeo-JAXk/TRTVoBSpkkI/AAAAAAAAAeA/_Ku0R8sBW_Q/s1600/background.png) left top repeat-x;
}
#wrapper {
}
#container {
background: url(http://3.bp.blogspot.com/_2Uyoeo-JAXk/TRTVo_RN4ZI/AAAAAAAAAeg/hl5ajzDMqRQ/s1600/pagemenu-bg.png) left top repeat-x;
-moz-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
margin-top: 24px;
}
#contentwrap {
background: #626D70;
}
a {
color: #168FB8;
text-decoration: none;
}
a:hover {
color: #168FB8;
text-decoration: underline;
}
/* HEADER */
#header {
height: 110px;
}
#header h1 {
margin-bottom: 0px !important;
padding: 20px 0 0 0;
font-weight: normal;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
font-size: 44px;
}
#header h1 a, #header h1 a:visited {
color: #3D3B37;
text-decoration: none;
}
#header h2 {
color: #8D887E;
font-size: 14px;
font-family: Arial, Helvetica, Sans-serif;
}
.logoimg {
margin: 26px 0 0 0;
}
.feedtwitter {
margin-top: 12px;
text-align: right;
}
/* NAVIGATION MENUS */
#pagemenucontainer {
height: 40px;
margin-top: 14px;
float: left;
}
#pagemenu {
height: 40px;
float: left;
}
#pagemenu, #pagemenu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#pagemenu {
}
#pagemenu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px
}
#pagemenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0;
}
#pagemenu ul li {
list-style: none;
margin: 0px;
padding: 0;
}
#pagemenu li a, #pagemenu li a:link {
color: #686868;
display: block;
margin: 0 0 0 10px;
padding: 4px 8px 8px 8px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
#pagemenu li a:hover, #pagemenu li a:active{
color: #FFFFFF;
display: block;
text-decoration: none;
border-bottom: 3px solid #FFFFFF;
}
#pagemenu  li.current_page_item a {
color:#FFFFFF;
border-bottom: 3px solid #FFFFFF;
}
#pagemenu li:hover, #pagemenu li.sfhover {
position: static;
}
#navcontainer {
height: 40px;
display: block;
overflow: hidden;
margin-bottom: 6px;
background: url(http://1.bp.blogspot.com/_2Uyoeo-JAXk/TRTVorrU_sI/AAAAAAAAAeQ/IjWYwqkumpM/s1600/nav-background.png) top left repeat-x;
padding: 0 0 0 0px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px 5px;
}
#navcontainer .current-cat a {
background: url(http://4.bp.blogspot.com/_2Uyoeo-JAXk/TRTVou2LNJI/AAAAAAAAAeY/d7yrpk5NVfM/s1600/nav-background-hover.png) top left repeat-x;
color:#126B89;
}
/* CONTENT */
#content {
background: #E3E3E3;
padding: 15px;
color: #565757;
}
pre { overflow: auto;
width: 460px;
}
.post {
padding-bottom: 15px;
}
.post p {
margin-bottom: 10px;
}
.title {
margin: 0 0 8px 0;
padding: 15px 0 0 0;
line-height: 22px;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
color: #1A1B1B;
}
.title a {
text-decoration: none;
color: #1A1B1B;
}
.title a:hover {
text-decoration: none;
color: #168FB8;
}
.pagetitle {
margin-bottom: 20px;
line-height: 22px;
font-family: Arial, Helvetica, Sans-serif;
text-decoration: underline;
}
.readmorecontent {
text-align: right;
}
a.readmore {
padding: 4px 15px;
text-decoration: none;
font-size: 12px;
background: #626D70;
color: #fff;
}
a.readmore:hover {
background: #168FB8;
color: #fff;
}
.postdate {
font-size: 11px;
padding: 2px 0px;
font-family: Arial, Verdana;
color: #626D70;
}
.postmeta {
font-size: 11px;
padding: 2px 4px;
font-family: Arial, Verdana;
}
.postdate img, .postmeta img {
border: none;
vertical-align: middle;
margin:2px;
}
.entry {
text-align: justify;
line-height: 20px;
padding-top: 8px;
font-family: Arial, Verdana;
font-size: 14px;
}
.navigation {
padding: 10px 0;
}
blockquote {
overflow: hidden;
padding-left: 9px;
font-style: italic;
color: #666;
border-left: 3px solid #bcbbbb;
}
img.wp-smiley {
max-height: 12px;
margin: 0;
padding: 0;
border: none;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
/* SIDEBAR(S) */
.sidebaradbox {
margin-top: 5px;
text-align:center;
}
.ad125 {
margin: 10px;
}
.sidebar {
margin: 0 0 10px 0;
color: #A3AFB2;
}
.sidebar-right {
margin: 0 10px 0 0;
}
.sidebar-left {
margin: 0 0 0 10px
}
.sidebar a {
text-decoration: none;
color: #A3AFB2;
}
.sidebar a:hover {
text-decoration: underline;
color:#FFFFFF;
}
#search {
border: 0;
height: 30px;
padding: 0;
background: #849296;
text-align: right;
border: 1px solid #9FB2B7;
}
#search input {
border: 0;
background: none;
color: #E3EDF0;
}
#s {
width: 140px;
padding: 4px;
margin:3px 0 0 0;
background: none;
}
#topsearch 	#s {
width: 140px;
}
#topsearch #search {
margin: 15px 0 0 0;
}
.sidebar h2 {
margin: 10px 0 4px 0;
padding: 8px 0 8px 2px;
background: url(http://2.bp.blogspot.com/_2Uyoeo-JAXk/TRTVyvcBDrI/AAAAAAAAAfI/vbYpki2hy3A/s1600/sidebar-tab.png) left bottom repeat-x;
font-size: 16px;
line-height: 18px;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}
.sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
.sidebar ul li {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
}
.sidebar ul ul {
list-style-type: none;
margin: 0px;
padding: 0;
}
.sidebar ul li, .sidebar ul li li {
padding: 6px 0px 6px 0;
margin: 0;
}
/* FOOTER */
#footer {
background: #1A1B1B;
padding: 22px;
text-align: center;
color: #E8EFF1;
font-size: 13px;
margin-top: 6px;
}
#footer a {
color: #E8EFF1;
}
#footer a:hover {
text-decoration: none;
color: #E8EFF1;
}
#footer2 {
color: #A2ABAE;
font-size: 11px;
text-align: center;
padding: 10px;
}
#footer2 a {
color: #A2ABAE;
text-decoration: none;
}
/* COMMENTS */
#comments h3 {
margin-bottom: 10px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: right;
}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
.post_thumbnail {
background: #626D70;
padding: 6px;
border: 1px solid #828F93;
margin: 0 10px 10px 0;
}
ol.commentlist .avatar-image-container{
position:relative;
float: left;
margin: 0;
padding: 0 2px 0px 0;
border:none;
}
.commentlist .avatar-image-container img {
background:url(http://lh6.ggpht.com/_Kv5tIcZAMKY/TEwSZb50-pI/AAAAAAAABPM/wVhkuLSPBPI/s1600/grav.png);
width:32px;
height:32px;
}
.post_date {
background: url(http://1.bp.blogspot.com/_gQTW6AzEt50/TKbz6MYsswI/AAAAAAAAA5s/7Jl0JKQhPro/s1600/date.png) left top no-repeat;
padding: 0 0 0 20px;
}
.post_author {
background: url(http://2.bp.blogspot.com/_gQTW6AzEt50/TKb0kTwQfNI/AAAAAAAAA7M/EvsK5erTkiA/s1600/user.png) left top no-repeat;
padding: 0 0 0 20px;
}
.post-footer {
padding-top: 10px;
}
.reactions-label-cell {
line-height: 1.7em;
}
p.comment-footer {
padding: 15px 0 15px 0px;
}
.comment-form{
margin:25px 0px 0px 0px;
max-width:538px !important;
width:538px !important;
}
h4#comment-post-message {
padding:0 0 15px 0px;
margin:0 0 10px 0px;
line-height:1;
font-family:"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
font-size:1.5em;
}
h4.backlinks{
padding:0 0 15px 0px;
margin:0 0 10px 0px;
line-height:1;
font-family:"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
font-size:1.5em;
}
a.comment-link {
}
a.comment-link:hover {
}
#blog-pager{
text-align: center;
padding: 0px 0 35px 0;
}
.feed-links{
}
.feed-links a:hover{
}
.feed-link{
}
.feed-link a:hover{
}
#backlinks-container{
}
/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish
* Dropdowns by Patrick Griffiths and Dan Webb.
* http://carroll.org.uk/sandbox/suckerfish/bones2.html
*/
/* ----[ LINKS ]----*/
/* all menu links */
#nav a, #subMenusContainer a {
text-decoration:none;
display:block;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a {
margin:0;
float:left;
background: none;
padding:14px 15px;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}
/* Just sub menu links */
#subMenusContainer a, #nav li li a {
color: #1A1B1B;
font-size: 12px;
text-align:left;
background-color:#CACACA;
padding:6px 24px;
}
/* All menu links on hover or focus */
#nav li a:hover,
#nav li a:focus,
#nav a.mainMenuParentBtnFocused{
background: url(http://4.bp.blogspot.com/_2Uyoeo-JAXk/TRTVou2LNJI/AAAAAAAAAeY/d7yrpk5NVfM/s1600/nav-background-hover.png) top left repeat-x;
color:#126B89;
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused {
background-color: #F1F1F1;
color:#1A1B1B;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn {
background: url(../img/arrow_right.gif) right center no-repeat;
}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused {
background: url(../img/arrow_right_over.gif) right center no-repeat;
}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {
/*background: url(../img/arrow_down.gif) right center no-repeat;*/
}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused {
/*background: url(../img/arrow_down_over.gif) right center no-repeat;*/
}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW {
display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
/*border around submenu goes here*/
background: none;
left:0;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {
/*great place to use a background image as a divider*/
background-image:url(../img/mainnav-sep.gif);
background-repeat:no-repeat;
background-position: 100% 5px;
cursor: pointer;
float: left;
margin: 0 2px 0 0;
padding: 0 2px 0 0;
height: 40px;
display: inline;
}
#subMenusContainer li {
list-style: none;
}
/* main menu ul or ol elment */
#nav {
width: 940px;
margin: 0 auto;
clear: both;
overflow: hidden;
font-size: 12px;
display: block;
}
#nav .children{
display: none;
}
#subMenusContainer {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:1000000000;
}
 
-->

http://www.mediafire.com/?3zuav4bhna5bbh1

Por Debajo De La Pagina Por Encima De La Pagina

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
<head> 
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/987282334-widget_css_bundle.css' /> 
 <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=4916562925046401517&zx=fb096bcb-d2be-44ed-b68d-1981e3062335"/> 
<style type="text/css">#navbar-iframe { display:block }
</style>
<script type="text/javascript"> 
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head> 
<body> 
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript"> 
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
    function showRelatedContent(args) {
      var el = document.getElementById('related-iframe');
      if (el.parentNode.style.display != 'none') {
        el.parentNode.style.display = 'none';
        document.onclick = showRelatedContent.prevOnClick;
        return;
      }
      
      var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);
      if (match !== null) {
        document.getElementById('related-loading').style.left = match[1] + 'px';
        el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px';
      }
      el.src = "http://www.blogger.com"
          + '/related-content.g?q='
          + "http://templatecssweb.blogspot.com/"
          + '&id=' + "4916562925046401517";
      el.parentNode.style.display = 'block';
      showRelatedContent.prevOnClick = document.onclick;
 
      // Hide related-content dropdown when clicking anywhere but on it.
      document.onclick = function() {
        var el = document.getElementById('related-iframe');
        if (el.parentNode.style.display != 'none') {
          el.parentNode.style.display = 'none';
        }
        document.onclick = showRelatedContent.prevOnClick;
      };
    }
  </script> 
<div></div></div></div> 
<div id='wrapper'> 
<div id='top'> 
<div class='blogname section' id='top'><div class='widget Header' id='Header1'> 
<h1 class='blognam'> 
<A href='#'>T€mplat€C$$</A> 
</h1> 
<h2>Tu Web De Templates CSS</h2> 
</div></div> 
</div> 
<div id='foxmenucontainer'> 
<div id='foxmenu'> 
<ul> 
<li class='page_item current_page_item'><a href='#'>Menu</a></li> 
<li class='navlinks'><a href='#'>Menu</a></li> 
<li class='navlinks'><a href='#'>Menu</a></li>
<li class='navlinks'><a href='#'>Menu</a></li>
<li class='navlinks'><a href='#'>Menu</a></li>
<li class='navlinks'><a href='#'>Menu</a></li>
</ul> 
</div> 
</div> 
<div class='content'> 
<div id='sidebar'> 
<div class='sidebar2'> 
<ul> 
<div class='sidebar3 section' id='sidebar3'><div class='widget Image' id='Image1'> 
<h2>Afiliados</h2> 
<div class='widget-content'> 
<center>
<a href='http://templatecss.es.tl/'><img alt='Afiliados' height='75' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='75'/></a> 
<a href='http://templatecss.es.tl/'><img alt='Afiliados' height='75' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='75'/></a>
<a href='#'><img alt='Afiliados' height='75' id='Image1_img' src='http://2.bp.blogspot.com/-41_bO-Fqvag/TYFf5XRhyDI/AAAAAAAAAQg/ZqSTNxdT1nU/s185/ad75x75.jpg' width='75'/></a>
<a href='#'><img alt='Afiliados' height='75' id='Image1_img' src='http://2.bp.blogspot.com/-41_bO-Fqvag/TYFf5XRhyDI/AAAAAAAAAQg/ZqSTNxdT1nU/s185/ad75x75.jpg' width='75'/></a>
</center>
<br/> 
</div> 
<div class='clear'></div> 
</div><div class='widget LinkList' id='LinkList5'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div><div class='widget LinkList' id='LinkList4'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div> 
</div> 
</ul> 
</div> 
<div class='sidebar1'> 
<ul> 
<div class='sidebar36 section' id='sidebar102'><div class='widget LinkList' id='LinkList3'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div><div class='widget LinkList' id='LinkList2'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div><div class='widget LinkList' id='LinkList1'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div> 
</div> 
</ul> 
</div> 
</div> 
<div id='content'> 
<div class='content45 section' id='content236'><div class='widget Blog' id='Blog1'>

StyleCSS

table {margin-left:auto;margin-right:auto;}

#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;}
#title {display: none;}
#nav_container {display:none;}

/*
<---------------Template By TEmplatECSS.es.tl--------------->
 */

/*
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Name: Charcoal
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
/*-- (Hiding the navbar) --*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
body {
margin:0;
padding-top:0px;
background:#2F2723 ;
font-family:Verdana,Tahoma,sans-serif;
color:#99806B;
font-size:13px;
}
img {
border:0;
}
a {
color:#EFC8B3;
text-decoration:none
}
a:hover {
color:#CF9C81;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {
}
blockquote {
padding-left:10px;
color:#8B8076;
font-style: normal;
}
.clear {
clear:both;
}
.alignleft {
float:left;
padding:2px 0 0 5px;
}
.alignright {
float:right;
padding:2px 0 0 5px;
}
/* The Wrapper */
#wrapper {
width:1000px;
margin:0 auto;
background: none;
background-repeat:repeat-y;
}
/* The Search */
.search {
height:29px;
padding:0px 25px 0 14px;
float: right;
}
.search form {
background: none;
width:210px;
height:29px;
padding-top:15px;
padding-left:17px;
}
.search input {
float:left;
}
.search input#s {
width:160px;
border:none;
background:#fff;
font-size:16px;
color:#444;
height:20px;
}
.search input#submit {
border:none;
background:#fff;
font-size:16px;
color:#aeaeae;
height:22px;
width:35px;
}
/* The Top */
#top {
height:116px;
margin-top:0px;
background:#bd0101 url(http://3.bp.blogspot.com/_Zt-MFCckzsc/Sarj9uTI69I/AAAAAAAAA_8/9OCr7ZVhesc/s1600/top1.jpg) ;
}
.blogname {
float:left;
width:1000px;
font-family:Century Gothic,Verdana,Tahoma,sans-serif;
margin:0px 0 0 0;
}
.blogname h1  {
font-size:40px;
font-weight:normal;
margin:30px 0px 0 50px;
color:#dfdcd6;
text-decoration: none;
text-align:left;
}
.blogname h1  a:link, .blogname h1  a:visited{
color: #CFBCB5;
text-decoration: none;
background-color:transparent;
}
.blogname h1  a:hover {
color: #fff;
text-decoration: none;
background-color:transparent;
}
.blogname h2 {
margin:0px 40px 0 50px;
font-size:16px;
font-weight:normal;
color:#fff;
text-align:left;
}
.content {
padding:10px 5px 25px 5px;
background:#251e1b;
background-repeat:no-repeat;
border-top: 1px solid #3b3430;
}
/* Menu */
#foxmenucontainer{
height:35px;
background:url(http://4.bp.blogspot.com/_Zt-MFCckzsc/SarjyLGTmnI/AAAAAAAAA_c/k0aVvYhDBOM/s1600/menu.jpg) ;
display:block;
padding:0px 0 0px 14px;
}
#foxmenu{
position:relative;
display:block;
height:25px;
font-size:11px;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif;
}
#foxmenu ul{
margin:0px;
padding:10px 20px 0 0;
list-style-type:none;
width:auto;
float:left;
}
#foxmenu ul li{
display:block;
float:left;
margin:0 px 0 0;
width:105px;
}
#foxmenu ul li a{
display:block;
float:left;
color:#fff;
text-align: center;
text-decoration:none;
padding:6px 0px 0 0px;
width: 105px;
height: 19px;
background:transparent url(http://4.bp.blogspot.com/_Zt-MFCckzsc/Sarjx0I0iPI/AAAAAAAAA_U/JWIpEQ1DJQE/s1600/li2.gif) no-repeat top right;
}
#foxmenu ul li a:hover,#foxmenu ul li.current_page_item a{
color:#fff;
background:transparent url(http://4.bp.blogspot.com/_Zt-MFCckzsc/Sarjx0I0iPI/AAAAAAAAA_U/JWIpEQ1DJQE/s1600/li2.gif) no-repeat top left;
width: 105px; height: 19px;
text-align: center;
}
#foxmenu ul li .current_page_item a,#foxmenu ul li .current_page_item a:hover{
color:#ff9600;
width: 105px; height: 19px;
background:transparent url(http://4.bp.blogspot.com/_Zt-MFCckzsc/Sarjx0I0iPI/AAAAAAAAA_U/JWIpEQ1DJQE/s1600/li2.gif) no-repeat top right;
}
#content {
float: left;
width: 645px;
margin: 0px 5px 0px 0px;
padding: 0 0;
}
.title{
margin: 0 0;
padding: 0px 0px 0px 5x;
height:70px;
background:transparent;
background:url(http://4.bp.blogspot.com/_Zt-MFCckzsc/Sarj8hsVVwI/AAAAAAAAA_s/ET5_sKRkf6Q/s1600/title.jpg);
}
.time{
float:right;
width:125px;
height:25px;
margin-top:5px;
font-family:Century gothic,Verdana,Helvitica,sans-serif;
padding:1px 0 0 20px;
color:#b1a899;
background:url(http://4.bp.blogspot.com/_Zt-MFCckzsc/SarjoaR2LmI/AAAAAAAAA-8/Mn02Ny1XuBg/s1600/date.png) no-repeat;
}
.post {
margin: 10px 10px 0 5px;
padding:0px 0px 0px 0px;
height: 100%;
text-align:left-align;
color:#d1cbc1;
font: 14px  century gothic,verdana, sans-serif;
}
.post h2 {
margin: 0 0;
padding: 22px 0px 0px 23px;
height:30px;
background: transparent;
text-align: left;
font: 26px "Century gothic", Arial, sans-serif;
font-weight:normal;
}
.post h2 a, .post h2 a:link, .post h2 a:visited  {
color: #998076;
background-color: transparent;
}
.post .date {
margin: 0 0;
padding: 0px 0 0 23px;
background:transparent ;
font: normal 12px "arial", Arial, sans-serif;
color: #d1cbc1;
font-variant:small-caps;
}
.post .postmetadata {
margin: 0 0;
padding: 11px 40px 0px 10px;
height: 25px;
font: normal 12px Verdana, Arial, sans-serif;
text-align: right;
color:#333;
background:url(http://2.bp.blogspot.com/_Zt-MFCckzsc/Sarj8KSNE_I/AAAAAAAAA_k/QXEBc-VkJb8/s1600/meta.jpg);
}
.post a:link,
.post a:visited {
color: #ad4100;
background-color: transparent;
}
.post a:hover {
color: #fff;
background-color: transparent;
text-decoration: none;
}
.entry {
margin: 0 0;
padding: 5px 15px;
}
.cover{
margin: 0 0;
background:url(http://i692.photobucket.com/albums/vv282/deluxeblogger/cover.jpg);
background-repeat:repeat-y;
}
.rss{
float:left;
}
.del{
float:left;
}
.techno{
float:left;
}
.erss {
float:left;
padding:10px 0 0 10px;
}
.credits{
padding:2px 28px 0 0;
float:right;
color:#da4f1b;
}
/* The Sidebar1 */
.sidebar1{
float:left;
width:170px;
padding-top:5px;
font-size:14px;
font-family: "Century gothic", Arial, sans-serif;
}
.sidebar1 h2 {
height:37px;
line-height:37px;
font-size:18px;
color:#ACA394;
margin:5px 0 0 0 ;
padding:0px 0 0 10px;
background:url(http://4.bp.blogspot.com/_Zt-MFCckzsc/Sarjx92IHGI/AAAAAAAAA_M/vwQbfww0LS0/s1600/h2.jpg);
}
.sidebar1 ul {
list-style-type: none;
margin: 0 ;
padding: 0;
}
.sidebar1 ul ul  {
list-style-type: none;
margin: 0;
padding: 0px 3px 10px 3px;
background:#090605 url(http://3.bp.blogspot.com/_Zt-MFCckzsc/ScHxUGwLZlI/AAAAAAAABN4/eRkr_D5yXos/s1600/bottom.jpg) bottom;
background-repeat:no-repeat;
}
.sidebar1 ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.sidebar1 ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.sidebar1 ul li {
height:100%;
line-height:18px;
}
.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
color: #998076;
text-decoration: none;
padding: 5px 0px 5px 5px;
display:block;
background:#251E1B;
background-repeat:no-repeat;
border-top:1px solid #2F2723;
border-bottom:1px solid #17120F;
}
.sidebar1 ul li a:hover {
background:#382F2A;
background-repeat:no-repeat;
color:#e4e4e4;
}
.sidebar1 p {
padding: 7px 10px;
margin:0;
}
.sidebar1 table {
width:100%;
text-align:center;
background-color:#1f1f1f;
color: #daef8e;
}
/* The Sidebar2 */
.sidebar2{
float:right;
width:170px;
padding-top:5px;
font-size:14px;
font-family: "Century gothic", Arial, sans-serif;
color: #ffffff;
}
.sidebar2 h2 {
height:37px;
line-height:37px;
font-size:18px;
color:#ACA394;
margin:5px 0 0 0 ;
padding:0px 0 0 10px;
background:url(http://1.bp.blogspot.com/_Zt-MFCckzsc/ScHxp-OyK9I/AAAAAAAABOA/7R9Kkp3K9iY/s1600/h2.jpg);
}
.sidebar2 ul {
list-style-type: none;
margin: 0 ;
padding: 0;
}
.sidebar2 ul ul  {
list-style-type: none;
margin: 0;
padding: 0px 3px 10px 3px;
background:#0A0605 url(http://1.bp.blogspot.com/_Zt-MFCckzsc/SarjZJi8TyI/AAAAAAAAA-0/jiLBFjKK3oI/s1600/bottom.jpg) bottom;
background-repeat:no-repeat;
}
.sidebar2 ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.sidebar2 ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.sidebar2 ul li {
height:100%;
line-height:18px;
}
.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
color: #998076;
text-decoration: none;
padding: 5px 0px 5px 5px;
display:block;
background:#251E1B;
background-repeat:no-repeat;
border-top:1px solid #2F2723;
border-bottom:1px solid #17120F;
}
.sidebar2 ul li a:hover {
background:#382F2A;
background-repeat:no-repeat;
color:#e4e4e4;
}
.sidebar2 p {
padding: 7px 10px;
margin:0;
}
.sidebar2 table {
width:100%;
text-align:center;
background-color:#1f1f1f;
color:#A4DDEF;
}
/* --- FOOTER --- */
#footer {
height:60px;
padding:10px 0 0 0px;
background:#2a2a2a url(http://2.bp.blogspot.com/_Zt-MFCckzsc/SarjsBcRJAI/AAAAAAAAA_E/ndDsbZ4z7Xw/s1600/footer.jpg);
background-repeat:no-repeat;
color:#6F584C;
font-size:10px;
font-weight:normal;
text-align:right;
letter-spacing:1px;
}
#footer a {
color:#6F584C;
}
#footer a:hover {
color:#fff;
}
/* The Navigation */
.navigation {
height:25px;
padding:0 20px;
}
.navigation a {
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#685750;
}
.navigation a:hover {
color:#fff;
}
/* The Attachment */
.contentCenter {
text-align:center;
}
/* The Page Title */
h2.pagetitle {
padding:0;
margin:0 0 20px 0;
font-size:20px;
text-align:center;
}
/* The Comments */
.comments {
}
.comments form {
}
.comments textarea {
width:90%;
height:156px;
background:#382F2A;
border:1px solid #403630;
color:#ddd;
padding:10px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#commentform {
padding-left:23px;
}
#commentform input {
background:#382F2A;
border:1px solid #403630;
color:#ddd;
padding-left:10px;
}
.comments input#submit {
padding:0;
width:72px;
height:29px;
}
.comments h2 {
font-size:19px;
line-height:30px;
margin:24px 0 0 23px;
padding:0;
font-weight:normal;
}
.comments ol li p {
padding:0;
margin:10px 0;
color:#ddd;
}
dd{
color:#fff;
}
dd p{
color:#fff;
}
 
-->

http://www.mediafire.com/?ensegvgn35hwd0c

por Debajo de la Página

<div class="post_comment">
                <a href="#"><span class="comment">24 comments</span></a>
            </div>        
        </div>
        
    </div> 
    
	<div id="templatemo_content_column_three">
    	
        
    	<div class="column_three_section">
            <h1>menu</h1>
            <ul class="popular_post">	
                <li><a href="#" target="_self">link 1</a></li>
<li><a href="#" target="_self">link 2</a></li>
<li><a href="#" target="_self">link 3</a></li>
<li><a href="#" target="_self">link 4</a></li>
<li><a href="#" target="_self">link 5</a></li>
<li><a href="#" target="_self">link 6</a></li>
<li><a href="#" target="_self">link 7</a></li>
            </ul>
        </div>
               
        <div class="cleaner_with_divider"> </div>
        
        <div class="column_three_section">
            <h1>anuncios</h1>
            <p><script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
      </div>  
          
    </div>    
    
    <div class="cleaner"> </div>
</div>

<div class="bottom_panel_section">
   	    Copyright © 2024 <a href="#"><strong>miniaikon1</strong></a> |  <a href="http://www.kateko.es.tl/" target="_parent">Auspiciado por KATEKO.ES.TL</a></div>
    
    <div class="bottom_panel_section">

por Encima de la Página

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Free Design Template - Free CSS Template</title>
<meta name="keywords" content="free design template, CSS template, HTML website" />
<meta name="description" content="Free Design Template, Free CSS Website, XHTML CSS layout" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	
<div id="templatemo_header_panel">
	<div id="templatemo_header_section">
    	<div id="templatemo_title_section">tu titulo</div>
        <div id="tagline">tu slogan</div>
    </div>
</div>

<div id="templatemo_content_column_one">
    	<div class="column_one_section">
        	<h1>menu</h1>
            <ul>
                <li><a href="#" target="_self">link 1</a></li>
<li><a href="#" target="_self">link 2</a></li>
<li><a href="#" target="_self">link 3</a></li>
<li><a href="#" target="_self">link 4</a></li>
<li><a href="#" target="_self">link 5</a></li>
<li><a href="#" target="_self">link 6</a></li>
<li><a href="#" target="_self">link 7</a></li>
            </ul>                  
        </div>
        
        <div class="cleaner_with_divider"> </div>
        
        <div class="column_one_section">
        	<h1>menu</h1>
            <ul>
                <li><a href="#" target="_self">link 1</a></li>
<li><a href="#" target="_self">link 2</a></li>
<li><a href="#" target="_self">link 3</a></li>
<li><a href="#" target="_self">link 4</a></li>
<li><a href="#" target="_self">link 5</a></li>
<li><a href="#" target="_self">link 6</a></li>
<li><a href="#" target="_self">link 7</a></li>
            </ul>                  
        </div>
        
        <div class="cleaner_with_divider"> </div>
        
        <div class="column_one_section">
        	<h1>menu</h1>
            <ul>
            	<li><a href="#" target="_self">link 1</a></li>
<li><a href="#" target="_self">link 2</a></li>
<li><a href="#" target="_self">link 3</a></li>
<li><a href="#" target="_self">link 4</a></li>
<li><a href="#" target="_self">link 5</a></li>
<li><a href="#" target="_self">link 6</a></li>
<li><a href="#" target="_self">link 7</a></li>
            </ul>                  
        </div>
        
        <div class="cleaner_with_divider"> </div>
        
        <div class="column_one_section">
        	<h1>menu</h1>
            <ul>
                <li><a href="#" target="_self">link 1</a></li>
<li><a href="#" target="_self">link 2</a></li>
<li><a href="#" target="_self">link 3</a></li>
<li><a href="#" target="_self">link 4</a></li>
<li><a href="#" target="_self">link 5</a></li>
<li><a href="#" target="_self">link 6</a></li>
<li><a href="#" target="_self">link 7</a></li>
            </ul>                  
        </div>
        
        
    </div> 
    
   	<div id="templatemo_content_column_two">
    
    	<div class="column_two_section">
			<h1><a href="http://www.templatemo.com" target="_parent">contenido</a></h1>
            <div class="post_info">
            	</a> <a href=""></a></div>

Codigo CSS

table {margin-left:auto;margin-right:auto;}

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
Plantilla por KATEKO.ES.TL
*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Verdana, Arial, san-serif;
	font-size: 11px;
	color: #CCC;
	background: #000 url(images/templatemo_main_bg.jpg) top repeat-x;
}

a:link, a:visited { 
	color: #f5ea01; 
	text-decoration: none; 
	font-weight: bold; 
} 
a:active, a:hover { 
	color: #f5ea01; 
	text-decoration: underline; 
}

p {
	margin: 0px;
	padding: 0px;
}

.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 30px;
	font-size: 1px;	
}

.cleaner_with_divider {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;	
	border-bottom: 1px dotted #B79742;
}

.comment {
	padding-left: 20px;
	margin-left: 5px;
	background: url(http://www.fileden.com/files/2010/8/24/2951162/templatemo_comment_icon.jpg) bottom left no-repeat;
}

/* content and header panel */
#templatemo_header_panel {
	clear: both;
	width:100%;
	margin: 0 auto;
	background: #000000 url(https://img.webme.com/pic/m/miniaikon1/yw9b9c9z.jpg) top center no-repeat; 
}

#templatemo_header_panel #templatemo_header_section{
	clear: both;
	width: 960px;
	height: 293px;
	margin: 0 auto;

}

#templatemo_header_section #templatemo_title_section{
	font-size: 55px;
	padding: 130px 0 10px 10px;
	color: #f5ea01;
}

#templatemo_header_section #tagline {
	padding: 15px 0 0 165px;
	font-size: 20px;
	color: #6b5927;
}

/* end of header */

/* menu */
#templatemo_menu_panel{
	clear: both;	
	width:100%;
	height: 47px;	
	margin: 0 auto;
	margin-bottom: 10px;
	color: #ffffff;
	background: #000000 url(http://www.fileden.com/files/2010/8/24/2951162//templatemo_menu_bg_repeat.jpg) repeat-x;
}

#templatemo_menu_panel #templatemo_menu_section{
	width: 930px;
	height: 47px;	
	margin:0 auto;
	padding: 0 0 0 30px;
	color: #03a0a6;
	background:  url(http://www.fileden.com/files/2010/8/24/2951162//templatemo_menu_bg.jpg) no-repeat;	
}

#templatemo_menu_section ul {
	float: left;
	width: 930px;
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
}

#templatemo_menu_section ul li {
	display: inline;
}

#templatemo_menu_section ul li a{
	float: left;
	width: 110px;
	padding: 2px 0;
	margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #99930d;
	border-right: 1px solid #333;	
}

#templatemo_menu_section li a:hover, #templatemo_menu_section li .current{
	color: #f5ea01;
}

#templatemo_menu_section li .last {
	border-right: none;
}
/* end of menu */

/* content */

#templatemo_content {
	clear: both;
	width: 960px;
	margin: 0 auto;
}

#templatemo_content_column_one {
	float: left;
	width: 178px;
	border: 1px solid #846f34;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 0;
	background: #6b5927 url(http://www.fileden.com/files/2010/8/24/2951162/templatemo_180_column_bg.jpg) top center no-repeat;
}

#templatemo_content_column_two {
	float: left;
	width: 460px;
	margin: 0 0 0 10px;
	padding: 0;	
}

#templatemo_content_column_three {
	float: left;
	width: 278px;
	padding: 10px 0 10px 0;	
	margin: 0 0 0 10px;	
	border: 1px solid #312f2b;
	background: #181714;
}

/* column one */

#templatemo_content_column_one .column_one_section {
	clear: both;
	margin: 0px 10px;
}

#templatemo_content_column_one h1 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 14px;
	color: #000;
	border-bottom: 1px dotted #000;
}

#templatemo_content_column_one .cleaner_with_divider {
	margin: 0 0 20px 0;	
}

#templatemo_content_column_one ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#templatemo_content_column_one li {
	margin: 0px;
	padding: 0 0 5px 0;	
}
#templatemo_content_column_one a{
	color: #181714;
}

/* end of column one */
/* column two */

#templatemo_content_column_two .column_two_section {
	clear: both;
	width: 418px;
	padding: 20px;	
	margin-bottom: 10px;
	border: 1px solid #312f2b;
	background: #181714 url(http://www.fileden.com/files/2010/8/24/2951162/templatmeo_column_two_bg.jpg) top right no-repeat;	
}

#templatemo_content_column_two h1 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 16px;
	color: #f5ea01;
	border-bottom: 1px dotted #f5ea01;
}

#templatemo_content_column_two p{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#templatemo_content_column_two img {
	border: 5px solid #2e2d29;
	margin-bottom: 15px;
}

#templatemo_content_column_two .post_info {
	margin: 0 0 20px 0;
	color: #fff;
}

#templatemo_content_column_two .post_info a{
	color: #f5ea01;
	font-weight: normal;
}

#templatemo_content_column_two .post_comment {
	border-top: 1px solid #000;
	margin-top: 10px;
	padding: 10px 0 0 0;
}
/* end of column one */

/* column one */
#templatemo_content_column_three .column_three_section {
	clear: both;
	margin: 0px 10px;
	padding: 10px 0;
}

#templatemo_content_column_three .cleaner_with_divider {
	padding: 0px;
	margin: 0px;	
}

#templatemo_content_column_three h1 {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px dotted #FFF;
}

#templatemo_content_column_three a{
	font-weight: normal;
}

#templatemo_content_column_three ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#templatemo_content_column_three li {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;	
}

#templatemo_content_column_three #ad_section {
	clear: both;
	border-bottom: 1px solid #312f2b;
}

#ad_section h1{
	margin: 0 0 10px 10px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	border: none;
}

#ad_section .ad_125x125_box {
	float: left;
	margin: 0 0 10px 10px;
	width: 125px;
	height: 125px;
}

.ad_125x125_box img {
	border: none;
}

.column_three_section .popular_post {
	list-style: none;
	margin: 0;
	padding: 0;
}
.column_three_section .popular_post li{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #22250e;
}
/* end of column one */

/* for bottom palen */
#templatemo_bottom_panel{
	width: 960px;
	margin: 10px auto 0 auto;
	padding: 20px 0;
	background: url(http://www.fileden.com/files/2010/8/24/2951162//panel.jpg) top center;	
}

#templatemo_bottom_panel .bottom_panel_section {
	margin-left: 10px;
	width: 550px;
	margin-bottom: 20px;
}

.bottom_panel_section h1 {
	color: #f2e304;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

.bottom_panel_section p{
	margin-bottom: 5px;
	padding-bottom: 5px;
}
/* end of bottom */

http://www.mediafire.com/?i6668woau5v401w

Por Debajo De La Pagina

</div></div> 
</div> 
<div id='lsidebar-wrapper'> 
<div class='addthis_toolbox'> 
<div class='custom_images'> 
<a href="#"><img alt='Twitter' height='32' src='http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoO3QDcbgI/AAAAAAAABXg/wDbwRJfxLUs/s000/twitter.png' width='32'/></a> 
<a href="#"><img alt='Delicious' height='32' src='http://3.bp.blogspot.com/_ActSVcJ9YKs/TLoO3s-pcnI/AAAAAAAABXk/0P1wJWpTGf0/s000/delicious.png' width='32'/></a> 
<a href="#"><img alt='Facebook' height='32' src='http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoO4CKjtpI/AAAAAAAABXo/FnOuzEaGqxQ/s000/facebook.png' width='32'/></a> 
<a href="#"><img alt='Digg' height='32' src='http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoO4jr4apI/AAAAAAAABXs/jYY0aUKnq-w/s000/digg.png' width='32'/></a> 
<a href="#"><img alt='Stumbleupon' height='32' src='http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoO43I-j6I/AAAAAAAABXw/V4m_3iaL1zA/s000/stumbleupon.png' width='32'/></a> 
<a href="#"><img alt='Favorites' height='32' src='http://3.bp.blogspot.com/_ActSVcJ9YKs/TLoO5Iwl4pI/AAAAAAAABX0/z2Xo-JqBQHE/s000/favorites.png' width='32'/></a> 
<a href="#"><img alt='More' height='32' src='http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoO5dTcRgI/AAAAAAAABX4/3-JJsRSyW98/s000/more.png' width='32'/></a> 
</div> 
</div> 
<div style='clear:both;'></div> 
<div id='topsearch'> 
<div id='search'> 
<form action='#' id='searchform' method='get'> 
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/> 
<input src='http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoO5tBHKtI/AAAAAAAABX8/9piLbQkJzIg/s000/search.gif' style='border:0; vertical-align: top;' type='image'/> 
</form> 
</div> 
</div> 
<div style='clear:both;'></div> 
<div class='rssbox'> 
<a href='#'><img alt='RSS Feed' src='http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoO5l5ktUI/AAAAAAAABYA/zWSQLFShSQE/s000/rss.png' style='vertical-align:middle; margin-right: 5px;' title=''/></a><a href='#'>RSS</a> 
</div> 
<div class='twitterbox'> 
<a href='#'><img alt='Follow Us on Twitter!' src='http://3.bp.blogspot.com/_ActSVcJ9YKs/TLoO5_tjm4I/AAAAAAAABYE/cYvp3U84UfQ/s000/twitter.png' style='vertical-align:middle; margin-right: 5px;' title=''/></a><a href='#'>Twitter</a> 
</div> 
<div style='clear:both;'></div> 
<div class='sidebar section' id='sidebarleft'><div class='widget Image' id='Image2'> 
<h2>Afiliados</h2> 
<div class='widget-content'> 
<center> 
<a href='http://templatecss.es.tl/'><img alt='Afiliados' height='125' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='125'/></a> 
<a href='http://templatecss.es.tl/'><img alt='Afiliados' height='125' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='125'/></a>
<a href='#'><img alt='Afiliados' height='125' id='Image1_img' src='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' width='125'/></a>
<a href='#'><img alt='Afiliados' height='125' id='Image1_img' src='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' width='125'/></a>
</center>
<br/> 
</div> 
<div class='clear'></div> 
</div><div class='widget LinkList' id='LinkList2'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div><div class='widget LinkList' id='LinkList1'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div> 
</div> 
<p></p></div> 
<div id='rsidebar-wrapper'> 
<div class='sidebar section' id='sidebarright'><div class='widget LinkList' id='LinkList6'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div><div class='widget LinkList' id='LinkList5'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div><div class='widget LinkList' id='LinkList4'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div><div class='widget LinkList' id='LinkList3'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul>
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div> 
</div> 
<p></p></div> 
 
<div class='clear'> </div> 
</div></div> 
 
<div class='span-24'> 
<div id='footer'>Copyright  © Tu Web | <strong><font color="orange">Template Adapted By <a href='http://templatecss.es.tl/'>TEmplatECSS</a>
</div> 
</div> 
</div></div> 
 
<div style='clear:both;'></div> 
<div id='footer2'> 
Template Powered By <a href='http://templatecss.es.tl/'>TEmplatECSS</a> | Template Hosted At <a href="http://es.tl/">PwG</a></font></strong>
</div> 
</body> 
</html>

Por Encima De La Pagina

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
<head> 
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/987282334-widget_css_bundle.css' /> 
 <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=4916562925046401517&zx=4313c350-bc41-4248-8f03-d3df8b80198f"/> 
<style type="text/css">#navbar-iframe { display:block }
</style> 
<script type="text/javascript"> 
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head> 
<body> 
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript"> 
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
    function showRelatedContent(args) {
      var el = document.getElementById('related-iframe');
      if (el.parentNode.style.display != 'none') {
        el.parentNode.style.display = 'none';
        document.onclick = showRelatedContent.prevOnClick;
        return;
      }
      
      var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);
      if (match !== null) {
        document.getElementById('related-loading').style.left = match[1] + 'px';
        el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px';
      }
      el.src = "http://www.blogger.com"
          + '/related-content.g?q='
          + "http://templatecssweb.blogspot.com/"
          + '&id=' + "4916562925046401517";
      el.parentNode.style.display = 'block';
      showRelatedContent.prevOnClick = document.onclick;
 
      // Hide related-content dropdown when clicking anywhere but on it.
      document.onclick = function() {
        var el = document.getElementById('related-iframe');
        if (el.parentNode.style.display != 'none') {
          el.parentNode.style.display = 'none';
        }
        document.onclick = showRelatedContent.prevOnClick;
      };
    }
  </script> 
<div></div></div></div> 
<div id='body-wrapper'><div id='outer-wrapper'><div id='wrap2'> 
 
<span id='skiplinks' style='display:none;'> 
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a> 
</span> 
<div class='span-24'> 
<div id='pagemenucontainer'> 
<ul id='pagemenu'> 
<li class='current_page_item'><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li>  
</ul> 
</div> 
</div> 
<div style='clear:both;'></div> 
<div id='header-wrapper'> 
<div class='header section' id='header'><div class='widget Header' id='Header1'> 
<div id='header-inner'> 
<div class='titlewrapper'> 
<h1 class='title'> 
<a href='#'>T€mplat€C$$</a> 
</h1> 
</div> 
<div class='descriptionwrapper'> 
<p class='description'><span>Tu Web De Templates CSS</span></p> 
</div> 
</div> 
</div></div> 
<div class='header section' id='header2'><div class='widget Image' id='Image1'> 
<div class='widget-content'> 
<a href='http://templatecss.es.tl/'> 
<img alt='' height='80' id='Image1_img' src='http://3.bp.blogspot.com/-tlWf8Mb53Q4/TaN1QIc9j-I/AAAAAAAAAZ4/jQDsae_Rcx0/s503/PubliTCSS.jpg' width='468'/> 
</a> 
<br/> 
</div> 
<div class='clear'></div> 
</div> 
</div> 
<div style='clear:both;'></div> 
</div> 
<div style='clear:both;'></div> 
<div id='navcontainer'> 
<ul id='nav'> 
<li class='current-cat'><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
<li><a href='#' title=''>Menu</a></li> 
</ul> 
</div> 
<div style='clear:both;'></div> 
<div id='content-wrapper'> 
<div id='crosscol-wrapper' style='text-align:center'> 
<div class='crosscol section' id='crosscol'></div> 
</div> 
<div id='main-wrapper'> 
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>

StyleCSS

table {margin-left:auto;margin-right:auto;}

/*
<---------------Template By TEmplatECSS.es.tl--------------->
 */

/*
-----------------------------------------------
Name:   GamePort
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right">
*/
/* Use this with templates/template-twocol.html */
body{background-color: #010101;color:#d9d9d9;font:75% "Helvetica Neue",Arial,Helvetica,sans-serif;margin:0px;padding:0px;}
a:link,a:visited{color:#72a80e;text-decoration: underline;outline:none;}
a:hover{color:#84dd21;text-decoration: underline;outline:none;}
a img{border-width:0}
#body-wrapper{background:url(http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoOxCGu8DI/AAAAAAAABWM/Ge-E_a1n97o/s000/background.jpg) center top no-repeat;margin:0;padding:0}
/* Header-----------------------------------------------*/
#header-wrapper{width:950px;margin:0 auto 0;height:111px;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:45%;overflow:hidden;}
#header h1{color:#fff;margin-top:0px;margin-left:0px;padding:10px 0px 0px 0px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;font-size:46px;color:#d6d5d5;}
#header .description{padding-left:5px;color:#686666;font-size:16px;padding-top:0px;margin-top:-25px;}
#header h1 a,#header h1 a:visited{color:#d6d5d5;text-decoration:none}
#header h2{padding-left:15px;color:#736f74;font:14px Arial,Helvetica,Sans-serif}
#header2{float:right;width:53%;overflow:hidden;}
#header2 .widget{padding:20px 0px 0 10px;float:right}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:950px;margin:0px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;}
#content-wrapper{background:url(http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoOxqwxyKI/AAAAAAAABWQ/qrhjeBxIv5Y/s000/content-wrapper.png) repeat-y top left;}
#main-wrapper{width:485px;padding-left:15px;padding-right:15px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}
#lsidebar-wrapper{width:270px;float:left;margin-left:10px;margin-right:10px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}
#rsidebar-wrapper{width:135px;float:right;margin-right:10px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}
/* Headings----------------------------------------------- */
h2{margin:1.5em 0 .75em;font:$headerfont;line-height:1.4em;text-transform:uppercase;color:$sidebarcolor}
/* Posts-----------------------------------------------*/
h2.date-header{margin:1.5em 0 .5em}
.post{margin: 5px 0 15px 0;border-bottom: 1px solid #43403a;padding: 12px 5px 15px 0px;}
.post h3{margin:0 0 8px 0;padding:0;font-size:24px;font-family: Arial, Helvetica, Sans-serif;color:#e3e5e0;font-weight:normal;}
.post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:#e3e5e0;font-size:24px;font-weight:normal;}
.post h3 strong,.post h3 a:hover{text-decoration:none;color:#72a80e;font-size:24px;font-weight:normal;}
.post-body{margin:0 0 .75em;text-align:justify;padding-top:8px;font-family:Arial,Helvetica,Sans-serif;font-size:13px;color:#d9d9d9;line-height: 18px;}
.post-body blockquote{overflow:hidden;padding-left:9px;font-style:italic;color:#666;border-left:3px solid #CADAE7;}
.post-footer{margin:.75em 0;color:$sidebarcolor;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;line-height:1.4em}
.comment-link{margin-$startSide:.6em}
.post img{padding:6px 6px 6px 6px;background:#1c1c1b;border:1px solid #43403e;margin:0 4px 4px 0}
/* Comments----------------------------------------------- */
#comments h4{margin:1em 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:$sidebarcolor}
#comments-block{margin:1em 0 1.5em;line-height:1.6em}
#comments-block .comment-author{margin:.5em 0}
#comments-block .comment-body{margin:.25em 0 0}
#comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}
#comments-block .comment-body p{margin:0 0 .75em}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{text-align:center}
.feed-links{clear:both;line-height:2.5em}
/* Sidebar Content----------------------------------------------- */
.sidebar{margin:0 0 10px 0;color: #c5bfb1;}
.sidebar a{text-decoration:none;color: #969595;}
.sidebar a:hover{text-decoration:underline;color:#74af11;}
.sidebar h2{margin:10px 0 0 0;padding:7px 0 7px 8px;font-size:15px;line-height:15px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-transform:uppercase;color:#c1c1c1;background:url(http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoOxughMxI/AAAAAAAABWU/Y9_tvDKx8v4/s000/sidebar_tab.png) left center repeat-x;text-shadow:0 1px 0 #302e2c;}
.sidebar ul{list-style-type:none;margin:0 0 10px 0;padding:0}
.sidebar ul li{padding: 6px 0px 6px 4px;margin:0;background: url(http://2.bp.blogspot.com/_ActSVcJ9YKs/TLoOx_8r1DI/AAAAAAAABWY/2wxxWxhWiAI/s000/sidebar_line.png) left bottom repeat-x;}
.sidebar .widget{border-bottom:0 dotted $bordercolor;margin:0 0 0.5em;padding:0 0 0.5em}
.main .widget{border-bottom:0 dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em}
.main .Blog{border-bottom-width:0}
/* Profile ----------------------------------------------- */
.profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em}
#myGallery,#myGallerySet,#flickrGallery{width:485px;height:280px;z-index:5;margin-bottom:20px;margin-top:15px;overflow:hidden;}
.jdGallery a{outline:0}
#flickrGallery{width:500px;height:334px}
#myGallery img.thumbnail,#myGallerySet img.thumbnail{display:none}
.jdGallery{overflow:hidden;position:relative}
.jdGallery img{border:0;margin:0}
.jdGallery .slideElement{width:100%;height:100%;background-color:#000;background-repeat:no-repeat;background-position:center center;background-image:url('http://2.bp.blogspot.com/_ActSVcJ9YKs/TLoOyBH7JmI/AAAAAAAABWc/QPlC9mgi0uI/s000/loading-bar-black.png')}
.jdGallery .loadingElement{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;background-repeat:no-repeat;background-position:center center;background-image:url('http://2.bp.blogspot.com/_ActSVcJ9YKs/TLoOyBH7JmI/AAAAAAAABWc/QPlC9mgi0uI/s000/loading-bar-black.png')}
.jdGallery .slideInfoZone{position:absolute;z-index:10;width:100%;margin:0;left:0;bottom:0;height:120px;background:#333;color:#fff;text-indent:0;overflow:hidden}
* html .jdGallery .slideInfoZone{bottom:-1px}
.jdGallery .slideInfoZone h2{padding:0;margin:0;margin:2px 5px;font-size:14px;font-weight:bold;color:#fff !important}
.jdGallery .slideInfoZone p{padding:0;font-size:12px;margin:2px 5px;color:#eee}
.jdGallery div.carouselContainer{position:absolute;height:135px;width:100%;z-index:10;margin:0;left:0;top:0}
.jdGallery a.carouselBtn{position:absolute;bottom:0;right:30px;height:20px;/*width:100px;background:url('img/carousel_btn.gif') no-repeat;*/
text-align:center;padding:0 10px;font-size:13px;background:#333;color:#fff;cursor:pointer}
.jdGallery .carousel{position:absolute;width:100%;margin:0;left:0;top:0;height:115px;background:#333;color:#fff;text-indent:0;overflow:hidden}
.jdExtCarousel{overflow:hidden;position:relative}
.jdGallery .carousel .carouselWrapper,.jdExtCarousel .carouselWrapper{position:absolute;width:100%;height:78px;top:10px;left:0;overflow:hidden}
.jdGallery .carousel .carouselInner,.jdExtCarousel .carouselInner{position:relative}
.jdGallery .carousel .carouselInner .thumbnail,.jdExtCarousel .carouselInner .thumbnail{cursor:pointer;background:#000;background-position:center center;float:left;border:solid 1px #fff}
.jdGallery .wall .thumbnail,.jdExtCarousel .wall .thumbnail{margin-bottom:10px}
.jdGallery .carousel .label,.jdExtCarousel .label{font-size:13px;position:absolute;bottom:5px;left:10px;padding:0;margin:0}
.jdGallery .carousel .wallButton,.jdExtCarousel .wallButton{font-size:10px;position:absolute;bottom:5px;right:10px;padding:1px 2px;margin:0;background:#222;border:1px solid #888;cursor:pointer}
.jdGallery .carousel .label .number,.jdExtCarousel .label .number{color:#b5b5b5}
.jdGallery a{font-size:100%;text-decoration:none;color:#fff}
.jdGallery a.right,.jdGallery a.left{position:absolute;height:99%;width:25%;cursor:pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}
* html .jdGallery a.right,* html .jdGallery a.left{filter:alpha(opacity=50)}
.jdGallery a.right:hover,.jdGallery a.left:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.jdGallery a.left{left:0;top:0;background:url('http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoOyao0QDI/AAAAAAAABWg/U8FFlQBCcVE/s000/fleche1.png') no-repeat center left}
* html .jdGallery a.left{background:url('http://4.bp.blogspot.com/_ActSVcJ9YKs/TLoOy0DCTcI/AAAAAAAABWk/XyOArSjVuoU/s000/fleche1.gif') no-repeat center left}
.jdGallery a.right{right:0;top:0;background:url('http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoOzANX1YI/AAAAAAAABWo/UFXklYqEsSY/s000/fleche2.png') no-repeat center right}
* html .jdGallery a.right{background:url('http://2.bp.blogspot.com/_ActSVcJ9YKs/TLoOzaEpfPI/AAAAAAAABWs/x_0_N3vi-g8/s000/fleche2.gif') no-repeat center right}
.jdGallery a.open{left:0;top:0;width:100%;height:100%}
.withArrows a.open{position:absolute;top:0;left:25%;height:99%;width:50%;cursor:pointer;z-index:10;background:none;-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.withArrows a.open:hover{background:url('http://3.bp.blogspot.com/_ActSVcJ9YKs/TLoOzv6eU_I/AAAAAAAABWw/ySU5gnqP5no/s000/open.png') no-repeat center center}
* html .withArrows a.open:hover{background:url('http://3.bp.blogspot.com/_ActSVcJ9YKs/TLoOz4zFLFI/AAAAAAAABW0/BWgmXIga5kU/s000/open.gif') no-repeat center center;filter:alpha(opacity=80)}
/* Gallery Sets */
.jdGallery a.gallerySelectorBtn{z-index:15;position:absolute;top:0;left:30px;height:20px;/*width:100px;background:url('img/carousel_btn.gif') no-repeat;*/
text-align:center;padding:0 10px;font-size:13px;background:#333;color:#fff;cursor:pointer;opacity:.4;-moz-opacity:.4;-khtml-opacity:0.4;filter:alpha(opacity=40)}
.jdGallery .gallerySelector{z-index:20;width:100%;height:100%;position:absolute;top:0;left:0;background:#000}
.jdGallery .gallerySelector h2{margin:0;padding:10px 20px 10px 20px;font-size:20px;line-height:30px;color:#fff !important}
.jdGallery .gallerySelector .gallerySelectorWrapper{overflow:hidden}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{margin-left:10px;margin-top:10px;border:1px solid #888;padding:5px;height:40px;color:#fff;cursor:pointer;float:left}
.jdGallery .gallerySelector .gallerySelectorInner div.hover{background:#333}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{background:#000;background-position:center center;float:left;border:none;width:40px;height:40px;margin-right:5px}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{margin:0;padding:0;font-size:12px;font-weight:normal;color:#fff}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{margin:0;padding:0;font-size:12px;font-weight:normal;color:#fff !important}
#navbar-iframe{height:0;visibility:hidden;display:none}
#pagemenucontainer{height:35px;float:right;background:url(http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoO0NiL-mI/AAAAAAAABW4/H2-9qGIS5Ko/s000/pagenav-bg.png) left top repeat-x;padding:0 10px}
#pagemenu{height:35px}
#pagemenu,#pagemenu ul{padding:0;margin:0;list-style:none;line-height:1}
#pagemenu{margin-bottom:1px}
#pagemenu ul{float:left;list-style:none;margin:0 0 0 0;padding:0}
#pagemenu li{float:left;list-style:none;margin:0;padding:0}
#pagemenu ul li{list-style:none;margin:0;padding:0}
#pagemenu li a,#pagemenu li a:link{color:#fff;display:block;margin:0 3px;padding:12px 15px;text-decoration:none;text-transform:uppercase;font:bold 11px Arial,Helvetica,sans-serif}
#pagemenu li a:hover,#pagemenu li a:active{color:#86e222;display:block;text-decoration:none;background:url(http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoO0WCEjyI/AAAAAAAABW8/0Pe29ZmIMNw/s000/pagenav-hover.png) left top repeat-x}
#pagemenu li.current_page_item a{color:#86e222;text-decoration:none;background:url(http://1.bp.blogspot.com/_ActSVcJ9YKs/TLoO0WCEjyI/AAAAAAAABW8/0Pe29ZmIMNw/s000/pagenav-hover.png) left top repeat-x}
#pagemenu li:hover,#pagemenu li.sfhover{position:static}
.rssbox{background:#272421;border:1px solid #3c3835;padding:10px;margin:10px 0 0 0}
.rssbox:hover{border:1px solid #4d4c4b;background:#2e2b2a}
.rssbox a{color:#757574;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#868686;text-decoration:underline}
.twitterbox{background:#272421;border:1px solid #3c3835;padding:10px;margin:10px 0 0 0}
.twitterbox:hover{border:1px solid #4d4c4b;background:#2e2b2a}
.twitterbox a{color:#757574;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#868686;text-decoration:underline}
#navcontainer{height:32px;display:block;overflow:hidden;background:url(http://2.bp.blogspot.com/_ActSVcJ9YKs/TLoO0v1iOTI/AAAAAAAABXA/L0TKjpaYOdI/s000/nav.png) left top repeat-x}
#navcontainer .current-cat a{background:url(http://3.bp.blogspot.com/_ActSVcJ9YKs/TLoO09GGq5I/AAAAAAAABXE/B7SrAPDL2LY/s000/nav-hover.png) left top repeat-x;color:#fff;text-shadow:0 1px 0 #4c6a04}
#nav a,#subMenusContainer a{text-decoration:none;display:block}
#nav a{margin:0 4px 0 0;float:left;padding:10px 15px;background:url(http://2.bp.blogspot.com/_ActSVcJ9YKs/TLoO0v1iOTI/AAAAAAAABXA/L0TKjpaYOdI/s000/nav.png) left top repeat-x;text-transform:uppercase;color:#fff;font-weight:bold;font-size:12px;text-shadow:0 1px 0 #5f5f5f}
#subMenusContainer a,#nav li li a{color:#fff;font-size:12px;text-align:left;background-color:#6a9307;padding:5px 20px;color:#fff}
#nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{background:url(http://3.bp.blogspot.com/_ActSVcJ9YKs/TLoO09GGq5I/AAAAAAAABXE/B7SrAPDL2LY/s000/nav-hover.png) left top repeat-x;color:#fff;text-shadow:0 1px 0 #4c6a04}
#subMenusContainer a:hover,#subMenusContainer a:focus,#subMenusContainer a.subMenuParentBtnFocused{background-color:#72a80e;color:#fff}
.subMenuParentBtn{background:url(../img/arrow_right.gif) right center no-repeat}
.subMenuParentBtnFocused{background:url(../img/arrow_right_over.gif) right center no-repeat}
.mainMenuParentBtn{}
.mainMenuParentBtnFocused{}
.smOW{display:none;position:absolute;overflow:hidden;padding:0 2px;margin:0 0 0 -2px}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{padding:0;margin:0;list-style:none;line-height:1em}
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{background:none;left:0}
#nav li{cursor:pointer;float:left;margin:0 2px 0 0;padding:0 2px 0 0;height:32px;display:inline}
#subMenusContainer li{list-style:none}
#nav{width:950px;margin:0 auto;clear:both;overflow:hidden;font-size:12px;display:block}
#nav .children{display:none}
#subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000}
.postdate{font:italic 13px Arial,Helvetica,Sans-serif;color:#706e6c}
.postmeta{padding:2px 4px;font:11px Arial,Verdana;color:#706e6c}
.postdate img,.postmeta img{border:none;vertical-align:middle;margin:2px;padding:0;background-color:transparent;}
/* FOOTER */
#footer{padding:20px 0;text-align:center;color:#c7c7c7;font-size:13px;background:url(http://3.bp.blogspot.com/_ActSVcJ9YKs/TLoO1EChEXI/AAAAAAAABXI/X3AbfFFdasY/s000/footer-background.png) left center repeat-x;margin-top:10px}
#footer a{color:#c7c7c7}
#footer a:hover{text-decoration:none;color:#c7c7c7}
#footer2{color:#71706f;font-size:11px;text-align:center;padding:10px}
#footer2 a{color:#71706f;text-decoration:none}
/* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;background:#ffffff;color:#9b9a99;border:1px solid #ffffff}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#fff;background:#402b3c;border:1px solid #402b3c}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#fff;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #6a9307;background:#6a9307;text-decoration:none}
.showpage{padding:4px 8px;margin:0 4px;text-decoration:none;background:#ffffff;color:#9b9a99;border:1px solid #ffffff;font:15px Arial,Verdana}
.showpage a{text-decoration:none;color:#9b9a99;font:15px Arial,Verdana}
.showpage:hover{padding:4px 8px;margin:0 4px;text-decoration:none;background:#402b3c;color:#fff;border:1px solid #402b3c;font:15px Arial,Verdana}
.showpage a:hover{text-decoration:none;color:#fff;font:15px Arial,Verdana}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 2px 0 2px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
#comment-form iframe{padding:5px;width:500px}
#search{border:1px solid #3c3835;height:28px;padding:0;background:#272421;text-align:right;overflow:hidden;}
#search input{border:0;background:none;color:#757574}
#s{width:220px;padding:4px;margin:2px 0 0 0;background:none}
#topsearch #search{margin-top:5px}
#topsearch #s{width:228px}
div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:10px}
.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:950px;margin:0}input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important}input.span-1,textarea.span-1{width:18px!important}input.span-2,textarea.span-2{width:58px!important}input.span-3,textarea.span-3{width:98px!important}input.span-4,textarea.span-4{width:138px!important}input.span-5,textarea.span-5{width:178px!important}input.span-6,textarea.span-6{width:218px!important}input.span-7,textarea.span-7{width:258px!important}input.span-8,textarea.span-8{width:298px!important}input.span-9,textarea.span-9{width:338px!important}input.span-10,textarea.span-10{width:378px!important}input.span-11,textarea.span-11{width:418px!important}input.span-12,textarea.span-12{width:458px!important}input.span-13,textarea.span-13{width:498px!important}input.span-14,textarea.span-14{width:538px!important}input.span-15,textarea.span-15{width:578px!important}input.span-16,textarea.span-16{width:618px!important}input.span-17,textarea.span-17{width:658px!important}input.span-18,textarea.span-18{width:698px!important}input.span-19,textarea.span-19{width:738px!important}input.span-20,textarea.span-20{width:778px!important}input.span-21,textarea.span-21{width:818px!important}input.span-22,textarea.span-22{width:858px!important}input.span-23,textarea.span-23{width:898px!important}input.span-24,textarea.span-24{width:938px!important}.last{margin-right:0;padding-right:0}
.last,div.last{margin-right:0}
.readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;}
.readmorecontent a{padding:4px 15px; background:#474341; color:#fff; text-decoration:none; font-size:12px;}
.readmorecontent a:hover{background-color:#6a9307;color:#fff;} 
-->

http://www.mediafire.com/?3knme3435mtmyp1

Por Debajo De La Pagina

</div></div> 
</div> 
<div id='sidebar-wrapper'> 
<div class='sidebar section' id='sidebar'><div class='widget Image' id='Image1'> 
<h2>Afiliados</h2> 
<div class='widget-content'> 
<a href='http://templatecss.es.tl/'><img alt='Afiliados' height='75' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='75'/></a> 
<a href='http://templatecss.es.tl/'><img alt='Afiliados' height='75' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='75'/></a>
<a href='#'><img alt='Afiliados' height='75' id='Image1_img' src='http://2.bp.blogspot.com/-41_bO-Fqvag/TYFf5XRhyDI/AAAAAAAAAQg/ZqSTNxdT1nU/s185/ad75x75.jpg' width='75'/></a>
<a href='#'><img alt='Afiliados' height='75' id='Image1_img' src='http://2.bp.blogspot.com/-41_bO-Fqvag/TYFf5XRhyDI/AAAAAAAAAQg/ZqSTNxdT1nU/s185/ad75x75.jpg' width='75'/></a>
<br/> 
</div> 
<div class='clear'></div> 
</div><div class='widget LinkList' id='LinkList2'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul> 
<div class='clear'></div>  
</div> 
</div><div class='widget LinkList' id='LinkList1'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div>  
</div> 
</div> 
</div> 
</div> 
 
<div class='clear'> </div> 
</div> 
 
<div id='footer'>Copyright © Tu Web | <strong><font color="orange">Template Adapted By <a href="http://templatecss.es.tl/">TEmplatECSS</a> 
</div> 
<div id='footer2'>Template Powered By <a href='http://templatecss.es.tl/'>TEmplatECSS</a></strong></font></div> 
</div></div> 

</body>
</html>

Por Encima De La Pagina

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
<head>
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/3978473571-widget_css_bundle.css' /> 
 <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=4916562925046401517&zx=0f9b92ef-3593-4279-a4ce-e9f7f4519429"/> 
<style type="text/css">#navbar-iframe { display:block }
</style> 
<script type="text/javascript"> 
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head> 
<body> 
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript"> 
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener("load",
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
    function showRelatedContent(args) {
      var el = document.getElementById('related-iframe');
      if (el.parentNode.style.display != 'none') {
        el.parentNode.style.display = 'none';
        document.onclick = showRelatedContent.prevOnClick;
        return;
      }
      
      var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);
      if (match !== null) {
        document.getElementById('related-loading').style.left = match[1] + 'px';
        el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px';
      }
      el.src = "http://www.blogger.com"
          + '/related-content.g?q='
          + "http://templatecssweb.blogspot.com/"
          + '&id=' + "4916562925046401517";
      el.parentNode.style.display = 'block';
      showRelatedContent.prevOnClick = document.onclick;
 
      // Hide related-content dropdown when clicking anywhere but on it.
      document.onclick = function() {
        var el = document.getElementById('related-iframe');
        if (el.parentNode.style.display != 'none') {
          el.parentNode.style.display = 'none';
        }
        document.onclick = showRelatedContent.prevOnClick;
      };
    }
  </script> 
<div></div></div></div> 
<div id='outer-wrapper'><div id='wrap2'> 
 
<span id='skiplinks' style='display:none;'> 
<a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a> 
</span> 
<div id='header-wrapper'> 
<div class='header section' id='header'><div class='widget Header' id='Header1'> 
<div id='header-inner'> 
<div class='titlewrapper'> 
<h1 class='title'> 
T€mplat€C$$
</h1> 
</div> 
<div class='descriptionwrapper'> 
<p class='description'><span>Tu Web De Templates CSS</span></p> 
</div> 
</div> 
</div></div> 
</div> 
<div id='crosscol-wrapper' style='text-align:center'> 
<div class='crosscol section' id='crosscol'><div class='widget PageList' id='PageList1'> 
<h2>Pages</h2> 
<div class='widget-content'> 
<ul> 
<li class='selected'><a href='#'>Menu</a></li> 
<li class='selected'><a href='#'>Menu</a></li>
<li class='selected'><a href='#'>Menu</a></li>
<li class='selected'><a href='#'>Menu</a></li>
<li class='selected'><a href='#'>Menu</a></li>
<li class='selected'><a href='#'>Menu</a></li>
<li class='selected'><a href='#'>Menu</a></li>
<li class='selected'><a href='#'>Menu</a></li>
<li class='selected'><a href='#'>Menu</a></li>
<li class='selected'><a href='#'>Menu</a></li>
</ul> 
<div class='clear'></div>  
</div> 
</div></div> 
</div> 
<div id='content-wrapper'> 
<div id='sidebar-wrapper2'> 
<div class='sidebar section' id='sidebar2'><div class='widget LinkList' id='LinkList5'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div> 
</div> 
</div><div class='widget LinkList' id='LinkList4'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li> 
</ul> 
<div class='clear'></div>  
</div> 
</div><div class='widget LinkList' id='LinkList3'> 
<h2>Menu</h2> 
<div class='widget-content'> 
<ul> 
<li><a href='#'>Menu</a></li> 
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul> 
<div class='clear'></div>  
</div> 
</div> 
</div> 
</div> 
<div id='main-wrapper'> 
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>

StyleCSS

<--------Template By TEmplatECSS.es.tl------->

/*
-----------------------------------------------
Name:     iMovies
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#1F2025">
<Variable name="textcolor" description="Text Color"
type="color" default="#333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#3366CC">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#FFF">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#EEE">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#000">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#FFF">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#CCC">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#3366CC">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 90% Arial, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="bold 91%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="bold 230% Helvetica,Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 88% 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right">
*/
/* Use this with templates/template-threecol.html */
body {
background:#1F2025;
color:#333333
font:small Georgia Serif;
margin:0;
text-align:center;
}
a:link {
color:#3366CC;
text-decoration:none;
}
a:visited {
color:#3366CC;
text-decoration:none;
}
a:hover {
color:#333333;
text-decoration:underline;
}
a img {
border-width:0;
}
#header-wrapper {
background:url("http://3.bp.blogspot.com/_8GxSJXcDIwk/S88vtgsL10I/AAAAAAAAA34/mRPMWaF2S0o/s1600/header_background.jpg") no-repeat scroll right top transparent;
height:150px;
margin:0 auto;
width:950px;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#FFFFFF;
text-align:left;
}
#header h1 {
font: bold 230% Helvetica,Serif;
letter-spacing:-2px;
margin:0;
padding:40px 20px 3px;
text-transform:none;
}
#header a {
font: bold 230% Helvetica,Serif;
text-decoration:none;
}
#header a:hover {
font: bold 230% Helvetica,Serif;
}
#header .description {
font: normal normal 88% 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
color: #EEEEEE;
letter-spacing:1px;
margin:0;
max-width:700px;
padding:0 20px 15px;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
background:none repeat scroll 0 0 #17181E;
border-top:2px solid #222222;
font: normal normal 90% Arial, Serif;
margin:15px auto 0;
text-align:left;
width:950px;
}
#main-wrapper {
float:left;
margin-left:17px;
margin-right:15px;
overflow:hidden;
width:532px;
word-wrap:break-word;
}
#sidebar-wrapper {
float:right;
margin-right:7px;
overflow:hidden;
width:185px;
word-wrap:break-word;
}
#sidebar-wrapper2 {
float:left;
margin-left:7px;
overflow:hidden;
width:185px;
word-wrap:break-word;
}
h2 {
background:url("http://1.bp.blogspot.com/_8GxSJXcDIwk/S88v4h2JjDI/AAAAAAAAA4A/SHo5BNuvGIo/s1600/sidebar_tab.png") repeat-x scroll left top transparent;
font:bold 91%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif;
color:#FFFFFF;
letter-spacing:0;
margin:0;
padding:10px 0 5px 30px;
text-transform:uppercase;
}
h2.date-header {
background:none repeat scroll 0 0 transparent;
color:#666666;
font:12px arial;
letter-spacing:0;
margin:1.5em 0 0.5em;
padding:0;
text-transform:none;
}
.post {
margin:0.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
color:#000000;
font-size:150%;
font-weight:normal;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color:#000000;
display:block;
font-weight:bold;
text-decoration:none;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-body {
line-height:1.6em;
margin:0 0 0.75em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
border-top:1px solid #CCCCCC;
color:#666666;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
letter-spacing:0.1em;
margin:0.75em 0;
padding-top:5px;
text-transform:uppercase;
}
.comment-link {
margin-left:0.6em;
}
.post img, table.tr-caption-container {
}
.tr-caption-container img {
border:medium none;
padding:0;
}
.post blockquote {
font:italic 13px georgia;
margin:1em 20px;
}
.post blockquote p {
margin:0.75em 0;
}
#comments h4 {
color:#666666;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #CCCCCC;
border:1px solid #CCCCCC;
font-size:15px;
font-weight:normal;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border-color:#E8DEC4;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.sidebar {
color: #CCCCCC;
font-size:90%;
line-height:1.5em;
}
.sidebar ul {
list-style:none outside none;
margin:0;
padding:0;
}
.sidebar li {
border-bottom:1px solid #333333;
line-height:1.5em;
margin:0;
padding:3px;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font:bold 78%/1.6em 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font:78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
}
#footer {
background:url("http://2.bp.blogspot.com/_8GxSJXcDIwk/S88wCo-KWdI/AAAAAAAAA4I/lsGBmKhdG2k/s1600/footer_background.png") repeat-x scroll left top #17181E;
color:#FFFFFF;
font-size:13px;
padding:23px 0 30px;
text-align:center;
}
#footer a {
color:#FFFFFF;
}
#footer2 {
background:none repeat scroll 0 0 #1F2025;
color:#7D7E85;
font-size:11px;
padding:10px;
text-align:center;
}
#footer2 a {
color:#7D7E85;
text-decoration:none;
}
#PageList1 {
background:url("http://2.bp.blogspot.com/_8GxSJXcDIwk/S88wMbTfWcI/AAAAAAAAA4Q/rJtYVe9PmqA/s1600/nav-background.png") repeat-x scroll left top transparent;
font:12px arial;
padding:4px 10px 10px;
text-transform:uppercase;
}
#content-wrapper {
background:url("http://4.bp.blogspot.com/_8GxSJXcDIwk/S88wT7CHpCI/AAAAAAAAA4Y/gJsNUi6kGxo/s1600/contentwrap-background.png") repeat-y scroll left top transparent;
margin-top:10px;
}
#sidebar-wrapper .widget-content {
background:none repeat scroll 0 0 #202127;
padding:5px;
}
#sidebar-wrapper2 .widget-content {
background:none repeat scroll 0 0 #202127;
padding:5px;
}
.crosscol .PageList li, .footer .PageList li {
background:none repeat scroll 0 0 transparent;
float:left;
list-style:none outside none;
margin:0;
padding:0.75em;
}
.PageList li a {
color:#FFFFFF;
font-weight:bold;
}
.PageList li.selected a {
background:url("http://4.bp.blogspot.com/_8GxSJXcDIwk/S88wa_X71xI/AAAAAAAAA4g/MRQrRATgnsw/s1600/nav-background-hover.png") repeat-x scroll left top transparent;
font-weight:bold;
padding:5px 10px;
text-decoration:none;
}
.sidebar a {
color:#ffffff;
}
 
-->

http://www.mediafire.com/?fsoh37ax0jisqg6