Music & Programas!

Diseños CSS

Buenas, Aqui os mostrare unos diseños sacados RECIENTEMENTE
Espero que os gusten

Texto por encima de la pagina

<!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 blog template in HTML CSS format</title>
<meta name="keywords" content="free blog template, blog layout, CSS, HTML" />
<meta name="description" content="free blog website layout, blog template, blog layout which you can apply for any blog CMS" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="http://www.fileden.com/files/2010/8/24/2951162//contentslider.css" />
<script type="text/javascript" src="http://img5.xooimage.com/files/2/0/1/contentslider-156e414.js">
/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
</head>
<body>
<div id="templatemo_header_panel">
<div id="templatemo_header_section">
<div id="templatemo_title_section">
RHM901
</div>
<div id="templatemo_search_section">
<form method="get" action="http://miniaikon1.ve.tc">
<input type="radio" name="search" value="thissite" />this site <input type="radio" name="search" value="theweb" checked="checked" /> the web <br />
<input type="text" name="q" size="10" id="searchfield" title="searchfield" />
<input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" />
</form>
</div>
</div>
</div> 

<div id="templatemo_menu_panel">
<div id="templatemo_menu_section">
<ul>
<li><a href="URL DE TU PAGINA AQUI" class="current">Inicio</a></li>
<li><a href="URL DE LA SECCION AQUI" target="_blank" >NOMBRE DE LA SECCION</a>
<li><a href="URL DE LA SECCION AQUI" target="_blank" >NOMBRE DE LA SECCION</a>
<li><a href="URL DE LA SECCION AQUI" target="_blank" >NOMBRE DE LA SECCION</a>
<li><a href="URL DE LA SECCION AQUI" target="_blank" >NOMBRE DE LA SECCION</a>
</ul>
</div>
</div> 

<div id="templatemo_content_container">
<div id="templatemo_content">
<div id="templatemo_content_left">

<div class="templatemo_post">
<h1>galeria</h1>

<div id="slider2" class="sliderwrapper">
<div class="contentdiv"><img src="https://img.webme.com/pic/m/miniaikon1/radio.png" alt="radio" /></div>
<div class="contentdiv"><img src="https://img.webme.com/pic/m/miniaikon1/youtube.png" alt="youtube" /></div>
<div class="contentdiv"><img src="https://img.webme.com/pic/m/miniaikon1/juegosi.png" alt="juegos" /></div>
</div>

<div id="paginate-slider2" class="pagination">

<a href="#" class="toc">2</a> <a href="#" class="toc anotherclass">3</a> <a href="#" class="toc">4</a>
</div>
<script type="text/javascript">

featuredcontentslider.init({
id: "slider2", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.2], //[true/false, fadedegree]
autorotate: [true, 3000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})

</script>
</div> 

<div class="templatemo_post">
<div class="post_title">
contenido
<div class="post_info">
Posted by <a href="http://www.templatemo.com" target="_parent">TemplateMo</a>, January 31, 2024 at 11:12 AM, in <a href="#">Player.</a>
</div>
</div>

<div class="post_body">

Texto por debajo de la pagina

</div>

</div>

</div>

<h2>NOMBRE DE MENU AQUI</h2>

<ul>

<li><a href="URL DE LA SECCION AQUI" target="_self">TITULO AQUI</a></li>

<li><a href="URL DE LA SECCION AQUI" target="_self">lTITULO AQUI</a></li>

<li><a href="URL DE LA SECCION AQUI" target="_self">TITULO AQUI</a></li>

</ul>

</div>

<h2>NOMBRE DE MENU AQUI</h2>

<ul>

<li><a href="URL DE LA SECCION AQUI" target="_self">TITULO AQUI</a></li>

</ul>

</div>

<h2>NOMBRE DE MENU AQUI</h2>

<ul>

<li><a href="URL DE LA SECCION AQUI" target="_self">lTITULO AQUI</a></li>

<li><a href="URL DE LA SECCION AQUI" target="_self">TITULO AQUI</a></li>

</ul>

</div>

<h2>NOMBRE DE MENU AQUI</h2>

<ul>

<li><a href="URL DE LA SECCION AQUI" target="_self">TITULO AQUI</a></li>

</ul>

</div>

</div>

</div>

</div>

<h3>W3C Validations</h3>

</div>

<h3>NOMBRE DE MENU AQUI</h3>

<ul>

<li><a href="URL DE LA SECCION AQUI" target="_self">TITULO AQUI</a></li>

</ul>

</div>

<h3>Mis Paginas son:</h3>

<ul>

<li><a href="http://goldentags.es.tl">Golden Tags</a></li>

<li><a href="http://kfevirtual.es.tl">Kfe Virtual</a></li>

<li><a href="http://musicaprogramas.es.tl">Cristo Viene</a></li>

</ul>

</div>

</div>

</div>

adactado por <a href="http://goldentags.es.tl">goldentags.es.tl</a> | auspiciado por <a href="Golden Tags/" target="_blank">Andre Pineda</a>

</div>

</body>

</html>

Css Code

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 RHM901

body {

margin: 0;

padding: 0;

line-height: 1.5em;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #dbc1a7;

background: #110915;

}

a:link, a:visited { color: #cfa3eb; text-decoration:none; }

a:active, a:hover { color: #CCFF00; }

h1 {

margin: 0px;

padding: 10px 0;

font-size: 26px;

color: #dbb4e0;

font-weight: normal;

}

h2 {

margin: 0 0 15px 0;

padding: 0 0 10px 0;

font-size: 20px;

color: #dbc1a7;

border-bottom: 1px dotted #663e17;

}

h3 {

margin: 0 0 15px 0;

padding: 0 0 10px 0;

font-size: 20px;

color: #dbb4e0;

border-bottom: 1px dotted #663e17;

}

p {

margin: 0px;

padding: 0 0 10px 0;

text-align: justify;

}

.cleaner {

clear: both;

width: 100%;

height: 1px;

}

/* ----- Form ----- */

form {

margin: 0px;

padding: 0px;

width: 100%;

text-align: right;

}

.inputfield {

background: #ffffff;

border: 1px solid #c9f5f6;

color: #000;

font-size: 13px;

font-variant: normal;

height: 14px;

line-height: normal;

padding: 4px;

margin-bottom: 5px;

width: 240px;

}

#searchfield {

background: none;

border: 1px solid #874d76;

color: #ffffff;

font-size: 13px;

font-variant: normal;

height: 15px;

line-height: normal;

padding: 4px;

width: 230px;

}

#searchbutton {

cursor: pointer;

font-size: 12px;

font-weight: bold;

height: 24px;

margin: 0 0 0 7px;

padding: 0 6px;

text-align: center;

vertical-align: bottom;

white-space: pre;

width: 66px;

}

.button {

width: 60px;

height: 25px;

}

/* end of form */

#templatemo_header_panel {

width:100%;

margin: 0 auto;

height: 145px;

}

#templatemo_header_panel #templatemo_header_section {

width: 960px;

height: 145px;

margin:0 auto;

background: url(http://www.fileden.com/files/2010/8/24/2951162//templatemo_top_panel_bg.jpg) center top no-repeat;

}

#templatemo_header_section #templatemo_title_section {

float: left;

width: 400px;

padding: 90px 0 15px 30px;

font-size: 60px;

color: #d3c2f9;

}

#templatemo_header_section #templatemo_search_section {

float: right;

margin-right: 30px;

width: 330px;

padding: 70px 0 15px 0;

}

#templatemo_header_section #templatemo_search_section form {

text-align: left;

}

#templatemo_menu_panel {

width:100%;

height: 59px;

margin: 0 auto;

color: #ffffff;

}

#templatemo_menu_panel #templatemo_menu_section {

width: 930px;

height: 59px;

margin:0 auto;

padding: 0 0 0 30px;

color: #03a0a6;

background: url(http://www.fileden.com/files/2010/8/24/2951162//templatemo_menu_panel_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: 5px 0;

margin-right: 5px;

font-size: 12px;

font-weight: bold;

text-align: center;

text-decoration: none;

color: #ffffff;

border-right: 1px solid #660e4c;

}

#templatemo_menu_section li a:hover, #templatemo_menu_section li .current {

color: #d3c2f9;

}

/* end of menu */

/* content panel */

#templatemo_content_container {

clear: both;

overflow: hidden;

width:100%;

margin: 0 auto;

}

#templatemo_content_container #templatemo_content {

overflow: hidden;

height: 100%;

width: 930px;

padding: 30px 0 0 15px;

margin:0 auto;

background: url(http://www.fileden.com/files/2010/8/24/2951162//templatemo_content_top.jpg) top center no-repeat;

}

#templatemo_content_left {

float: left;

width: 600px;

margin-bottom: 15px;

}

#templatemo_content_right {

float: right;

width: 300px;

margin-bottom: 15px;

}

#templatemo_content_left .templatemo_post {

width: 600px;

padding: 0;

padding-bottom: 10px;

margin-bottom: 30px;

border: 1px solid #1e1125;

background: #180d1e;

}

* html #templatemo_content_left .templatemo_post {

margin-bottom: 15px;

}

.templatemo_post .post_title {

width: 570px;

height: 55px; /* padding 20px + */

margin: 0px;

padding: 20px 0px 5px 30px;

font-size: 26px;

font-weight: bold;

color: #ffffff;

background: url(http://www.fileden.com/files/2010/8/24/2951162//templatemo_post_title_bg.jpg) no-repeat;

}

.templatemo_post .post_title .post_info {

width: 100%;

font-weight: normal;

font-size: 12px;

color: #dbc1a7;

margin-top: 6px;

}

.templatemo_post .post_body {

padding: 15px 30px;

}

.templatemo_post .post_body img {

margin-bottom: 15px;

}

.templatemo_post .post_comment {

padding: 5px 30px;

font-weight: bold;

}

#templatemo_content_right .templatemo_right_section {

clear: both;

display:inline-block;

width: 250px;

padding: 15px 15px 10px 15px;

margin-bottom: 30px;

color: #dbc1a7;

background: #180d1e url(http://www.fileden.com/files/2010/8/24/2951162//templatemo_right_section_bg.jpg) top center no-repeat;

border-bottom: 1px solid #361d40;

}

#templatemo_content_right .templatemo_right_section ul {

clear: both;

margin: 0 0 0 15px;

padding: 0px;

}

#templatemo_content_right .templatemo_right_section ul li {

margin: 0 0 5px 0;

}

#templatemo_content_right .templatemo_right_section ul li a, a:hover {

font-weight: normal;

}

#templatemo_bottom_panel {

width:100%;

margin: 0 auto;

}

#templatemo_bottom_panel #templatemo_bottom_section {

overflow: hidden;

height: 100%;

width: 930px;

margin:0 auto;

padding: 40px 0 15px 30px;

background: url(http://www.fileden.com/files/2010/8/24/2951162//templatemo_content_bottom.jpg) center bottom no-repeat;

border-top: 1px solid #3d234d;

}

#templatemo_bottom_section .templatemo_bottom_section_content {

display: inherit;

float: left;

width: 270px;

padding-right: 20px;

margin:0 0 15px 10px;

}

#templatemo_bottom_section .templatemo_bottom_section_content ul {

margin: 0 0 0 10px;

padding: 0 0 5px 10px;

}

#templatemo_bottom_section .templatemo_bottom_section_content li a {

color: #dbc1a7;

}

#templatemo_footer_panel {

width:100%;

margin: 0 auto;

background: #000000 url(ihttp://www.fileden.com/files/2010/8/24/2951162//templatemo_footer_bg_repeat.jpg) repeat-x;

color: #ffffff;

}

#templatemo_footer_panel #templatemo_footer_section {

width: 960px;

margin:0 auto;

padding: 20px 15px;

text-align: center;

background: url(http://www.fileden.com/files/2010/8/24/2951162//templatemo_footer_bg.jpg) no-repeat;

}

O si el codigo no va descargar aqui

Fluid

Texto por encima de la pagina

</style>

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script></head>

<body>

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>

<a href='#main'>skip to main </a> |

<a href='#sidebar'>skip to sidebar</a>

</span>

Texto por debajo de la pagina

</div></div>

</div>

</form>

<h2>NOMBRE AQUI</h2>

<ul>

<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>

</ul>

</div>

<h2>NOMBRE AQUI</h2>

<ul>

<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>

</ul>

</div>

<h2>NOMBRE AQUI</h2>

<ul>

<li><a href='URL DE LA SECCION AQUI'>TITULO AQUI</a></li>

</ul>

</div>

</div></div>

</div>

</div>

</div>

<a href='http://tabomusiscyoutube.es.tl' title=''>Diseñado Por TaBomusicyoutube</a>

</div>

</div>

</body>

</html>

CSS Code

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

-------------------------------------------

#navbar-iframe {

display:none;

}

margin:0;

padding:0;

border:0;

font-weight:inherit;

font-style:inherit;

font-size:100%;

font-family:inherit;

vertical-align:baseline;

}

body {

background:#000 url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nq5h6budI/AAAAAAAAC_o/JnTYblUixFc/background-body-repeat.png) repeat-y top center;

color:#fff;

font-size:11px;

font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;

text-shadow:#000 0 1px 0;

}

a:link {

color:#08ABE1;

text-decoration:none;

}

a:visited {

color:#217c9b;

text-decoration:none;

}

a:hover {

text-decoration:underline;

}

a img {

border-width:0;

}

.clear {

clear:both;

}

#header-wrapper {

height:100px;

padding-left:40px;

}

#header-inner {

background-position:center;

margin-left:auto;

margin-right:auto;

}

#header {

float:left;

text-align:left;

padding-top:25px;

height:95px;

background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9ntJcZyMxI/AAAAAAAADAI/Knzt2PktSJA/aIsm5.png);

}

#header h1 {

letter-spacing:-2px;

font-size:42px;

font-weight:bold;

text-shadow:#fff 0 1px 0;

}

#header a {

color:#fff;

text-decoration:none;

}

#header .description {

font-size:12px;

font-weight:bold;

padding-left:10px;

}

#header img {

margin-left:auto;

margin-right:auto;

}

#outer-wrapper {

width:905px;

padding-left:28px;

padding-right:28px;

margin:0 auto;

position:relative;

overflow:hidden;

background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nrLt7vdZI/AAAAAAAAC_4/pgqz1lTMeTs/background-top.jpg) no-repeat top center;

background-attachment:fixed;

}

#container-top {

width:873px;

height:92px;

background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5VJqNwI/AAAAAAAAC_k/vnvJ7LAxaoQ/4pfhA.png) top left;

float:right;

}

#container-bottom {

width:873px;

height:78px;

background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5VJqNwI/AAAAAAAAC_k/vnvJ7LAxaoQ/4pfhA.png) no-repeat bottom left;

display:block;

float:right;

margin-bottom:30px;

position:relative;

}

#content-wrapper {

float:right;

width:873px;

background:url(http://lh6.ggpht.com/_Kwwy9VyLMKw/S9nq6PJosFI/AAAAAAAAC_w/BkrtQFdnPdA/background-main-repeat.png) repeat-y top left;

}

#content-wrap {

margin-top:-45px;

margin-left:30px;

}

#main-wrapper {

float:left;

width:525px;

}

#sidebar-wrapper {

float:right;

width:268px;

margin-right:33px;

}

.sidebar h2 {

font-size:18px;

font-weight:bold;

font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;

width:268px;

padding-left:8px;

background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nq6PdxK-I/AAAAAAAAC_0/ENkiCRIWoIY/background-sidebar-heading.png) no-repeat top left;

line-height:34px;

}

.post {

position:relative;

width:490px;

margin:0 0 60px 15px;

}

.top-meta {

position:absolute;

display:block;

top:0;

left:-80px;

width:44px;

}

.PostTime {

display:block;

width:41px;

height:34px;

padding-top:5px;

background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nrMa6Gk6I/AAAAAAAADAE/ZkJtY8RUgUQ/post-icons.png) no-repeat bottom left;

font-family:"Helvetica Neue", helvetica, Arial, sans-serif;

text-shadow:#058cba 0 1px 0;

text-align:center;

color:#07294a!important;

font-size:11px;

font-weight:bold;

text-decoration:none;

margin-right:1px;

margin-top:2px;

}

.notecount {

display:block;

width:41px;

height:28px;

padding-top:11px;

background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nrMa6Gk6I/AAAAAAAADAE/ZkJtY8RUgUQ/post-icons.png) no-repeat bottom left;

background-position:0 -156px;

font-family:"Helvetica Neue", helvetica, Arial, sans-serif;

text-shadow:#058cba 0 1px 0;

text-align:center;

color:#FFF!important;

font-size:11px;

font-weight:bold;

text-decoration:none;

margin-right:1px;

margin-top:2px;

}

.notecount b {

color:#07294a!important;

font-size:15px;

font-weight:bold;

text-decoration:none;

text-align:center;

}

.notecount span {

font-size:9px;

display:block;

margin:0 auto;

font-weight:normal;

text-align:center;

line-height:9px;

}

.post h3 {

background:url(http://lh3.ggpht.com/_Kwwy9VyLMKw/S9nrLoF3DeI/AAAAAAAAC_8/yGeRAkmwPO4/hr.png) no-repeat left bottom;

padding:9px 0 6px 4px;

}

.post h3 a,.post h3 a:visited,.post h3 strong {

font-family:"Helvetica Neue", helvetica, Arial, sans-serif;

font-size:20px;

font-weight:bold;

color:#fff;

text-decoration:none;

display:block;

text-decoration:none;

font-weight:normal;

}

.post-body {

font-size:11px;

line-height:1.8em;

margin:20px 0 30px;

}

.jump-link {

margin:0 0 30px;

}

.jump-link a {

padding:4px 15px;

background:#3D3235;

color:#fff;

text-decoration:none;

-moz-border-radius:15px;

-khtml-border-radius:15px;

-webkit-border-radius:15px;

border-radius:15px;

font-size:12px;

font-weight:bold;

}

.jump-link a:hover {

color:#fff;

background:#313137;

}

.post-body blockquote {

line-height:1.3em;

}

.post-footer {

-moz-box-shadow:0 2px 5px rgba(0,0,0,0.5);

background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5_g05bI/AAAAAAAAC_s/CiExZz5uY0Y/background-container.png) no-repeat scroll left top transparent;

overflow:hidden;

padding:5px 15px;

position:relative;

width:450px;

}

.post ol,.post ul {

margin-left:25px;

}

.post img,table.tr-caption-container {

max-width:495px;

margin-bottom:9px;

margin-left:4px;

position:relative;

border:4px solid #FFF;

box-shadow:0 2px 5px rgba(0,0,0,0.5);

-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5);

-moz-box-shadow:0 2px 5px rgba(0,0,0,0.5);

}

.tr-caption-container img {

padding:0;

}

.post blockquote {

margin:1em 20px;

font-style:italic;

font-size:12px;

}

.post blockquote p {

margin:.75em 0;

}

#comments {

margin-left:30px;

}

#comments h4 {

margin:1em 0;

font-weight:bold;

line-height:1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color:#999999;

}

#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:left;

}

#blog-pager-older-link {

float:right;

}

#blog-pager {

margin:0 20px;

text-align:center;

}

.feed-links {

margin:20px 0 0 20px;

clear:both;

line-height:2.5em;

}

.sidebar {

margin-top:11px;

line-height:18px;

font-size:11px;

}

#s {

background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5_g05bI/AAAAAAAAC_s/CiExZz5uY0Y/background-container.png) no-repeat scroll left top transparent;

color:#CCCCCC;

padding:4px 0;

width:200px;

padding-left:6px;

}

