Musicaparatusoidos

DISEÑOS CSS

Aqui pondre algunos diseños css para tu pagina web disfrutalos!

CHRISTMAS

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=4178c1f6-cd87-4ff4-95b1-bc3beae1e9c9"/>  <style type="text/css">#navbar-iframe { display:block } </style> <script type="text/javascript"> 
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>  <body class='font-medium width-wide' id='page'>  <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='home'>    <div class='wpr floatholder'>  <div class='wpr-t'>  <div class='wpr-b'>  <div class='wpr-l'>  <div class='wpr-r'>  <div class='wpr-tl'>  <div class='wpr-tr'>  <div class='wpr-bl'>  <div class='wpr-br'>    <div id='header'>    <a href='#' _fcksavedurl='#'><img alt='' class='correct-png' id='logo' src='http://3.bp.blogspot.com/_nI2w1Z0MWcE/TQ3Jfw24pCI/AAAAAAAABAk/wfMEKUnzBDA/s1600/logo.png' _fcksavedurl='http://3.bp.blogspot.com/_nI2w1Z0MWcE/TQ3Jfw24pCI/AAAAAAAABAk/wfMEKUnzBDA/s1600/logo.png' title=''/></a>      <div id='searchbox'>  <form action='#' id='searchform' method='get'>  <ul>  <li class='searchtext'><input class='searchinput' id='s' name='s' onblur_fckprotectedatt="%20onblur%3D'if(this.value%3D%3D'"')this.value='Search...';' onclick_fckprotectedatt="%20onclick%3D'if(this.value%3D%3D'"Search...')this.value='';' type='text' value=''/></li>  <li class='searchbutton'><input class='searchsubmit' id='searchsubmit' type='submit' value=''/></li>  </ul>  </form>  </div>      <div id='topmenu'>  <ul>  <li class='current_page_item'><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  </ul>  </div>    </div>      <div id='middle'>  <div class='background layoutright'>  <div id='main'>  <div class='clearingfix' id='main_container'>  <div class='floatbox withoutleft' id='mainmiddle'>  <div id='right'>  <div class='clearingfix' id='right_container'>  <div class='side banners'>  <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'><img alt='Afiliados' height='125' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' _fcksavedurl='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='125'/></a>  <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'><img alt='Afiliados' height='125' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' _fcksavedurl='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='125'/></a> <a href='#' _fcksavedurl='#'><img alt='Afiliados' height='125' id='Image1_img' src='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' _fcksavedurl='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' width='125'/></a> <a href='#' _fcksavedurl='#'><img alt='Afiliados' height='125' id='Image1_img' src='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' _fcksavedurl='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' width='125'/></a> <br clear='all'/>  </div>    <div class='sidebox section' id='sidebox'><div class='widget LinkList' id='LinkList4'>  <h2>Menu</h2>  <div class='widget-content'>  <ul>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>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='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  </ul>  <div class='clear'></div>  </div>  </div>  </div>    </div>  </div>  <div id='content'>  <div class='clearingfix' id='content_container'>  <div class='floatbox'>    <div class='main section' id='main'><div class='widget Blog' id='Blog1'>

Texto por debajo de la pagina