input {

-moz-border-radius:5px;

border:0;

color:#CCC;

background:url(http://lh5.ggpht.com/_Kwwy9VyLMKw/S9nq5_g05bI/AAAAAAAAC_s/CiExZz5uY0Y/background-container.png) no-repeat scroll left top transparent;

padding:3px;

}

.sidebar ul {

list-style:none;

margin:0;

padding:0;

}

.sidebar li {

background:url(http://lh6.ggpht.com/_Kwwy9VyLMKw/S9nrMFDU9qI/AAAAAAAADAA/1orVGJgCS_s/icon-link-star.png) no-repeat center left;

font-size:13px;

font-weight:bold;

color:#fff;

padding-left:26px;

line-height:35px;

text-decoration:none;

margin-left:1px;

}

.sidebar .widget {

margin:0 0 1.5em;

padding:0 0 1.5em;

}

.sidebar .widget-content {

color:#217c9b;

}

.main .Blog {

border-bottom-width:0;

}

.profile-img {

float:left;

margin-top:0;

margin-right:5px;

margin-bottom:5px;

margin-left:0;

padding:4px;

border:1px solid #cccccc;

}

.profile-data {

margin:0;

text-transform:uppercase;

letter-spacing:.1em;

font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

color:#999999;

font-weight:bold;

line-height:1.6em;

}

.profile-datablock {

margin:.5em 0;

}

.profile-textblock {

margin:.5em 0;

line-height:1.6em;

}

.profile-link {

font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;

text-transform:uppercase;

letter-spacing:.1em;

}

.cleft {

float:left;

margin:15px 0 0 50px;

}

.cright {

float:right;

margin:10px 40px 0 0;

}

EnGamer

Texto 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">

<head>

</style>

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script></head>

<body>

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='

+ window.location.href

+ '&id=' + "555572411457400387";

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>

<ul>

</ul>

</div>

</div></div>

</div>

T€mplat€C$$

</h1>

</div>

<p class='description'><span>Tu Web De Templates CSS</span></p>

</div>

</div></div>

</div>

<ul>

</ul>

</div>

</div></div>

</div>

Texto por debajo de la pagina

</div></div>

</div>

<h2>Afiliados</h2>

</center>

<br/>

</div>

</div><div class='widget LinkList' id='LinkList2'>

<ul>

<li><a href='#'>LO QUE QUIERAS</a></li>

</ul>

</div>

</div><div class='widget LinkList' id='LinkList1'>

<ul>

<li><a href='#'>LO QUE QUIERAS</a></li>

</ul>

</div>

</div>

</div>

Template Powered By <a href='http://templatecss.es.tl/'>TEmplatECSS</a> | Template Hosted At <a href="http://es.tl/">PwG</a></font></strong>

</div>

</div>

</body>

</html>

Css Code

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: Engamer

----------------------------------------------- */

#navbar-iframe{display:none;}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p,

blockquote, pre, a, abbr, acronym, address, big,

cite, code, del, dfn, em, font, img,

ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

center, u, b, i, marquee {

margin: 0px;

padding: 0px;

}

body {

margin:0 auto;

padding:0px 0px 0px 0px;

background:#102334 url(http://4.bp.blogspot.com/_v5IxGTiMTD8/TCSQSN9FanI/AAAAAAAACYI/tiM2phX1dyk/s1600/body.jpg) repeat-x;

font-family:Tahoma,Century gothic, Arial,Tahoma,sans-serif;

color:#ffffff;

font-size:13px;

}

img { max-width:100%;

border:0;

margin: 0 0;

}

a {

color:#779DBF;

text-decoration:none;

outline:none;

}

a:hover {

color:#bbb;

text-decoration:none

}

h1, h2, h3, h4, h5, h6 {

}

blockquote {

padding:10px 10px 10px 10px;

color:#59666f;

font-style: normal;

}

.clear {

clear:both;

}

table{

margin: 10px 0 10px;

}

table td, table th{

text-align: left;

padding: .4em .8em;

}

table th{

background: #ccc ;

color: #444;

text-transform: uppercase;

font-weight: normal;

}

table td{

background: #e4e4e4;

}

table tr.even td{

background: #eee;

}

table tr:hover td{

background: #FFF9DF;

}

.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

margin-bottom: 10px;

}

.alignright {

float: right;

margin: 0px 0px 10px 10px;

}

.alignleft {

float: left;

margin: 0px 10px 10px 0px;

}

/* The Outer cover */

#wrapper {

width:1000px;

margin:40px auto;

position:relative;

}

#casing {

padding:0px 0px 10px 0px;

background:#060f17;

float:left;

width:1000px;

}

/* The Header */

#top {

height:217px;

margin:auto;

width:1000px;

position:relative;

background:url(http://1.bp.blogspot.com/_v5IxGTiMTD8/TCSQSX-Z1uI/AAAAAAAACYQ/w7mxtsOD96w/s1600/head.jpg) no-repeat;

}

.blogname {

width:600px;

font-family:Arial,Century gothic,Verdana,Tahoma,sans-serif;

margin:75px 0 0 0px;

height:70px;

text-align:left;

float:left;

padding-left:30px;

}

.blogname h1 {

font-size:40px;

padding:0 0 0px 0;

font-weight:normal;

color:#fff;

}

.blogname h1 a:link, .blogname h1 a:visited{

color: #fff;

display:block;

}

.blogname h1 a:hover {

color: #f2f2f2;

}

.description {

margin:0px 0px 0px 0px;

font-size:14px;

font-weight:bold;

color: #fff;

}

/* menu*/

#catmenucontainer{

height:37px;

display:block;

padding:0px 0 0px 0px;

font: 12px Arial,Tahoma,Century gothic,verdana, sans-serif;

font-weight:normal;

background:url(http://2.bp.blogspot.com/_v5IxGTiMTD8/TCSQTEVPoZI/AAAAAAAACYY/HYL-zBtrwY0/s1600/menu.png) no-repeat;

text-transform:uppercase;

}

#catmenu{

margin: 0px 0px 0px 0px;

padding: 0px 0px;

height:37px;

overflow:hidden;

}

#catmenu ul {

float: left;

list-style: none;

margin: 0px;

padding: 0px 10px;

}

#catmenu li {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}

#catmenu li a, #catmenu li a:link, #catmenu li a:visited {

color:#134371;

text-shadow:1px 1px 1px #fff;

display: block;

margin: 0px;

padding: 0px 10px ;

line-height:37px;

}

#catmenu li a:hover, #catmenu li a:active {

background:#252525 url(http://1.bp.blogspot.com/_v5IxGTiMTD8/TCSQTnCI09I/AAAAAAAACYg/9BcckEadPxA/s1600/menua.png) repeat-x;

color: #fff;

text-shadow:-1px -1px 1px #09639F;

margin: 0px;

padding: 0px 10px ;

line-height:37px;

text-decoration: none;

}

/*Page menu*/

#foxmenucontainer{

height:38px;

display:block;

padding:0px 0 0px 0px;

font: 12px Arial, Tahoma,Century gothic,verdana, sans-serif;

font-weight:normal;

text-transform:uppercase;

background:url(http://4.bp.blogspot.com/_v5IxGTiMTD8/TCSQT_4OJrI/AAAAAAAACYo/XkdgkhShxHE/s1600/catmen.png) repeat-x;

float:left;

width:1000px;

}

#menu{

margin:0px 10px;

padding: 0px;

height:38px;

overflow:hidden;

}

#menu ul {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}

#menu li {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}

#menu li a, #menu li a:link, #menu li a:visited {

color:#99BEDF;

display: block;

margin: 0px;

padding: 0px 10px ;

line-height:38px;

}

#menu li a:hover, #menu li a:active {

color: #fff;

margin: 0px;

padding: 0px 10px ;

line-height:38px;

text-decoration: none;

background:#060F17 url(http://3.bp.blogspot.com/_v5IxGTiMTD8/TCSRKSyzXgI/AAAAAAAACYw/RM2vl0pUW5E/s1600/catmenua.png) repeat-x;

}

#menu li li a, #menu li li a:link, #menu li li a:visited {

background:#14334F;

width: 150px;

color:#99BEDF;

font-weight: normal;

float: none;

margin: 0px;

padding: 0px 10px ;

line-height:35px;

border-bottom: 1px solid #1D405F;

}

#menu li li a:hover, #menu li li a:active {

background: #0D2C49;

color: #fff;

padding: 0px 10px ;

line-height:35px;

}

/* Main Content*/

#content {

float:left;

width: 650px;

height:100%;

padding:10px 0px 0px 0px;

margin-left:10px;

display:inline;

overflow:hidden;

}

.post {

margin: 0px 0px 20px 0px;

height:100%;

color:#59666f;

font: 13px Tahoma, century gothic,Arial,verdana, sans-serif;

background:#000101 none repeat-x;

padding:5px;

}

.title h2 {

margin: 0px 0 0px 0;

padding: 10px 0px 10px 10px;

text-align: left;

font: 24px Arial,century gothic,verdana, sans-serif;

font-weight:normal;

overflow:hidden;

}

.title h2 a, .title h2 a:link, .title h2 a:visited {

color:#fff;

background-color: transparent;

}

.title h2 a:hover {

color: #ddd;

background-color: transparent;

}

.title{

margin: 0 0 0 0px;

padding: 0px 0px 0px 0px;

}

.data {

font-size:10px;

font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;

padding:4px 5px 4px 0px;

color:#ca680b;

text-transform: uppercase;

background:#102334;

margin:5px 10px;

border:1px solid #1B2E3F;

}

.author{

color:#ddd;

padding:2px 5px 2px 20px;

margin-left:10px;

background:url(http://1.bp.blogspot.com/_v5IxGTiMTD8/TCSRKvWgGvI/AAAAAAAACY4/M_sNgDxdw-s/s1600/user.png) no-repeat;

}

.clock{

color:#ddd;

padding:2px 5px 2px 20px;

margin-left:5px;

background:url(http://3.bp.blogspot.com/_v5IxGTiMTD8/TCSRLAwkJwI/AAAAAAAACZA/_qsE7Jb6IGo/s400/clock.png) no-repeat;

}

.comm{

color:#ddd;

padding:2px 5px 2px 20px;

margin-left:5px;

background:url(http://1.bp.blogspot.com/_v5IxGTiMTD8/TCSRLpOs3rI/AAAAAAAACZI/uzWKTOlPzCI/s400/balloon.png) no-repeat;

}

.comm a:link,

.comm a:visited {

color:#ddd;

}

.comm a:hover{

color:#fff;

text-shadow:1px 1px 1px #ccc;

}

.post-footer{margin:10px 10px 0 10px;padding:10px;line-height:1.4em;border-top:1px solid #111;}

.cover {

margin:0 0;

padding: 0px 10px ;

}

.entry {

margin:0 0;

padding: 0px 0px ;

}

.entry a:link,

.entry a:visited {

color:#0177CB;

background-color: transparent;

}

.entry a:hover {

color:#fff;

background-color: transparent;

text-decoration: none;

}

.entry ul, .entry ol{

margin: .4em 0 1em;

line-height: 150%;

}

.entry ul li, .entry ol li{

list-style-position:outside;

margin-left: 1.6em;

}

.entry p{

margin:5px 0px;

padding:5px 0px;

line-height:22px;

}

/* right column */

.right{

float:right;

width:320px;

padding:10px 0px 0px 0;

display:inline;

margin-right:10px;

overflow:hidden;

}

.sidebar h2{

background:#102334 ;

height:25px;

padding-left:10px;

font-family:Georgia,Tahoma,Century gothic, Arial, sans-serif;

color:#fff;

font-size:16px;

padding-top:10px;

}

.sidebar .widget{

font-size:12px;

color:#917d67;

font-family: Arial,Tahoma,Century gothic, sans-serif;

margin:0px 0px 10px 0px;

padding-bottom:10px;

background:#000;

overflow:hidden;

}

.sidebar .widget-content {padding: 5px 10px;margin:0;}

.sidebar ul {list-style-type: none;margin: 0 ;padding: 0;}

.sidebar li{list-style-type: none;margin: 0 ;padding: 0;}

.sidebar ul li {height:100%;line-height:28px;float: left; clear: left; width: 280px;

list-style-type: none;overflow:hidden;color:#444;text-shadow:1px 1px 1px #333;}

.sidebar ul li {text-decoration: none;padding: 0px 0px 0px 10px;display:block;

border-bottom:1px solid #111;}

.sidebar a:link {color:#6f6f6f;}

.sidebar a:hover {color: #004C7F;}

/* --- FOOTER --- */

#footer {

height:80px;

padding:10px 0 0 0px;

color:#DADADA;

margin-bottom:20px;

font-size:11px;

font-weight:normal;

letter-spacing:1px;

font-family: Tahoma,georgia,Century gothic, Arial, sans-serif;

float:left;

width:100%;

background:#000101 ;

text-shadow:1px 1px 1px #004C7F;

}

#footer a:link , #footer a:visited{

color:#D1E3EF;

}

#footer a:hover {

color:#fff;

}

.fleft{

float:left;

text-align:left;

margin-left:10px;

margin-top:10px;

line-height:16px;

}

.fright{

float:right;

text-align:right;

margin-right:10px;

margin-top:10px;

line-height:16px;

}

.PageList h2{display:none;}

#LinkList64 h2{display:none;}

#comments{margin:0 0px 0px 20px;width:630px;}

#comments h4 {

font-size:20px;

font-family:Georgia,Tahoma,Arial,Century gothic, sans-serif;

color:#fff;

font-weight:normal;

padding:10px 10px ;

margin-top:10px;

background:#000;

}

#comments-block {

line-height:1.6em;

margin:1em 0 1.5em;

color:#7F7D77;

}

#comments-block .comment-author {

background:#102334 none repeat scroll 0 0;

border:1px solid #000;

margin:0.5em 0;

padding-bottom:4px;

padding-left:8px;

padding-top:4px;

}

#comments-block .comment-body {

border-left:1px solid #000;

border-right:1px solid #000;

margin-top:-8px;

padding-left:10px;

padding-top:10px;

}

#comments-block .comment-footer {

border-bottom:1px solid #000;

border-left:1px solid #000;

border-right:1px solid #000;

font-size:11px;

line-height:1.4em;

margin:-0.25em 0 2em;

padding-bottom:5px;

padding-left:10px;

text-transform:none;

}

#comments-block .comment-body p {

margin:0;

padding-bottom:15px;

}

h4#comment-post-message{width:610px;}

-->

O si el codigo no va descargar aqui

Texto 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">

<head>

</style>

/* ------------------------------------------------------------------------

s3Slider

Developped By: Boban KariÅ¡ik -> http://www.serie3.info/

CSS Help: MÃ©szÃ¡ros RÃ³bert -> http://www.perspectived.com/

Version: 1.0

long as you leave my infos at the top.

------------------------------------------------------------------------- */

(function($){

$.fn.s3Slider = function(vars) {

var element = this;

var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;

var current = null;

var timeOutFn = null;

var faderStat = true;

var mOver = false;

var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");

var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

items.each(function(i) {

$(items[i]).mouseover(function() {

mOver = true;

});

$(items[i]).mouseout(function() {

mOver = false;

fadeElement(true);

});

var fadeElement = function(isMouseOut) {

var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;

thisTimeOut = (faderStat) ? 10 : thisTimeOut;

if(items.length > 0) {

timeOutFn = setTimeout(makeSlider, thisTimeOut);

} else {

console.log("Poof..");

}

var makeSlider = function() {

current = (current != null) ? current : items[(items.length-1)];

var currNo = jQuery.inArray(current, items) + 1

currNo = (currNo == items.length) ? 0 : (currNo - 1);

var newMargin = $(element).width() * currNo;

if(faderStat == true) {

if(!mOver) {

$(items[currNo]).fadeIn((timeOut/6), function() {

if($(itemsSpan[currNo]).css('bottom') == 0) {

$(itemsSpan[currNo]).slideUp((timeOut/6), function() {

faderStat = false;

current = items[currNo];

if(!mOver) {

fadeElement(false);

}

});

} else {

$(itemsSpan[currNo]).slideDown((timeOut/6), function() {

faderStat = false;

current = items[currNo];

if(!mOver) {

fadeElement(false);

}

});

}

});

}

} else {

if(!mOver) {

if($(itemsSpan[currNo]).css('bottom') == 0) {

$(itemsSpan[currNo]).slideDown((timeOut/6), function() {

$(items[currNo]).fadeOut((timeOut/6), function() {

faderStat = true;

current = items[(currNo+1)];

if(!mOver) {

fadeElement(false);

}

});

} else {

$(itemsSpan[currNo]).slideUp((timeOut/6), function() {

$(items[currNo]).fadeOut((timeOut/6), function() {

faderStat = true;

current = items[(currNo+1)];

if(!mOver) {

fadeElement(false);

}

});

}

makeSlider();

};

})(jQuery);

//--><!]]></script>

$(document).ready(function() {

$('#s3slider').s3Slider({

timeOut: 4000

});

</script>

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script></head>

<body>

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='

+ window.location.href

+ '&id=' + "555572411457400387";

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>

<a href='#main'>skip to main </a> |

<a href='#sidebar'>skip to sidebar</a>

</span>

</ul>

</div>

</div>

TEmplatECSS

</h1>

</div>

<p class='description'><span>Tu Web De Templates CSS</span></p>

</div>

</div></div>

</div>

</ul>

</div>

<a class='featured-title block' href='#' rel='bookmark' title=''>Titulo 1</a><br/>

Contenido1

</span>

</li>

<a class='featured-title block' href='#' rel='bookmark' title=''>Titulo 2</a><br/>

Contenido2

</span>

</li>

<a class='featured-title block' href='#' rel='bookmark' title=''>Titulo 3</a><br/>

Contenido3

</span>

</li>

<a class='featured-title block' href='#' rel='bookmark' title=''>Titulo 4</a><br/>

Contenido4

</span>

</li>

<a class='featured-title block' href='#' rel='bookmark' title=''>Titulo 5</a><br/>

Contenido5

</span>

</li>

</ul>

</div>

Texto por debajo de la pagina

</div></div>

</div>

</form>

</div>

</div>

<ul>

<h2>Afiliados</h2>

<br/>

</div>

</div><div class='widget LinkList' id='LinkList2'>

<ul>

</ul>

</div>

</div><div class='widget LinkList' id='LinkList1'>

<ul>

</ul>

</div>

</ul>

</div>

</div>

</div>

</div>

<div id='footer2'>Template Powered By <a href='http://tabomusicyoutube.es.tl'>TaBomusicyoutube</a> | Template Hosted At <a href="http://es.tl/">PwG</a></font></strong></div>

</div>

</div>

</div>

</body>

</html>

Css Code

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: AnimeElite

----------------------------------------------- */

/* Use this with templates/template-twocol.html */

body#layout #subscription,body#layout #topsearch,body#layout #footer,body#layout #footer2 {display:none;}*{margin:0;padding:0}#navbar-iframe{display:none}

/* -----------------------------------------------------------------------

Blueprint CSS Framework 0.8

http://blueprintcss.org

* 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:"

Modeled

Texto 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=555572411457400387&zx=e9094ea6-5434-4188-b659-f686ad9e9e53"/>
<style type="text/css">#navbar-iframe { display:block }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[

(function($){
/* hoverIntent by Brian Cherne */
$.fn.hoverIntent = function(f,g) {
// default configuration options
var cfg = {
sensitivity: 7,
interval: 100,
timeout: 0
};
// override configuration options with user supplied object
cfg = $.extend(cfg, g ? { over: f, out: g } : f );

// instantiate variables
// cX, cY = current X and Y position of mouse, updated by mousemove event
// pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
var cX, cY, pX, pY;

// A private function for getting mouse position
var track = function(ev) {
cX = ev.pageX;
cY = ev.pageY;
};

// A private function for comparing current and previous mouse position
var compare = function(ev,ob) {
ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
// compare mouse positions to see if they've crossed the threshold
if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
$(ob).unbind("mousemove",track);
// set hoverIntent state to true (so mouseOut can be called)
ob.hoverIntent_s = 1;
return cfg.over.apply(ob,[ev]);
} else {
// set previous coordinates for next time
pX = cX; pY = cY;
// use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
}
};

// A private function for delaying the mouseOut function
var delay = function(ev,ob) {
ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
ob.hoverIntent_s = 0;
return cfg.out.apply(ob,[ev]);
};

// A private function for handling mouse 'hovering'
var handleHover = function(e) {
// next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut
var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;
while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } }
if ( p == this ) { return false; }

// copy objects to be passed into t (required for event object to be passed in IE)
var ev = jQuery.extend({},e);
var ob = this;

// cancel hoverIntent timer if it exists
if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }

// else e.type == "onmouseover"
if (e.type == "mouseover") {
// set "previous" X and Y position based on initial entry point
pX = ev.pageX; pY = ev.pageY;
// update "current" X and Y position based on mousemove
$(ob).bind("mousemove",track);
// start polling interval (self-calling timeout) to compare mouse coordinates over time
if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}

// else e.type == "onmouseout"
} else {
// unbind expensive mousemove event
$(ob).unbind("mousemove",track);
// if hoverIntent state is true, then call the mouseOut function after the specified delay
if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
}
};

// bind the function to the two event listeners
return this.mouseover(handleHover).mouseout(handleHover);
};

})(jQuery);

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[

/*
* jQuery Cycle Plugin (with Transition Definitions)
* Examples and documentation at: http://jquery.malsup.com/cycle/
* Copyright (c) 2007-2010 M. Alsup
* Version: 2.88 (08-JUN-2010)
* Dual licensed under the MIT and GPL licenses.
* http://jquery.malsup.com/license.html
* Requires: jQuery v1.2.6 or later
*/
(function($){var ver="2.88";if($.support==undefined){$.support={opacity:!($.browser.msie)};}function debug(s){if($.fn.cycle.debug){log(s);}}function log(){if(window.console&&window.console.log){window.console.log("[cycle] "+Array.prototype.join.call(arguments," "));}}$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this;}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return;}opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clearTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.length<2){log("terminating; too few slides: "+els.length);return;}var opts2=buildOptions($cont,$slides,els,opts,o);if(opts2===false){return;}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!opts2.rev);if(startTime){startTime+=(opts2.delay||0);if(startTime<10){startTime=10;}debug("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,(!opts2.rev&&!opts.backwards));},startTime);}});};function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined){cont.cycleStop=0;}if(options===undefined||options===null){options={};}if(options.constructor==String){switch(options){case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return false;}cont.cycleStop++;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);}cont.cycleTimeout=0;$(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts);}return false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cyclePause,arg2,cont);return false;case"pause":cont.cyclePause=1;return false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next" ignored');return false;}$.fn.cycle[options](opts);return false;default:options={fx:options};}return options;}else{if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false;}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false;}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}if(typeof arg2=="string"){options.oneTimeFx=arg2;}go(options.elements,options,1,num>=options.currSlide);return false;}}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false;}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}go(options.elements,options,1,(!opts.rev&&!opts.backwards));}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter){try{el.style.removeAttribute("filter");}catch(smother){}}}function destroy(opts){if(opts.next){$(opts.next).unbind(opts.prevNextEvent);}if(opts.prev){$(opts.prev).unbind(opts.prevNextEvent);}if(opts.pager||opts.pagerAnchorBuilder){$.each(opts.pagerAnchors||[],function(){this.unbind().remove();});}opts.pagerAnchors=null;if(opts.destroy){opts.destroy(opts);}}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});if(opts.autostop){opts.countdown=opts.autostopCount||els.length;}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.after]:[];opts.after.unshift(function(){opts.busy=0;});if(!$.support.opacity&&opts.cleartype){opts.after.push(function(){removeFilter(this,opts);});}if(opts.continuous){opts.after.push(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));});}saveOriginalOpts(opts);if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($slides);}if($cont.css("position")=="static"){$cont.css("position","relative");}if(opts.width){$cont.width(opts.width);}if(opts.height&&opts.height!="auto"){$cont.height(opts.height);}if(opts.startingSlide){opts.startingSlide=parseInt(opts.startingSlide);}else{if(opts.backwards){opts.startingSlide=els.length-1;}}if(opts.random){opts.randomMap=[];for(var i=0;i<els.length;i++){opts.randomMap.push(i);}opts.randomMap.sort(function(a,b){return Math.random()-0.5;});opts.randomIndex=1;opts.startingSlide=opts.randomMap[1];}else{if(opts.startingSlide>=els.length){opts.startingSlide=0;}}opts.currSlide=opts.startingSlide||0;var first=opts.startingSlide;$slides.css({position:"absolute",top:0,left:0}).hide().each(function(i){var z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-i;}else{z=first?i>=first?els.length-(i-first):first-i:els.length-i;}$(this).css("z-index",z);});$(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opts.width){$slides.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var $e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight();if(!w){w=e.offsetWidth||e.width||$e.attr("width");}if(!h){h=e.offsetHeight||e.height||$e.attr("height");}maxw=w>maxw?w:maxw;maxh=h>maxh?h:maxh;}if(maxw>0&&maxh>0){$cont.css({width:maxw+"px",height:maxh+"px"});}}if(opts.pause){$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;});}if(supportMultiTransitions(opts)===false){return false;}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.cycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options);},opts.requeueTimeout);requeue=true;return false;}else{log("could not determine size of image: "+this.src,this.cycleW,this.cycleH);}}}return true;});if(requeue){return false;}opts.cssBefore=opts.cssBefore||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);if(opts.cssFirst){$($slides[first]).css(opts.cssFirst);}if(opts.timeout){opts.timeout=parseInt(opts.timeout);if(opts.speed.constructor==String){opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed);}if(!opts.sync){opts.speed=opts.speed/2;}var buffer=opts.fx=="shuffle"?500:250;while((opts.timeout-opts.speed)<buffer){opts.timeout+=opts.speed;}}if(opts.easing){opts.easeIn=opts.easeOut=opts.easing;}if(!opts.speedIn){opts.speedIn=opts.speed;}if(!opts.speedOut){opts.speedOut=opts.speed;}opts.slideCount=els.length;opts.currSlide=opts.lastSlide=first;if(opts.random){if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.backwards){opts.nextSlide=opts.startingSlide==0?(els.length-1):opts.startingSlide-1;}else{opts.nextSlide=opts.startingSlide>=(els.length-1)?0:opts.startingSlide+1;}}if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,$slides,opts);}else{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false;}}}var e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,[e0,e0,opts,true]);}if(opts.after.length>1){opts.after[1].apply(e0,[e0,e0,opts,true]);}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1);});}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1);});}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,opts);}exposeAddSlide(opts,els);return opts;}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before,function(){opts.original.before.push(this);});$.each(opts.after,function(){opts.original.after.push(this);});}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/s*/g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discarding unknown transition: ",fx);opts.fxs.splice(i,1);i--;}}if(!opts.fxs.length){log("No valid transitions named; slideshow terminating.");return false;}}else{if(opts.fx=="all"){opts.multiFx=true;opts.fxs=[];for(p in txs){tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx)){opts.fxs.push(p);}}}}if(opts.multiFx&&opts.randomizeEffects){var r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)[0]);}debug("randomized fx sequence: ",opts.fxs);}return true;}function exposeAddSlide(opts,els){opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!opts.autostopCount){opts.countdown++;}els[prepend?"unshift":"push"](s);if(opts.els){opts.els[prepend?"unshift":"push"](s);}opts.slideCount=els.length;$s.css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.$cont);if(prepend){opts.currSlide++;opts.nextSlide++;}if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($s);}if(opts.fit&&opts.width){$s.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}s.cycleH=(opts.fit&&opts.height)?opts.height:$s.height();s.cycleW=(opts.fit&&opts.width)?opts.width:$s.width();$s.css(opts.cssBefore);if(opts.pager||opts.pagerAnchorBuilder){$.fn.cycle.createPagerAnchor(els.length-1,s,$(opts.pager),els,opts);}if($.isFunction(opts.onAddSlide)){opts.onAddSlide($s);}else{$s.hide();}};}$.fn.cycle.resetState=function(opts,fx){fx=fx||opts.fx;opts.before=[];opts.after=[];opts.cssBefore=$.extend({},opts.original.cssBefore);opts.cssAfter=$.extend({},opts.original.cssAfter);opts.animIn=$.extend({},opts.original.animIn);opts.animOut=$.extend({},opts.original.animOut);opts.fxFn=null;$.each(opts.original.before,function(){opts.before.push(this);});$.each(opts.original.after,function(){opts.after.push(this);});var init=$.fn.cycle.transitions[fx];if($.isFunction(init)){init(opts.$cont,$(opts.elements),opts);}};function go(els,opts,manual,fwd){if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping active transition");$(els).stop(true,true);opts.busy=false;}if(opts.busy){debug("transition active, ignoring new tx request");return;}var p=opts.$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!=opts.stopCount||p.cycleTimeout===0&&!manual){return;}if(!manual&&!p.cyclePause&&!opts.bounce&&((opts.autostop&&(--opts.countdown<=0))||(opts.nowrap&&!opts.random&&opts.nextSlide<opts.currSlide))){if(opts.end){opts.end(opts);}return;}var changed=false;if((manual||!p.cyclePause)&&(opts.nextSlide!=opts.currSlide)){changed=true;var fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$(curr).width();next.cycleH=next.cycleH||$(next).height();next.cycleW=next.cycleW||$(next).width();if(opts.multiFx){if(opts.lastFx==undefined||++opts.lastFx>=opts.fxs.length){opts.lastFx=0;}fx=opts.fxs[opts.lastFx];opts.currFx=fx;}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeFx=null;}$.fn.cycle.resetState(opts,fx);if(opts.before.length){$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});}var after=function(){$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});};debug("tx firing; currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn){opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{if($.isFunction($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx](curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{$.fn.cycle.custom(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}}}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide=opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide==opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?0:opts.currSlide+1;}}else{if(opts.backwards){var roll=(opts.nextSlide-1)<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=1;opts.currSlide=0;}else{opts.nextSlide=roll?(els.length-1):opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1;}}else{var roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-1;}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1;}}}}if(changed&&opts.pager){opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);}var ms=0;if(opts.timeout&&!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);}else{if(opts.continuous&&p.cyclePause){ms=10;}}if(ms>0){p.cycleTimeout=setTimeout(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));},ms);}}$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);});};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while((t-opts.speed)<250){t+=opts.speed;}debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false){return t;}}return opts.timeout;}$.fn.cycle.next=function(opts){advance(opts,opts.rev?-1:1);};$.fn.cycle.prev=function(opts){advance(opts,opts.rev?1:-1);};function advance(opts,val){var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=els.length-2;}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-1;}}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.random){opts.nextSlide=opts.randomMap[opts.randomIndex];}else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap){return false;}opts.nextSlide=els.length-1;}else{if(opts.nextSlide>=els.length){if(opts.nowrap){return false;}opts.nextSlide=0;}}}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb)){cb(val>0,opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,val>=0);return false;}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);});opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activePagerClass);}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned: "+a);}else{a='<a href="#">'+(i+1)+"</a>";}if(!a){return;}var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$(arr);}else{$a.appendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,opts.currSlide<i);});if(!/^click/.test(opts.pagerEvent)&&!opts.allowPagerClickBubble){$a.bind("click.cycle",function(){return false;});}if(opts.pauseOnPagerHover){$a.hover(function(){opts.$cont[0].cyclePause++;},function(){opts.$cont[0].cyclePause--;});}};$.fn.cycle.hopsFromLast=function(opts,fwd){var hops,l=opts.lastSlide,c=opts.currSlide;if(fwd){hops=c>l?c-l:opts.slideCount-l;}else{hops=c<l?l-c:l+opts.slideCount-c;}return hops;};function clearTypeFix($slides){debug("applying clearType background-color hack");function hex(s){s=parseInt(s).toString(16);return s.length<2?"0"+s:s;}function getBg(e){for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var v=$.css(e,"background-color");if(v.indexOf("rgb")>=0){var rgb=v.match(/d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);}if(v&&v!="transparent"){return v;}}return"#ffffff";}$slides.each(function(){$(this).css("background-color",getBg(this));});}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hide();opts.cssBefore.opacity=1;opts.cssBefore.display="block";if(w!==false&&next.cycleW>0){opts.cssBefore.width=next.cycleW;}if(h!==false&&next.cycleH>0){opts.cssBefore.height=next.cycleH;}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1));};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn=easeOut=null;}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb);};$l.animate(opts.animOut,speedOut,easeOut,function(){if(opts.cssAfter){$l.css(opts.cssAfter);}if(!opts.sync){fn();}});if(opts.sync){fn();}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0};}};$.fn.cycle.ver=function(){return ver;};$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000,speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"click.cycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickBubble:false,pagerAnchorBuilder:null,before:null,after:null,end:null,easing:null,easeIn:null,easeOut:null,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter:null,fxFn:null,height:"auto",startingSlide:0,sync:1,random:0,fit:0,containerResize:1,pause:0,pauseOnPagerHover:0,autostop:0,autostopCount:0,delay:0,slideExpr:null,cleartype:!$.support.opacity,cleartypeNoBg:false,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev:0,manualTrump:true,requeueOnImageNotLoaded:true,requeueTimeout:250,activePagerClass:"activeSlide",updateActivePagerLink:null,backwards:false};})(jQuery);
/*
* jQuery Cycle Plugin Transition Definitions
* This script is a plugin for the jQuery Cycle Plugin
* Examples and documentation at: http://malsup.com/jquery/cycle/
* Copyright (c) 2007-2010 M. Alsup
* Version: 2.72
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
(function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after();};};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore={top:h,left:0};opts.cssFirst={top:0};opts.animIn={top:0};opts.animOut={top:-h};};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst={top:0};opts.cssBefore={top:-h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:0-w};};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:-w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):(1-next.cycleW);opts.animOut.left=fwd?-curr.cycleW:curr.cycleW;});opts.cssFirst={left:0};opts.cssBefore={top:0};opts.animIn={left:0};opts.animOut={top:0};};$.fn.cycle.transitions.scrollVert=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0};opts.animIn={top:0};opts.animOut={left:0};};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;});opts.cssBefore={left:0,top:0,width:0};opts.animIn={width:"show"};opts.animOut={width:0};};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;});opts.cssBefore={left:0,top:0,height:0};opts.animIn={height:"show"};opts.animOut={height:0};};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true;}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i<$slides.length;i++){opts.els.push($slides[i]);}for(i=0;i<opts.currSlide;i++){opts.els.push(opts.els.shift());}opts.fxFn=function(curr,next,opts,cb,fwd){var $el=fwd?$(curr):$(next);$(next).css(opts.cssBefore);var count=opts.slideCount;$el.animate(opts.shuffle,opts.speedIn,opts.easeIn,function(){var hops=$.fn.cycle.hopsFromLast(opts,fwd);for(var k=0;k<hops;k++){fwd?opts.els.push(opts.els.shift()):opts.els.unshift(opts.els.pop());}if(fwd){for(var i=0,len=opts.els.length;i<len;i++){$(opts.els[i]).css("z-index",len-i+count);}}else{var z=$(curr).css("z-index");$el.css("z-index",parseInt(z)+1+count);}$el.animate({left:0,top:0},opts.speedOut,opts.easeOut,function(){$(fwd?this:curr).hide();if(cb){cb();}});});};opts.cssBefore={display:"block",opacity:1,top:0,left:0};};$.fn.cycle.transitions.turnUp=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=next.cycleH;opts.animIn.height=next.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,height:0};opts.animIn={top:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnDown=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,top:0,height:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnLeft=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=next.cycleW;opts.animIn.width=next.cycleW;});opts.cssBefore={top:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.turnRight=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={top:0,left:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.zoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false,true);opts.cssBefore.top=next.cycleH/2;opts.cssBefore.left=next.cycleW/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};opts.animOut={width:0,height:0,top:curr.cycleH/2,left:curr.cycleW/2};});opts.cssFirst={top:0,left:0};opts.cssBefore={width:0,height:0};};$.fn.cycle.transitions.fadeZoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false);opts.cssBefore.left=next.cycleW/2;opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};});opts.cssBefore={width:0,height:0};opts.animOut={opacity:0};};$.fn.cycle.transitions.blindX=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.blindY=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.blindZ=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();var w=$cont.width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:w};opts.animIn={top:0,left:0};opts.animOut={top:h,left:w};};$.fn.cycle.transitions.growX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=this.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:0};});opts.cssBefore={width:0,top:0};};$.fn.cycle.transitions.growY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=this.cycleH/2;opts.animIn={top:0,height:this.cycleH};opts.animOut={top:0};});opts.cssBefore={height:0,left:0};};$.fn.cycle.transitions.curtainX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true,true);opts.cssBefore.left=next.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:curr.cycleW/2,width:0};});opts.cssBefore={top:0,width:0};};$.fn.cycle.transitions.curtainY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false,true);opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,height:next.cycleH};opts.animOut={top:curr.cycleH/2,height:0};});opts.cssBefore={left:0,height:0};};$.fn.cycle.transitions.cover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);if(d=="right"){opts.cssBefore.left=-w;}else{if(d=="up"){opts.cssBefore.top=h;}else{if(d=="down"){opts.cssBefore.top=-h;}else{opts.cssBefore.left=w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.uncover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(d=="right"){opts.animOut.left=w;}else{if(d=="up"){opts.animOut.top=-h;}else{if(d=="down"){opts.animOut.top=h;}else{opts.animOut.left=-w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.toss=function($cont,$slides,opts){var w=$cont.css("overflow","visible").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(!opts.animOut.left&&!opts.animOut.top){opts.animOut={left:w*2,top:-h/2,opacity:0};}else{opts.animOut.opacity=0;}});opts.cssBefore={left:0,top:0};opts.animIn={left:0};};$.fn.cycle.transitions.wipe=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.cssBefore=opts.cssBefore||{};var clip;if(opts.clip){if(/l2r/.test(opts.clip)){clip="rect(0px 0px "+h+"px 0px)";}else{if(/r2l/.test(opts.clip)){clip="rect(0px "+w+"px "+h+"px "+w+"px)";}else{if(/t2b/.test(opts.clip)){clip="rect(0px "+w+"px 0px 0px)";}else{if(/b2t/.test(opts.clip)){clip="rect("+h+"px "+w+"px "+h+"px 0px)";}else{if(/zoom/.test(opts.clip)){var top=parseInt(h/2);var left=parseInt(w/2);clip="rect("+top+"px "+left+"px "+top+"px "+left+"px)";}}}}}}opts.cssBefore.clip=opts.cssBefore.clip||clip||"rect(0px 0px 0px 0px)";var d=opts.cssBefore.clip.match(/(d+)/g);var t=parseInt(d[0]),r=parseInt(d[1]),b=parseInt(d[2]),l=parseInt(d[3]);opts.before.push(function(curr,next,opts){if(curr==next){return;}var $curr=$(curr),$next=$(next);$.fn.cycle.commonReset(curr,next,opts,true,true,false);opts.cssAfter.display="block";var step=1,count=parseInt((opts.speedIn/13))-1;(function f(){var tt=t?t-parseInt(step*(t/count)):0;var ll=l?l-parseInt(step*(l/count)):0;var bb=b<h?b+parseInt(step*((h-b)/count||1)):h;var rr=r<w?r+parseInt(step*((w-r)/count||1)):w;$next.css({clip:"rect("+tt+"px "+rr+"px "+bb+"px "+ll+"px)"});(step++<=count)?setTimeout(f,13):$curr.css("display","none");})();});opts.cssBefore={display:"block",opacity:1,top:0,left:0};opts.animIn={left:0};opts.animOut={left:0};};})(jQuery);

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[

/*
* Superfish v1.4.8 - jQuery menu widget
* Copyright (c) 2008 Joel Birch
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
*/

;(function($){
$.fn.superfish = function(op){

var sf = $.fn.superfish,
c = sf.c,
$arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')),
over = function(){
var $$ = $(this), menu = getMenu($$);
clearTimeout(menu.sfTimer);
$$.showSuperfishUl().siblings().hideSuperfishUl();
},
out = function(){
var $$ = $(this), menu = getMenu($$), o = sf.op;
clearTimeout(menu.sfTimer);
menu.sfTimer=setTimeout(function(){
o.retainPath=($.inArray($$[0],o.$path)>-1);
$$.hideSuperfishUl();
if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
},o.delay);
},
getMenu = function($menu){
var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
sf.op = sf.o[menu.serial];
return menu;
},
addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };

return this.each(function() {
var s = this.serial = sf.o.length;
var o = $.extend({},sf.defaults,op);
o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
$(this).addClass([o.hoverClass,c.bcClass].join(' '))
.filter('li:has(ul)').removeClass(o.pathClass);
});
sf.o[s] = sf.op = o;

$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {
if (o.autoArrows) addArrow( $('>a:first-child',this) );
})
.not('.'+c.bcClass)
.hideSuperfishUl();

var $a = $('a',this);
$a.each(function(i){
var $li = $a.eq(i).parents('li');
$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
});
o.onInit.call(this);

}).each(function() {
var menuClasses = [c.menuClass];
if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
$(this).addClass(menuClasses.join(' '));
});
};

var sf = $.fn.superfish;
sf.o = [];
sf.op = {};
sf.IE7fix = function(){
var o = sf.op;
if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
this.toggleClass(sf.c.shadowClass+'-off');
};
sf.c = {
bcClass : 'sf-breadcrumb',
menuClass : 'sf-js-enabled',
anchorClass : 'sf-with-ul',
arrowClass : 'sf-sub-indicator',
shadowClass : 'sf-shadow'
};
sf.defaults = {
hoverClass : 'sfHover',
pathClass : 'overideThisToUse',
pathLevels : 1,
delay : 800,
animation : {opacity:'show'},
speed : 'normal',
autoArrows : true,
dropShadows : true,
disableHI : false, // true disables hoverIntent detection
onInit : function(){}, // callback functions
onBeforeShow: function(){},
onShow : function(){},
onHide : function(){}
};
$.fn.extend({
hideSuperfishUl : function(){
var o = sf.op,
not = (o.retainPath===true) ? o.$path : '';
o.retainPath = false;
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
.find('>ul').hide().css('visibility','hidden');
o.onHide.call($ul);
return this;
},
showSuperfishUl : function(){
var o = sf.op,
sh = sf.c.shadowClass+'-off',
$ul = this.addClass(o.hoverClass)
.find('>ul:hidden').css('visibility','visible');
sf.IE7fix.call($ul);
o.onBeforeShow.call($ul);
$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
return this;
}
});

})(jQuery);

//]]>
</script>
<script type='text/javascript'>
summary_noimg = 800;
summary_img = 650;
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; padding:0px 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; });
}
}
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='
+ window.location.href
+ '&id=' + "555572411457400387";
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>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery.noConflict();
jQuery(function(){
jQuery('ul.menu-primary').superfish({
animation: {opacity:'show'},
autoArrows: true,
dropShadows: false,
speed: 200,
delay: 800
});
});