</div></div>    <div class='navigation clearingfix'>  <div class='alignleft'></div>  <div class='alignright'></div>  </div>  </div>  </div>  </div>  </div>  </div>  </div>  </div>  </div>    </div>  </div>  </div>  </div>  </div>  </div>  </div>  </div>  </div>    </div>    <div id='footer'>    <div class='wpr floatholder'>    <div id='footermenu'>  <ul>  <li class='current_page_item'><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  </ul>  </div>  <br clear='all'/>    <div id='footerwrapper'>  <div id='footercontainer'>  <div id='footerblock-a'>  <div class='footerblock section' id='footerblock'><div class='widget LinkList' id='LinkList5'>  <h2>Menu</h2>  <div class='widget-content'>  <ul>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  </ul>  <div class='clear'></div>  </div>  </div>  </div>  <br clear='all'/>  </div>  <div id='footerblock-b'>  <div class='footerblock section' id='footerblock2'><div class='widget LinkList' id='LinkList6'>  <h2>Menu</h2>  <div class='widget-content'>  <ul>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  </ul>  <div class='clear'></div>  </div>  </div>  </div>  <br clear='all'/>  </div>  <div id='footerblock-c'>  <div class='footerblock section' id='footerblock3'><div class='widget LinkList' id='LinkList7'>  <h2>Menu</h2>  <div class='widget-content'>  <ul>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  <li><a href='#' _fcksavedurl='#' title=''>Menu</a></li>  </ul>  <div class='clear'></div>  </div>  </div>  </div>  <br clear='all'/>  </div>  <br clear='all'/>  </div>  </div>  <br clear='all'/>  </div>    <div id='copyright'>    <div class='wpr floatholder'>  <div style='float:right;'>Copyright  © Tu Web | <strong><font color="orange">Template Adapted By <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'>TEmplatECSS</a> | Powered By <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'>TEmplatECSS</a> | Hosted At <a href="http://es.tl/" _fcksavedurl="http://es.tl/">PwG</a></font></strong> </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  : ChristmasV1  ------------------------------------------------------*/ #navbar-iframe{display:none;} /*---------------------------------------------------- {--------}  Generic  {--------} ----------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; } /*---------------------------------------------------- {--------}  Fieldset Image  {--------} ----------------------------------------------------*/ fieldset,img{ border:0; } /*---------------------------------------------------- {--------}  HTML  {--------} ----------------------------------------------------*/ html{ height:100%; margin-bottom:1px; } /*---------------------------------------------------- {--------}  Body  {--------} ----------------------------------------------------*/ body{ position:relative; } /*---------------------------------------------------- {--------}  Underline  {--------} ----------------------------------------------------*/ ul{ margin:0; padding:0; } /*---------------------------------------------------- {--------}  Underline List  {--------} ----------------------------------------------------*/ ul li{ margin:0; padding:0; list-style:none; } /*---------------------------------------------------- {--------}  Ordered {--------} ----------------------------------------------------*/ ol{ margin:0; padding:0; } /*---------------------------------------------------- {--------}  Ordered List {--------} ----------------------------------------------------*/ ol li{ margin:0; padding:0; list-style:none; } /*---------------------------------------------------- {--------}  A Referral Image {--------} ----------------------------------------------------*/ a img{ border:none; } /*---------------------------------------------------- {--------}  Paragraph {--------} ----------------------------------------------------*/ p img{ padding:0; max-width:100%; } /*---------------------------------------------------- {--------}  Clear Both {--------} ----------------------------------------------------*/ .clear{ clear:both; } /*---------------------------------------------------- {--------} A Referral Link {--------} ----------------------------------------------------*/ a:link, a:visited{ color:#444; text-decoration:none; } /*-------------------------------------------------------- {--------} A Referral Link Hover {--------} ---------------------------------------------------------*/ a:hover{ color:#C00; text-decoration:underline; } /*------------------------------------------------------ {--------} h1/h2/h3,h4,h5,h6 {--------} -------------------------------------------------------*/ h1, h2, h3, h4, h5, h6{ font-family:Georgia; font-weight:normal; padding-bottom:0px; margin-bottom:5px; line-height:100%; color:#444; } /*---------------------------------------------------- {--------} Header 1 {--------} ----------------------------------------------------*/ h1{ font-size:250%; } /*---------------------------------------------------- {--------} Header 2 {--------} ----------------------------------------------------*/ h2{ font-size:225%; padding:5px 0; } /*---------------------------------------------------- {--------} Header 3 {--------} ----------------------------------------------------*/ h3{ font-size:200%; padding:5px 0; } /*---------------------------------------------------- {--------} Header 4 {--------} ----------------------------------------------------*/ h4{ font-size:175%; padding:5px 0; } /*---------------------------------------------------- {--------} Header 5 {--------} ----------------------------------------------------*/ h5{ font-size:150%; padding:5px 0; } /*---------------------------------------------------- {--------} Header 6 {--------} ----------------------------------------------------*/ h6{ font-size:125%; padding:5px 0; } /*---------------------------------------------------- {--------} Page Title {--------} ----------------------------------------------------*/ h2.pagetitle{ font-size:250%; font-weight:normal; color:#900; font-family:Georgia; margin:0 0 20px 0; } /*---------------------------------------------------- {--------}  Page Setup {--------} ----------------------------------------------------*/ body{ font-family:Tahoma; font-size:12px; line-height:150%; color:#444; } /*---------------------------------------------------- {--------}  Page  {--------} ----------------------------------------------------*/ body#page{ background:#EBE9E1 url(http://2.bp.blogspot.com/_nI2w1Z0MWcE/TQ2EiXfNzGI/AAAAAAAAA78/LKA6RXgpCuo/s1600/page_bg.jpg) 50% 0 repeat-x; } /*----------------------------------------------------------- {--------}  Set Body Font Fize  {--------} ------------------------------------------------------------*/ body.font-small{ font-size:11px; } body.font-medium{ font-size:12px; } body.font-large{ font-size:13px; } /*--------------------------------------------------------- {--------}  Set Body Width   {--------} --------------------------------------------------------*/ body.width-thin div.wpr{ width:780px; } body.width-wide div.wpr{ width:930px; } body.width-fluid div.wpr{ width:90%; } /*---------------------------------------------------- {--------}  Layout  {--------} ----------------------------------------------------*/ div#home{ background:url(http://2.bp.blogspot.com/_nI2w1Z0MWcE/TQ2EtnOcrZI/AAAAAAAAA8E/RR0q_5ZKJGw/s1600/header.jpg) 50% 0 no-repeat; } /*---------------------------------------------------- {--------}  Wrapper {--------} ----------------------------------------------------*/ div.wpr{ margin:auto; } div.wpr .wpr-br{ min-height:470px; padding:0px 0px 10px 0px; } /*---------------------------------------------------- {--------}  Header  {--------} ----------------------------------------------------*/ div#header{ position:relative; height:246px; margin:0px 0px 0px 0px; } /*---------------------------------------------------- {--------}  Logo  {--------} ----------------------------------------------------*/ span#logo, img#logo{ position:absolute; top:65px; right:30px; width:300px; height:125px; border:0; } /*---------------------------------------------------- {--------}  Middle  {--------} ----------------------------------------------------*/ div#middle{ width:auto; margin:10px 0px 0px 0px; clear:both; } /*---------------------------------------------------- {--------}  Background  {--------} ----------------------------------------------------*/ div#middle .background{ min-height:140px; } /*---------------------------------------------------- {--------}  Layout Right  {--------} ----------------------------------------------------*/ div#middle .layoutright{ background:none; } /*---------------------------------------------------- {--------}  Main  {--------} ----------------------------------------------------*/ div#main{ width:auto; } div#middle .layoutright div#main{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } div#middle .withoutleft div#main{ margin:0px 12px 0px 12px; } div#mainmiddle{ margin:0px 0px 10px 0px; } div#main .withright{ } /*---------------------------------------------------- {--------}  Right  {--------} ----------------------------------------------------*/ div#right{ width:300px; padding:0px 0px 0px 20px; float:right; } /*---------------------------------------------------- {--------}  Content  {--------} ----------------------------------------------------*/ div#content{ width:auto; } /*---------------------------------------------------- {--------}  Footer  {--------} ----------------------------------------------------*/ div#footer{ width:auto; padding:10px 0px 0px 0px; clear:both; color:#ffffff; background:#620001 url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2E2uYDn0I/AAAAAAAAA8M/RSv0S76O1Hk/s1600/footer-bg.jpg) 0 0 repeat-x; } /*---------------------------------------------------- {--------}  Clearing & Floating  {--------} ----------------------------------------------------*/ .clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;} .clearingfix{display:block;} .floatbox{overflow:hidden;} /*---------------------------------------------------- {--------}  Search Box  {--------} ----------------------------------------------------*/ div#searchbox{ position:absolute; top:5px; right:-4px; height:34px; } div#searchbox ul{ padding:0px; margin:0px; list-style:none; float:left; } div#searchbox li{ float:left; display:block; } div#searchbox li.searchtext{ width:280px; height:23px; margin:0 10px 0 0; padding:2px 0 0 0; } div#searchbox li.searchbutton{ width:60px; height:23px; } div#searchbox input.searchinput{ width:290px; background:none; border:none; color:#FFF; font-family:Tahoma; } div#searchbox input.searchsubmit{ height:23px; width:60px; background:none; border:none; cursor:pointer; } img#rss-link{ position:absolute; top:172px; left:-105px; } img#contact-link{ position:absolute; top:275px; left:-140px; } /*---------------------------------------------------- {--------}  Top Menu {--------} ----------------------------------------------------*/ div#topmenu{ position:absolute; top:202px; left:0px; height:34px; } div#topmenu ul{ padding:0 0 0 2px; margin:0px; list-style:none; float:left; background:url(http://2.bp.blogspot.com/_nI2w1Z0MWcE/TQ2GE68LusI/AAAAAAAAA9E/AiEaHu_K7DM/s1600/topmenu-sep.jpg) -498px 0 no-repeat; } div#topmenu li{ float:left; display:block; } div#topmenu li a{ float:left; display:block; position:relative; height:34px; padding:0px 20px; background:url(http://3.bp.blogspot.com/_nI2w1Z0MWcE/TQ2F8_I4ELI/AAAAAAAAA88/TnxRqt-GyU8/s1600/topmenu-sep.jpg) 100% 0 no-repeat; line-height:32px; overflow:hidden; font-size:100%; text-decoration:none; } div#topmenu li a:link, div#topmenu li a:visited{ color:#000; font-weight:bold; } div#topmenu li a:hover{ color:#C00; } div#topmenu li.current_page_item a:link, div#topmenu li.current_page_item a:visited{ color:#C00; font-weight:bold; } div#topmenu li.current_page_item a:hover{ color:#000; } div#topmenu ul ul{ padding:0; background:none; } /*---------------------------------------------------- {--------}  Footer Menu  {--------} ----------------------------------------------------*/ div#footer div#footermenu{ position:relative; top:6px; right:0px; height:37px; float:right; } div#footer div#footermenu ul{ padding:0px; margin:0px; list-style:none; float:left; background:url(http://4.bp.blogspot.com/_nI2w1Z0MWcE/TQ2FJKQkRyI/AAAAAAAAA8U/9CDqHo897eA/s1600/footermenu-sep.jpg) 0 0 no-repeat; } div#footer div#footermenu li{ float:left; display:block; } div#footer div#footermenu li a{ float:left; display:block; position:relative; height:37px; padding:0px 20px; background:url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2FR1ba_DI/AAAAAAAAA8c/t8Fb5O-lRMY/s1600/footermenu-sep.jpg) 100% 0 no-repeat; line-height:36px; overflow:hidden; font-size:100%; text-decoration:none; } div#footer div#footermenu li a:link, div#footer div#footermenu li a:visited{ color:#FFF; } div#footer div#footermenu li a:hover{ color:#FE5656; } div#footer div#footermenu li.current_page_item a:link, div#footer div#footermenu li.current_page_item a:visited{ color:#FE5656; } div#footer div#footermenu li.current_page_item a:hover{ color:#FFF; } div#footer div#footermenu ul ul{ padding:0; background:none; } /*---------------------------------------------------- {--------}  Comment  {--------} ----------------------------------------------------*/ div.comment a:link, div.comment a:visited{ color:#C00; } div.comment{ background:#FFF url(http://2.bp.blogspot.com/_nI2w1Z0MWcE/TQ2FzGMOU1I/AAAAAAAAA80/Hi8OtIfF_S4/s1600/post-bg.jpg) left top repeat-x; border:#DDD 1px solid; padding:19px 25px 19px 25px; margin:0 0 21px 0; line-height:180%; } div.comment div.time-comments{ border-bottom:#CCC 1px solid; padding:0 0 7px 0; font-size:90%; color:#888; margin:0 0 10px 0; } div.comment div.time-comments div.time{ float:left; background:url(http://3.bp.blogspot.com/_nI2w1Z0MWcE/TQ2Fq45k1iI/AAAAAAAAA8s/jh3tqQuPGbc/s1600/clock.png) 0 2px no-repeat; padding:0 0 0 23px; } div.comment div.time-comments div.time-awaiting{ float:left; background:url(http://4.bp.blogspot.com/_nI2w1Z0MWcE/TQ2FjKn49JI/AAAAAAAAA8k/c3gwG10afr0/s1600/minus_circle.png) 0 2px no-repeat; padding:0 0 0 23px; } div.comment div.time-comments div.num-comments{ float:right; background:url(http://2.bp.blogspot.com/_nI2w1Z0MWcE/TQ2GRI8SRqI/AAAAAAAAA9M/A4dQRJirsnU/s1600/comment.jpg) 0 4px no-repeat; padding:0 0 0 23px; } div.comment div.time-comments div.num-comments a{ color:#888; } div.comment div.time-comments div.num-comments a:hover{ color:#888; text-decoration:underline; } div.comment div.time-comments div.author-name{ float:right; background:url(http://4.bp.blogspot.com/_nI2w1Z0MWcE/TQ2GZlBeU9I/AAAAAAAAA9U/KxLUt9auiQk/s1600/author.png) 0 2px no-repeat; padding:0 0 0 23px; } div.comment div.time-comments div.author-name a:link, div.comment div.time-comments div.author-name a:visited{ color:#C00; text-decoration:none; } div.comment div.time-comments div.author-name a:hover{ color:#000; text-decoration:underline; } div.comment h1{ font-size:250%; font-weight:normal; color:#000000; font-family:Georgia; margin:0 0 20px 0; } div.comment h1 a:link, div.comment h1 a:visited{ color:#000000; } div.comment h1 a:hover{ color:#000000; } div.comment img{ float:left; padding:4px; border:#DDD 1px solid; margin:5px 20px 15px 0; } div.comment img.avatar{ float:left; padding:4px; border:#DDD 1px solid; margin:5px 15px 10px 0; } div.comment div.icons-readmore{ color:#888; margin:15px 0 0 0; } div.comment div.icons-readmore div.icons{ float:left; } div.comment div.icons-readmore div.icons a{ float:left; display:block; width:30px; height:30px; margin:0 5px 0 0; } div.comment div.icons-readmore div.icons a.one{ background:url(http://3.bp.blogspot.com/_nI2w1Z0MWcE/TQ2GiYjuYbI/AAAAAAAAA9c/Z5jFGJglZog/s1600/icon.jpg) 0 0 no-repeat; } div.comment div.icons-readmore div.icons a.two{ background:url(http://3.bp.blogspot.com/_nI2w1Z0MWcE/TQ2GiYjuYbI/AAAAAAAAA9c/Z5jFGJglZog/s1600/icon.jpg) -33px 0 no-repeat; } div.comment div.icons-readmore div.icons a.three{ background:url(http://3.bp.blogspot.com/_nI2w1Z0MWcE/TQ2GiYjuYbI/AAAAAAAAA9c/Z5jFGJglZog/s1600/icon.jpg) -65px 0 no-repeat; } div.comment div.icons-readmore div.icons a.four{ background:url(http://3.bp.blogspot.com/_nI2w1Z0MWcE/TQ2GiYjuYbI/AAAAAAAAA9c/Z5jFGJglZog/s1600/icon.jpg) -98px 0 no-repeat; } div.comment div.icons-readmore div.icons a.five{ background:url(http://3.bp.blogspot.com/_nI2w1Z0MWcE/TQ2GiYjuYbI/AAAAAAAAA9c/Z5jFGJglZog/s1600/icon.jpg) -131px 0 no-repeat; } div.comment div.icons-readmore div.readmore{ float:right; margin:5px 0 0 0; } div.comment div.icons-readmore div.readmore a.more{ background:url(http://2.bp.blogspot.com/_nI2w1Z0MWcE/TQ2TsiPYKvI/AAAAAAAABAE/67LeSVnb5Ig/s1600/readmore-bg.png) 0% 0px no-repeat; padding:4px 27px 6px 14px; color:#666; font-size:90%; } div.comment div.icons-readmore div.readmore a.more:hover{ color:#000; text-decoration:none; } div.comment ul{ margin:10px 0 10px 20px; padding:0; } div.comment ul li{ margin:0; padding:0; list-style:disc; } div.comment ol{ margin:10px 0 10px 30px; padding:0; } div.comment ol li{ margin:0; padding:0; list-style:decimal; } div.comment p{ margin:10px 0; padding:0; } div.comment blockquote, div.comment pre{ margin:15px 0px; padding:1px 15px 1px 15px; border-left:5px solid #900; background:#F3F3F3; font-family:'Courier New', Courier; } div.comment blockquote cite{ margin:5px 0 0; display:block; } div.comment code{ font:1em 'Courier New', Courier, Fixed; padding:10px 15px; border:1px dashed #BBB; background:#F3F3F3; display:block; margin:15px 0px; } div.comment quote{ padding:0px 0px 0px 60px; background:#FFF url(http://4.bp.blogspot.com/_nI2w1Z0MWcE/TQ2Gv7PJs9I/AAAAAAAAA9k/6TQAhUeiYx8/s1600/quote.png) 2px 2px no-repeat; display:block; margin:15px 0px; } div.comment quote code{ padding:0; border:none;display :block;margin:0px; } img.centered{ display:block; margin-left:auto; margin-right:auto; } img.alignright{ padding:4px; margin:0 0 2px 7px; display:inline; } img.alignleft{ padding:4px; margin:0 7px 2px 0; display:inline; } .alignright{ float:right; } .alignleft{ float:left } /*---------------------------------------------------- {--------}  Comment {--------} ----------------------------------------------------*/ #commentsbox { background:#FFF url(http://2.bp.blogspot.com/_nI2w1Z0MWcE/TQ2FzGMOU1I/AAAAAAAAA80/Hi8OtIfF_S4/s1600/post-bg.jpg) left top repeat-x; border:#DDD 1px solid; padding:19px 25px 19px 25px; margin:0 0 21px 0; line-height:180%; } /*---------------------------------------------------------- {--------}  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; } /*---------------------------------------------------- {--------}  Sidebar  {--------} ----------------------------------------------------*/ div.sidebox{} /*---------------------------------------------------- {--------}  Side  {--------} ----------------------------------------------------*/ div.side{ background:#F5F4F0 url(http://4.bp.blogspot.com/_nI2w1Z0MWcE/TQ2IjUBj24I/AAAAAAAAA-0/TGJvFM5Ay3Q/s1600/sidebox-bg.jpg) left top repeat-x; border:#DDD 1px solid; padding:15px 18px 20px 18px; margin:0 0 20px 0; } div.sidebox div.widget { background:#F5F4F0 url(http://4.bp.blogspot.com/_nI2w1Z0MWcE/TQ2IjUBj24I/AAAAAAAAA-0/TGJvFM5Ay3Q/s1600/sidebox-bg.jpg) left top repeat-x; border:#DDD 1px solid; padding:15px 18px 20px 18px; margin:0 0 20px 0; } div.sidebox h2 { padding: 12px 0 10px 0px; font-size:180%; font-weight:normal; color:#000000; font-family:Georgia; margin:0 0 6px 0; border-bottom:#ccc 1px solid ; } div.sidebox h2  a, div.sidebox h2  a:hover { color: #545454; text-decoration: none; } div.sidebox ul{ padding:0px; margin:0px; list-style:none; } div.sidebox ul li{ background:url(http://4.bp.blogspot.com/_nI2w1Z0MWcE/TQ2IrI5EHsI/AAAAAAAAA-8/-Z6U0FnvtTc/s1600/sidebox-li.jpg) 0 5px no-repeat; padding:4px 0 4px 23px; } div.sidebox ul li ul{ padding:0px; margin:5px 0 -2px 0px; list-style:none; } div.sidebox ul li ul li{ background:url(http://4.bp.blogspot.com/_nI2w1Z0MWcE/TQ2IrI5EHsI/AAAAAAAAA-8/-Z6U0FnvtTc/s1600/sidebox-li.jpg) 0 5px no-repeat; padding:4px 0 4px 23px; } div.sidebox li a:link, div#sidebox li a:visited{ color:#444; } div.sidebox li a:hover{ color:#C00; } div.banners{ padding:15px 18px 15px 18px; } div.banners img{ padding:2px; } div.error{ padding:5px 15px; margin:0 0 15px 0; font-size:12px;color:#c00; border-top:2px solid #fe7b7a; border-bottom:2px solid #fe7b7a; background:#FFD6D6; } div.success{ padding:5px 15px; margin:0 0 15px 0; font-size:12px; color:#57861A; border-top:2px solid #6CAA00; border-bottom:2px solid #6CAA00; background:#EEF7DD; } div.sidebox a.url:link, div.sidebox a.url:visited{ text-decoration:underline; } div.sidebox img { padding: 5px; border: 1px solid #d5d5d5; margin: 0 10px 0px 0; } #BlogArchive1_ArchiveMenu { background:#F5F4F0; border: 1px solid #d5d5d5; color:#555;; text-decoration: none; margin-left:0px; margin-top:5px; padding:10px; width:260px; } .profile-link { display:none; } .item-thumbnail { display:none; } /*---------------------------------------------------- {--------}  Footer  {--------} ----------------------------------------------------*/ #footerwrapper{ text-align:left; margin:6px auto; padding:0px; border:0; width:930px; } #footerwrapper #footerblock-a{ float:left; width:280px; padding:10px 15px; background:url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2I9oKzVVI/AAAAAAAAA_E/AZQlceYvH9I/s1600/footerblock-sep.jpg) right 10px no-repeat; } #footerwrapper #footerblock-b{ float:left; width:280px; padding:10px 15px; background:url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2JHe2EVnI/AAAAAAAAA_M/1Mp-vwBCFLA/s1600/footerblock-sep.jpg) right 10px no-repeat; } #footerwrapper #footerblock-c{ float:right; width:280px; padding:10px 15px; } #footerwrapper  h2{ height:30px; font-style: normal; color:#fdfdfd; font-size:22px; letter-spacing:0.5px; padding-bottom:20px; text-shadow:1px 1px 0px #000; text-align:center; font-weight:normal; background:url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2-lDa1nzI/AAAAAAAABAM/YpZBxCpu2-E/s1600/footerwrapper_title.png) bottom no-repeat; } #footerwrapper ul{ padding:0px; margin:0px 10px; list-style:none; float:left; } #footerwrapper ul li{ background:url(http://3.bp.blogspot.com/_nI2w1Z0MWcE/TQ2JtTE2ofI/AAAAAAAAA_s/-TFFcUQVHfo/s1600/footerblock-li.png) 0 5px no-repeat; padding:4px 0 4px 23px; } #footerwrapper ul li a:link, div#footerwrapper ul li a:visited{ color:#FFF; } #footerwrapper ul li a:hover{ color:#FE5656; } #footerwrapper #footerblock-a ul li a:link, #footerwrapper #footerblock-a ul li a:visited{ color:#FFF; } #footerwrapper #footerblock-a ul li a:hover{ color:#FE5656; } #footerwrapper #footerblock-b ul li a:link, #footerwrapper #footerblock-b ul li a:visited{ color:#FFF; } #footerwrapper #footerblock-b ul li a:hover{ color:#FE5656; } #footerwrapper #footerblock-c ul li a:link, #footerwrapper #footerblock-c ul li a:visited{ color:#FFF; } #footerwrapper #footerblock-c ul li a:hover{ color:#FE5656; } #footer #copyright{ background:#450000; border-top:#840D0D 1px solid; padding:10px 10px 13px 10px; color:#FE5656; } #footer #copyright a:link, #footer #copyright a:visited{ color:#FFF; } #footer #copyright a:hover{ color:#FFF; } /*---------------------------------------------------- {--------}  Bookmarking  {--------} ----------------------------------------------------*/ div.single-cats{ border-top:#CCC 1px solid; margin:20px 0 0 0; padding:10px 0 0 0; } div.single-cats div.cats{ float:left; margin:6px 0 0 0; } div.single-cats div.cats a:link, div.single-cats div.cats a:visited{ text-decoration:underline; color:#C00; } div.single-cats div.cats a:hover{ text-decoration:none; color:#C00; } div.single-cats div.icons{ float:right; } div.single-cats div.icons a{ float:left; display:block; width:30px; height:30px; margin:0 5px 0 0; } div.single-cats div.icons a.one{ background:url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2J2E_pRVI/AAAAAAAAA_0/oVHEPxl2_Nk/s1600/icon.jpg) 0 0 no-repeat; } div.single-cats div.icons a.two{ background:url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2J2E_pRVI/AAAAAAAAA_0/oVHEPxl2_Nk/s1600/icon.jpg) -33px 0 no-repeat; } div.single-cats div.icons a.three{ background:url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2J2E_pRVI/AAAAAAAAA_0/oVHEPxl2_Nk/s1600/icon.jpg) -65px 0 no-repeat; } div.single-cats div.icons a.four{ background:url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2J2E_pRVI/AAAAAAAAA_0/oVHEPxl2_Nk/s1600/icon.jpg) -98px 0 no-repeat; } div.single-cats div.icons a.five{ background:url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2J2E_pRVI/AAAAAAAAA_0/oVHEPxl2_Nk/s1600/icon.jpg) -131px 0 no-repeat; } /*---------------------------------------------------- {--------}  Navigation {--------} ----------------------------------------------------*/ div.navigation{ margin:0 0 20px 0; } div.alignleft{ float:left; } div.alignright{ float:right; } div.navigation a{ color:#C00; text-decoration:underline; } div.navigation a:hover{ color:#FE5656; } div.post-tags{ border-top:#CCC 1px solid; margin:12px 0 0 0; padding:13px 0 0 0; } div.post-tags a{ padding:0px 2px 3px 22px; background:url(http://1.bp.blogspot.com/_nI2w1Z0MWcE/TQ2KBMedZrI/AAAAAAAAA_8/q65sQiQsMrI/s1600/tag_red.png) 0 0 no-repeat; }   -->