jQuery(function(){
jQuery('ul.menu-secondary').superfish({
animation: {opacity:'show'},
autoArrows: true,
dropShadows: false,
speed: 200,
delay: 800
});
});

jQuery(document).ready(function() {
jQuery('.fp-slides').cycle({
fx: 'fade',
timeout: 4000,
delay: 0,
speed: 400,
next: '.fp-next',
prev: '.fp-prev',
pager: '.fp-pager',
continuous: 0,
sync: 1,
pause: 1,
pauseOnPagerHover: 1,
cleartype: true,
cleartypeNoBg: true
});
});

/* ]]> */
</script>
<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 class='span-15'>
<div class='menu-primary-wrap'>
<div class='pagelistmenusblog section' id='pagelistmenusblog'><div class='widget PageList' id='PageList14'>
<div class='widget-content'>
<ul class='menus menu-primary'>
<li class='current_page_item'><a href='#'>Menu</a></li>
<li><a href="#">Menu</a></li>
<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>
<div class='span-3'>
<div class='social-profiles'>
<a href='#'><img alt='RSS' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TT7jZMMyv3I/AAAAAAAAL5U/VPYuVRvkf-M/s1600/rss.png' title=''/></a>
<a href='#'><img alt='Twitter' src='http://1.bp.blogspot.com/_4HKUHirY_2U/TT7jrSMzxFI/AAAAAAAAL50/1Q3w5sDjr1w/s1600/twitter.png' title=''/></a>
<a href='#'><img alt='Facebook' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TT7jH1hkXII/AAAAAAAAL4E/-5ngLmaketE/s1600/facebook.png' title=''/></a>
</div>
</div>
<div class='span-6 last'>
<div class='topsearch'>
<div class='clerfix' 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 class='search-image' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TT7jZIQBDyI/AAAAAAAAL5c/1QOko8q_y7c/s1600/search.png' title='Search' type='image'/>
</form>
</div>
</div>
</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 HTML' id='HTML7'>
<div class='widget-content'>
<a href="http://templatecss.es.tl/"><img width="468" height="60" src="http://i1099.photobucket.com/albums/g392/m4rcos_lp77/PubliTCSS.jpg" /></a>
</div>
<div class='clear'></div>
</div></div>
<div style='clear:both;'></div>
</div>
<div style='clear:both;'></div>
<div class='span-24'>
<div class='menu-secondary-wrap'>
<ul class='menus menu-secondary'>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a>
<ul class='children'>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
</ul>
</li>
<li><a href='#'>Menu</a>
<ul class='children'>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a>
<ul class='children'>
<li><a href='#'>SubSubMenu</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Menu</a>
<ul class='children'>
<li><a href='#'>SubMenu</a>
<ul class='children'>
<li><a href='#'>SubSubMenu</a></li>
<li><a href='#'>SubSubMenu</a></li>
<li><a href='#'>SubSubMenu</a></li>
</ul>
</li>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
</ul>
</li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a>
<ul class='children'>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
</ul>
</li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul>
</div>
</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='lsidebar-wrapper'>
<div class='sidebar section' id='sidebarleft'><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='LinkList7'>
<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='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>
<p></p></div>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>

Texto por debajo de la pagina

</div></div>
</div>
<div id='rsidebar-wrapper'>
<div class='widget-wrap'>
<h3 class='widgettitle'>Encuentranos:</h3>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a href="#"><img alt='Twitter' height='32' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TInIgbnufPI/AAAAAAAACL0/RMH14RW94hs/twitter.png' width='32'/></a>
<a href="#"><img alt='Delicious' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TInHt-RvluI/AAAAAAAACLE/l4MZpGxFhew/delicious.png' width='32'/></a>
<a href="#"><img alt='Facebook' height='32' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TInId48IYiI/AAAAAAAACLU/OIibtFDQB7E/facebook.png' width='32'/></a>
<a href="#"><img alt='Digg' height='32' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TInHuVRi7uI/AAAAAAAACLM/gfq5cLuoa1U/digg.png' width='32'/></a>
<a href="#"><img alt='Stumbleupon' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TInIfkHWTwI/AAAAAAAACLs/ZXAJDgH3aOY/stumbleupon.png' width='32'/></a>
<a href="#"><img alt='Favorites' height='32' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TInIeRWGobI/AAAAAAAACLc/1_aTS1yZHmI/favorites.png' width='32'/></a>
</div>
</div>
</div>
<div style='clear:both;'></div>
<div class='social-connect-widget' style='margin-top:10px;margin-bottom:10px;'>
<a href='#'><img alt='RSS' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TRPpUxl5-HI/AAAAAAAAJ7U/uXf_pA-tiwI/s1600/social-connect-rss.png' title=''/></a><a href='#'>RSS</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='#'><img alt='Twitter' src='http://1.bp.blogspot.com/_4HKUHirY_2U/TRPpVU7C4qI/AAAAAAAAJ7c/l56I53Gax0U/s1600/social-connect-twitter.png' title=''/></a><a href='#'>Twitter</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='#'><img alt='Facebook' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TRPpU1_CEfI/AAAAAAAAJ7M/JP0RWRRMGCo/s1600/social-connect-facebook.png' title=''/></a><a href='#'>Facebook</a>
</div>
<div style='height:10px;clear:both;'></div>
<div class='tabviewsection'>
<script type='text/javascript'>
jQuery(document).ready(function($){
$(".tabs-widget-content-widget-themater_tabs-844379150-id").hide();
$("ul.tabs-widget-widget-themater_tabs-844379150-id li:first a").addClass("tabs-widget-current").show();
$(".tabs-widget-content-widget-themater_tabs-844379150-id:first").show();

$("ul.tabs-widget-widget-themater_tabs-844379150-id li a").click(function() {
$("ul.tabs-widget-widget-themater_tabs-844379150-id li a").removeClass("tabs-widget-current a");
$(this).addClass("tabs-widget-current");
$(".tabs-widget-content-widget-themater_tabs-844379150-id").hide();
var activeTab = $(this).attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<ul class='tabs-widget tabs-widget-widget-themater_tabs-844379150-id'>
<li><a href='#widget-themater_tabs-844379150-id1'>Menu</a></li>
<li><a href='#widget-themater_tabs-844379150-id2'>Menu</a></li>
<li><a href='#widget-themater_tabs-844379150-id3'>Menu</a></li>
</ul>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-844379150-id' id='widget-themater_tabs-844379150-id1'>
<div class='sidebar section' id='sidebartab1'><div class='widget LinkList' id='LinkList1'>
<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='tabs-widget-content tabs-widget-content-widget-themater_tabs-844379150-id' id='widget-themater_tabs-844379150-id2'>
<div class='sidebar section' id='sidebartab2'><div class='widget LinkList' id='LinkList2'>
<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='tabs-widget-content tabs-widget-content-widget-themater_tabs-844379150-id' id='widget-themater_tabs-844379150-id3'>
<div class='sidebar section' id='sidebartab2'><div class='widget LinkList' id='LinkList2'>
<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>
<div style='height:0px;clear:both;'></div>
<div class='sidebar section' id='sidebarright'><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' id='footer-wrap'>
<div id='footer'>
<div id='copyrights'>
Copyright © Tu Web | <strong><font color="red">Template Adapted By <a href='http://templatecss.es.tl/'>TEmplatECSS</a>
</div>
<div id='credits'>
Template Powered By <a href='http://templatecss.es.tl/'>TEmplatECSS</a> | Template Hosted At <a href="http://es.tl/">PwG</a></font></strong>
</div>
</div>
</div>
</div></div>

</body>
</html>

Css Code

Y si no va el codigo descargar aqui

Modern PhotoGraphy

Texto 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 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=fe9fc219-3c19-4d6c-8991-28eb1bb234e3"/>
<style type="text/css">#navbar-iframe { display:block }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script src='https://sites.google.com/site/bloggermint/jquery.ui.widget.js' type='text/javascript'></script>
<script src='https://sites.google.com/site/bloggermint/jquery.smoothDivScroll-1.1-min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(function() {
$("div#makeMeScrollable").smoothDivScroll({ autoScroll: "onstart", autoScrollDirection: "backandforth", autoScrollStep: 1, autoScrollInterval: 15, startAtElementId: "startAtMe", visibleHotSpots: "always"});
});

//]]>
</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; });
}
}
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>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='wrapper'>
<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='nav'><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>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul>
</div>
<div id='main-container'>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>

Texto 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='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>
<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>

<div id='footer-wrapper'>
<div class='footer section' id='footer'><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='credits'>
<div id='cleft'>
Copyright © Tu Web | <strong><font color="orange">Template Adapted By <a href='http://tabomusicyoutube.es.tl/'>TaBomusicyoutube</a>
</div>
<div id='cright'>
Template Powered By <a href='http://tabomusicyoutube.es.tl/'>Tabomusicyoutube</a> | Template Hosted At <a href="http://es.tl/">PwG</a></font></strong>
</div>
</div>
</div>
</body>
</html>

Css Code

O si el codigo no va Descargar aqui
O

Naruto Figth

Texto 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 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/129348724-widget_css_bundle.css' />
<link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=555572411457400387&zx=b309536f-cbab-40c8-ba03-dafbe3919f63"/>
<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='
+ window.location.href
+ '&id=' + "555572411457400387";
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'>main </a> |
<a href='#sidebar'>sidebar</a>
</span>

<DIV id='header-wrapper'>
<DIV id='header-image'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<DIV id='header-inner'>
<DIV class='titlewrapper'>
<H1 class='title'>
TEmplatECSS
</H1>
</DIV>
<DIV class='descriptionwrapper'>
<P class='description'><SPAN>Tu Web De Templates CSS</SPAN></P>
</DIV>
</DIV>
</div></div>
</DIV>
</DIV>


<div id='footheader'><div id='navigation'>

<div class='section' id='pages'><div class='widget PageList' id='PageList1'>
<div>
<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>
<li><a href='#'>Menu</a></li>
</ul>
<div class='clear'></div>
</div>
</div></div>

</div></div>

<div id='content-wrapper'>

<DIV class='searchbox'>
<FORM action='#' id='searchform' method='get'>
<DIV class='search'><INPUT id='s' name='q' type='text' value=''></INPUT></DIV>
<INPUT id='search-btn' onclick='this.form.searchword.focus();' src='http://4.bp.blogspot.com/_sAefHxrmPGg/TWlW0KjXJmI/AAAAAAAABmU/2hhoIU9ywpg/s000/narutofn-go.jpg' type='image' value='Search'></INPUT>
</FORM>
</DIV>
<DIV id='sidebarleft'>
<div class='sidebar section' id='sidebar-left'><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='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 id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>

Texto por debajo de la pagina

</div></div>
</div>

<div id='sidebarright'>
<div class='sidebar section' id='sidebar'><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='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 class='clear'></div>
</div>
<div id='footer-wrapper'>
<div id='lower-footer'>
<div class='footer section' id='footer'></div>
</div>
<div id='diana'>
Copyright © Tu Web | <strong><font color="orange">Template Adapted By <a href='http://tabomusicyoutube.es.tl/'>Tabomusicyoutube</a> | Powered By <a href='http://tabomusicyoutube.es.tl/'>Tabomusicyoutube</a> | Hosted At <a href="http://es.tl/">PwG</a></font></strong>
</div></div>
</div></div>
</body>
</html>

Css Code

Si el codigo no va descargar aqui
NewsScope

Texto 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=9b4bfae8-2786-400b-bfb7-62f6739aadf6"/>
<style type="text/css">#navbar-iframe { display:block }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[

(function($){
/* hoverIntent by Brian Cherne */
$.fn.hoverIntent = function(f,g) {
// default configuration options
var cfg = {
sensitivity: 7,
interval: 100,
timeout: 0
};
// override configuration options with user supplied object
cfg = $.extend(cfg, g ? { over: f, out: g } : f );

// instantiate variables
// cX, cY = current X and Y position of mouse, updated by mousemove event
// pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
var cX, cY, pX, pY;

// A private function for getting mouse position
var track = function(ev) {
cX = ev.pageX;
cY = ev.pageY;
};

// A private function for comparing current and previous mouse position
var compare = function(ev,ob) {
ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
// compare mouse positions to see if they've crossed the threshold
if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
$(ob).unbind("mousemove",track);
// set hoverIntent state to true (so mouseOut can be called)
ob.hoverIntent_s = 1;
return cfg.over.apply(ob,[ev]);
} else {
// set previous coordinates for next time
pX = cX; pY = cY;
// use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
}
};

// A private function for delaying the mouseOut function
var delay = function(ev,ob) {
ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
ob.hoverIntent_s = 0;
return cfg.out.apply(ob,[ev]);
};

// A private function for handling mouse 'hovering'
var handleHover = function(e) {
// next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut
var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;
while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } }
if ( p == this ) { return false; }

// copy objects to be passed into t (required for event object to be passed in IE)
var ev = jQuery.extend({},e);
var ob = this;

// cancel hoverIntent timer if it exists
if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }

// else e.type == "onmouseover"
if (e.type == "mouseover") {
// set "previous" X and Y position based on initial entry point
pX = ev.pageX; pY = ev.pageY;
// update "current" X and Y position based on mousemove
$(ob).bind("mousemove",track);
// start polling interval (self-calling timeout) to compare mouse coordinates over time
if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}

// else e.type == "onmouseout"
} else {
// unbind expensive mousemove event
$(ob).unbind("mousemove",track);
// if hoverIntent state is true, then call the mouseOut function after the specified delay
if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
}
};

// bind the function to the two event listeners
return this.mouseover(handleHover).mouseout(handleHover);
};

})(jQuery);

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[

/*
* jQuery Cycle Plugin (with Transition Definitions)
* Examples and documentation at: http://jquery.malsup.com/cycle/
* Copyright (c) 2007-2010 M. Alsup
* Version: 2.88 (08-JUN-2010)
* Dual licensed under the MIT and GPL licenses.
* http://jquery.malsup.com/license.html
* Requires: jQuery v1.2.6 or later
*/
(function($){var ver="2.88";if($.support==undefined){$.support={opacity:!($.browser.msie)};}function debug(s){if($.fn.cycle.debug){log(s);}}function log(){if(window.console&&window.console.log){window.console.log("[cycle] "+Array.prototype.join.call(arguments," "));}}$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this;}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return;}opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clearTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.length<2){log("terminating; too few slides: "+els.length);return;}var opts2=buildOptions($cont,$slides,els,opts,o);if(opts2===false){return;}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!opts2.rev);if(startTime){startTime+=(opts2.delay||0);if(startTime<10){startTime=10;}debug("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,(!opts2.rev&&!opts.backwards));},startTime);}});};function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined){cont.cycleStop=0;}if(options===undefined||options===null){options={};}if(options.constructor==String){switch(options){case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return false;}cont.cycleStop++;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);}cont.cycleTimeout=0;$(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts);}return false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cyclePause,arg2,cont);return false;case"pause":cont.cyclePause=1;return false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next" ignored');return false;}$.fn.cycle[options](opts);return false;default:options={fx:options};}return options;}else{if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false;}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false;}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}if(typeof arg2=="string"){options.oneTimeFx=arg2;}go(options.elements,options,1,num>=options.currSlide);return false;}}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false;}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}go(options.elements,options,1,(!opts.rev&&!opts.backwards));}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter){try{el.style.removeAttribute("filter");}catch(smother){}}}function destroy(opts){if(opts.next){$(opts.next).unbind(opts.prevNextEvent);}if(opts.prev){$(opts.prev).unbind(opts.prevNextEvent);}if(opts.pager||opts.pagerAnchorBuilder){$.each(opts.pagerAnchors||[],function(){this.unbind().remove();});}opts.pagerAnchors=null;if(opts.destroy){opts.destroy(opts);}}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});if(opts.autostop){opts.countdown=opts.autostopCount||els.length;}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.after]:[];opts.after.unshift(function(){opts.busy=0;});if(!$.support.opacity&&opts.cleartype){opts.after.push(function(){removeFilter(this,opts);});}if(opts.continuous){opts.after.push(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));});}saveOriginalOpts(opts);if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($slides);}if($cont.css("position")=="static"){$cont.css("position","relative");}if(opts.width){$cont.width(opts.width);}if(opts.height&&opts.height!="auto"){$cont.height(opts.height);}if(opts.startingSlide){opts.startingSlide=parseInt(opts.startingSlide);}else{if(opts.backwards){opts.startingSlide=els.length-1;}}if(opts.random){opts.randomMap=[];for(var i=0;i<els.length;i++){opts.randomMap.push(i);}opts.randomMap.sort(function(a,b){return Math.random()-0.5;});opts.randomIndex=1;opts.startingSlide=opts.randomMap[1];}else{if(opts.startingSlide>=els.length){opts.startingSlide=0;}}opts.currSlide=opts.startingSlide||0;var first=opts.startingSlide;$slides.css({position:"absolute",top:0,left:0}).hide().each(function(i){var z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-i;}else{z=first?i>=first?els.length-(i-first):first-i:els.length-i;}$(this).css("z-index",z);});$(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opts.width){$slides.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var $e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight();if(!w){w=e.offsetWidth||e.width||$e.attr("width");}if(!h){h=e.offsetHeight||e.height||$e.attr("height");}maxw=w>maxw?w:maxw;maxh=h>maxh?h:maxh;}if(maxw>0&&maxh>0){$cont.css({width:maxw+"px",height:maxh+"px"});}}if(opts.pause){$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;});}if(supportMultiTransitions(opts)===false){return false;}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.cycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options);},opts.requeueTimeout);requeue=true;return false;}else{log("could not determine size of image: "+this.src,this.cycleW,this.cycleH);}}}return true;});if(requeue){return false;}opts.cssBefore=opts.cssBefore||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);if(opts.cssFirst){$($slides[first]).css(opts.cssFirst);}if(opts.timeout){opts.timeout=parseInt(opts.timeout);if(opts.speed.constructor==String){opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed);}if(!opts.sync){opts.speed=opts.speed/2;}var buffer=opts.fx=="shuffle"?500:250;while((opts.timeout-opts.speed)<buffer){opts.timeout+=opts.speed;}}if(opts.easing){opts.easeIn=opts.easeOut=opts.easing;}if(!opts.speedIn){opts.speedIn=opts.speed;}if(!opts.speedOut){opts.speedOut=opts.speed;}opts.slideCount=els.length;opts.currSlide=opts.lastSlide=first;if(opts.random){if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.backwards){opts.nextSlide=opts.startingSlide==0?(els.length-1):opts.startingSlide-1;}else{opts.nextSlide=opts.startingSlide>=(els.length-1)?0:opts.startingSlide+1;}}if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,$slides,opts);}else{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false;}}}var e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,[e0,e0,opts,true]);}if(opts.after.length>1){opts.after[1].apply(e0,[e0,e0,opts,true]);}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1);});}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1);});}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,opts);}exposeAddSlide(opts,els);return opts;}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before,function(){opts.original.before.push(this);});$.each(opts.after,function(){opts.original.after.push(this);});}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/s*/g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discarding unknown transition: ",fx);opts.fxs.splice(i,1);i--;}}if(!opts.fxs.length){log("No valid transitions named; slideshow terminating.");return false;}}else{if(opts.fx=="all"){opts.multiFx=true;opts.fxs=[];for(p in txs){tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx)){opts.fxs.push(p);}}}}if(opts.multiFx&&opts.randomizeEffects){var r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)[0]);}debug("randomized fx sequence: ",opts.fxs);}return true;}function exposeAddSlide(opts,els){opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!opts.autostopCount){opts.countdown++;}els[prepend?"unshift":"push"](s);if(opts.els){opts.els[prepend?"unshift":"push"](s);}opts.slideCount=els.length;$s.css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.$cont);if(prepend){opts.currSlide++;opts.nextSlide++;}if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($s);}if(opts.fit&&opts.width){$s.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}s.cycleH=(opts.fit&&opts.height)?opts.height:$s.height();s.cycleW=(opts.fit&&opts.width)?opts.width:$s.width();$s.css(opts.cssBefore);if(opts.pager||opts.pagerAnchorBuilder){$.fn.cycle.createPagerAnchor(els.length-1,s,$(opts.pager),els,opts);}if($.isFunction(opts.onAddSlide)){opts.onAddSlide($s);}else{$s.hide();}};}$.fn.cycle.resetState=function(opts,fx){fx=fx||opts.fx;opts.before=[];opts.after=[];opts.cssBefore=$.extend({},opts.original.cssBefore);opts.cssAfter=$.extend({},opts.original.cssAfter);opts.animIn=$.extend({},opts.original.animIn);opts.animOut=$.extend({},opts.original.animOut);opts.fxFn=null;$.each(opts.original.before,function(){opts.before.push(this);});$.each(opts.original.after,function(){opts.after.push(this);});var init=$.fn.cycle.transitions[fx];if($.isFunction(init)){init(opts.$cont,$(opts.elements),opts);}};function go(els,opts,manual,fwd){if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping active transition");$(els).stop(true,true);opts.busy=false;}if(opts.busy){debug("transition active, ignoring new tx request");return;}var p=opts.$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!=opts.stopCount||p.cycleTimeout===0&&!manual){return;}if(!manual&&!p.cyclePause&&!opts.bounce&&((opts.autostop&&(--opts.countdown<=0))||(opts.nowrap&&!opts.random&&opts.nextSlide<opts.currSlide))){if(opts.end){opts.end(opts);}return;}var changed=false;if((manual||!p.cyclePause)&&(opts.nextSlide!=opts.currSlide)){changed=true;var fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$(curr).width();next.cycleH=next.cycleH||$(next).height();next.cycleW=next.cycleW||$(next).width();if(opts.multiFx){if(opts.lastFx==undefined||++opts.lastFx>=opts.fxs.length){opts.lastFx=0;}fx=opts.fxs[opts.lastFx];opts.currFx=fx;}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeFx=null;}$.fn.cycle.resetState(opts,fx);if(opts.before.length){$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});}var after=function(){$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});};debug("tx firing; currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn){opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{if($.isFunction($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx](curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{$.fn.cycle.custom(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}}}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide=opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide==opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?0:opts.currSlide+1;}}else{if(opts.backwards){var roll=(opts.nextSlide-1)<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=1;opts.currSlide=0;}else{opts.nextSlide=roll?(els.length-1):opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1;}}else{var roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-1;}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1;}}}}if(changed&&opts.pager){opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);}var ms=0;if(opts.timeout&&!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);}else{if(opts.continuous&&p.cyclePause){ms=10;}}if(ms>0){p.cycleTimeout=setTimeout(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));},ms);}}$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);});};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while((t-opts.speed)<250){t+=opts.speed;}debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false){return t;}}return opts.timeout;}$.fn.cycle.next=function(opts){advance(opts,opts.rev?-1:1);};$.fn.cycle.prev=function(opts){advance(opts,opts.rev?1:-1);};function advance(opts,val){var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=els.length-2;}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-1;}}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.random){opts.nextSlide=opts.randomMap[opts.randomIndex];}else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap){return false;}opts.nextSlide=els.length-1;}else{if(opts.nextSlide>=els.length){if(opts.nowrap){return false;}opts.nextSlide=0;}}}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb)){cb(val>0,opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,val>=0);return false;}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);});opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activePagerClass);}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned: "+a);}else{a='<a href="#">'+(i+1)+"</a>";}if(!a){return;}var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$(arr);}else{$a.appendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,opts.currSlide<i);});if(!/^click/.test(opts.pagerEvent)&&!opts.allowPagerClickBubble){$a.bind("click.cycle",function(){return false;});}if(opts.pauseOnPagerHover){$a.hover(function(){opts.$cont[0].cyclePause++;},function(){opts.$cont[0].cyclePause--;});}};$.fn.cycle.hopsFromLast=function(opts,fwd){var hops,l=opts.lastSlide,c=opts.currSlide;if(fwd){hops=c>l?c-l:opts.slideCount-l;}else{hops=c<l?l-c:l+opts.slideCount-c;}return hops;};function clearTypeFix($slides){debug("applying clearType background-color hack");function hex(s){s=parseInt(s).toString(16);return s.length<2?"0"+s:s;}function getBg(e){for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var v=$.css(e,"background-color");if(v.indexOf("rgb")>=0){var rgb=v.match(/d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);}if(v&&v!="transparent"){return v;}}return"#ffffff";}$slides.each(function(){$(this).css("background-color",getBg(this));});}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hide();opts.cssBefore.opacity=1;opts.cssBefore.display="block";if(w!==false&&next.cycleW>0){opts.cssBefore.width=next.cycleW;}if(h!==false&&next.cycleH>0){opts.cssBefore.height=next.cycleH;}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1));};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn=easeOut=null;}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb);};$l.animate(opts.animOut,speedOut,easeOut,function(){if(opts.cssAfter){$l.css(opts.cssAfter);}if(!opts.sync){fn();}});if(opts.sync){fn();}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0};}};$.fn.cycle.ver=function(){return ver;};$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000,speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"click.cycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickBubble:false,pagerAnchorBuilder:null,before:null,after:null,end:null,easing:null,easeIn:null,easeOut:null,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter:null,fxFn:null,height:"auto",startingSlide:0,sync:1,random:0,fit:0,containerResize:1,pause:0,pauseOnPagerHover:0,autostop:0,autostopCount:0,delay:0,slideExpr:null,cleartype:!$.support.opacity,cleartypeNoBg:false,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev:0,manualTrump:true,requeueOnImageNotLoaded:true,requeueTimeout:250,activePagerClass:"activeSlide",updateActivePagerLink:null,backwards:false};})(jQuery);
/*
* jQuery Cycle Plugin Transition Definitions
* This script is a plugin for the jQuery Cycle Plugin
* Examples and documentation at: http://malsup.com/jquery/cycle/
* Copyright (c) 2007-2010 M. Alsup
* Version: 2.72
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
(function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after();};};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore={top:h,left:0};opts.cssFirst={top:0};opts.animIn={top:0};opts.animOut={top:-h};};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst={top:0};opts.cssBefore={top:-h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:0-w};};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:-w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):(1-next.cycleW);opts.animOut.left=fwd?-curr.cycleW:curr.cycleW;});opts.cssFirst={left:0};opts.cssBefore={top:0};opts.animIn={left:0};opts.animOut={top:0};};$.fn.cycle.transitions.scrollVert=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0};opts.animIn={top:0};opts.animOut={left:0};};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;});opts.cssBefore={left:0,top:0,width:0};opts.animIn={width:"show"};opts.animOut={width:0};};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;});opts.cssBefore={left:0,top:0,height:0};opts.animIn={height:"show"};opts.animOut={height:0};};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true;}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i<$slides.length;i++){opts.els.push($slides[i]);}for(i=0;i<opts.currSlide;i++){opts.els.push(opts.els.shift());}opts.fxFn=function(curr,next,opts,cb,fwd){var $el=fwd?$(curr):$(next);$(next).css(opts.cssBefore);var count=opts.slideCount;$el.animate(opts.shuffle,opts.speedIn,opts.easeIn,function(){var hops=$.fn.cycle.hopsFromLast(opts,fwd);for(var k=0;k<hops;k++){fwd?opts.els.push(opts.els.shift()):opts.els.unshift(opts.els.pop());}if(fwd){for(var i=0,len=opts.els.length;i<len;i++){$(opts.els[i]).css("z-index",len-i+count);}}else{var z=$(curr).css("z-index");$el.css("z-index",parseInt(z)+1+count);}$el.animate({left:0,top:0},opts.speedOut,opts.easeOut,function(){$(fwd?this:curr).hide();if(cb){cb();}});});};opts.cssBefore={display:"block",opacity:1,top:0,left:0};};$.fn.cycle.transitions.turnUp=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=next.cycleH;opts.animIn.height=next.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,height:0};opts.animIn={top:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnDown=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,top:0,height:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnLeft=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=next.cycleW;opts.animIn.width=next.cycleW;});opts.cssBefore={top:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.turnRight=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={top:0,left:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.zoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false,true);opts.cssBefore.top=next.cycleH/2;opts.cssBefore.left=next.cycleW/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};opts.animOut={width:0,height:0,top:curr.cycleH/2,left:curr.cycleW/2};});opts.cssFirst={top:0,left:0};opts.cssBefore={width:0,height:0};};$.fn.cycle.transitions.fadeZoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false);opts.cssBefore.left=next.cycleW/2;opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};});opts.cssBefore={width:0,height:0};opts.animOut={opacity:0};};$.fn.cycle.transitions.blindX=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.blindY=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.blindZ=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();var w=$cont.width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:w};opts.animIn={top:0,left:0};opts.animOut={top:h,left:w};};$.fn.cycle.transitions.growX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=this.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:0};});opts.cssBefore={width:0,top:0};};$.fn.cycle.transitions.growY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=this.cycleH/2;opts.animIn={top:0,height:this.cycleH};opts.animOut={top:0};});opts.cssBefore={height:0,left:0};};$.fn.cycle.transitions.curtainX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true,true);opts.cssBefore.left=next.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:curr.cycleW/2,width:0};});opts.cssBefore={top:0,width:0};};$.fn.cycle.transitions.curtainY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false,true);opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,height:next.cycleH};opts.animOut={top:curr.cycleH/2,height:0};});opts.cssBefore={left:0,height:0};};$.fn.cycle.transitions.cover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);if(d=="right"){opts.cssBefore.left=-w;}else{if(d=="up"){opts.cssBefore.top=h;}else{if(d=="down"){opts.cssBefore.top=-h;}else{opts.cssBefore.left=w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.uncover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(d=="right"){opts.animOut.left=w;}else{if(d=="up"){opts.animOut.top=-h;}else{if(d=="down"){opts.animOut.top=h;}else{opts.animOut.left=-w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.toss=function($cont,$slides,opts){var w=$cont.css("overflow","visible").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(!opts.animOut.left&&!opts.animOut.top){opts.animOut={left:w*2,top:-h/2,opacity:0};}else{opts.animOut.opacity=0;}});opts.cssBefore={left:0,top:0};opts.animIn={left:0};};$.fn.cycle.transitions.wipe=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.cssBefore=opts.cssBefore||{};var clip;if(opts.clip){if(/l2r/.test(opts.clip)){clip="rect(0px 0px "+h+"px 0px)";}else{if(/r2l/.test(opts.clip)){clip="rect(0px "+w+"px "+h+"px "+w+"px)";}else{if(/t2b/.test(opts.clip)){clip="rect(0px "+w+"px 0px 0px)";}else{if(/b2t/.test(opts.clip)){clip="rect("+h+"px "+w+"px "+h+"px 0px)";}else{if(/zoom/.test(opts.clip)){var top=parseInt(h/2);var left=parseInt(w/2);clip="rect("+top+"px "+left+"px "+top+"px "+left+"px)";}}}}}}opts.cssBefore.clip=opts.cssBefore.clip||clip||"rect(0px 0px 0px 0px)";var d=opts.cssBefore.clip.match(/(d+)/g);var t=parseInt(d[0]),r=parseInt(d[1]),b=parseInt(d[2]),l=parseInt(d[3]);opts.before.push(function(curr,next,opts){if(curr==next){return;}var $curr=$(curr),$next=$(next);$.fn.cycle.commonReset(curr,next,opts,true,true,false);opts.cssAfter.display="block";var step=1,count=parseInt((opts.speedIn/13))-1;(function f(){var tt=t?t-parseInt(step*(t/count)):0;var ll=l?l-parseInt(step*(l/count)):0;var bb=b<h?b+parseInt(step*((h-b)/count||1)):h;var rr=r<w?r+parseInt(step*((w-r)/count||1)):w;$next.css({clip:"rect("+tt+"px "+rr+"px "+bb+"px "+ll+"px)"});(step++<=count)?setTimeout(f,13):$curr.css("display","none");})();});opts.cssBefore={display:"block",opacity:1,top:0,left:0};opts.animIn={left:0};opts.animOut={left:0};};})(jQuery);

//]]>
</script>
<script type='text/javascript'>
//<![CDATA[

/*
* Superfish v1.4.8 - jQuery menu widget
* Copyright (c) 2008 Joel Birch
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
*/

;(function($){
$.fn.superfish = function(op){

var sf = $.fn.superfish,
c = sf.c,
$arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')),
over = function(){
var $$ = $(this), menu = getMenu($$);
clearTimeout(menu.sfTimer);
$$.showSuperfishUl().siblings().hideSuperfishUl();
},
out = function(){
var $$ = $(this), menu = getMenu($$), o = sf.op;
clearTimeout(menu.sfTimer);
menu.sfTimer=setTimeout(function(){
o.retainPath=($.inArray($$[0],o.$path)>-1);
$$.hideSuperfishUl();
if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
},o.delay);
},
getMenu = function($menu){
var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
sf.op = sf.o[menu.serial];
return menu;
},
addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };

return this.each(function() {
var s = this.serial = sf.o.length;
var o = $.extend({},sf.defaults,op);
o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
$(this).addClass([o.hoverClass,c.bcClass].join(' '))
.filter('li:has(ul)').removeClass(o.pathClass);
});
sf.o[s] = sf.op = o;

$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {
if (o.autoArrows) addArrow( $('>a:first-child',this) );
})
.not('.'+c.bcClass)
.hideSuperfishUl();

var $a = $('a',this);
$a.each(function(i){
var $li = $a.eq(i).parents('li');
$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
});
o.onInit.call(this);

}).each(function() {
var menuClasses = [c.menuClass];
if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
$(this).addClass(menuClasses.join(' '));
});
};

var sf = $.fn.superfish;
sf.o = [];
sf.op = {};
sf.IE7fix = function(){
var o = sf.op;
if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
this.toggleClass(sf.c.shadowClass+'-off');
};
sf.c = {
bcClass : 'sf-breadcrumb',
menuClass : 'sf-js-enabled',
anchorClass : 'sf-with-ul',
arrowClass : 'sf-sub-indicator',
shadowClass : 'sf-shadow'
};
sf.defaults = {
hoverClass : 'sfHover',
pathClass : 'overideThisToUse',
pathLevels : 1,
delay : 800,
animation : {opacity:'show'},
speed : 'normal',
autoArrows : true,
dropShadows : true,
disableHI : false, // true disables hoverIntent detection
onInit : function(){}, // callback functions
onBeforeShow: function(){},
onShow : function(){},
onHide : function(){}
};
$.fn.extend({
hideSuperfishUl : function(){
var o = sf.op,
not = (o.retainPath===true) ? o.$path : '';
o.retainPath = false;
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
.find('>ul').hide().css('visibility','hidden');
o.onHide.call($ul);
return this;
},
showSuperfishUl : function(){
var o = sf.op,
sh = sf.c.shadowClass+'-off',
$ul = this.addClass(o.hoverClass)
.find('>ul:hidden').css('visibility','visible');
sf.IE7fix.call($ul);
o.onBeforeShow.call($ul);
$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
return this;
}
});

})(jQuery);

//]]>
</script>
<script type='text/javascript'>
summary_noimg = 800;
summary_img = 650;
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; padding:0px 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; });
}
}
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>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery.noConflict();
jQuery(function(){
jQuery('ul.menu-primary').superfish({
animation: {opacity:'show'},
autoArrows: true,
dropShadows: false,
speed: 200,
delay: 800
});
});

jQuery(function(){
jQuery('ul.menu-secondary').superfish({
animation: {opacity:'show'},
autoArrows: true,
dropShadows: false,
speed: 200,
delay: 800
});
});

jQuery(document).ready(function() {
jQuery('.fp-slides').cycle({
fx: 'fade',
timeout: 4000,
delay: 0,
speed: 400,
next: '.fp-next',
prev: '.fp-prev',
pager: '.fp-pager',
continuous: 0,
sync: 1,
pause: 1,
pauseOnPagerHover: 1,
cleartype: true,
cleartypeNoBg: true
});
});