ENGAMER

Texto por encima de la pagina

Texto por debajo de la pagina

</div></div>  </div>  <div class='right'>  <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/' _fcksavedurl='http://templatecss.es.tl/'><img alt='Afiliados' height='125' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' _fcksavedurl='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='125'/></a>  <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'><img alt='Afiliados' height='125' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' _fcksavedurl='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='125'/></a> <a href='#' _fcksavedurl='#'><img alt='Afiliados' height='125' id='Image1_img' src='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' _fcksavedurl='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' width='125'/></a> <a href='#' _fcksavedurl='#'><img alt='Afiliados' height='125' id='Image1_img' src='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' _fcksavedurl='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' width='125'/></a> </center> <br/>  </div>  <div class='clear'></div>  </div><div class='widget LinkList' id='LinkList2'>  <h2>Menu</h2>  <div class='widget-content'>  <ul>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li> <li><a href='#' _fcksavedurl='#'>Menu</a></li> <li><a href='#' _fcksavedurl='#'>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='#' _fcksavedurl='#'>Menu</a></li> <li><a href='#' _fcksavedurl='#'>Menu</a></li> <li><a href='#' _fcksavedurl='#'>Menu</a></li> <li><a href='#' _fcksavedurl='#'>Menu</a></li> </ul>  <div class='clear'></div>  </div>  </div>  </div>  </div>  <div class='clear'></div>  </div>  <div id='footer'>  <div class='fleft'>  Copyright  © Tu Web | <strong><font color="orange">Template Adapted By <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'>TEmplatECSS</a> </div>  <div class='fright'>  Template Powered By <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'>TEmplatECSS</a> | Template Hosted At <a href="http://es.tl/" _fcksavedurl="http://es.tl/">PwG</a></font></strong>  </div>  <div class='clear'></div>  </div>  </div>  <div class='clear'></div>  </body> </html>

CSS-Code

FASHIONDESIGN

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/129348724-widget_css_bundle.css' />   <link rel="stylesheet" type="text/css" href="http://www.blogger.com/dyn-css/authorization.css?targetBlogID=555572411457400387&zx=a993951b-32a3-40fd-a455-7569a94b7a70"/>  <style type="text/css">#navbar-iframe { display:block } </style>  <script type='text/javascript'> 
//<![CDATA[
 
JSON.extend({
parse: function(string) {
    return JSON.decode(string);
},
stringify: function(obj) {
    return JSON.encode(obj);
}
});
 
//]]>
</script>  <script src='https://ajax.googleapis.com/ajax/libs/mootools/1.3.1/mootools-yui-compressed.js' type='text/javascript'></script>  <script type='text/javascript'> 
//<![CDATA[
 
//MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2008 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
 
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('b'+e(c)+'b','g'),k[c]);return p}('11.36=f 12({1M:11,a:{1m:"2s"},X:8(B,A){7.P("1v",8(){7.1w=(7.13["k"+7.1x.37()]!=0);b(7.1w&&2t.2u.38){7.e.39().2v(7.13)}},n);7.e=7.2w=$(B);7.Q(A);9 C=7.e.1n("13");7.13=C||f 1c("3Y",{3Z:$1Y(7.e.40("14","1N"),{41:"42"})}).43(7.e);7.e.1Z("13",7.13).1d("14",0);7.l=[];7.1w=n},2s:8(){7.14="14-15";7.1x="21";7.k=7.e.2x},22:8(){7.14="14-16";7.1x="23";7.k=7.e.2y},17:8(A){7.e.1d(7.14,A[0]);7.13.1d(7.1x,A[1]);c 7},1O:8(E,D,C){9 B=[];9 A=2;A.3a(8(F){B[F]=11.1O(E[F],D[F],C)});c B},h:8(B,E){b(!7.z(Y.2z,B,E)){c 7}7[E||7.a.1m]();9 D=7.e.1e(7.14).1P();9 C=7.13.1e(7.1x).1P();9 A=[[D,C],[0,7.k]];9 G=[[D,C],[-7.k,0]];9 F;1Q(B){o"R":F=A;1f;o"3b":F=G;1f;o"1R":F=(7.13["k"+7.1x.37()]==0)?A:G}c 7.Q(F[0],F[1])},3c:8(A){c 7.h("R",A)},3d:8(A){c 7.h("3b",A)},2A:8(A){7[A||7.a.1m]();7.1w=j;c 7.17([-7.k,0])},2B:8(A){7[A||7.a.1m]();7.1w=n;c 7.17([0,7.k])},1R:8(A){c 7.h("1R",A)}});1c.44.r={17:8(B){9 A=7.1n("r");b(A){A.Z()}c 7.3e("r").1Z("r:a",$1Y({2C:"Z"},B))},2D:8(A){b(A||!7.1n("r")){b(A||!7.1n("r:a")){7.17("r",A)}7.1Z("r",f 11.36(7,7.1n("r:a")))}c 7.1n("r")}};1c.1o({r:8(D,E){D=D||"1R";9 B=7.2D("r"),A;1Q(D){o"2A":B.2A(E);1f;o"2B":B.2B(E);1f;o"1R":9 C=7.1n("r:2E",B.1w);B[(C)?"3d":"3c"](E);7.1Z("r:2E",!C);A=n;1f;45:B.h(D,E)}b(!A){7.3e("r:2E")}c 7}});11.46=f 12({1M:11,a:{k:{x:0,y:0},3f:n},X:8(B,A){7.e=7.2w=$(B);7.Q(A);9 D=7.Z.M(7,j);b($10(7.e)!="e"){7.e=$(7.e.24().25)}9 C=7.e;b(7.a.3f){7.P("h",8(){C.P("2F",D)},n);7.P("1v",8(){C.18("2F",D)},n)}},17:8(){9 A=1y.3g(Y);7.e.3h(A[0],A[1])},1O:8(E,D,C){9 B=[];9 A=2;A.3a(8(F){B.26(11.1O(E[F],D[F],C))});c B},h:8(C,H){b(!7.z(Y.2z,C,H)){c 7}9 E=7.e.3i(),F=7.e.47();9 B=7.e.3j(),D={x:C,y:H};S(9 G R D){9 A=F[G]-E[G];b($1z(D[G])){D[G]=($10(D[G])=="2G")?D[G].m(0,A):A}s{D[G]=B[G]}D[G]+=7.a.k[G]}c 7.Q([B.x,B.y],[D.x,D.y])},48:8(){c 7.h(j,0)},49:8(){c 7.h(0,j)},4a:8(){c 7.h("1A",j)},4b:8(){c 7.h(j,"1B")},4c:8(B){9 A=$(B).27(7.e);c 7.h(A.x,A.y)}});11.3k=f 12({1M:11.4d,X:8(B,A){7.2H=7.2w=$$(B);7.Q(A)},1O:8(G,H,I){9 C={};S(9 D R G){9 A=G[D],E=H[D],F=C[D]={};S(9 B R A){F[B]=7.Q(A[B],E[B],I)}}c C},17:8(B){S(9 C R B){9 A=B[C];S(9 D R A){7.4e(7.2H[C],D,A[D],7.a.2I)}}c 7},h:8(C){b(!7.z(Y.2z,C)){c 7}9 H={},I={};S(9 D R C){9 F=C[D],A=H[D]={},G=I[D]={};S(9 B R F){9 E=7.4f(7.2H[D],B,F[B]);A[B]=E.4g;G[B]=E.4h}}c 7.Q(H,I)}});9 1C=f 12({2J:[2K,2L],a:{1p:6,2I:"4i",1g:j,2M:n,m:j,28:j,29:j,1q:j,U:{x:"16",y:"15"}},X:8(){9 B=1y.2C(Y,{a:4j.10,e:$4k});7.e=$(B.e);7.t=7.e.24();7.2N(B.a||{});9 A=$10(7.a.28);7.2O=(A=="4l"||A=="4m")?$$(7.a.28):$(7.a.28)||7.e;7.19={l:{},2P:{}};7.p={h:{},l:{}};7.2a=(2t.2u.4n)?"4o":"2b";7.v={h:7.h.M(7),z:7.z.M(7),V:7.V.M(7),1h:7.1h.M(7),Z:7.Z.M(7),2c:$2Q(j)};7.3l()},3l:8(){7.2O.P("2b",7.v.h);c 7},4p:8(){7.2O.18("2b",7.v.h);c 7},h:8(C){b(7.a.1q){C.1q()}7.u("4q",7.e);7.19.h=C.N;9 A=7.a.m;7.m={x:[],y:[]};S(9 D R 7.a.U){b(!7.a.U[D]){3m}b(7.a.2M){7.p.l[D]=7.e.1e(7.a.U[D]).1P()}s{7.p.l[D]=7.e[7.a.U[D]]}b(7.a.29){7.p.l[D]*=-1}7.19.2P[D]=C.N[D]-7.p.l[D];b(A&&A[D]){S(9 B=2;B--;B){b($1z(A[D][B])){7.m[D][B]=$2Q(A[D][B])()}}}}b($10(7.a.1g)=="2G"){7.a.1g={x:7.a.1g,y:7.a.1g}}7.t.2R({1D:7.v.z,2d:7.v.Z});7.t.P(7.2a,7.v.2c)},z:8(A){b(7.a.1q){A.1q()}9 B=i.O(i.4r(i.3n(A.N.x-7.19.h.x,2)+i.3n(A.N.y-7.19.h.y,2)));b(B>7.a.1p){7.Z();7.t.2R({1D:7.v.V,2d:7.v.1h});7.u("h",7.e).u("1p",7.e)}},V:8(A){b(7.a.1q){A.1q()}7.19.l=A.N;S(9 B R 7.a.U){b(!7.a.U[B]){3m}7.p.l[B]=7.19.l[B]-7.19.2P[B];b(7.a.29){7.p.l[B]*=-1}b(7.a.m&&7.m[B]){b($1z(7.m[B][1])&&(7.p.l[B]>7.m[B][1])){7.p.l[B]=7.m[B][1]}s{b($1z(7.m[B][0])&&(7.p.l[B]<7.m[B][0])){7.p.l[B]=7.m[B][0]}}}b(7.a.1g[B]){7.p.l[B]-=(7.p.l[B]%7.a.1g[B])}b(7.a.2M){7.e.1d(7.a.U[B],7.p.l[B]+7.a.2I)}s{7.e[7.a.U[B]]=7.p.l[B]}}7.u("V",7.e)},Z:8(A){7.t.18("1D",7.v.z);7.t.18("2d",7.v.Z);b(A){7.t.18(7.2a,7.v.2c);7.u("Z",7.e)}},1h:8(A){7.t.18(7.2a,7.v.2c);7.t.18("1D",7.v.V);7.t.18("2d",7.v.1h);b(A){7.u("1v",7.e)}}});1c.1o({4s:8(A){c f 1C(7,$2e({U:{x:"23",y:"21"}},A))}});1C.3o=f 12({1M:1C,a:{1S:[],1a:j},X:8(C,B){7.Q(C,B);7.1S=$$(7.a.1S);7.1a=$(7.a.1a);b(7.1a&&$10(7.1a)!="e"){7.1a=$(7.1a.24().25)}C=7.e;9 D=C.1e("1N");9 A=(D!="4t")?D:"4u";b(C.1e("16")=="3p"||C.1e("15")=="3p"){C.1N(C.27(C.3q))}C.1d("1N",A);7.P("h",8(){7.2f()},n)},h:8(B){b(7.1a){9 D=7.e,J=7.1a,E=J.3r(D.3q),F={},A={};["15","1A","1B","16"].1r(8(K){F[K]=J.1e("4v-"+K).1P();A[K]=D.1e("14-"+K).1P()},7);9 C=D.2y+A.16+A.1A,I=D.2x+A.15+A.1B;9 H=[E.16+F.16,E.1A-F.1A-C];9 G=[E.15+F.15,E.1B-F.1B-I];7.a.m={x:H,y:G}}7.Q(B)},3s:8(B){B=B.3r();9 A=7.19.l;c(A.x>B.16&&A.x<B.1A&&A.y<B.1B&&A.y>B.15)},2f:8(){9 A=7.1S.4w(7.3s,7).3t();b(7.1s!=A){b(7.1s){7.u("4x",[7.e,7.1s])}b(A){7.1s=A;7.u("4y",[7.e,A])}s{7.1s=1E}}},V:8(A){7.Q(A);b(7.1S.2g){7.2f()}},1h:8(A){7.2f();7.u("4z",[7.e,7.1s]);7.1s=1E;c 7.Q(A)}});1c.1o({4A:8(A){c f 1C.3o(7,A)}});1F.2S=f 12({1M:2S,a:{3u:n},X:8(B,A){7.Q(B,A);7.2h()},3v:8(){9 A=3w.4B(7.2T);b(!A||A.2g>4C){c j}b(A=="{}"){7.39()}s{7.4D(A)}c n},2h:8(){7.2T=f 1F(3w.4E(7.4F(),n));c 7}});1F.2S.1o((8(){9 A={};1F.1r(1F.4G,8(C,B){A[B]=8(){9 D=C.4H(7.2T,Y);b(7.a.3u){7.3v()}c D}});c A})());9 W=f 4I({X:8(B,C){b(Y.2g>=3){C="1G";B=1y.2i(Y,0,3)}s{b(4J B=="4K"){b(B.2j(/1G/)){B=B.3x().2U(n)}s{b(B.2j(/q/)){B=B.1T()}s{B=B.2U(n)}}}}C=C||"1G";1Q(C){o"q":9 A=B;B=B.1T();B.q=A;1f;o"2V":B=B.2U(n);1f}B.1G=B.2i(0,3);B.q=B.q||B.2k();B.2V=B.3x();c $1Y(B,7)}});W.1o({4L:8(){9 A=1y.2i(Y);9 C=($10(A.3t())=="2G")?A.4M():50;9 B=7.2i();A.1r(8(D){D=f W(D);S(9 E=0;E<3;E++){B[E]=i.O((B[E]/1i*(1i-C))+(D[E]/1i*C))}});c f W(B,"1G")},29:8(){c f W(7.4N(8(A){c 1H-A}))},4O:8(A){c f W([A,7.q[1],7.q[2]],"q")},4P:8(A){c f W([7.q[0],A,7.q[2]],"q")},4Q:8(A){c f W([7.q[0],7.q[1],A],"q")}});8 $4R(C,B,A){c f W([C,B,A],"1G")}8 $4S(C,B,A){c f W([C,B,A],"q")}8 $4T(A){c f W(A,"2V")}1y.1o({2k:8(){9 B=7[0],C=7[1],J=7[2];9 G,F,H;9 I=i.1U(B,C,J),E=i.1j(B,C,J);9 K=I-E;H=I/1H;F=(I!=0)?K/I:0;b(F==0){G=0}s{9 D=(I-B)/K;9 A=(I-C)/K;9 L=(I-J)/K;b(B==I){G=L-A}s{b(C==I){G=2+D-L}s{G=4+A-D}}G/=6;b(G<0){G++}}c[i.O(G*3y),i.O(F*1i),i.O(H*1i)]},1T:8(){9 C=i.O(7[2]/1i*1H);b(7[1]==0){c[C,C,C]}s{9 A=7[0]%3y;9 E=A%2W;9 F=i.O((7[2]*(1i-7[1]))/4U*1H);9 D=i.O((7[2]*(3z-7[1]*E))/3A*1H);9 B=i.O((7[2]*(3z-7[1]*(2W-E)))/3A*1H);1Q(i.4V(A/2W)){o 0:c[C,B,F];o 1:c[D,C,F];o 2:c[F,C,B];o 3:c[F,D,C];o 4:c[B,F,C];o 5:c[C,F,D]}}c j}});4W.1o({2k:8(){9 A=7.2j(/d{1,3}/g);c(A)?q.2k():1E},1T:8(){9 A=7.2j(/d{1,3}/g);c(A)?A.1T():1E}});9 4X=f 12({X:8(){7.2l=1y.3g(Y);7.1I={};7.1J={}},P:8(B,A){7.1J[B]=7.1J[B]||{};7.1I[B]=7.1I[B]||[];b(7.1I[B].3B(A)){c j}s{7.1I[B].26(A)}7.2l.1r(8(C,D){C.P(B,7.z.M(7,[B,C,D]))},7);c 7},z:8(C,A,B){7.1J[C][B]=n;9 D=7.2l.4Y(8(F,E){c 7.1J[C][E]||j},7);b(!D){c}7.1J[C]={};7.1I[C].1r(8(E){E.3C(7,7.2l,A)},7)}});9 3D=f 1F({3E:8(F,D){D=$1Y({1t:$1K,t:t,z:$2Q(n)},D);9 B=f 1c("4Z",{2X:F,10:"3F/3E"});9 E=D.1t.M(B),A=D.z,G=D.t;2m D.1t;2m D.z;2m D.t;B.2R({2h:E,51:8(){b(["52","1v"].3B(7.53)){E()}}}).3G(D);b(2t.2u.38){9 C=(8(){b(!$54(A)){c}$3H(C);E()}).3I(50)}c B.2v(G.3J)},3K:8(B,A){c f 1c("2C",$2e({55:"56",57:"58",10:"3F/3K",59:B},A)).2v(t.3J)},3L:8(C,B){B=$2e({1t:$1K,3M:$1K,3N:$1K},B);9 D=f 5a();9 A=$(D)||f 1c("5b");["2h","5c","5d"].1r(8(E){9 F="5e"+E;9 G=B[F];2m B[F];D[F]=8(){b(!D){c}b(!A.5f){A.23=D.23;A.21=D.21}D=D.1t=D.3M=D.3N=1E;G.3O(1,A,A);A.u(E,A,1)}});D.2X=A.2X=C;b(D&&D.1v){D.1t.3O(1)}c A.3G(B)},5g:8(D,C){C=$2e({2Y:$1K,3P:$1K},C);b(!D.26){D=[D]}9 A=[];9 B=0;D.1r(8(F){9 E=f 3D.3L(F,{1t:8(){C.3P.3C(7,B,D.5h(F));B++;b(B==D.2g){C.2Y()}}});A.26(E)});c f 3k(A)}});9 5i=f 12({2J:[2K,2L],a:{5j:8(A){b(7.a.1p){A=7.2Z(7.w)}7.1L.1d(7.1V,A)},1p:j,k:0,T:j,2n:j,1k:1i,1m:"22"},X:8(E,A,D){7.2N(D);7.e=$(E);7.1L=$(A);7.30=7.31=7.w=-1;7.e.P("2b",7.3Q.M(7));b(7.a.2n){7.e.P("2F",7.3R.5k(7))}9 F,B={},C={x:j,y:j};1Q(7.a.1m){o"2s":7.1l="y";7.1V="15";F="2x";1f;o"22":7.1l="x";7.1V="16";F="2y"}7.3S=7.1L[F]/2;7.1b=7.e[F]-7.1L[F]+(7.a.k*2);7.1j=$1z(7.a.T[0])?7.a.T[0]:0;7.1U=$1z(7.a.T[1])?7.a.T[1]:7.a.1k;7.T=7.1U-7.1j;7.1k=7.a.1k||7.1b;7.1u=i.32(7.T)/7.1k;7.3T=7.1u*7.1b/i.32(7.T);7.1L.1d("1N","5l").1d(7.1V,-7.a.k);C[7.1l]=7.1V;B[7.1l]=[-7.a.k,7.1b-7.a.k];7.V=f 1C(7.1L,{1p:0,m:B,U:C,5m:7.2o.M(7),5n:7.2o.M(7),2Y:8(){7.2o();7.2p()}.M(7)});b(7.a.1p){7.V.a.1g=i.5o(7.3T);7.V.a.m[7.1l][1]=7.1b}},17:8(A){b(!((7.T>0)^(A<7.1j))){A=7.1j}b(!((7.T>0)^(A>7.1U))){A=7.1U}7.w=i.O(A);7.2q();7.2p();7.u("3U",7.2Z(7.w));c 7},3Q:8(C){9 B=7.T<0?-1:1;9 A=C.N[7.1l]-7.e.27()[7.1l]-7.3S;A=A.m(-7.a.k,7.1b-7.a.k);7.w=i.O(7.1j+B*7.33(A));7.2q();7.2p();7.u("3U",A)},3R:8(A){9 B=(7.a.1m=="22")?(A.2n<0):(A.2n>0);7.17(B?7.w-7.1u:7.w+7.1u);A.1h()},2o:8(){9 B=7.T<0?-1:1;9 A=7.V.p.l[7.1l];A=A.m(-7.a.k,7.1b-7.a.k);7.w=i.O(7.1j+B*7.33(A));7.2q()},2q:8(){b(7.30!=7.w){7.30=7.w;7.u("3V",7.w)}},2p:8(){b(7.31!==7.w){7.31=7.w;7.u("1v",7.w+"")}},33:8(A){9 B=(A+7.a.k)*7.1u/7.1b*7.1k;c 7.a.1k?i.O(B-=B%7.1u):B},2Z:8(A){c(7.1b*i.32(7.1j-A))/(7.1k*7.1u)-7.a.k}});9 5p=f 12({2J:[2K,2L],a:{1W:20,34:1,5q:8(A,B){7.e.3h(A,B)}},X:8(B,A){7.2N(A);7.e=$(B);7.2r=($10(7.e)!="e")?$(7.e.24().25):7.e;7.1X=1E;7.35=7.3W.M(7)},h:8(){7.2r.P("1D",7.35)},1h:8(){7.2r.18("1D",7.35);7.1X=$3H(7.1X)},3W:8(A){7.N=(7.2r.2D("5r")=="25")?A.5s:A.N;b(!7.1X){7.1X=7.3X.3I(50,7)}},3X:8(){9 B=7.e.3i(),A=7.e.3j(),E=7.e.27(),D={x:0,y:0};S(9 C R 7.N){b(7.N[C]<(7.a.1W+E[C])&&A[C]!=0){D[C]=(7.N[C]-7.a.1W-E[C])*7.a.34}s{b(7.N[C]+7.a.1W>(B[C]+E[C])&&B[C]+B[C]!=A[C]){D[C]=(7.N[C]-B[C]+7.a.1W-E[C])*7.a.34}}}b(D.y||D.x){7.u("3V",[A.x+D.x,A.y+D.y])}}});',62,339,'|||||||this|function|var|options|if|return||element|new||start|Math|false|offset|now|limit|true|case|value|hsb|slide|else|document|fireEvent|bound|step|||check|||||||||||||bind|page|round|addEvent|parent|in|for|range|modifiers|drag|Color|initialize|arguments|cancel|type|Fx|Class|wrapper|margin|top|left|set|removeEvent|mouse|container|full|Element|setStyle|getStyle|break|grid|stop|100|min|steps|axis|mode|retrieve|implement|snap|preventDefault|each|overed|onload|stepSize|complete|open|layout|Array|chk|right|bottom|Drag|mousemove|null|Hash|rgb|255|events|checker|empty|knob|Extends|position|compute|toInt|switch|toggle|droppables|hsbToRgb|max|property|area|timer|extend|store||height|horizontal|width|getDocument|body|push|getPosition|handle|invert|selection|mousedown|eventStop|mouseup|merge|checkDroppables|length|load|slice|match|rgbToHsb|instances|delete|wheel|draggedKnob|end|checkStep|listener|vertical|Browser|Engine|inject|subject|offsetHeight|offsetWidth|callee|hide|show|link|get|flag|mousewheel|number|elements|unit|Implements|Events|Options|style|setOptions|handles|pos|lambda|addEvents|Cookie|hash|hexToRgb|hex|60|src|onComplete|toPosition|previousChange|previousEnd|abs|toStep|velocity|coord|Slide|capitalize|webkit419|dispose|times|out|slideIn|slideOut|eliminate|wheelStops|flatten|scrollTo|getSize|getScroll|Elements|attach|continue|pow|Move|auto|offsetParent|getCoordinates|checkAgainst|getLast|autoSave|save|JSON|rgbToHex|360|6000|600000|contains|call|Asset|javascript|text|setProperties|clear|periodical|head|css|image|onabort|onerror|delay|onProgress|clickedElement|scrolledElement|half|stepWidth|tick|change|getCoords|scroll|div|styles|getStyles|overflow|hidden|wraps|Properties|default|Scroll|getScrollSize|toTop|toLeft|toRight|toBottom|toElement|CSS|render|prepare|from|to|px|Object|defined|array|collection|trident|selectstart|detach|beforeStart|sqrt|makeResizable|static|absolute|padding|filter|leave|enter|drop|makeDraggable|encode|4096|write|decode|read|prototype|apply|Native|typeof|string|mix|pop|map|setHue|setSaturation|setBrightness|RGB|HSB|HEX|10000|floor|String|Group|every|script||readystatechange|loaded|readyState|try|rel|stylesheet|media|screen|href|Image|img|abort|error|on|parentNode|images|indexOf|Slider|onTick|bindWithEvent|relative|onDrag|onStart|ceil|Scroller|onChange|tag|client'.split('|'),0,{}))
 
//]]>
</script>  <script type='text/javascript'> 
//<![CDATA[
 
/**
 * menuMatic 
 * @version 0.68.3 (beta)
 * @author Jason J. Jaeger | greengeckodesign.com
 * @copyright 2008 Jason John Jaeger
 * @license MIT-style License
 *			Permission is hereby granted, free of charge, to any person obtaining a copy
 *			of this software and associated documentation files (the "Software"), to deal
 *			in the Software without restriction, including without limitation the rights
 *			to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *			copies of the Software, and to permit persons to whom the Software is
 *			furnished to do so, subject to the following conditions:
 *	
 *			The above copyright notice and this permission notice shall be included in
 *			all copies or substantial portions of the Software.
 *	
 *			THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *			IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *			FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *			AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *			LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *			OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 *			THE SOFTWARE.
 **/	