/* ]]> */
</script>
<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 class='span-15'>
<div class='menu-primary-wrap'>
<div class='pagelistmenusblog section' id='pagelistmenusblog'><div class='widget PageList' id='PageList14'>
<div class='widget-content'>
<ul class='menus menu-primary'>
<li class='current_page_item'><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<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>
<div class='span-3'>
<div class='social-profiles'>
<a href='#'><img alt='' src='http://4.bp.blogspot.com/_8aZXeWtZzQY/TUNIwlCNlqI/AAAAAAAAA98/irrdaTGOT5k/s000/rss.png' title=''/></a>
<a href='#'><img alt='' src='http://2.bp.blogspot.com/_8aZXeWtZzQY/TUNIw5Xs8QI/AAAAAAAAA-A/u1jRVMyTBSk/s000/twitter.png' title=''/></a>
<a href='#'><img alt='' src='http://2.bp.blogspot.com/_8aZXeWtZzQY/TUNIxRvhNcI/AAAAAAAAA-E/1rECluMHXUA/s000/facebook.png' title=''/></a>
</div>
</div>
<div class='span-6 last'>
<div class='topsearch'>
<div class='clerfix' 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 class='search-image' src='http://3.bp.blogspot.com/_8aZXeWtZzQY/TUNIx0nvluI/AAAAAAAAA-I/4AP2RwFIlK4/s000/search.png' title='Search' type='image'/>
</form>
</div>
</div>
</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='Image2'>
<div class='widget-content'>
<a href='http://templatecss.es.tl/'>
<img alt='' height='60' id='Image2_img' src='http://1.bp.blogspot.com/-K2jbNE4-c54/TZpDMMMANcI/AAAAAAAAAWQ/WRtROiPrInI/s484/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 class='span-24'>
<div class='menu-secondary-wrap'>
<ul class='menus menu-secondary'>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a>
<ul class='children'>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
</ul>
</li>
<li><a href='#'>Menu</a>
<ul class='children'>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a>
<ul class='children'>
<li><a href='#'>SubSubMenu</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Menu</a>
<ul class='children'>
<li><a href='#'>SubMenu</a>
<ul class='children'>
<li><a href='#'>SubSubMenu</a></li>
<li><a href='#'>SubSubMenu</a></li>
<li><a href='#'>SubSubMenu</a></li>
</ul>
</li>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
</ul>
</li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a>
<ul class='children'>
<li><a href='#'>SubMenu</a></li>
<li><a href='#'>SubMenu</a></li>
</ul>
</li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu</a></li>
</ul>
</div>
</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='lsidebar-wrapper'>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a href='#'><img alt='' src='http://4.bp.blogspot.com/_8aZXeWtZzQY/TUNIyLzJc6I/AAAAAAAAA-M/VozRHIWsEcM/s000/social-connect-rss.png' title=''/></a><a href="#">RSS</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='#'><img alt='' src='http://4.bp.blogspot.com/_8aZXeWtZzQY/TUNIyfGxbmI/AAAAAAAAA-Q/qBguKAiJGO8/s000/social-connect-twitter.png' title=''/></a><a href='#'>Twitter</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='#'><img alt='' src='http://1.bp.blogspot.com/_8aZXeWtZzQY/TUNIymtpU0I/AAAAAAAAA-U/xVqmLpMe2MM/s000/social-connect-facebook.png' title=''/></a><a href='#'>Facebook</a>
</div>
<div style='height:5px;clear:both;'></div>
<div class='sidebar section' id='sidebarleft'><div class='widget LinkList' id='LinkList8'>
<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>
<p></p></div>
<div id='main-wrapper'>

<div class='featuredposts clearfix'>
<div class='fp-slides'>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='#'><img src='http://1.bp.blogspot.com/_8aZXeWtZzQY/TUNIy1v3hWI/AAAAAAAAA-Y/kT2hDsyZakw/s000/1.jpg'/></a></div>
<h3 class='fp-title'><a href='#'>Titulo 1</a></h3>
<p>Contenido1.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='#'><img src='http://4.bp.blogspot.com/_8aZXeWtZzQY/TUNIzEqavpI/AAAAAAAAA-c/TQ-rGYodntg/s000/2.jpg'/></a></div>
<h3 class='fp-title'><a href='#'>Titulo 2</a></h3>
<p>Contenido2.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='#'><img src='http://4.bp.blogspot.com/_8aZXeWtZzQY/TUNIzaxiMxI/AAAAAAAAA-g/RIWXTIlNfn8/s000/3.jpg'/></a></div>
<h3 class='fp-title'><a href='#'>Titulo 3</a></h3>
<p>Contenido3.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='#'><img src='http://4.bp.blogspot.com/_8aZXeWtZzQY/TUNIz4LBtEI/AAAAAAAAA-k/eCklKBD6TN8/s000/4.jpg'/></a></div>
<h3 class='fp-title'><a href='#'>Titulo 4</a></h3>
<p>Contenido4.</p>
</div>

<div class='fp-post'>
<div class='fp-thumbnail'><a href='#'><img src='http://4.bp.blogspot.com/_8aZXeWtZzQY/TUNI0FaheWI/AAAAAAAAA-o/5UqyhTFhhiU/s000/5.jpg'/></a></div>
<h3 class='fp-title'><a href='#'>Titulo 5</a></h3>
<p>Contenido5.</p>
</div>
</div>
<div class='fp-nav clearfix'>
<span class='fp-pager'></span>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>

<div class='main section' id='main'><div class='widget Blog' id='Blog1'>

Texto por debajo de la pagina

</div></div>
</div>
<div id='rsidebar-wrapper'>
<div class='widget-wrap'>
<h3 class='widgettitle'>Encuentranos:</h3>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a href="#"><img alt='Twitter' height='32' src='http://1.bp.blogspot.com/_8aZXeWtZzQY/TUNI0d-xzMI/AAAAAAAAA-s/bQ82dy7MWlE/s000/twitter.png' width='32'/></a>
<a href="#"><img alt='Delicious' height='32' src='http://1.bp.blogspot.com/_8aZXeWtZzQY/TUNI0k2XLxI/AAAAAAAAA-w/_14PxiERtM8/s000/delicious.png' width='32'/></a>
<a href="#"><img alt='Facebook' height='32' src='http://3.bp.blogspot.com/_8aZXeWtZzQY/TUNI1MVHiKI/AAAAAAAAA-0/rCxJcs1LB9I/s000/facebook.png' width='32'/></a>
<a href="#"><img alt='Digg' height='32' src='http://1.bp.blogspot.com/_8aZXeWtZzQY/TUNI1WeHEvI/AAAAAAAAA-4/2ZBcF7OzL2w/s000/digg.png' width='32'/></a>
<a href="#"><img alt='Stumbleupon' height='32' src='http://3.bp.blogspot.com/_8aZXeWtZzQY/TUNI1UzlgtI/AAAAAAAAA-8/9LwVZr_1oeM/s000/stumbleupon.png' width='32'/></a>
<a href="#"><img alt='Favorites' height='32' src='http://3.bp.blogspot.com/_8aZXeWtZzQY/TUNI3Kl-jrI/AAAAAAAAA_A/98mjvHk64Qw/s000/favorites.png' width='32'/></a>
<a href="#"><img alt='More' height='32' src='http://1.bp.blogspot.com/_8aZXeWtZzQY/TUNI3a98m_I/AAAAAAAAA_E/ge1OvrKq_V8/s000/more.png' width='32'/></a>
</div>
</div>
</div>
<div style='clear:both;'></div>
<div class='tabviewsection'>
<script type='text/javascript'>
jQuery(document).ready(function($){
$(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a").addClass("tabs-widget-current").show();
$(".tabs-widget-content-widget-themater_tabs-1432447472-id:first").show();

$("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").click(function() {
$("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").removeClass("tabs-widget-current a");
$(this).addClass("tabs-widget-current");
$(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
var activeTab = $(this).attr("href");
$(activeTab).fadeIn();
return false;
});
});
</script>
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Menu</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Menu</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Menu</a></li>
</ul>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<div class='sidebar section' id='sidebartab1'><div class='widget LinkList' id='LinkList3'>
<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='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<div class='sidebar section' id='sidebartab2'><div class='widget LinkList' id='LinkList4'>
<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='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<div class='sidebar section' id='sidebartab3'><div class='widget LinkList' id='LinkList5'>
<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>
<div style='height:5px;clear:both;'></div>
<div class='sidebar section' id='sidebarright'><div class='widget Image' id='Image1'>
<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='LinkList7'>
<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='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>
<p></p></div>

<div class='clear'> </div>
</div></div>

<div class='span-24' id='footer-wrap'>
<div id='footer'>
<div id='copyrights'>
Copyright © Tu Web | <strong><font color="orange">Template Adapted By <a href='http://tabomusicyoutube.es.tl/'>Tabomusicyoutube</a>
</div>
<div id='credits'>
Template Powered By <a href='http://tabomusicyoutube.es.tl/'>Tabomusicyoutube</a> | Template Hosted At <a href="http://es.tl/">PwG</a></font></strong>
</div>
</div>
</div>
</div></div>

</body>
</html>

Css Code

Si el codigo no va descargar aqui

PrimaCSS

Texto 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">

<head>

</style>

/* ------------------------------------------------------------------------

s3Slider

Developped By: Boban KariÅ¡ik -> http://www.serie3.info/

CSS Help: MÃ©szÃ¡ros RÃ³bert -> http://www.perspectived.com/

Version: 1.0

long as you leave my infos at the top.

------------------------------------------------------------------------- */

(function($){

$.fn.s3Slider = function(vars) {

var element = this;

var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;

var current = null;

var timeOutFn = null;

var faderStat = true;

var mOver = false;

var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");

var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

items.each(function(i) {

$(items[i]).mouseover(function() {

mOver = true;

});

$(items[i]).mouseout(function() {

mOver = false;

fadeElement(true);

});

var fadeElement = function(isMouseOut) {

var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;

thisTimeOut = (faderStat) ? 10 : thisTimeOut;

if(items.length > 0) {

timeOutFn = setTimeout(makeSlider, thisTimeOut);

} else {

console.log("Poof..");

}

var makeSlider = function() {

current = (current != null) ? current : items[(items.length-1)];

var currNo = jQuery.inArray(current, items) + 1

currNo = (currNo == items.length) ? 0 : (currNo - 1);

var newMargin = $(element).width() * currNo;

if(faderStat == true) {

if(!mOver) {

$(items[currNo]).fadeIn((timeOut/6), function() {

if($(itemsSpan[currNo]).css('bottom') == 0) {

$(itemsSpan[currNo]).slideUp((timeOut/6), function() {

faderStat = false;

current = items[currNo];

if(!mOver) {

fadeElement(false);

}

});

} else {

$(itemsSpan[currNo]).slideDown((timeOut/6), function() {

faderStat = false;

current = items[currNo];

if(!mOver) {

fadeElement(false);

}

});

}

});

}

} else {

if(!mOver) {

if($(itemsSpan[currNo]).css('bottom') == 0) {

$(itemsSpan[currNo]).slideDown((timeOut/6), function() {

$(items[currNo]).fadeOut((timeOut/6), function() {

faderStat = true;

current = items[(currNo+1)];

if(!mOver) {

fadeElement(false);

}

});

} else {

$(itemsSpan[currNo]).slideUp((timeOut/6), function() {

$(items[currNo]).fadeOut((timeOut/6), function() {

faderStat = true;

current = items[(currNo+1)];

if(!mOver) {

fadeElement(false);

}

});

}

makeSlider();

};

})(jQuery);

//--><!]]></script>

<script type='text/javascript'>

$(document).ready(function() {

$('#s3slider').s3Slider({

timeOut: 4000

});

</script>

<SCRIPT type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 550; summary_img = 500; img_thumb_height = 200; img_thumb_width = 250; </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-top:-15px; padding:0px 0px 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; });

}

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 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-21'>

<div id='pagemenucontainer'>

<ul id='pagemenu'>

<li class='current_page_item'><a href='#' title=''>Menu</a></li>

<li><a href='#' title=''>Menu</a></li>

</ul>

</div>

<div class='span-3 feedtwitter last'>

<a href='#'><img src='http://3.bp.blogspot.com/_ActSVcJ9YKs/TMYZQDPWmDI/AAAAAAAAB90/T-1l5XtJNQ8/s000/rss.png' style='margin:0 4px 0 0;'/></a>

<a href='#' title=''><img src='http://4.bp.blogspot.com/_ActSVcJ9YKs/TMYZQZMCPzI/AAAAAAAAB94/iczRoEnjBmE/s000/twitter.png' style='margin:0 4px 0 0; ' title=''/></a>

</div>

<div class='span-24' id='header'>

<div class='span-12'>

<a href='#' title=''><img alt='' class='logoimg' src='http://1.bp.blogspot.com/_ActSVcJ9YKs/TMYZQm-Bz-I/AAAAAAAAB98/XMTFkJMFMIU/s000/logo.png' title=''/></a>

</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>

</ul>

</div>

<div class='span-24' id='contentwrap'>

<div class='span-16'>

<div class='black-bg' id='slider-holder'>

<div id='s3slider'>

<ul id='s3sliderContent'>

<li class='s3sliderImage' style='display: list-item;'>

<a href='#'><img alt='Imagen 1' src='http://2.bp.blogspot.com/_ActSVcJ9YKs/TMYZQ3sKS0I/AAAAAAAAB-A/W-NqIFg3-0c/s000/1.jpg' style='width: 610px; height: 320px;'/></a>

<span style='display: block;'>

<a class='featured-title block' href='#' rel='bookmark' title=''>Titulo 1</a><br/>

Contenido1

</span>

</li>

<li class='s3sliderImage' style='display: none;'>

<a href='#'><img alt='Imagen 1' src='http://2.bp.blogspot.com/_ActSVcJ9YKs/TMYZRRnzEZI/AAAAAAAAB-I/7U9ORMGNOGI/s000/3.jpg' style='width: 610px; height: 320px;'/></a>

<span style='display: block;'>

<a class='featured-title block' href='#' rel='bookmark' title=''>Titulo 2</a><br/>

Contenido2

</span>

</li>

<li class='s3sliderImage' style='display: none;'>

<a href='#'><img alt='Imagen 1' src='http://2.bp.blogspot.com/_ActSVcJ9YKs/TMYZQ3sKS0I/AAAAAAAAB-A/W-NqIFg3-0c/s000/1.jpg' style='width: 610px; height: 320px;'/></a>

<span style='display: block;'>

<a class='featured-title block' href='#' rel='bookmark' title=''>Titulo 3</a><br/>

Contenido3

</span>

</li>

<li class='s3sliderImage' style='display: none;'>

<a href='#'><img alt='Imagen 1' src='http://2.bp.blogspot.com/_ActSVcJ9YKs/TMYZRRnzEZI/AAAAAAAAB-I/7U9ORMGNOGI/s000/3.jpg' style='width: 610px; height: 320px;'/></a>

<span style='display: block;'>

<a class='featured-title block' href='#' rel='bookmark' title=''>Titulo 4</a><br/>

Contenido4

</span>

</li>

<li class='s3sliderImage' style='display: none;'>

<a href='#'><img alt='Imagen 1' src='http://2.bp.blogspot.com/_ActSVcJ9YKs/TMYZQ3sKS0I/AAAAAAAAB-A/W-NqIFg3-0c/s000/1.jpg' style='width: 610px; height: 320px;'/></a>

<span style='display: block;'>

<a class='featured-title block' href='#' rel='bookmark' title=''>Titulo 5</a><br/>

Contenido5

</span>

<li class='clear s3sliderImage'></li>

</ul>

</div>

<div id='content'>

<div class='main section' id='main'><div class='widget Blog' id='Blog1'>

Texto por debajo de la pagina

</div></div>

</div>

</form>

</div>

</div>

</div>

<ul>

<ul>

</ul>

</div>

</div><div class='widget LinkList' id='LinkList1'>

<ul>

</ul>

</div>

</ul>

</div>

</div>

</div>

</div>

<div id='footer2'>Template Powered By <a href='http://tabomusicyoutube.es.tl/'>Tabomusicyoutube</a> | Template Hosted At <a href="http://es.tl/">PwG</a></font></strong></div>

</div>

</div>

</div>

</body>

</html>

Css Code

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 : Prima

----------------------------------------------- */

/* Use this with templates/template-twocol.html */

body#layout #subscription,body#layout #topsearch,body#layout #footer,body#layout #footer2 {display:none;}*{margin:0;padding:0}#navbar-iframe{display:none}

/* -----------------------------------------------------------------------

Blueprint CSS Framework 0.8

http://blueprintcss.org

* 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 */

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);}

.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 {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;}

.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;}

.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

* 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: url(http://3.bp.blogspot.com/_ActSVcJ9YKs/TMYZOSOco2I/AAAAAAAAB9U/mfnBarXD-5w/s000/background.png);

}

#wrapper {

background: url(http://2.bp.blogspot.com/_ActSVcJ9YKs/TMYZOpjC3bI/AAAAAAAAB9Y/KXg01R2rZUc/s000/wrapper.png) left 162px repeat-x;

}

#container {

border-top: 6px solid #2f2f2c;

background: #545245;

}

#contentwrap {

background: #48463A url(http://2.bp.blogspot.com/_ActSVcJ9YKs/TMYZPM0yT8I/AAAAAAAAB9c/ykGpfZ_gYZs/s000/contentwrap.png) right top repeat-y;

}

a {

color: #B82D08;

}

a:hover {

color: #ff3d09;

}

/* HEADER */

#header {

height: 111px;

}

#header h1 {

margin-bottom: 0px !important;

padding: 26px 0 0 0;

font-weight: normal;

font-family: Arial, Helvetica, Sans-serif;

font-weight: bold;

font-size: 46px;

}

#header h1 a, #header h1 a:visited {

color: #44433F;

text-decoration: none;

}

#header h2 {

color: #909090;

font-size: 14px;

line-height: 14px;

font-family: Arial, Helvetica, Sans-serif;

}

.logoimg {

margin: 6px 0 0 10px;

}

.feedtwitter {

margin-top: 8px;

text-align: right;

}

/* NAVIGATION MENUS */

#pagemenucontainer {

height: 26px;

}

#pagemenu {

height: 26px;

}

#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: 0px 0px 0px 0px;

padding: 0px;

}

#pagemenu li {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}

#pagemenu ul li {

list-style: none;

margin: 0px;

padding: 0px;

}

#pagemenu li a, #pagemenu li a:link {

color: #FEFEFE;

display: block;

margin: 0 6px 0 0 ;

padding: 8px 16px;

text-decoration: none;

font-weight: normal;

text-transform: uppercase;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

}

#pagemenu li a:hover, #pagemenu li a:active, #pagemenu li.current_page_item a {

color: #0A0A09;

display: block;

text-decoration: none;

background: url(http://1.bp.blogspot.com/_ActSVcJ9YKs/TMYZPGcAMRI/AAAAAAAAB9g/h6t7Tz8PHZA/s000/pagenav_hover.png) center top no-repeat;

}

#pagemenu li:hover, #pagemenu li.sfhover {

position: static;

}

#navcontainer {

height: 43px;

display: block;

overflow: hidden;

background: #101316;

padding-left: 10px;

background: #2F2F2C;

}

#navcontainer .current-cat a {

background: url(http://1.bp.blogspot.com/_ActSVcJ9YKs/TMYZPXJchAI/AAAAAAAAB9k/2Oj1xyii8eY/s000/nav-hover.png) left top repeat-x;

color:#B82D08;

}

/* CONTENT */

#slider-holder{width: 610px;height: 320px;overflow: hidden;

margin-bottom:-10px; margin-left:17px; margin-top:-20px;padding: 15px 0 0 0;}

#s3slider { width: 610px; /* important to be same as image width */

height: 320px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */}

#s3sliderContent {width: 610px; /* important to be same as image width or wider */

position: absolute; /* important */top: 0; /* important */margin-left: 0; /* important */}

.s3sliderImage {float: left; /* important */ position: relative; /* important */ display: none; /* important */}

.s3sliderImage span { position: absolute; /* important */ left: 0; font-weight: 700; font-size: 0.834em; color: #ffffff; padding: 20px 15px 50px 13px; height: 73px; width: 610px; background-color: #4e4d3c;

filter: alpha(opacity=70); /* here you can set the opacity of box with text */

-moz-opacity: 0.7; /* here you can set the opacity of box with text */

-khtml-opacity: 0.7; /* here you can set the opacity of box with text */

opacity: 0.7; /* here you can set the opacity of box with text */

display: none; /* important */bottom: 0;/*

if you put

top: 0; -> the box with text will be shown at the top of the image

if you put

bottom: 0; -> the box with text will be shown at the bottom of the image*/}

.s3sliderImage span a.featured-title:link,

.s3sliderImage span a.featured-title:visited{color: #fff;padding: 0px 0px 2px 0px;font-size: 1.167em;}

.s3sliderImage span a.featured-title:hover{color: #999;}

.s3sliderImage span a:link,

.s3sliderImage span a:visited{color: #888;}

.s3sliderImage span a:hover{color: #555;}

#content {

padding: 15px;

color: #F3EFE0;

}

pre { overflow: auto;

width: 470px;

}

.post {

padding-bottom: 5px;

margin-bottom: 20px;

border-bottom: 1px dotted #646254 ;

}

.post p {

margin-bottom: 10px;

}

.title {

margin: 0 0 8px 0;

padding: 0px;

line-height: 28px;

font-size: 22px;

font-family: Arial, Helvetica, Sans-serif;

font-weight: bold;

color: #F3EFE0;

}

.title a {

text-decoration: none;

color: #F3EFE0;

}

.title a:hover {

text-decoration: none;

color: #B82D08;

}

.pagetitle {

margin-bottom: 20px;

line-height: 22px;

font-family: Arial, Verdana;

text-decoration: underline;

}

.postdate {

font-size: 12px;

font-family: Arial, Helvetica, Sans-serif;

color: #e8e2cc;

}

.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: #F3EFE0;

border-left: 3px solid #CADAE7;

}

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: 10px;

text-align:center;

}

.ad125 {

margin: 6px;

}

.sidebar {

margin: 0 10px 10px 10px;

font-size: 13px;

color: #F3EFE0;

}

.sidebar a {

text-decoration: none;

color: #F3EFE0;

}

.sidebar a:hover {

text-decoration: underline;

color: #1B1B19;

}

#search {

border: 1px solid #77745F;

height: 28px;

padding: 0;

background: #575548;

text-align: right;

margin-top: 15px;

}

#search input {

border: 0;

background: none;

color: #C5C5B1;

}

#s {

width: 240px;

padding: 4px;

margin:2px 0 0 0;

background: none;

}

#topsearch #search {

margin: 15px 0 0 0;

padding-right: 4px;

}

#topsearch #s {

width: 246px;

}

/* Social icons */

.addthis_toolbox {

padding: 15px 0 0px 0;

text-align: center;

}

.addthis_toolbox .custom_images a

{

width: 32px;

height: 32px;

margin: 0 -8px 0 -8px;

padding: 0;

}

.addthis_toolbox .custom_images a:hover img

{

opacity: 1;

}

.addthis_toolbox .custom_images a img

{

opacity: 0.85;

}

.sidebarvideo {

}

.sidebar h2 {

margin: 10px 0 4px 0;

padding: 10px 0 18px 4px;

text-align: left;

font-size: 18px;

line-height: 18px;

color: #E8E5CF;

font-family: Arial, Helvetica, Sans-serif;

font-weight: bold;

text-transform: uppercase;

background: url(http://1.bp.blogspot.com/_ActSVcJ9YKs/TMYZPq9yuGI/AAAAAAAAB9o/9hiav-bfW2A/s000/sidebar-tab.png) left bottom no-repeat;

}

.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: 0px;

}

.sidebar ul li li, .sidebar ul li {

padding: 6px 0px 6px 4px;

margin: 0;

background: url(http://4.bp.blogspot.com/_ActSVcJ9YKs/TMYZP-ergdI/AAAAAAAAB9s/CSISwkPzyvc/s000/sidebar-line.png) left bottom repeat-x;

}

/* FOOTER */

#footer {

padding: 24px;

text-align: center;

color: #C2BEAA;

font-size: 13px;

}

#footer a {

color: #C2BEAA;

}

#footer a:hover {

text-decoration: none;

color: #C2BEAA;

}

#footer2 {

color: #C2BEAA;

font-size: 11px;

text-align: center;

padding: 10px;

background: url(http://3.bp.blogspot.com/_ActSVcJ9YKs/TMYZOSOco2I/AAAAAAAAB9U/mfnBarXD-5w/s000/background.png);

}

#footer2 a {

color: #C2BEAA;

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 {

padding: 6px;

background: #48463A;

border: 1px solid #646254;

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://3.bp.blogspot.com/_ActSVcJ9YKs/TMYZPx_r1NI/AAAAAAAAB9w/6K-CeaRNnSs/s000/grav.png);

width:32px;

height:32px;

}

.reactions-label-cell {

line-height: 1.7em;

}

p.comment-footer {

padding: 15px 0 15px 0px;

}

.comment-form{

margin:25px 0px 0px 0px;

max-width:632px !important;

width:632px !important;

}

h4.backlinks{

font-family:"Helvetica Neue",Arial,"Lucida Grande",sans-serif;

font-size:1.5em;

line-height:1;

padding:0 0 15px 0px;

margin:0 0 10px 0px;

}

a.comment-link {

margin: 0px 0 0px 0px;

}

#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:15px 15px 14px 15px;

color: #E8E5CF;

font-weight: bold;

text-transform: uppercase;

font-size: 12px;

}

/* Just sub menu links */

#subMenusContainer a, #nav li li a {

color: #C3C0AC;

font-size: 12px;

text-align:left;

background-color:#2F2F2C;

padding:5px 20px;

}

/* All menu links on hover or focus */

#nav li a:hover,

#nav li a:focus,

#nav a.mainMenuParentBtnFocused{

background: url(http://1.bp.blogspot.com/_ActSVcJ9YKs/TMYZPXJchAI/AAAAAAAAB9k/2Oj1xyii8eY/s000/nav-hover.png) left top repeat-x;

color:#DA2008;

}

/* sub menu links on hover or focus */

#subMenusContainer a:hover,

#subMenusContainer a:focus,

#subMenusContainer a.subMenuParentBtnFocused {

background: #2F2F2C;

color:#DA2008;

}

/* 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: 36px;

display: inline;

}

#subMenusContainer li {

list-style: none;

}

/* main menu ul or ol elment */

#nav {

width: 930px;

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;

}

-->

ReazyMag

Texto 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/129348724-widget_css_bundle.css' />
<link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=555572411457400387&zx=73e1aff5-c4f2-4713-a3c7-00bc8ba45fa1"/>
<style type="text/css">#navbar-iframe { display:block }
</style>

<script type='text/javascript'>var thumbnail_mode = "float-left" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 300;
img_thumb_width = 575;
</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;
imgtag = '<span style="float:left; margin:0px;"><img src="http://2.bp.blogspot.com/_M_YCe5AWy0o/TNVZHuVcl2I/AAAAAAAAAuE/qkp1YzqUheI/s1600/without+image" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
if(img.length>=1) {
imgtag = '<p><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></p>';
summ = summary_img;
}
var summary = imgtag + '<p>' + removeHtmlTag(div.innerHTML,summ) + '</p>';
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; });
}
}
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='
+ window.location.href
+ '&id=' + "555572411457400387";
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='header'>
<div id='subscription_box'>
<a href='#'><img alt='RSS' src='http://2.bp.blogspot.com/_dZM2bJJMfBs/TQ7TTcw_DiI/AAAAAAAABVQ/WwedK-kUpY0/s000/rss_icon.png'/></a>
<a href='#'><img alt='Twitter' src='http://3.bp.blogspot.com/_dZM2bJJMfBs/TQ7TTu6M1HI/AAAAAAAABVU/w-dvS9hzMlw/s000/twitter_icon.png'/></a>
<a href='#'><img alt='Facebook' src='http://3.bp.blogspot.com/_dZM2bJJMfBs/TQ7TT0SEX9I/AAAAAAAABVY/5mUVczztK6s/s000/facebook.png'/></a>
<a href='#'><img alt='youtube' src='http://2.bp.blogspot.com/_dZM2bJJMfBs/TQ7TULu40SI/AAAAAAAABVc/hmfs9aYf1yQ/s000/youtube_icon.png'/></a>
</div>

<div id='logoTag'>
<div id='logo'>
<h1><a href='#'>TEmplatECSS</a></h1>
</div>

<div id='tagline' style='width:400px'>
Tu Web De Templates CSS
</div>
</div>


<div class='ads1'>
<div class='ad-header'>
<a href='http://templatecss.es.tl/'><img src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/PubliTCSS.jpg' /></a>
</div>
</div>

<div class='clear'></div>

<div id='topMenu'>
<a href='#' id='home'></a>

<div id='topLinks'>
<ul>
<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>

<form action='#' id='searchform' method='get'>
<input id='s' name='q' onblur='if(this.value==''){this.value='search site'};' onfocus='if(this.value=='search site'){this.value=''};' type='text'/>
<input id='searchsubmit' type='submit' value=''/>
</form>

</div></div>

<div id='wrapper'>

<div class='clearfix' id='content'>

<div id='contentLeft'>
<div class='main section' id='main'><div class='widget Blog' id='Blog1'>

Texto 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'>
<center>
<a href='http://templatecss.es.tl/'><img alt='Afiliados' height='100' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='100'/></a>
<a href='http://templatecss.es.tl/'><img alt='Afiliados' height='100' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='100'/></a>
<a href='#'><img alt='Afiliados' height='100' id='Image1_img' src='http://4.bp.blogspot.com/-zdcfrRL51hw/TXfOYcL9CzI/AAAAAAAAAJ4/-HsAMGDXO0c/s233/ad125x125.jpg' width='100'/></a>
<a href='#'><img alt='Afiliados' height='100' id='Image1_img' src='http://4.bp.blogspot.com/-zdcfrRL51hw/TXfOYcL9CzI/AAAAAAAAAJ4/-HsAMGDXO0c/s233/ad125x125.jpg' width='100'/></a>
</center>
<br/>
</div>
<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='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>
</div>

</div>


</div>
<div id='footer'>
<div class='aligncenter'>Copyright © Tu Web | <strong><font color="blue">Template Adapted By <a href='http://tabomusicyoutube.es.tl'>Conserva los creditos</a> | Powered By <a href='http://tabomusicyoutube.es.tl'>TaBomusicyoutube</a> | Hosted At <a href="http://es.tl/">PwG</a></font></strong></div><div class='clear'></div>
</div>



</body>
</html>