var MenuMatic=new Class({Implements:Options,options:{id:"nav",subMenusContainerId:"subMenusContainer",effect:"slide & fade",duration:600,physics:Fx.Transitions.Pow.easeOut,hideDelay:1000,stretchMainMenu:false,matchWidthMode:false,orientation:"horizontal",direction:{x:"right",y:"down"},tweakInitial:{x:0,y:0},tweakSubsequent:{x:0,y:0},center:false,opacity:95,mmbFocusedClassName:null,mmbClassName:null,killDivider:null,fixHasLayoutBug:false,onHideAllSubMenusNow_begin:(function(){}),onHideAllSubMenusNow_complete:(function(){}),onInit_begin:(function(){}),onInit_complete:(function(){})},hideAllMenusTimeout:null,allSubMenus:[],subMenuZindex:1,initialize:function(B){this.setOptions(B);this.options.onInit_begin();if(this.options.opacity>99){this.options.opacity=99.9}this.options.opacity=this.options.opacity/100;Element.implement({getId:function(){if(!this.id){var E=this.get("tag")+"-"+$time();while($(E)){E=this.get("tag")+"-"+$time()}this.id=E}return this.id}});this.options.direction.x=this.options.direction.x.toLowerCase();this.options.direction.y=this.options.direction.y.toLowerCase();if(this.options.direction.x==="right"){this.options.direction.xInverse="left"}else{if(this.options.direction.x==="left"){this.options.direction.xInverse="right"}}if(this.options.direction.y==="up"){this.options.direction.yInverse="down"}else{if(this.options.direction.y==="down"){this.options.direction.yInverse="up"}}var A=$(this.options.id).getElements("a");A.each(function(F,E){F.store("parentLinks",F.getParent().getParents("li").getFirst("a"));F.store("parentLinks",F.retrieve("parentLinks").erase(F.retrieve("parentLinks").getFirst()));F.store("childMenu",F.getNext("ul")||F.getNext("ol"));theSubMenuType="subsequent";if($(F.getParent("ul")||F.getParent("ol")).id===this.options.id){theSubMenuType="initial"}F.store("subMenuType",theSubMenuType);if(theSubMenuType==="initial"&&$(F.getNext("ul")||F.getNext("ol"))){F.addClass("mainMenuParentBtn")}else{if($(F.getNext("ul")||F.getNext("ol"))){F.addClass("subMenuParentBtn")}}}.bind(this));var D=new Element("div",{id:this.options.subMenusContainerId}).inject($(document.body),"bottom");$(this.options.id).getElements("ul, ol").each(function(F,E){new Element("div",{"class":"smOW"}).inject(D).grab(F)}.bind(this));D.getElements("a").set("tabindex","-1");A.each(function(G,E){if(!G.retrieve("childMenu")){return }G.store("childMenu",G.retrieve("childMenu").getParent("div"));this.allSubMenus.include(G.retrieve("childMenu"));G.store("parentSubMenus",G.retrieve("parentLinks").retrieve("childMenu"));var F=new MenuMaticSubMenu(this.options,this,G)}.bind(this));var C=$(this.options.id).getElements("a").filter(function(F,E){return !F.retrieve("childMenu")});C.each(function(F,E){F.addEvents({mouseenter:function(G){this.hideAllSubMenusNow();if(this.options.mmbClassName&&this.options.mmbFocusedClassName){$(F).retrieve("btnMorph",new Fx.Morph(F,{duration:(this.options.duration/2),transition:this.options.physics,link:"cancel"})).start(this.options.mmbFocusedClassName)}}.bind(this),focus:function(G){this.hideAllSubMenusNow();if(this.options.mmbClassName&&this.options.mmbFocusedClassName){$(F).retrieve("btnMorph",new Fx.Morph(F,{duration:(this.options.duration/2),transition:this.options.physics,link:"cancel"})).start(this.options.mmbFocusedClassName)}}.bind(this),mouseleave:function(G){if(this.options.mmbClassName&&this.options.mmbFocusedClassName){$(F).retrieve("btnMorph",new Fx.Morph(F,{duration:(this.options.duration*5),transition:this.options.physics,link:"cancel"})).start(this.options.mmbClassName)}}.bind(this),blur:function(G){if(this.options.mmbClassName&&this.options.mmbFocusedClassName){$(F).retrieve("btnMorph",new Fx.Morph(F,{duration:(this.options.duration*5),transition:this.options.physics,link:"cancel"})).start(this.options.mmbClassName)}}.bind(this),keydown:function(H){var G=new Event(H);if(H.key==="up"||H.key==="down"||H.key==="left"||H.key==="right"){H.stop()}if(H.key==="left"&&this.options.orientation==="horizontal"||H.key==="up"&&this.options.orientation==="vertical"){if(F.getParent("li").getPrevious("li")){F.getParent("li").getPrevious("li").getFirst("a").focus()}else{F.getParent("li").getParent().getLast("li").getFirst("a").focus()}}else{if(H.key==="right"&&this.options.orientation==="horizontal"||H.key==="down"&&this.options.orientation==="vertical"){if(F.getParent("li").getNext("li")){F.getParent("li").getNext("li").getFirst("a").focus()}else{F.getParent("li").getParent().getFirst("li").getFirst("a").focus()}}}}.bind(this)})},this);this.stretch();this.killDivider();this.center();this.fixHasLayoutBug();this.options.onInit_complete()},fixHasLayoutBug:function(){if(Browser.Engine.trident&&this.options.fixHasLayoutBug){$(this.options.id).getParents().setStyle("zoom",1);$(this.options.id).setStyle("zoom",1);$(this.options.id).getChildren().setStyle("zoom",1);$(this.options.subMenusContainerId).setStyle("zoom",1);$(this.options.subMenusContainerId).getChildren().setStyle("zoom",1)}},center:function(){if(!this.options.center){return }$(this.options.id).setStyles({left:"50%","margin-left":-($(this.options.id).getSize().x/2)})},stretch:function(){if(this.options.stretchMainMenu&&this.options.orientation==="horizontal"){var C=parseFloat($(this.options.id).getCoordinates().width);var D=0;var B=$(this.options.id).getElements("a");B.setStyles({"padding-left":0,"padding-right":0});B.each(function(F,E){D+=F.getSize().x}.bind(this));if(C<D){return }var A=(C-D)/B.length;B.each(function(F,E){F.setStyle("width",F.getSize().x+A)}.bind(this));B.getLast().setStyle("width",B.getLast().getSize().x-1)}},killDivider:function(){if(this.options.killDivider&&this.options.killDivider.toLowerCase()==="first"){$($(this.options.id).getElements("li")[0]).setStyles({background:"none"})}else{if(this.options.killDivider&&this.options.killDivider.toLowerCase()==="last"){$($(this.options.id).getElements("li").getLast()).setStyles({background:"none"})}}},hideAllSubMenusNow:function(){this.options.onHideAllSubMenusNow_begin();$clear(this.hideAllMenusTimeout);$$(this.allSubMenus).fireEvent("hide");this.options.onHideAllSubMenusNow_complete()}});var MenuMaticSubMenu=new Class({Implements:Options,Extends:MenuMatic,options:{onSubMenuInit_begin:(function(A){}),onSubMenuInit_complete:(function(A){}),onMatchWidth_begin:(function(A){}),onMatchWidth_complete:(function(A){}),onHideSubMenu_begin:(function(A){}),onHideSubMenu_complete:(function(A){}),onHideOtherSubMenus_begin:(function(A){}),onHideOtherSubMenus_complete:(function(A){}),onHideAllSubMenus_begin:(function(A){}),onHideAllSubMenus_complete:(function(A){}),onPositionSubMenu_begin:(function(A){}),onPositionSubMenu_complete:(function(A){}),onShowSubMenu_begin:(function(A){}),onShowSubMenu_complete:(function(A){})},root:null,btn:null,hidden:true,myEffect:null,initialize:function(B,A,C){this.setOptions(B);this.root=A;this.btn=C;this.childMenu=this.btn.retrieve("childMenu");this.subMenuType=this.btn.retrieve("subMenuType");this.childMenu=this.btn.retrieve("childMenu");this.parentSubMenus=$$(this.btn.retrieve("parentSubMenus"));this.parentLinks=$$(this.btn.retrieve("parentLinks"));this.parentSubMenu=$(this.parentSubMenus[0]);if(this.parentSubMenu){this.parentSubMenu=this.parentSubMenu.retrieve("class")}this.childMenu.store("class",this);this.btn.store("class",this);this.childMenu.store("status","closed");this.options.onSubMenuInit_begin(this);this.childMenu.addEvent("hide",function(){this.hideSubMenu()}.bind(this));this.childMenu.addEvent("show",function(){this.showSubMenu()}.bind(this));if(this.options.effect){this.myEffect=new Fx.Morph($(this.childMenu).getFirst(),{duration:this.options.duration,transition:this.options.physics,link:"cancel"})}if(this.options.effect==="slide"||this.options.effect==="slide & fade"){if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"){this.childMenu.getFirst().setStyle("margin-top","0")}else{this.childMenu.getFirst().setStyle("margin-left","0")}}else{if(this.options.effect==="fade"||this.options.effect==="slide & fade"){this.childMenu.getFirst().setStyle("opacity",0)}}if(this.options.effect!="fade"&&this.options.effect!="slide & fade"){this.childMenu.getFirst().setStyle("opacity",this.options.opacity)}var D=$(this.childMenu).getElements("a").filter(function(F,E){return !F.retrieve("childMenu")});D.each(function(F,E){$(F).addClass("subMenuBtn");F.addEvents({mouseenter:function(G){this.childMenu.fireEvent("show");this.cancellHideAllSubMenus();this.hideOtherSubMenus()}.bind(this),focus:function(G){this.childMenu.fireEvent("show");this.cancellHideAllSubMenus();this.hideOtherSubMenus()}.bind(this),mouseleave:function(G){this.cancellHideAllSubMenus();this.hideAllSubMenus()}.bind(this),blur:function(G){this.cancellHideAllSubMenus();this.hideAllSubMenus()}.bind(this),keydown:function(H){var G=new Event(H);if(H.key==="up"||H.key==="down"||H.key==="left"||H.key==="right"||H.key==="tab"){H.stop()}if(H.key==="up"){if(F.getParent("li").getPrevious("li")){F.getParent("li").getPrevious("li").getFirst("a").focus()}else{if(this.options.direction.y==="down"){this.btn.focus()}else{if(this.options.direction.y==="up"){F.getParent("li").getParent().getLast("li").getFirst("a").focus()}}}}else{if(H.key==="down"){if(F.getParent("li").getNext("li")){F.getParent("li").getNext("li").getFirst("a").focus()}else{if(this.options.direction.y==="down"){F.getParent("li").getParent().getFirst("li").getFirst("a").focus()}else{if(this.options.direction.y==="up"){this.btn.focus()}}}}else{if(H.key===this.options.direction.xInverse){this.btn.focus()}}}}.bind(this)})},this);$(this.btn).removeClass("subMenuBtn");if(this.subMenuType=="initial"){this.btn.addClass("mainParentBtn")}else{this.btn.addClass("subParentBtn")}$(this.btn).addEvents({mouseenter:function(E){this.cancellHideAllSubMenus();this.hideOtherSubMenus();this.showSubMenu();if(this.subMenuType==="initial"&&this.options.mmbClassName&&this.options.mmbFocusedClassName){$(this.btn).retrieve("btnMorph",new Fx.Morph($(this.btn),{duration:(this.options.duration/2),transition:this.options.physics,link:"cancel"})).start(this.options.mmbFocusedClassName)}}.bind(this),focus:function(E){this.cancellHideAllSubMenus();this.hideOtherSubMenus();this.showSubMenu();if(this.subMenuType==="initial"&&this.options.mmbClassName&&this.options.mmbFocusedClassName){$(this.btn).retrieve("btnMorph",new Fx.Morph($(this.btn),{duration:(this.options.duration/2),transition:this.options.physics,link:"cancel"})).start(this.options.mmbFocusedClassName)}}.bind(this),mouseleave:function(E){this.cancellHideAllSubMenus();this.hideAllSubMenus()}.bind(this),blur:function(E){this.cancellHideAllSubMenus();this.hideAllSubMenus()}.bind(this),keydown:function(E){E=new Event(E);if(E.key==="up"||E.key==="down"||E.key==="left"||E.key==="right"){E.stop()}if(!this.parentSubMenu){if(this.options.orientation==="horizontal"&&E.key===this.options.direction.y||this.options.orientation==="vertical"&&E.key===this.options.direction.x){if(this.options.direction.y==="down"){this.childMenu.getFirst().getFirst("li").getFirst("a").focus()}else{if(this.options.direction.y==="up"){this.childMenu.getFirst().getLast("li").getFirst("a").focus()}}}else{if(this.options.orientation==="horizontal"&&E.key==="left"||this.options.orientation==="vertical"&&E.key===this.options.direction.yInverse){if(this.btn.getParent().getPrevious()){this.btn.getParent().getPrevious().getFirst().focus()}else{this.btn.getParent().getParent().getLast().getFirst().focus()}}else{if(this.options.orientation==="horizontal"&&E.key==="right"||this.options.orientation==="vertical"&&E.key===this.options.direction.y){if(this.btn.getParent().getNext()){this.btn.getParent().getNext().getFirst().focus()}else{this.btn.getParent().getParent().getFirst().getFirst().focus()}}}}}else{if(E.key==="tab"){E.stop()}if(E.key==="up"){if(this.btn.getParent("li").getPrevious("li")){this.btn.getParent("li").getPrevious("li").getFirst("a").focus()}else{if(this.options.direction.y==="down"){this.parentSubMenu.btn.focus()}else{if(this.options.direction.y==="up"){this.btn.getParent("li").getParent().getLast("li").getFirst("a").focus()}}}}else{if(E.key==="down"){if(this.btn.getParent("li").getNext("li")){this.btn.getParent("li").getNext("li").getFirst("a").focus()}else{if(this.options.direction.y==="down"){this.btn.getParent("li").getParent().getFirst("li").getFirst("a").focus()}else{if(this.options.direction.y==="up"){this.parentSubMenu.btn.focus()}}}}else{if(E.key===this.options.direction.xInverse){this.parentSubMenu.btn.focus()}else{if(E.key===this.options.direction.x){if(this.options.direction.y==="down"){this.childMenu.getFirst().getFirst("li").getFirst("a").focus()}else{if(this.options.direction.y==="up"){}}}}}}}}.bind(this)});this.options.onSubMenuInit_complete(this)},matchWidth:function(){if(this.widthMatched||!this.options.matchWidthMode||this.subMenuType==="subsequent"){return }this.options.onMatchWidth_begin(this);var A=this.btn.getCoordinates().width;$(this.childMenu).getElements("a").each(function(E,D){var C=parseFloat($(this.childMenu).getFirst().getStyle("border-left-width"))+parseFloat($(this.childMenu).getFirst().getStyle("border-right-width"));var B=parseFloat(E.getStyle("padding-left"))+parseFloat(E.getStyle("padding-right"));var F=C+B;if(A>E.getCoordinates().width){E.setStyle("width",A-F);E.setStyle("margin-right",-C)}}.bind(this));this.width=this.childMenu.getFirst().getCoordinates().width;this.widthMatched=true;this.options.onMatchWidth_complete(this)},hideSubMenu:function(){if(this.childMenu.retrieve("status")==="closed"){return }this.options.onHideSubMenu_begin(this);if(this.subMenuType=="initial"){if(this.options.mmbClassName&&this.options.mmbFocusedClassName){$(this.btn).retrieve("btnMorph",new Fx.Morph($(this.btn),{duration:(this.options.duration),transition:this.options.physics,link:"cancel"})).start(this.options.mmbClassName).chain(function(){$(this.btn).removeClass("mainMenuParentBtnFocused");$(this.btn).addClass("mainMenuParentBtn")}.bind(this))}else{$(this.btn).removeClass("mainMenuParentBtnFocused");$(this.btn).addClass("mainMenuParentBtn")}}else{$(this.btn).removeClass("subMenuParentBtnFocused");$(this.btn).addClass("subMenuParentBtn")}this.childMenu.setStyle("z-index",1);if(this.options.effect&&this.options.effect.toLowerCase()==="slide"){if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"&&this.options.direction.y==="down"){this.myEffect.start({"margin-top":-this.height}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"&&this.options.direction.y==="up"){this.myEffect.start({"margin-top":this.height}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.options.direction.x==="right"){this.myEffect.start({"margin-left":-this.width}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.options.direction.x==="left"){this.myEffect.start({"margin-left":this.width}).chain(function(){this.childMenu.style.display="none"}.bind(this))}}}}}else{if(this.options.effect=="fade"){this.myEffect.start({opacity:0}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.options.effect=="slide & fade"){if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"&&this.options.direction.y==="down"){this.myEffect.start({"margin-top":-this.height,opacity:0}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"&&this.options.direction.y==="up"){this.myEffect.start({"margin-top":this.height,opacity:0}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.options.direction.x==="right"){this.myEffect.start({"margin-left":-this.width,opacity:0}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.options.direction.x==="left"){this.myEffect.start({"margin-left":this.width,opacity:0}).chain(function(){this.childMenu.style.display="none"}.bind(this))}}}}}else{this.childMenu.style.display="none"}}}this.childMenu.store("status","closed");this.options.onHideSubMenu_complete(this)},hideOtherSubMenus:function(){this.options.onHideOtherSubMenus_begin(this);if(!this.btn.retrieve("otherSubMenus")){this.btn.store("otherSubMenus",$$(this.root.allSubMenus.filter(function(A){return !this.btn.retrieve("parentSubMenus").contains(A)&&A!=this.childMenu}.bind(this))))}this.parentSubMenus.fireEvent("show");this.btn.retrieve("otherSubMenus").fireEvent("hide");this.options.onHideOtherSubMenus_complete(this)},hideAllSubMenus:function(){this.options.onHideAllSubMenus_begin(this);$clear(this.root.hideAllMenusTimeout);this.root.hideAllMenusTimeout=(function(){$clear(this.hideAllMenusTimeout);$$(this.root.allSubMenus).fireEvent("hide")}).bind(this).delay(this.options.hideDelay);this.options.onHideAllSubMenus_complete(this)},cancellHideAllSubMenus:function(){$clear(this.root.hideAllMenusTimeout)},showSubMenu:function(A){if(this.childMenu.retrieve("status")==="open"){return }this.options.onShowSubMenu_begin(this);if(this.subMenuType=="initial"){$(this.btn).removeClass("mainMenuParentBtn");$(this.btn).addClass("mainMenuParentBtnFocused")}else{$(this.btn).removeClass("subMenuParentBtn");$(this.btn).addClass("subMenuParentBtnFocused")}this.root.subMenuZindex++;this.childMenu.setStyles({display:"block",visibility:"hidden","z-index":this.root.subMenuZindex});if(!this.width||!this.height){this.width=this.childMenu.getFirst().getCoordinates().width;this.height=this.childMenu.getFirst().getCoordinates().height;this.childMenu.setStyle("height",this.height,"border");if(this.options.effect==="slide"||this.options.effect==="slide & fade"){if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"){this.childMenu.getFirst().setStyle("margin-top","0");if(this.options.direction.y==="down"){this.myEffect.set({"margin-top":-this.height})}else{if(this.options.direction.y==="up"){this.myEffect.set({"margin-top":this.height})}}}else{if(this.options.direction.x==="left"){this.myEffect.set({"margin-left":this.width})}else{this.myEffect.set({"margin-left":-this.width})}}}}this.matchWidth();this.positionSubMenu();if(this.options.effect==="slide"){this.childMenu.setStyles({display:"block",visibility:"visible"});if(this.subMenuType==="initial"&&this.options.orientation==="horizontal"){if(A){this.myEffect.set({"margin-top":0}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{this.myEffect.start({"margin-top":0}).chain(function(){this.showSubMenuComplete()}.bind(this))}}else{if(A){this.myEffect.set({"margin-left":0}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{this.myEffect.start({"margin-left":0}).chain(function(){this.showSubMenuComplete()}.bind(this))}}}else{if(this.options.effect==="fade"){if(A){this.myEffect.set({opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{this.myEffect.start({opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}}else{if(this.options.effect=="slide & fade"){this.childMenu.setStyles({display:"block",visibility:"visible"});this.childMenu.getFirst().setStyles({left:0});if(this.subMenuType==="initial"&&this.options.orientation==="horizontal"){if(A){this.myEffect.set({"margin-top":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{this.myEffect.start({"margin-top":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}}else{if(A){if(this.options.direction.x==="right"){this.myEffect.set({"margin-left":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{if(this.options.direction.x==="left"){this.myEffect.set({"margin-left":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}}}else{if(this.options.direction.x==="right"){this.myEffect.set({"margin-left":-this.width,opacity:this.options.opacity});this.myEffect.start({"margin-left":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{if(this.options.direction.x==="left"){this.myEffect.start({"margin-left":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}}}}}else{this.childMenu.setStyles({display:"block",visibility:"visible"}).chain(function(){this.showSubMenuComplete(this)}.bind(this))}}}this.childMenu.store("status","open")},showSubMenuComplete:function(){this.options.onShowSubMenu_complete(this)},positionSubMenu:function(){this.options.onPositionSubMenu_begin(this);this.childMenu.setStyle("width",this.width);this.childMenu.getFirst().setStyle("width",this.width);if(this.subMenuType==="subsequent"){if(this.parentSubMenu&&this.options.direction.x!=this.parentSubMenu.options.direction.x){if(this.parentSubMenu.options.direction.x==="left"&&this.options.effect&&this.options.effect.contains("slide")){this.myEffect.set({"margin-left":this.width})}}this.options.direction.x=this.parentSubMenu.options.direction.x;this.options.direction.xInverse=this.parentSubMenu.options.direction.xInverse;this.options.direction.y=this.parentSubMenu.options.direction.y;this.options.direction.yInverse=this.parentSubMenu.options.direction.yInverse}var C;var A;if(this.subMenuType=="initial"){if(this.options.direction.y==="up"){if(this.options.orientation==="vertical"){C=this.btn.getCoordinates().bottom-this.height+this.options.tweakInitial.y}else{C=this.btn.getCoordinates().top-this.height+this.options.tweakInitial.y}this.childMenu.style.top=C+"px"}else{if(this.options.orientation=="horizontal"){this.childMenu.style.top=this.btn.getCoordinates().bottom+this.options.tweakInitial.y+"px"}else{if(this.options.orientation=="vertical"){C=this.btn.getPosition().y+this.options.tweakInitial.y;if((C+this.childMenu.getSize().y)>=$(document.body).getScrollSize().y){A=(C+this.childMenu.getSize().y)-$(document.body).getScrollSize().y;C=C-A-20}this.childMenu.style.top=C+"px"}}}if(this.options.orientation=="horizontal"){this.childMenu.style.left=this.btn.getPosition().x+this.options.tweakInitial.x+"px"}else{if(this.options.direction.x=="left"){this.childMenu.style.left=this.btn.getPosition().x-this.childMenu.getCoordinates().width+this.options.tweakInitial.x+"px"}else{if(this.options.direction.x=="right"){this.childMenu.style.left=this.btn.getCoordinates().right+this.options.tweakInitial.x+"px"}}}}else{if(this.subMenuType=="subsequent"){if(this.options.direction.y==="down"){if((this.btn.getCoordinates().top+this.options.tweakSubsequent.y+this.childMenu.getSize().y)>=$(document.body).getScrollSize().y){A=(this.btn.getCoordinates().top+this.options.tweakSubsequent.y+this.childMenu.getSize().y)-$(document.body).getScrollSize().y;this.childMenu.style.top=(this.btn.getCoordinates().top+this.options.tweakSubsequent.y)-A-20+"px"}else{this.childMenu.style.top=this.btn.getCoordinates().top+this.options.tweakSubsequent.y+"px"}}else{if(this.options.direction.y==="up"){if((this.btn.getCoordinates().bottom-this.height+this.options.tweakSubsequent.y)<1){this.options.direction.y="down";this.options.direction.yInverse="up";this.childMenu.style.top=this.btn.getCoordinates().top+this.options.tweakSubsequent.y+"px"}else{this.childMenu.style.top=this.btn.getCoordinates().bottom-this.height+this.options.tweakSubsequent.y+"px"}}}if(this.options.direction.x=="left"){this.childMenu.style.left=this.btn.getCoordinates().left-this.childMenu.getCoordinates().width+this.options.tweakSubsequent.x+"px";if(this.childMenu.getPosition().x<0){this.options.direction.x="right";this.options.direction.xInverse="left";this.childMenu.style.left=this.btn.getPosition().x+this.btn.getCoordinates().width+this.options.tweakSubsequent.x+"px";if(this.options.effect==="slide"||this.options.effect==="slide & fade"){this.myEffect.set({"margin-left":-this.width,opacity:this.options.opacity})}}}else{if(this.options.direction.x=="right"){this.childMenu.style.left=this.btn.getCoordinates().right+this.options.tweakSubsequent.x+"px";var D=this.childMenu.getCoordinates().right;var B=document.getCoordinates().width+window.getScroll().x;if(D>B){this.options.direction.x="left";this.options.direction.xInverse="right";this.childMenu.style.left=this.btn.getCoordinates().left-this.childMenu.getCoordinates().width+this.options.tweakSubsequent.x+"px";if(this.options.effect==="slide"||this.options.effect==="slide & fade"){this.myEffect.set({"margin-left":this.width,opacity:this.options.opacity})}}}}}}this.options.onPositionSubMenu_complete(this)}});
 
//]]>
</script>  <script type='text/javascript'> 
//<![CDATA[
 
function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>“');document.write(l_rc);document.write('”</i><br/><br/>');}else{document.write('<i>“');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'…”</i>');document.write('<br/><br/>');}}}
 
function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}
 
//]]>
</script>  <script type='text/javascript'> 
summary_noimg = 800;
summary_img = 750;
img_thumb_height = 195;
img_thumb_width = 260; 
</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'> 
	window.addEvent('domready', function() {			
			var myMenu = new MenuMatic();
	});	
</script>  <div id='body-wrapper'><div id='outer-wrapper'><div id='wrap2'>    <span id='skiplinks' style='display:none;'>  <a href='#main' _fcksavedurl='#main'>skip to main </a> |       <a href='#sidebar' _fcksavedurl='#sidebar'>skip to sidebar</a>  </span>  <div class='span-24'>  <div class='span-14'>  <div id='pagemenucontainer'>  <div class='pagelistmenusblog section' id='pagelistmenusblog'><div class='widget PageList' id='PageList1'>  <div class='widget-content'>  <ul id='pagemenu'>  <li class='current_page_item'><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  </ul>  <div class='clear'></div>  </div>  </div></div>  </div>  </div>  <div class='span-3'>  <div class='feedtwitter'>  <a href='#' _fcksavedurl='#'><img src='http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I5roR61I/AAAAAAAAAX4/szvrNnHoUS4/s000/rss.png' _fcksavedurl='http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I5roR61I/AAAAAAAAAX4/szvrNnHoUS4/s000/rss.png' style='margin:0 4px 0 0;'/></a>  <a href='#' _fcksavedurl='#' title=''><img src='http://1.bp.blogspot.com/_0oF63rRT4XI/Tc4I5v0HxwI/AAAAAAAAAX8/cYlA6vaApyw/s000/twitter.png' _fcksavedurl='http://1.bp.blogspot.com/_0oF63rRT4XI/Tc4I5v0HxwI/AAAAAAAAAX8/cYlA6vaApyw/s000/twitter.png' style='margin:0 4px 0 0;' title=''/></a>  </div>  </div>  <div class='span-7 last' id='topsearch'>  <div id='search'>  <form action='#' id='searchform' method='get'>  <input id='s' name='q' onblur_fckprotectedatt="%20onblur%3D'if%20(this.value%20%3D%3D%20%22%22)%20%7Bthis.value%20%3D%20%22Search%22%3B%7D'" onfocus_fckprotectedatt="%20onfocus%3D'if%20(this.value%20%3D%3D%20%22Search%22)%20%7Bthis.value%20%3D%20%22%22%3B%7D'" type='text' value='Search'/>  <input src='http://3.bp.blogspot.com/_0oF63rRT4XI/Tc4I6G_aJ5I/AAAAAAAAAYA/-Dg0vWlaISA/s000/search.gif' style='border:0; vertical-align: top;' type='image'/>  </form>  </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='#' _fcksavedurl='#'>TEmplatECSS</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' _fcksavedurl='http://templatecss.es.tl'>  <img alt='' height='80' id='Image2_img' src='http://3.bp.blogspot.com/-Jdp3ZkuyyyA/Td_ymlRrJAI/AAAAAAAAAj4/wOIEvESridk/s475/PubliTCSS.jpg' _fcksavedurl='http://3.bp.blogspot.com/-Jdp3ZkuyyyA/Td_ymlRrJAI/AAAAAAAAAj4/wOIEvESridk/s475/PubliTCSS.jpg' width='468'/>  </a>  <br/>  </div>  <div class='clear'></div>  </div></div>  <div style='clear:both;'></div>  </div>  <div style='clear:both;'></div>  <div id='navcontainer'>  <ul id='nav'>  <li class='current-cat'><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a>  <ul class='children'>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>   </ul>  </li>  <li><a href='#' _fcksavedurl='#'>Menu</a>  <ul class='children'>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>  <li><a href='#' _fcksavedurl='#'>SubMenu</a>  <ul class='children'>  <li><a href='#' _fcksavedurl='#'>SubSubMenu</a>  </li>  </ul>  </li>  </ul>  </li>  <li><a href='#' _fcksavedurl='#'>Menu</a>  <ul class='children'>  <li><a href='#' _fcksavedurl='#'>SubMenu</a>  <ul class='children'>  <li><a href='#' _fcksavedurl='#'>SubSubMenu</a></li>  <li><a href='#' _fcksavedurl='#'>SubSubMenu</a></li>  <li><a href='#' _fcksavedurl='#'>SubSubMenu</a></li>  </ul>  </li>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>  </ul>  </li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a>  <ul class='children'>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>  <li><a href='#' _fcksavedurl='#'>SubMenu</a></li>  </ul>  </li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>   </ul>  </div>  <div style='clear:both;'></div>  <div id='content-wrapper'>  <div id='crosscol-wrapper' style='text-align:center'>  <div class='crosscol section' id='crosscol'></div>  </div>  <div id='main-wrapper'>

Texto por debajo de la pagina

</div></div>  </div>  <div id='rsidebar-wrapper'>  <div class='addthis_toolbox'>  <div class='custom_images'>  <a href="#" _fcksavedurl="#"><img alt='Twitter' height='32' src='http://1.bp.blogspot.com/_0oF63rRT4XI/Tc4I8M_tYTI/AAAAAAAAAYo/JkfSASMi0XQ/s000/twitter.png' _fcksavedurl='http://1.bp.blogspot.com/_0oF63rRT4XI/Tc4I8M_tYTI/AAAAAAAAAYo/JkfSASMi0XQ/s000/twitter.png' width='32'/></a>  <a href="#" _fcksavedurl="#"><img alt='Delicious' height='32' src='http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I8QduS0I/AAAAAAAAAYs/oKW97vNyi0c/s000/delicious.png' _fcksavedurl='http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I8QduS0I/AAAAAAAAAYs/oKW97vNyi0c/s000/delicious.png' width='32'/></a>  <a href="#" _fcksavedurl="#"><img alt='Facebook' height='32' src='http://4.bp.blogspot.com/_0oF63rRT4XI/Tc4I8YgH8uI/AAAAAAAAAYw/vjS-EBDenXE/s000/facebook.png' _fcksavedurl='http://4.bp.blogspot.com/_0oF63rRT4XI/Tc4I8YgH8uI/AAAAAAAAAYw/vjS-EBDenXE/s000/facebook.png' width='32'/></a>  <a href="#" _fcksavedurl="#"><img alt='Digg' height='32' src='http://3.bp.blogspot.com/_0oF63rRT4XI/Tc4I8lgY2fI/AAAAAAAAAY0/d9rLkE4S4zU/s000/digg.png' _fcksavedurl='http://3.bp.blogspot.com/_0oF63rRT4XI/Tc4I8lgY2fI/AAAAAAAAAY0/d9rLkE4S4zU/s000/digg.png' width='32'/></a>  <a href="#" _fcksavedurl="#"><img alt='Stumbleupon' height='32' src='http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I8shnK0I/AAAAAAAAAY4/J-hXF7OhMGg/s000/stumbleupon.png' _fcksavedurl='http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I8shnK0I/AAAAAAAAAY4/J-hXF7OhMGg/s000/stumbleupon.png' width='32'/></a>  <a href="#" _fcksavedurl="#"><img alt='Favorites' height='32' src='http://3.bp.blogspot.com/_0oF63rRT4XI/Tc4I8wyYYII/AAAAAAAAAY8/qKeHyWn0l78/s000/favorites.png' _fcksavedurl='http://3.bp.blogspot.com/_0oF63rRT4XI/Tc4I8wyYYII/AAAAAAAAAY8/qKeHyWn0l78/s000/favorites.png' width='32'/></a>  <a href="#" _fcksavedurl="#"><img alt='More' height='32' src='http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I9NjUm9I/AAAAAAAAAZA/Yyd7NA7uIaQ/s000/more.png' _fcksavedurl='http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I9NjUm9I/AAAAAAAAAZA/Yyd7NA7uIaQ/s000/more.png' width='32'/></a>  </div>  </div>  <div style='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/' _fcksavedurl='http://templatecss.es.tl/'><img alt='Afiliados' height='125' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' _fcksavedurl='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='125'/></a>  <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'><img alt='Afiliados' height='125' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' _fcksavedurl='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='125'/></a> <a href='#' _fcksavedurl='#'><img alt='Afiliados' height='125' id='Image1_img' src='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' _fcksavedurl='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' width='125'/></a> <a href='#' _fcksavedurl='#'><img alt='Afiliados' height='125' id='Image1_img' src='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' _fcksavedurl='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' width='125'/></a> </center> <br/>  </div>  <div class='clear'></div>  </div><div class='widget LinkList' id='LinkList2'>  <h2>Menu</h2>  <div class='widget-content'>  <ul>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>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='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  </ul>  <div class='clear'></div>  </div>  </div>  </div>  <p></p></div>    <div class='clear'> </div>  </div>    <div class='span-24'>  <div id='footer-column-container'>  <div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'>  <div class='footer-column section' id='col1'><div class='widget LinkList' id='LinkList3'>  <h2>Menu</h2>  <div class='widget-content'>  <ul>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  </ul>  <div class='clear'></div>  </div>  </div></div>  </div>  <div id='footer3' style='width: 33%; float: left; margin:0; text-align: left;'>  <div class='footer-column section' id='col2'><div class='widget LinkList' id='LinkList4'>  <h2>Menu</h2>  <div class='widget-content'>  <ul>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  </ul>  <div class='clear'></div>  </div>  </div></div>  </div>  <div id='footer4' style='width: 32%; float: right; margin:0; text-align: left;'>  <div class='footer-column section' id='col3'><div class='widget LinkList' id='LinkList5'>  <h2>Menu</h2>  <div class='widget-content'>  <ul>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  </ul>  <div class='clear'></div>  </div>  </div></div>  </div>  <div style='clear:both;'></div>  </div>  </div>  <div id='footer'>Copyright  © Tu Web | <strong><font color="orange">Template Adapted By <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'>TEmplatECSS</a> </div>  <div style='clear:both;'></div>  </div></div></div>    <div style='clear:both;'></div>  <div id='credits-wrapper'><div id='credits' style='margin:0px auto 15px;width:950px;padding-left:0px;padding-right:0px;'> Template Powered By <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'>TEmplatECSS</a> | Template Hosted At <a href="http://es.tl/" _fcksavedurl="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:   FashionDesign ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="bgcolor" description="Page Background Color" type="color" default="#fff"> <Variable name="textcolor" description="Text Color" type="color" default="#333"> <Variable name="linkcolor" description="Link Color" type="color" default="#58a"> <Variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666"> <Variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#c60"> <Variable name="bordercolor" description="Border Color" type="color" default="#ccc"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif"> <Variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> <Variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif"> <Variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"> <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"> */ /* Use this with templates/template-twocol.html */ .post-body img {max-width:99%;}  body{background: #141414;color: #6d6d6d;font:75% "Helvetica Neue",Arial,Helvetica,sans-serif;margin:0px;padding:0px;} a:link,a:visited{color:#EB2628;text-decoration: none;outline:none;} a:hover{color:#FF0000;text-decoration: underline;outline:none;} a img{border-width:0} #body-wrapper{margin:0px;padding:0px 0px 0px 0px;background: url(http://4.bp.blogspot.com/_0oF63rRT4XI/Tc4I2v89TZI/AAAAAAAAAW4/gYj27TUC6yU/s000/wrapper-bg.jpg) center top no-repeat;border-top: 10px solid #4E4C4C;} /* Header-----------------------------------------------*/ #header-wrapper{width:950px;margin:0px auto 0px;height:120px;overflow:hidden;} #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:49%;overflow:hidden;} #header h1{margin:0 5px 0;padding:30px 0 0 0px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:40px;color:#D3D3D3;} #header .description{padding-left:5px;color:#ADADAD;font-size:14px;padding-top:0px;margin-top:0px;} #header h1 a,#header h1 a:visited{color:#D3D3D3;text-decoration:none} #header h2{padding-left:15px;color:#ADADAD;font:14px Arial,Helvetica,Sans-serif} #header2{float:right;width:50%;margin-right:0px;padding-right:0px;overflow:hidden;} #header2 .widget{padding:35px 0px 0 0px;float:right} .feedtwitter{margin-top:4px;text-align:right;} /* Outer-Wrapper----------------------------------------------- */ #outer-wrapper{width:950px;margin:6px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;background: url(http://3.bp.blogspot.com/_0oF63rRT4XI/Tc4I23AN7bI/AAAAAAAAAW8/ApsXSNA16uI/s000/container-line.png) left 38px repeat-x;} #content-wrapper{background: #FFFFFF url(http://1.bp.blogspot.com/_0oF63rRT4XI/Tc4I3Bmm91I/AAAAAAAAAXA/t-UIS5TrGQU/s000/contentwrap.png) right top repeat-y;} #main-wrapper{width:610px;padding-top:10px;padding-left:15px;padding-right:0px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #rsidebar-wrapper{width:305px;float:right;margin-left:5px;margin-right:5px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } /* Posts-----------------------------------------------*/ h2.date-header{margin:1.5em 0 .5em;display:none;} .wrapfullpost{} .post{padding:10px;margin-bottom:20px;background:url(http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I3ZFFJ5I/AAAAAAAAAXE/7LH3q2GEtts/s000/post-line.png) left bottom repeat-x;} .post-title{margin:0 0 8px 0;padding:0;line-height:28px;font-size:22px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;color:#252525;} .post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#252525;text-decoration:none;} .post-title strong,.post-title a:hover{color:#D92020;text-decoration:none;} .post-body{text-align:justify;padding-top:8px;font:14px/20px Arial,Verdana;} blockquote{overflow:hidden;padding-left:9px;font-style:italic;color:#666;border-left:3px solid #CADAE7;} .post-footer{margin:5px 0;color:$sidebarcolor;font:$postfooterfont;} .comment-link{margin-$startSide:.6em} .post-body img{padding:6px 6px 6px 6px;background-color: #fff;border:1px solid #D4D4D4;margin:0 4px 0px 0} .postdate{font:12px Arial,Helvetica,Sans-serif;color:#3E3C3C} .postmeta{padding:2px 4px;font:11px Arial,Verdana} .postdate img,.postmeta img{border:none;vertical-align:middle;margin:2px;padding:0px;background-color:transparent;} /* Sidebar Content----------------------------------------------- */ .sidebar{margin:0 0 10px 0;color:#4A4D4E;font-size: 13px;} .sidebar a{text-decoration:none;color:#4A4D4E;} .sidebar a:hover{text-decoration:underline;color:#C11D16;} .sidebar h2{margin:0;padding:12px 0 12px 12px;text-align:left;font-size:16px;line-height:16px;color:#151515;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-transform:uppercase;background:url(http://1.bp.blogspot.com/_0oF63rRT4XI/Tc4I3aoAsyI/AAAAAAAAAXI/ifyRIY1w0JE/s000/sidebar_tab.png) left top repeat-x;} .sidebar ul{list-style-type:none;margin:0 0 10px 0;padding:0;} .sidebar ul li{padding:6px 0 6px 12px;margin:0 0 2px 0;border-bottom:1px dashed #CFCFC5;background:url(http://1.bp.blogspot.com/_0oF63rRT4XI/Tc4I3h8kWNI/AAAAAAAAAXM/Dv3a5BFnFsg/s000/arrow.png) left 12px no-repeat;} .sidebar ul li:hover{} .sidebar .widget{margin:0px 0px 5px 10px;padding:0 0 0.5em;} .main .widget{margin:0 0 5px;padding:0 0 2px;} .main .Blog{border-bottom-width:0} /* Search----------------------------------------------- */ #search{border:1px solid #554F4E;height:28px;padding:0;background:#2F2F2F;text-align:right;margin-top:15px;overflow:hidden} #search input{border:0;background:none;color:#9A9A9A} #s{width:244px;padding:4px;margin:2px 0 0 0;background:none} #topsearch #search{margin:4px 0 0 0;padding-right:4px} #topsearch #s{width:222px} /* FOOTER */ #footer{background:#1F1F1F;padding:20px;text-align:center;color:#FFF;font-size:13px;clear:both;text-shadow:0 1px 0 #000} #footer a{color:#FFF} #footer a:hover{text-decoration:none;color:#FFF} #credits{color:#8B8B8B;font-size:11px;text-align:center;padding:10px;text-shadow:0 1px 0 #000} #credits a{color:#8B8B8B;text-decoration:none} #footer-column-container {clear:both;padding:10px 10px;background:#f2f2f1;color:#4A4D4E;border-top:2px dashed #e5e4e4;} #footer-column-container a{text-decoration:none;color:#4A4D4E;} #footer-column-container a:hover{text-decoration:underline;color:#C11D16;} #footer-column-container h2{margin:0;padding:12px 0 12px 12px;text-align:left;font-size:16px;line-height:16px;color:#151515;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-transform:uppercase;background:url(http://1.bp.blogspot.com/_0oF63rRT4XI/Tc4I3aoAsyI/AAAAAAAAAXI/ifyRIY1w0JE/s000/sidebar_tab.png) left top repeat-x;} #footer-column-container ul{list-style-type:none;margin:0 0 10px 0;padding:0;} #footer-column-container ul li{padding:6px 0 6px 12px;margin:0 0 2px 0;border-bottom:1px dashed #CFCFC5;background:url(http://1.bp.blogspot.com/_0oF63rRT4XI/Tc4I3h8kWNI/AAAAAAAAAXM/Dv3a5BFnFsg/s000/arrow.png) left 12px no-repeat;} #footer-column-container ul li:hover{} .footer-column {padding: 4px 10px;} /* Comments----------------------------------------------- */ #comments h4{color:#666;letter-spacing:0;font-size:14px;font-weight:bold;line-height:1.4em;margin:1em 0;text-transform:none} #comments-block{line-height:1.6em;margin:1em 0 1.5em} #comments-block .comment-author{-moz-background-inline-policy:continuous;background:none repeat scroll 0 0 #fcfcfc;border:1px solid #EAEAEA;font-size:15px;font-weight:normal;margin-right:20px;padding:5px} #comments .blogger-comment-icon,.blogger-comment-icon{-moz-background-inline-policy:continuous;background:none repeat scroll 0 0 #E8DEC4;border-color:#E8DEC4;border-style:solid;border-width:2px 1px 1px;line-height:16px;padding:5px} #comments-block .comment-body{border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;margin-left:0;margin-right:20px;padding:7px} #comments-block .comment-footer{border-bottom:1px solid #EAEAEA;border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;font-size:11px;line-height:1.4em;margin:-0.25em 20px 2em 0;padding:5px;text-transform:none} #comments-block .comment-body p{margin:0 0 0.75em} .deleted-comment{color:gray;font-style:italic} .avatar-image-container img{background:url(http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I3-50oJI/AAAAAAAAAXQ/otF-E_BybH4/s000/avatar.jpg);width:35px;height:35px} #blog-pager-newer-link{float:$startSide} #blog-pager-older-link{float:$endSide} #blog-pager{text-align:center} .feed-links{clear:both;line-height:2.5em} /* Profile ----------------------------------------------- */ .profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor} .profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:bold;line-height:1.6em} .profile-datablock{margin:.5em 0 .5em} .profile-textblock{margin:0.5em 0;line-height:1.6em} .profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em} #myGallery,#myGallerySet,#flickrGallery{width:610px;height:320px;z-index:5;margin-bottom:20px;margin-top:5px;overflow:hidden;} .jdGallery a{outline:0} #flickrGallery{width:500px;height:334px} #myGallery img.thumbnail,#myGallerySet img.thumbnail{display:none} .jdGallery{overflow:hidden;position:relative} .jdGallery img{border:0;margin:0} .jdGallery .slideElement{width:100%;height:100%;background-color:#000;background-repeat:no-repeat;background-position:center center;background-image:url('http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I3wEtMsI/AAAAAAAAAXU/rHsUvGbkVNc/s000/loading-bar-black.png')} .jdGallery .loadingElement{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;background-repeat:no-repeat;background-position:center center;background-image:url('http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I3wEtMsI/AAAAAAAAAXU/rHsUvGbkVNc/s000/loading-bar-black.png')} .jdGallery .slideInfoZone{position:absolute;z-index:10;width:100%;margin:0;left:0;bottom:0;height:120px;background:#141414;color:#fff;text-indent:0;overflow:hidden} * html .jdGallery .slideInfoZone{bottom:-1px} .jdGallery .slideInfoZone h2{padding:0;margin:0;margin:2px 5px;font-size:14px;font-weight:bold;color:#fff !important} .jdGallery .slideInfoZone p{padding:0;font-size:12px;margin:2px 5px;color:#eee} .jdGallery div.carouselContainer{position:absolute;height:135px;width:100%;z-index:10;margin:0;left:0;top:0} .jdGallery a.carouselBtn{position:absolute;bottom:0;right:30px;height:20px;/*width:100px;background:url('img/carousel_btn.gif') no-repeat;*/ text-align:center;padding:0 10px;font-size:13px;background:#333;color:#fff;cursor:pointer} .jdGallery .carousel{position:absolute;width:100%;margin:0;left:0;top:0;height:115px;background:#333;color:#fff;text-indent:0;overflow:hidden} .jdExtCarousel{overflow:hidden;position:relative} .jdGallery .carousel .carouselWrapper,.jdExtCarousel .carouselWrapper{position:absolute;width:100%;height:78px;top:10px;left:0;overflow:hidden} .jdGallery .carousel .carouselInner,.jdExtCarousel .carouselInner{position:relative} .jdGallery .carousel .carouselInner .thumbnail,.jdExtCarousel .carouselInner .thumbnail{cursor:pointer;background:#000;background-position:center center;float:left;border:solid 1px #fff} .jdGallery .wall .thumbnail,.jdExtCarousel .wall .thumbnail{margin-bottom:10px} .jdGallery .carousel .label,.jdExtCarousel .label{font-size:13px;position:absolute;bottom:5px;left:10px;padding:0;margin:0} .jdGallery .carousel .wallButton,.jdExtCarousel .wallButton{font-size:10px;position:absolute;bottom:5px;right:10px;padding:1px 2px;margin:0;background:#222;border:1px solid #888;cursor:pointer} .jdGallery .carousel .label .number,.jdExtCarousel .label .number{color:#b5b5b5} .jdGallery a{font-size:100%;text-decoration:none;color:#fff} .jdGallery a.right,.jdGallery a.left{position:absolute;height:99%;width:25%;cursor:pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2} * html .jdGallery a.right,* html .jdGallery a.left{filter:alpha(opacity=50)} .jdGallery a.right:hover,.jdGallery a.left:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8} .jdGallery a.left{left:0;top:0;background:url('http://4.bp.blogspot.com/_0oF63rRT4XI/Tc4I4L0zdeI/AAAAAAAAAXY/SDTt70jApto/s000/fleche1.png') no-repeat center left} * html .jdGallery a.left{background:url('http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I4PaKygI/AAAAAAAAAXc/HoJFAh5EyFE/s000/fleche1.gif') no-repeat center left} .jdGallery a.right{right:0;top:0;background:url('http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I4utejuI/AAAAAAAAAXg/8NGxcY6N-Eg/s000/fleche2.png') no-repeat center right} * html .jdGallery a.right{background:url('http://3.bp.blogspot.com/_0oF63rRT4XI/Tc4I4y31WiI/AAAAAAAAAXk/Zem3hv3fcuM/s000/fleche2.gif') no-repeat center right} .jdGallery a.open{left:0;top:0;width:100%;height:100%} .withArrows a.open{position:absolute;top:0;left:25%;height:99%;width:50%;cursor:pointer;z-index:10;background:none;-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8} .withArrows a.open:hover{background:url('http://4.bp.blogspot.com/_0oF63rRT4XI/Tc4I41HVXZI/AAAAAAAAAXo/SV-HTBu22Mw/s000/open.png') no-repeat center center} * html .withArrows a.open:hover{background:url('http://2.bp.blogspot.com/_0oF63rRT4XI/Tc4I5MGJ_sI/AAAAAAAAAXs/_ih7l5HUFNw/s000/open.gif') no-repeat center center;filter:alpha(opacity=80)} /* Gallery Sets */ .jdGallery a.gallerySelectorBtn{z-index:15;position:absolute;top:0;left:30px;height:20px;/*width:100px;background:url('img/carousel_btn.gif') no-repeat;*/ text-align:center;padding:0 10px;font-size:13px;background:#333;color:#fff;cursor:pointer;opacity:.4;-moz-opacity:.4;-khtml-opacity:0.4;filter:alpha(opacity=40)} .jdGallery .gallerySelector{z-index:20;width:100%;height:100%;position:absolute;top:0;left:0;background:#000} .jdGallery .gallerySelector h2{margin:0;padding:10px 20px 10px 20px;font-size:20px;line-height:30px;color:#fff !important} .jdGallery .gallerySelector .gallerySelectorWrapper{overflow:hidden} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{margin-left:10px;margin-top:10px;border:1px solid #888;padding:5px;height:40px;color:#fff;cursor:pointer;float:left} .jdGallery .gallerySelector .gallerySelectorInner div.hover{background:#333} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{background:#000;background-position:center center;float:left;border:none;width:40px;height:40px;margin-right:5px} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{margin:0;padding:0;font-size:12px;font-weight:normal;color:#fff} .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{margin:0;padding:0;font-size:12px;font-weight:normal;color:#fff !important} #navbar-iframe{height:0;visibility:hidden;display:none;} #pagemenucontainer{height:26px;padding:5px 0;margin-top:0;float:left} #pagemenu{height:26px;float:left} #pagemenu,#pagemenu ul{padding:0;margin:0;list-style:none;line-height:1} #pagemenu{margin-bottom:1px} #pagemenu ul{float:left;list-style:none;margin:0 0 0 0;padding:0} #pagemenu li{float:left;list-style:none;margin:0;padding:0} #pagemenu li:first-child{background:none} #pagemenu ul li{list-style:none;margin:0;padding:0} #pagemenu li a,#pagemenu li a:link{color:#B2B2B2;display:block;margin:0 4px 0 0;padding:8px 14px;text-decoration:none;text-transform:uppercase;font:normal 11px Arial,Helvetica,sans-serif} #pagemenu li a:hover,#pagemenu li a:active{color:#FFF;display:block;text-decoration:none;background:#4E4C4C} #pagemenu li.current_page_item a{color:#FFF;text-decoration:none;background:#4E4C4C} #pagemenu li:hover,#pagemenu li.sfhover{position:static} #navcontainer{height:44px;display:block;overflow:hidden;background:url(http://4.bp.blogspot.com/_0oF63rRT4XI/Tc4I5GcZ7uI/AAAAAAAAAXw/GNBdicDeRYs/s000/nav-bg.png) left top repeat-x;margin-bottom:6px} #navcontainer .current-cat a{color:#FFF;background:url(http://3.bp.blogspot.com/_0oF63rRT4XI/Tc4I5ZiywJI/AAAAAAAAAX0/YFFN2vIZuzc/s000/nav-hover.png) left top repeat-x} #nav a,#subMenusContainer a{text-decoration:none;display:block} #nav a{margin:0;float:left;padding:17px 16px 14px 16px;text-transform:uppercase;color:#FFF;font-weight:bold;font-size:12px} #subMenusContainer a,#nav li li a{font-size:12px;text-align:left;padding:6px 26px;color:#FFF;text-shadow:none;background:#C11D16} #nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{background:url(http://3.bp.blogspot.com/_0oF63rRT4XI/Tc4I5ZiywJI/AAAAAAAAAX0/YFFN2vIZuzc/s000/nav-hover.png) left top repeat-x;color:#fff} #subMenusContainer a:hover,#subMenusContainer a:focus,#subMenusContainer a.subMenuParentBtnFocused{background-color:#D22;color:#FFF;text-shadow:none} .subMenuParentBtn{background:url(../img/arrow_right.gif) right center no-repeat} .subMenuParentBtnFocused{background:url(../img/arrow_right_over.gif) right center no-repeat} .mainMenuParentBtn{} .mainMenuParentBtnFocused{} .smOW{display:none;position:absolute;overflow:hidden;padding:0 2px;margin:0 0 0 -2px} #nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{padding:0;margin:0;list-style:none;line-height:1em} #nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{background:none;left:0} #nav li{cursor:pointer;float:left;margin:0 2px 0 0;padding:0 2px 0 0;height:44px;display:inline} #subMenusContainer li{list-style:none} #nav{width:950px;margin:0 auto;clear:both;overflow:hidden;font-size:12px;display:block} #nav .children{display:none} #subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000} /* -- NUMBER PAGE NAVIGATION -- */ #blog-pager {padding:6px 10px} .showpageArea{float:left} .showpageOf{margin:0 8px 0 0;padding:3px 7px;color:#232323;font:15px Arial,Verdana;background:transparent;} .showpagePoint{color:#fff;font:bold 15px Arial,Verdana;padding:2px 7px;margin:2px;border:0px solid #fff;background:#c11d16;text-decoration:none} .showpageNum a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;} .showpageNum a:hover{color:#fff;background:#3e3e3e;} .showpage a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#232323;} .showpage a:hover{color:#fff;background:#3e3e3e;} .showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#232323;} .addthis_toolbox{padding:15px 0 5px 0;text-align:center} .addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0} .addthis_toolbox .custom_images a:hover img{opacity:1} .addthis_toolbox .custom_images a img{opacity:0.85} #comment-form iframe{padding:5px;width:500px} div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:10px} .span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:950px;margin:0}input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important}input.span-1,textarea.span-1{width:18px!important}input.span-2,textarea.span-2{width:58px!important}input.span-3,textarea.span-3{width:98px!important}input.span-4,textarea.span-4{width:138px!important}input.span-5,textarea.span-5{width:178px!important}input.span-6,textarea.span-6{width:218px!important}input.span-7,textarea.span-7{width:258px!important}input.span-8,textarea.span-8{width:298px!important}input.span-9,textarea.span-9{width:338px!important}input.span-10,textarea.span-10{width:378px!important}input.span-11,textarea.span-11{width:418px!important}input.span-12,textarea.span-12{width:458px!important}input.span-13,textarea.span-13{width:498px!important}input.span-14,textarea.span-14{width:538px!important}input.span-15,textarea.span-15{width:578px!important}input.span-16,textarea.span-16{width:618px!important}input.span-17,textarea.span-17{width:658px!important}input.span-18,textarea.span-18{width:698px!important}input.span-19,textarea.span-19{width:738px!important}input.span-20,textarea.span-20{width:778px!important}input.span-21,textarea.span-21{width:818px!important}input.span-22,textarea.span-22{width:858px!important}input.span-23,textarea.span-23{width:898px!important}input.span-24,textarea.span-24{width:938px!important}.last{margin-right:0;padding-right:0} .last,div.last{margin-right:0}   -->

FLUID

Texto por encima de la pagina

Texto por debajo de la pagina

</div></div>  </div>  <div id='sidebar-wrapper'>  <form action='#' id='searchform' method='get'>  <div><input id='s' name='q' size='32' tabindex='1' type='text'/>  <input id='searchsubmit' name='searchsubmit' tabindex='2' type='submit' value='Search'/></div>  </form>  <div class='clear'></div>  <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/' _fcksavedurl='http://templatecss.es.tl/'><img alt='Afiliados' height='125' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' _fcksavedurl='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='125'/></a>  <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'><img alt='Afiliados' height='125' id='Image1_img' src='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' _fcksavedurl='http://i1099.photobucket.com/albums/g392/m4rcos_lp77/LogoTCSS125.png' width='125'/></a> <a href='#' _fcksavedurl='#'><img alt='Afiliados' height='125' id='Image1_img' src='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' _fcksavedurl='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' width='125'/></a> <a href='#' _fcksavedurl='#'><img alt='Afiliados' height='125' id='Image1_img' src='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' _fcksavedurl='http://1.bp.blogspot.com/-6sOQGje-4s8/TXfjcoglzkI/AAAAAAAAAKw/Hy_PZPHpjnU/s253/ad125x125.jpg' width='125'/></a> </center> <br/>  </div>  <div class='clear'></div>  </div><div class='widget LinkList' id='LinkList2'>  <h2>Menu</h2>  <div class='widget-content'>  <ul>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>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='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  <li><a href='#' _fcksavedurl='#'>Menu</a></li>  </ul>  <div class='clear'></div>  </div>  </div>  </div>  </div>    <div class='clear'> </div>  </div>  </div>    <div id='container-bottom'>  <div class='cleft'>  Copyright  © Tu Web | <strong><font color="orange">Template Adapted By <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'>TEmplatECSS</a> </div>  <div class='cright'>  Template Powered By <a href='http://templatecss.es.tl/' _fcksavedurl='http://templatecss.es.tl/'>TEmplatECSS</a> | Template Hosted At <a href="http://es.tl/" _fcksavedurl="http://es.tl/">PwG</a></font></strong> <div></div>  </div>  </div>  </div>  </body> </html>

CSS-Code

WEB OFICIAL RENNA

VISITAS

SIGUEME EN FACEBOOK

SIGUEME EN TWITTER

PREGUNTAME EN ASK

DISEÑOS CSS

CHAT

DESCARGAS

DISEÑOS WEB