CSS Code

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 : Reezy Mag
------------------------------------------------------*/
#navbar-iframe{display:none;}
body#layout #slideshow{display:none}
body#layout #home{display:none}
* { margin: 0; padding: 0; }
/*----------------------------------------------------
{--------} Generic {--------}
----------------------------------------------------*/
body{
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#636363;
margin:0;
padding:0;
line-height:135%;
background-image:url(images/bodybg.jpg);
}
ul {
list-style:none;
}
a {
text-decoration:none;
border:none;
outline:none;
color:#9b0505;
}
a:hover {
border:none;
text-decoration:underline;
}
img{
border:none;
outline:none;
}
a:focus {
outline:none;
}
p {
margin:3px 0 12px 0;
line-height:20px;
}
/*----------------------------------------------------
{--------} Layout Structure {--------}
----------------------------------------------------*/
#wrapper {
margin:0 auto;
background-image:url(http://2.bp.blogspot.com/_dZM2bJJMfBs/TQ7TPyB73II/AAAAAAAABUY/9jmAOsJb18s/s000/wrapper_bg.png);
width: 1000px;
padding-top: 20px;
margin-top: 30px;
}
/*----------------------------------------------------
{--------} Header {--------}
----------------------------------------------------*/
#header {
background:url(http://2.bp.blogspot.com/_dZM2bJJMfBs/TQ7TQJ5mH0I/AAAAAAAABUc/OMvKBfDLyL4/s000/header_bg.png);
height: 155px;
width: 980px;
margin:0 auto;
position:relative;
z-index:9;
}
/*----------------------------------------------------
{--------} Content {--------}
----------------------------------------------------*/
#content {
margin:0 auto;
padding:0 0 20px;
width:980px;
}
/*----------------------------------------------------
{--------} Content Left {--------}
----------------------------------------------------*/
#contentLeft {
float:left;
margin:5px 0 0 0;
padding:10px 0 0 0;
width:645px;
}
/*----------------------------------------------------
{--------} Logo {--------}
----------------------------------------------------*/
#logoTag {
float:left;
height: 60px;
margin-top: 45px;
margin-left: 30px;
}
#logoTag #logo {
background:url(images/bk_logo_left.png) no-repeat;
float:left;
}
#logoTag #logoImg {
background:none;
padding:0;
float:left;
padding-top:3px;
padding-right:10px;
}
#logoTag #logoImg img {
border:none;
}
#logoTag #logo h1 a {
display:block;
background:url(images/bk_logo_right.png) 100% 0 no-repeat;
font-family: Tahoma,Arial;
font-size: 45px;
color:#ff0000;
float:left;
line-height:100%;
font-weight:normal;
text-transform: uppercase;
margin-top: 10px;
text-shadow: 1px 1px #252525;
}
#logoTag #logo h1 a:hover{
text-decoration:none;
}
#logoTag #tagline {
clear:both;
color:#fff;
float:left;
font:12px Arial;
padding:0;
width:300px;
text-transform: uppercase;
}
/*----------------------------------------------------
{--------} Top Bar {--------}
----------------------------------------------------*/
#top-bar {
height:32px;
padding:0;
width:980px;
}
/*----------------------------------------------------
{--------} Ad Header {--------}
----------------------------------------------------*/
.ad-header {
float:right;
margin:0;
}
/*----------------------------------------------------
{--------} Top Menu {--------}
----------------------------------------------------*/
#topMenu {
position: absolute; top: 148px; left: -13px;
background: url(http://1.bp.blogspot.com/_dZM2bJJMfBs/TQ7TQfxyT0I/AAAAAAAABUg/6xxG2sB_JaE/s000/menu_bg.png);
width: 1005px; height: 58px;
margin: 0 auto;
z-index: 10;
}
#topLinks {
margin-left: 15px;
float: left;
}
/*----------------------------------------------------
{--------} Home Button {--------}
----------------------------------------------------*/
#home {
background-image:url(http://1.bp.blogspot.com/_dZM2bJJMfBs/TQ7TQvTmUXI/AAAAAAAABUk/Z1ocfie1iKQ/s000/home_icon.png);
width: 35px; height: 35px;
display: block;
float: left;
text-indent: -9999px;
margin: 8px 0 0 10px;
}
#topLinks ul li {
display: block;
float: left;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 50px;
padding: 0 10px;
}
#topLinks ul li a {
color: #fff;
line-height: 50px;
display: block;
float: left;
font-weight: normal;
}
#topLinks .current_page_item a {text-decoration: underline;}
#topLinks .current_page_item {}
/*----------------------------------------------------
{--------} Social Link {--------}
----------------------------------------------------*/
#socialLinks {
background:url("images/c-socials-bg.png") no-repeat scroll 0 0 transparent;
float:right;
height:151px;
margin:0;
padding:26px 0 0 8px;
position:fixed;
right:0;
text-align:right;
top:40%;
width:50px;
}
#socialLinks a {
display:block;
float:left;
padding-right:10px;
border:none;
}
#socialLinks a img {
border:medium none;
margin:0 0 10px;
}
/*----------------------------------------------------
{--------} Subscriber Box {--------}
----------------------------------------------------*/
#subscription_box {position: absolute; top: 0; right: 0;}
#subscription_box img { margin: 0 10px 15px 0;}
#subscription_border_bottom {
background-image:url(images/subscription_border_bottom.jpg);
width: 272px; height: 28px;
}
/*----------------------------------------------------
{--------} Content Left Elements {--------}
----------------------------------------------------*/
.searchQuery, #archive-title {
margin: 0 0 15px 18px;
}
.searchQuery strong, #archive-title strong {
font-size:14px;
color:#9b0505;
}
/*----------------------------------------------------
{--------} Content Title {--------}
----------------------------------------------------*/
#contentLeft h1 {
margin:0 0 15px 0;
padding:0;
font-family:Tahoma, "Times New Roman", Times, serif;
font-size:24px;
line-height:110%;
text-decoration:none;
font-weight:normal;
}
/*----------------------------------------------------
{--------} Alignment {--------}
----------------------------------------------------*/
.alignleft {
float:left;
margin:5px 15px 5px 0;
}
.alignright {
float:right;
margin:5px 0 5px 15px;
}
/*----------------------------------------------------
{--------} Content Left Image {--------}
----------------------------------------------------*/
#contentLeft img, #contentLeft a img {
padding:0;
margin:0;
}
/*----------------------------------------------------
{--------} Post Box {--------}
----------------------------------------------------*/
#contentLeft .postBox {
float:left;
margin:0 0 15px 0;
padding:0 0 10px;
position:relative;
width:580px;
color: #6d6d6d;
margin-left: 18px;
padding: 20px;
background: #fff;
border: 1px solid #d5d5d5;
font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}
/*----------------------------------------------------
{--------} Post Page {--------}
----------------------------------------------------*/
.postPage {
color: #6d6d6d;
margin-left: 18px;
padding: 20px;
background: #fff;
border: 1px solid #d5d5d5;
margin-bottom: 25px;
}
/*----------------------------------------------------
{--------} Post Date {--------}
----------------------------------------------------*/
#contentLeft .postDate {
background:url(http://3.bp.blogspot.com/_dZM2bJJMfBs/TQ7TQrKeQ3I/AAAAAAAABUo/6ZBQzjC9SIc/s000/date_icon.png);
background-repeat: no-repeat;
width: 63px; height: 76px;
position: absolute; top: 10px; left: -63px;
text-align: center;
color: #414040;
padding: 13px 0 0 7px;
}
/*-----------------------------------------------------------
{--------} Post Day,Month,Year {--------}
-------------------------------------------------------------*/
.postDate .day {font-size: 27px;}
.postDate .month {font-size: 14px;}
.postDate .year {font-size: 12px;}
/*----------------------------------------------------
{--------} Posting {--------}
----------------------------------------------------*/
.posting{
float:left;
}
/*----------------------------------------------------
{--------} Post Date {--------}
----------------------------------------------------*/
.post-date {
background:url("images/v-post-date-bg.png") repeat scroll 0 0 transparent;
color:#FFFFFF;
height:79px;
left:-63px;
padding:43px 10px 0 0;
position:absolute;
text-align:center;
top:25px;
width:96px;
z-index:9999;
}
/*----------------------------------------------------
{--------} Comment {--------}
----------------------------------------------------*/
.comm {
color:#f3ccfc;
font-size:22px;
font-weight:bold;
margin:20px 0 0;
}
.comm span{
color:#f3ccfc;
font-size:10px;
}
/*----------------------------------------------------
{--------} Author {--------}
----------------------------------------------------*/
.author span{
font-size:10px;
text-transform:uppercase;
font-weight:normal;
}
.author {
color:#f3ccfc;
font-size:12px;
font-weight:bold;
margin:11px 0 0;
}
/*----------------------------------------------------
{--------} AAA {--------}
----------------------------------------------------*/
.aaa{
padding:0 1px;
}
/*-----------------------------------------------5-------
{--------} Top Post Rounded {--------}
--------------------------------------------------------*/
.rounded-post-top{
background:url('images/bo-post-top-rounded.gif') no-repeat;
width:610px;
height:14px;
}
/*--------------------------------------------------------
{--------} Bottom Post Rounded {--------}
----------------------------------------------------------*/
.rounded-post-bottom{
background:url('images/bo-post-bottom-rounded.gif') no-repeat;
width:610px;
height:14px;
margin:0 0 20px 0;
}
/*----------------------------------------------------
{--------} Post Arrow {--------}
----------------------------------------------------*/
.post-arrow {
background:url("images/bo-post-arrow.gif") no-repeat scroll 0 0 transparent;
height:14px;
left:-24px;
position:absolute;
top:28px;
width:24px;
}
/*-------------------------------------------------------
{--------} Read More Button {--------}
--------------------------------------------------------*/
.post-readmore-btn{
margin:15px 0 0 0;
float:right;
}
.post-readmore-btn a{
display:block;
width:123px;
height:37px;
text-indent:-10000px;
}
/*----------------------------------------------------
{--------} Post Entry {--------}
----------------------------------------------------*/
.entry {max-width:575px;
float:left;
line-height: 20px;
padding: 0px 0px 0px 0px;
text-align: justify;line-height: 20px;
font-family: Arial, Verdana;
font-size: 14px;color: #555;
overflow:hidden;
display:inline;
}
/*----------------------------------------------------
{--------} Post Entry Image {--------}
----------------------------------------------------*/
.entry img {
padding: 6px;
background: #000;
max-width:575px;
}
/*----------------------------------------------------
{--------} Post Box Date {--------}
----------------------------------------------------*/
#contentLeft .postBox .date{
float:left;
width:47px;
height:50px;
text-align:center;
padding-right:25px;
}
#contentLeft .postBox .date .month{
color:#ccc;
font-size:10px;
text-transform:uppercase;
padding-bottom:5px;
}
#contentLeft .postBox .date .day {
font-size:20px;
color:#fff;
font-weight:bold;
line-height:130%;
}
/*----------------------------------------------------
{--------} Post Title {--------}
----------------------------------------------------*/
#contentLeft h1 {
border:medium none;
width: 100%;
font-family: "Lao UI",Arial,Verdana;
color: #414040;
font-size:29px;
text-transform: uppercase;
}
#contentLeft h1 a {
padding:0;
font-family: "Lao UI",Arial,Verdana;
color: #414040;
line-height:110%;
text-decoration:none;
font-weight:normal;
border:none;
}
#contentLeft .postBox h1 a:hover{
color:#282828;
}
/*----------------------------------------------------
{--------} Mata Data {--------}
----------------------------------------------------*/
.metadata {
text-transform: uppercase;
color: #979797;
font-size: 12px;
margin-bottom: 10px;
}
.meta-arrow {
height:4px;
left:19px;
position:absolute;
top:-4px;
width:7px;
}
/*----------------------------------------------------
{--------} Read More Link {--------}
----------------------------------------------------*/
#contentLeft .postBox a.more-link {
display:block;
width:90px;
height:24px;
text-align:center;
clear:both;
border:none;
line-height:22px;
margin-top:10px;
}
/*----------------------------------------------------
{--------} Post Social {--------}
----------------------------------------------------*/
#contentLeft .social p {
margin:0 0 10px 0;
}
#contentLeft .social a {
border:none;
}
#contentLeft .social a img {
padding:5px;
border:none;
background:none;
}
#contentLeft .social a:hover img {
}
#contentLeft .social strong {
color:#9b0505;
}
.social {
margin:30px 0 10px;
}
/*----------------------------------------------------
{--------} Banner {--------}
----------------------------------------------------*/
.banner {
float:left;
margin:0 0 0 7px;
}
.banner a {
float:left;
margin:0 20px 20px 0;
}
.banner .right-ad{
margin:0;
}
/*--------------------------------------------------------
{--------} Subscription Box {--------}
---------------------------------------------------------*/
#subscription_box {
padding: 10px 10px 0 10px;
}
#subscription_box img {
margin: 0 10px 15px 0;
}
#subscription_border_bottom {
background-image:url(images/subscription_border_bottom.jpg);
width: 272px; height: 28px;
}
/*--------------------------------------------------------
{--------} Ads 1 {--------}
---------------------------------------------------------*/
.ads1 {
float:right;
margin:55px 20px 0 0;
}
/*--------------------------------------------------------
{--------} Search Forms {--------}
---------------------------------------------------------*/
#searchform {
position:absolute; top: 10px; right: 0;
width:190px;
}
#searchform input {
background:url(http://3.bp.blogspot.com/_dZM2bJJMfBs/TQ7TQz0FZKI/AAAAAAAABUs/TpEP5VhP19k/s000/searchbox_bg.png);
border:medium none;
color:#fff;
float:left;
font-size:12px;
padding:9px 3px 9px 15px;
width:130px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#searchform input#searchsubmit {
background:url(http://3.bp.blogspot.com/_dZM2bJJMfBs/TQ7TRLHc9-I/AAAAAAAABUw/6y-8c39Qf1U/s000/searchbutton.png);
border:medium none;
cursor:pointer;
height:32px;
margin:0;
padding:0;
width:32px;
}
/*----------------------------------------------------
{--------} Sidebar {--------}
----------------------------------------------------*/
#sidebar-wrapper {
float:right;
margin:15px 20px 0 0;
padding:12px 0 0 0;
position:relative;
width:305px;
background: #fff;
border: 1px solid #d5d5d5;
}
/*--------------------------------------------
{--------} Sidebar Title {--------}
--------------------------------------------*/
.sidebar h2 {
color:#414040;
font:normal 19px "Lao UI",Arial,Tahoma,Helvetica,serif;
text-transform:uppercase;
background-image:url(http://4.bp.blogspot.com/_dZM2bJJMfBs/TQ7TRXF4fKI/AAAAAAAABU0/eRVGKtxCCAc/s000/sidebar_title_bg.png);
background-repeat: no-repeat;
width: 265px; height: 26px;
padding: 6px 0 0 25px;
}
/*--------------------------------------------
{--------} Sidebar Widget {--------}
--------------------------------------------*/
.sidebar .widget {
margin: 0 auto;
position:relative;
width:280px;
padding-left: 3px;
color: #8b8b8b;
}
/*----------------------------------------------------------
{--------} Sidebar Widget Content {--------}
-----------------------------------------------------------*/
.sidebar .widget-content {
padding: 5px 10px;
margin-bottom:20px;
}
.sidebar ul {
list-style-type: none;
margin: 0 5px ;
padding: 0;
}
.sidebar li {
color:#6f6f6f;
text-decoration: none;
padding: 0px 0px 0px 0px;
display:block;
border-bottom:1px solid #eee;
list-style-type:none;
line-height:28px;
}
.sidebar li a:link, .sidebar li a:visited {
color:#6f6f6f;;
text-decoration: none;
}
.sidebar li a:hover {
color: #0a65bd;
}
#sidebar ul li a{
margin:0;
padding: 0 0 0 20px;
line-height: 20pt;
list-style-type: square;
background:url(http://4.bp.blogspot.com/_dZM2bJJMfBs/TQ7TRZz0oVI/AAAAAAAABU4/gO-naF7quNY/s000/bullet.png) no-repeat 0 3px;
}
/*----------------------------------------------------------
{--------} Sidebar Widget Image {--------}
-----------------------------------------------------------*/
.sidebar img {
padding: 3px;
border: 1px solid #d5d5d5;
margin: 0 10px 0px 0;
}
/*----------------------------------------------------
{--------} Sidebar Label {--------}
----------------------------------------------------*/
#Label1 ul li{
float: left;
width: 48%;
}
#Label2 ul li{
float: left;
width: 46%;
}
/*----------------------------------------------------
{--------} Blog Archiv {--------}
----------------------------------------------------*/
#BlogArchive1_ArchiveMenu {
border:1px solid #eee;
color:#6f6f6f;;
text-decoration: none;
margin-left:0px;
margin-top:5px;
padding:10px;
width:260px;
}
/*----------------------------------------------------
{--------} Popular Post {--------}
----------------------------------------------------*/
.item-thumbnail {
display:none;
}
/*----------------------------------------------------
{--------} Profile {--------}
----------------------------------------------------*/
#Profile1{
margin-bottom:10px;
}
.profile-link {
display:none;
}
/*--------------------------------------------------------
{--------} Clearing {--------}
---------------------------------------------------------*/
.clearfix:after {
content: ".";
display:block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: block;
}
/*--------------------------------------------------------
{--------} Hide From IE Mac {--------}
---------------------------------------------------------*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*--------------------------------------------------------
{--------} Clear {--------}
---------------------------------------------------------*/
.clear {
clear: both;
}
/*--------------------------------------------------------
{--------} No clear {--------}
---------------------------------------------------------*/
.noclear {
clear: none;
}
/*----------------------------------------------------------
{--------} Thumbnail Background {--------}
------------------------------------------------------------*/
.thumbnail_bg {
background-color: #8f8f8f;
width: 575px; height: 255px;
}
/*--------------------------------------------------------
{--------} Post image Preloader {--------}
---------------------------------------------------------*/
.post-image-prelaoder {
float:left;
margin:0;
width:575px;
height:255px;
margin: -3px 0 0 -3px !important;
}
/*--------------------------------------------------------
{--------} EEE {--------}
---------------------------------------------------------*/
.eee {
float:left;
margin:5px 0 10px;
position:relative;
}
/*--------------------------------------------------------
{--------} Big Comment {--------}
---------------------------------------------------------*/
.big-comm {
background:url("images/bt-post-comm.png") no-repeat scroll 0 0 transparent;
float:right;
height:39px;
margin:0;
padding:3px 5px 0 0;
text-align:center;
width:46px;
}
.big-comm a {
color:#4C4C4C;
display:block;
font:20px Tahoma,Arial,Helvetica,sans-serif;
text-align:center;
text-decoration:none;
text-shadow:1px 1px #FFFFFF;
}
.big-comm a:hover{
text-decoration:none;
color:#404040;
}
/*--------------------------------------------------------
{--------} Slide Show {--------}
---------------------------------------------------------*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
#slideshow {
margin:0 auto;
position:relative;
width:945px;
height:280px;
background: #fff;
border: 1px solid #d5d5d5;
background-repeat: no-repeat;
margin-top: 20px;
}
#slider {
float:left;
}
.slider-post p{
margin:0;
}
.featured-post{width:945px; background: none !important; height: 280px;}
.slider-image {
width: 924px; height: 262px;
position: relative;
margin: 5px 0 0 7px;
}
.slider-image img { border: 3px solid #fff5e4;}
.slider-post {
color:#fff;
font-size:110% !important;
line-height:1.8em;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
position: absolute; top: 140px; left: 20px;
width: 875px; height: 120px;
background-image:url(http://1.bp.blogspot.com/_dZM2bJJMfBs/TQ7TR7__MjI/AAAAAAAABU8/SDlmvhGjo2U/s000/transp_bg.png);
padding: 0 15px;
}
.slider-post h2 {margin: 10px 0 5px 0; line-height: 40px;}
.slider-post h2 a{
color:#fff;
font-family: "Lao UI", Tahoma, Arial;
font-size: 23px; font-weight: normal;
}
.slider-post-meta {background:none repeat scroll 0 0 #113D64;color:#fff;font-size:11px;margin:5px 0 15px;padding:5px;line-height:1.2em}
.slider-post-meta a {color:#BDE9FB;font-style:normal}
.slider-post-meta a:hover {color:#F9D7A4}
.slider_readmore {
background-image:url(images/readmore.png);
display: block;
width: 131px; height: 72px;
line-height: 72px;
text-align: center;
float: right;
margin-top: 20px;
}
.slider_readmore a {font-family: Arial; font-size: 13px; font-weight: bold; color: #540d1c; text-shadow: 1px 1px #ecb873;}
#slider-nav {
bottom:-34px;
position:absolute;
right:47%;
z-index:9;
margin:3px 0 14px;
}
#slider-nav a {
background:url("images/bo-slider-nav.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:21px;
margin-right:1px;
text-indent:-9999px;
width:15px;
}
#featured_tag {
background-image:url(http://4.bp.blogspot.com/_dZM2bJJMfBs/TQ7TR7vzBkI/AAAAAAAABVA/jtQNATRg2vM/s000/featured_tah.png);
width: 33px; height: 77px;
position: absolute; top: -5px; left: 20px;
z-index: 10;
}
div#slider-nav a.activeSlide {background: url(images/bo-slider-nav-active.png) no-repeat;}
.slider-arrow {
position:absolute;
top: 0;
z-index:999;
}
span#prev, span#next{display:block;height:19px;position:absolute;text-indent:-9999px;top:100px;width:63px;}
span#prev {
background:url(http://4.bp.blogspot.com/_dZM2bJJMfBs/TQ7TSKoKNFI/AAAAAAAABVE/auZXntBdvZ8/s000/slider_prev.png) no-repeat scroll 0 0 transparent;
height:76px;
left:-63px;
width:63px;
}
span#next {
background:url(http://3.bp.blogspot.com/_dZM2bJJMfBs/TQ7TSmphhfI/AAAAAAAABVI/-s7j4wzqViw/s000/slider_next.png) no-repeat scroll 0 0 transparent;
height:76px;
left:945px;
width:63px;
}
/*--------------------------------------------------------
{--------} Read More {--------}
---------------------------------------------------------*/
a.readmore span {
display:block;
height:34px;
padding:0 5px 0 10px;
}
.readmore{
background:#F4F9FB;display:block;float:
right;height:34px;line-height:34px;
margin:8px 10px 0 0;
padding-right:9px;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 1px #D5D5D5 inset;
box-shadow: 1px 1px 1px #D5D5D5 inset;
-webkit-box-shadow: 1px 1px 1px #D5D5D5 inset;
}
.readmore:hover{
background:#113D64;
text-shadow:1px 1px 1px #357BC5;color:#fff
}
.socials_btn{
clear:both;
}
/*--------------------------------------------------------
{--------} Essential Style {--------}
---------------------------------------------------------*/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
/*--------------------------------------------------------
{--------} Demo Skin {--------}
---------------------------------------------------------*/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #CFDEFF;
padding: .75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #13a;
}
.sf-menu li {
}
.sf-menu li li {
background: #AABDE6;
}
.sf-menu li li li {
background: #9AAEDB;
}
/*--------------------------------------------------------
{--------} Arrows {--------}
---------------------------------------------------------*/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*---------------------------------------------------------------
{--------} Shadow For All But IE6 {--------}
----------------------------------------------------------------*/
.sf-shadow ul {
background: url('../images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/*--------------------------------------------------
{--------} Footer {--------}
---------------------------------------------------*/
#footer {
background:url('http://1.bp.blogspot.com/_dZM2bJJMfBs/TQ7TS9jpSpI/AAAAAAAABVM/IpeT-wgm1rk/s000/r-footer-bg.png') no-repeat top;
color:#868686;
font-size:11px;
margin:0 auto;
padding:20px 0 15px;
position:relative;
width:1000px;
text-align: center;
}
#footerLinks {
position:absolute;
top:12px;
right:0;
}
/*----------------------------------------------------
{--------} Comment {--------}
----------------------------------------------------*/
#commentsbox {
margin-left:5px;
padding:10px;
}
/*----------------------------------------------------------
{--------} Comment Answer Box Title {--------}
-----------------------------------------------------------*/
h3#comments{
font-weight: bold;
font-size: 20px;
padding: 0;
margin: 0 0 15px 0;
padding: 10px;
display: block;
background: #fff;
border: 1px solid #DFDFDF;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/*----------------------------------------------------------
{--------} Comment Answer Box Ordered {--------}
-----------------------------------------------------------*/
ol.commentlist {
margin:0px 0 0;
clear:both;
overflow:hidden;
list-style:none;
}
/*----------------------------------------------------------
{--------} Comment Answer Box Ordered List {--------}
-----------------------------------------------------------*/
ol.commentlist li {
margin:5px 0;
line-height:18px;
padding:10px;
border: 1px solid #DFDFDF;
background:#fff;
}
/*-----------------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Comment Author{--------}
-------------------------------------------------------------------------------*/
ol.commentlist li .comment-author {
color:#555;
}
/*----------------------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Comment Author Link A Visited{--------}
----------------------------------------------------------------------------------*/
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
color:#555;
font-weight:bold;
text-decoration:none !important;
}
/*---------------------------------------------------------------
{--------} Comment Answer Box List Author Fn {--------}
----------------------------------------------------------------*/
ol.commentlist li .comment-author .fn {
color:#555;
}
/*----------------------------------------------------------
{--------} Comment Answer Box Cite Fn {--------}
-----------------------------------------------------------*/
cite.fn{
color:#555;
font-style:normal;
}
/*-------------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Avatar {--------}
--------------------------------------------------------------------------*/
ol.commentlist li .comment-author .avatar{
float:right;
border:1px solid #413E45;
background:#413E45;
padding:3px;
}
/*--------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Mata {--------}
---------------------------------------------------------------------*/
ol.commentlist li .comment-meta{
font-size:10px;
}
/*--------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Commentmata Data {--------}
---------------------------------------------------------------------*/
ol.commentlist li .comment-meta .commentmetadata{
color:#000;
}
/*--------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Mata A {--------}
---------------------------------------------------------------------*/
ol.commentlist li .comment-meta a {
color:#666;
text-decoration:none !important;
}
/*------------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Paragraph {--------}
--------------------------------------------------------------------------*/
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#999;
font-size:12px;
}
/*--------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Odd {--------}
---------------------------------------------------------------------*/
ol.commentlist li.odd {
}
/*--------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Even {--------}
---------------------------------------------------------------------*/
ol.commentlist li.even {
}
/*--------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Children {--------}
---------------------------------------------------------------------*/
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
/*--------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Depth {--------}
---------------------------------------------------------------------*/
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
/*--------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Depth {--------}
---------------------------------------------------------------------*/
ol.commentlist li ul.children li.depth-3 {
margin:0 0 0px 50px;
}
/*--------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Depth {--------}
---------------------------------------------------------------------*/
ol.commentlist li ul.children li.depth-4 {
margin:0 0 0px 50px;
}
/*--------------------------------------------------------------------
{--------} Comment Answer Box Ordered List Depth {--------}
---------------------------------------------------------------------*/
ol.commentlist li ul.children li.depth-5 {
margin:0 0 0px 50px;
}
/*----------------------------------------------------
{--------} Comment Answer Box Nav {--------}
-----------------------------------------------------*/
.comment-nav{
padding:5px ;
height:20px;
}
/*------------------------------------------------------------------
{--------} Comment Answer Box Nav Link A Visited {--------}
--------------------------------------------------------------------*/
.comment-nav a:link,.comment-nav a:visited{
color:#E73540;
}
/*----------------------------------------------------------------------
{--------} Comment Answer Box Avatar Image Container {--------}
------------------------------------------------------------------------*/
.avatar-image-container {
float:right;
border: 1px solid #ddd;
padding: 4px;
height:32px;
width:32px;
}
/*----------------------------------------------------------------------
{--------} Comment Answer Box Image Container Image {--------}
-----------------------------------------------------------------------*/
.avatar-image-container img {
background:url(http://www.opendrive.com/files/6532718_pabxK/avatar.png) no- repeat;
height:32px;
width:32px;
}
/*----------------------------------------------------
{--------} Comment Writing Box {--------}
----------------------------------------------------*/
#respond{
padding:10px 10px ;
margin:10px 0px;
border: 1px solid #DFDFDF;
background:#fff;
}
/*------------------------------------------------------
{--------} Comment Writing Box Title {--------}
-------------------------------------------------------*/
#respond h3 {
font-weight: bold;
font-size: 20px;
padding: 0;
margin: 0 0 15px 0;
padding: 10px;
display: block;
background: #fff;
border: 1px solid #DFDFDF;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/*-------------------------------------------------------------
{--------} Comment Writing Box Comment Form {--------}
--------------------------------------------------------------*/
#commentform {
padding:10px 20px;
}
/*-------------------------------------------------------------
{--------} Comment Writing Box Comment Form A {--------}
--------------------------------------------------------------*/
#commentform a {
color:#E73540;
}
/*--------------------------------------------------------------------
{--------} Comment Writing Box Comment Form Paragraph {--------}
---------------------------------------------------------------------*/
#commentform p{
margin:5px 0px ;
color:#999;
}
/*-------------------------------------------------------------
{--------} Comment Writing Box Respond {--------}
--------------------------------------------------------------*/
#respond label{
display:block;
padding:5px 0;
color:#999;
}
/*----------------------------------------------------------------------
{--------} Comment Writing Box Respond Label Small {--------}
-----------------------------------------------------------------------*/
#respond label small {
font-size:10px;
}
/*-------------------------------------------------------------
{--------} Comment Writing Box Respond Input {--------}
--------------------------------------------------------------*/
#respond input {
margin-bottom:10px;
padding:5px 5px;
margin:0 10px 10px 0;
background:#fff;
border:1px solid #ddd;
color:#555;
}
/*-------------------------------------------------------------
{--------} Comment Writing Box Input {--------}
--------------------------------------------------------------*/
#commentform input{
width:50%;
}
/*-------------------------------------------------------------
{--------} Comment Writing Box Respond Submit {--------}
--------------------------------------------------------------*/
#respond input#commentSubmit {
width:100px;
padding:3px 5px;
background:#444;
border:1px solid #222;
color:#fff;
margin:10px 0px;
cursor:pointer;
}
/*-------------------------------------------------------------------
{--------} Comment Writing Box Respond Text Area {--------}
--------------------------------------------------------------------*/
textarea#comment{
border:none;
background:#fff;
border:1px solid #ddd;
width:70%;
margin:10px 0px 0px 0px;
padding:5px 5px;
color:#555;
}

-->

O si el codigo no va descargar aqui

Ahora Los siguientes diseños van sin codigo debido a que algunos diseños no van poniendo los codigos
A Continuacion pondre la descarga solo, Sentimos las molestias .

GuitarCSS

Descargar diseño click aqui

IvideogamesCS

Descargar diseño click aqui