Image Map

quinta-feira, 2 de agosto de 2012

Layout Free - Simples - Delicadinha Vintage


Olá esse layout foi feito pelo Blog Sweet Girl Extras
o Layout é simples para iniciantes mais se você quiser usar e
customizar pode fazer oque quiser menos tirar os créditos
e falar que foi você que fez ok?
Leia as regras para usar o Layout:

- Não retire os créditos 
- Não fale que foi você que fez
- Não reblogue

Para usar o menu é só ir em HTML/Javascrip e cole esse código:
<a href="SEU LINK"><gm>1</gm></a>  <a href="SEU LINK"><gm>2</gm></a>  <a href="SEU LINK"><gm>3</gm></a></center></center></center>

Para usar o efeito Hover Preto e Branco é só colocar ir em HTML/Javascrip
e colar esse cógido:
a href="URL PARA REDIRECIONAMENTO"><img src="URL DA IMAGEM" width="TAMANHO DA IMAGEM" class="blacktty" /></a>

é só você colocar o URL da Imagem.

Sublinhado
Negrito
Itálico

Blockquote
Código HTML:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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 href='http://fonts.googleapis.com/css?family=Spirax' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'/>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <meta expr:content='data:blog.metaDescription' name='description'/>

    <b:skin><![CDATA[/*
-----------------------------------------------
Template by: Sweet Girl Extras
Name:     Delicadinha Vintage
Designer: Gabrielly Migotto
URL:      http://sweetgirl-extras.blogspot.com.br
TEMPLATE-FREE
Não Retire os Créditos
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#539bcd" value="#ecb892"/>

   <Group description="Page Text" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 13px 'Verdana',Verdana,sans-serif" value="normal normal 11px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#bbbbbb" value="#000000"/>
   </Group>

   <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
     <Variable name="body.background.color" description="Outer Background" type="color" default="#539bcd" value="#cccccc"/>
     <Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="transparent"/>
   </Group>

   <Group description="Links" selector=".main-outer">
     <Variable name="link.color" description="Link Color" type="color" default="#ff9900" value="#e3a2ee"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#b87209" value="#b792ec"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="#ff9900" value="#cccccc"/>
   </Group>

   <Group description="Blog Title" selector=".header h1">
     <Variable name="header.font" description="Font" type="font"
         default="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 0px 'Trebuchet MS',Trebuchet,sans-serif"/>
     <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff"  value="transparent"/>
   </Group>

   <Group description="Blog Description" selector=".header .description">
     <Variable name="description.text.color" description="Description Color" type="color"
         default="$(body.text.color)"  value="#765b49"/>
   </Group>

   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif"/>
     <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#ffffff"/>
   </Group>

   <Group description="Tabs Background" selector=".tabs-outer .PageList">
     <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="transparent"/>
   </Group>

   <Group description="Date Header" selector=".main-inner h2.date-header">
     <Variable name="date.font" description="Font" type="font"
         default="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px 'Times New Roman', Times, FreeSerif, serif"/>
     <Variable name="date.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#000000"/>
   </Group>

   <Group description="Post Title" selector="h3.post-title a">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal bold 20px 'Sofia, cursive;" value="normal normal 16px Verdana, Geneva, sans-serif"/>
     <Variable name="post.title.text.color" description="Text Color" type="color"
         default="#EE0000" value="#000000"/>
   </Group>

   <Group description="Post Background" selector=".column-center-inner">
     <Variable name="post.background.color" description="Background Color" type="color"
         default="transparent" value="#ffffff"/>
     <Variable name="post.background.url" description="Post Background URL" type="url" default="none" value="none"/>
   </Group>

   <Group description="Gadget Title Color" selector="h2">
     <Variable name="widget.title.font" description="Font" type="font"
        default="normal bold 14px 'Sofia', cursive" value="normal normal 20px Sofia, cursive"/>
     <Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff" value="#000000"/>
   </Group>

   <Group description="Gadget Text" selector=".footer-inner .widget, .sidebar .widget">
     <Variable name="widget.font" description="Font" type="font"
        default="$(body.font)" value="normal normal 12px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
     <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#000000"/>
   </Group>

   <Group description="Gadget Links" selector=".sidebar .widget">
     <Variable name="widget.link.color" description="Link Color" type="color" default="$(body.text.color)" value="#cabbe1"/>
     <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#cccccc"/>
     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#ffffff" value="#c6bbd8"/>
   </Group>

   <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
     <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent"  value="transparent"/>
     <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="transparent"  value="transparent"/>
   </Group>

   <Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="$(color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl3TK5DkiFyirTiJTnfPfuDJTComy3HWCdvvyCp65ICdtEyUetVO-LyEOpD75WZhebEwFk91zGOVSJh7ybLGADl3zOanE84EXbs35aOCor455r2t6QBaSbpBPdR1qXT6-5kLjcYIqmenI/s0/tumblr_l5piyhsD5k1qcdtsho1_100.gif) repeat scroll top left"/>
   <Variable name="content.background" description="Content Background" type="background"
       color="$(content.background.color)" default="$(color) none repeat scroll top center" value="transparent none repeat-x scroll top center"/>
   <Variable name="comments.background" description="Comments Background" type="background"
       default="#cccccc none repeat scroll top center" value="#cccccc none repeat scroll top center"/>

   <Variable name="content.imageBorder.top.space" description="Content Image Border Top Space" type="length" default="0" value="0"/>
   <Variable name="content.imageBorder.top" description="Content Image Border Top" type="url" default="none" value="none"/>

   <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="0"/>
   <Variable name="content.padding" description="Content Padding" type="length" default="20px" value="30px"/>
   <Variable name="content.posts.padding" description="Posts Content Padding" type="length" default="10px" value="20px"/>

   <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
       default="url(http://www.blogblog.com/1kt/travel/bg_black_50.png)" value="url(http://www.blogblog.com/1kt/travel/bg_black_50.png)"/>
   <Variable name="tabs.selected.background.gradient" description="Tabs Selected Background Gradient" type="url"
       default="url(http://www.blogblog.com/1kt/travel/bg_black_50.png)" value="url(http://www.blogblog.com/1kt/travel/bg_black_50.png)"/>
   <Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"
       default="url(http://www.blogblog.com/1kt/travel/bg_black_50.png)" value="url(http://www.blogblog.com/1kt/travel/bg_black_50.png)"/>
   <Variable name="footer.background.gradient" description="Footer Background Gradient" type="url" default="none" value="$(widget.outer.background.gradient)"/>
   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
       default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
   <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#eea2ad"/>
   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

html body .region-inner {
  min-width: 0;
  max-width: 100%;
  width: auto;
}

a:link {
  text-decoration:none;
  color: $(link.color);
}

a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}

a:hover {
   text-decoration:none;
  color: #cccccc;
  font-weight: bold;
}

.content-outer .content-cap-top {
  height: $(content.imageBorder.top.space);
  background: transparent $(content.imageBorder.top) repeat-x scroll top center;
}

.content-outer {
  margin: 0 auto;
  padding-top: $(content.margin);
}

.content-inner {
  background: $(content.background);
  background-position: left -$(content.imageBorder.top.space);
  background-color: $(content.background.color);
  padding: $(content.padding);
}

.main-inner .date-outer {
  margin-bottom: 2em;
}

/* Header
----------------------------------------------- */
.header-inner {
margin-top: -45px;
}

.Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.Header h1 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: 130%;
}

/* Tabs
----------------------------------------------- */
.tabs-inner {
  padding: 0;
}

.tabs-inner .section {
  margin: 0;
}

.tabs-inner .widget ul {
  padding: 0;
  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}

.tabs-inner .widget li {
  border: none;
}

.tabs-inner .widget li a {
  display: inline-block;
  padding: 1em 1.5em;
  color: $(tabs.text.color);
  font: $(tabs.font);
}

.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
  position: relative;
  z-index: 1;
  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  color: $(tabs.selected.text.color);

}
/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

.main-inner h2.date-header {
  font: $(date.font);
color: #000000; /* Cor da Fonte */
margin-left: -55px; /*Distância da data e titulo do post*/
float: left;
font-size: 9px; /* Tamanho da fonte */
padding: 4px;
}

.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .5em;
}

/* Main
----------------------------------------------- */

.main-inner {
  margin-top: -30px;
}

.main-inner .column-center-inner {
  padding: $(content.posts.padding) 0;
}

.main-inner .column-center-inner .section {
  margin: 0 $(content.posts.padding);
}

.main-inner .column-right-inner {
  
}

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  background: #transparent;
}

.main-inner .column-left-inner {
  
}

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

  background: url(http://i41.tinypic.com/qyz71i.jpg) repeat;   
}

.main-inner .column-left-inner,
.main-inner .column-right-inner {
  padding: 15px 0;
}

/* Posts
----------------------------------------------- */
h3.post-title {
  margin-top: -10px;
  text-align: center;
  background: #cccccc;
  text-shadow: 1px 0px 12px #000000;
}

h3.post-title a {
 font: $(post.title.font);
  color: $(post.title.text.color);
}

h3.post-title a:hover {
  text-decoration: underline;
}

.main-inner .column-center-outer {
  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  _background-image: none;
 border-radius: 10px;
}

.post-body {
  line-height: 1.4;
  position: relative;
}
.post blockquote { 
background: #EEE9E9;
border-radius-left: 2px; solid; #EED5D2;
-webkit-border-radius: 10px;
-webkit-border-bottom-right-radius: 1px;
-webkit-border-bottom-left-radius: 1px;
-moz-border-radius: 10px;
-moz-border-radius-bottomright: 1px;
-moz-border-radius-bottomleft: 1px;
border-radius: 10px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
}
.post-header {
  margin: 0 0 1em;

  line-height: 1.6;
}

.post-footer {
  margin: .5em 0;
  line-height: 1.6;
}

#blog-pager {
  font-size: 140%;
}

#comments {
  background: $(comments.background);
  padding: 15px;
}

#comments .comment-author {
  padding-top: 1.5em;
}

#comments h4,
#comments .comment-author a,
#comments .comment-timestamp a {
  color: $(post.title.text.color);
}

#comments .comment-author:first-child {
  padding-top: 0;
  border-top: none;
}

.avatar-image-container {
  margin: .2em 0 0;
}

/* Comments
----------------------------------------------- */
#comments a {
  color: $(post.title.text.color);
background: #fff;
}

.comments .comments-content .icon.blog-author {
  background-repeat: repeat;
  background-image:
}

.comments .comments-content .loadmore a {
  border-top: 1px solid $(post.title.text.color);
  border-bottom: 1px solid $(post.title.text.color);
}

.comments .comment-thread.inline-thread {
  background: $(http://i43.tinypic.com/mwyzw4.jpg);
}

.comments .continue {
  border-top: 1px solid $(post.title.text.color);
}


/* Widgets
----------------------------------------------- */
.sidebar .widget {
  border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0;
  background: #fff;
  border-radius: 10px;
  padding: 5px;
}

.sidebar .widget:first-child {
  margin-top: 0;
  background: fff;
-webkit-border-radius: 30px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 30px;
-moz-border-radius-bottomright: 0;
border-radius: 30px;
border-bottom-right-radius: 0;
}
.sidebar h2 {
text-align: center;
margin-top: 10px;
}
.sidebar .widget:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.footer-inner .widget,
.sidebar .widget {
  font: $(widget.font);
  color: $(widget.text.color);
}


.sidebar .widget a:link {
  color: $(widget.link.color);
  text-decoration: none;
}

.sidebar .widget a:visited {
  color: $(widget.link.visited.color);
}

.sidebar .widget a:hover {
  color: $(widget.link.color);
  text-decoration: underline;
}

.footer-inner .widget a:link {
  color: $(link.color);
  text-decoration: none;
}

.footer-inner .widget a:visited {
  color: $(link.visited.color);
}

.footer-inner .widget a:hover {
  color: $(link.color);
  text-decoration: underline;
}

.widget .zippy {
  color: $(widget.alternate.text.color);
}

.footer-inner {
  margin: -35px;
}

/* Mobile
----------------------------------------------- */
body.mobile  {
  padding: 0 10px;
  background-size: 100% auto;
}

body.mobile .AdSense {
  margin: 0 -10px;
}

.mobile .body-fauxcolumn-outer {
  background: $(mobile.background.overlay);
}

.mobile .footer-inner .widget a:link {
  color: $(widget.link.color);
  text-decoration: none;
}

.mobile .footer-inner .widget a:visited {
  color: $(widget.link.visited.color);
}

.mobile-post-outer a {
  color: $(post.title.text.color);
}

.mobile-link-button {
  background-color: $(link.color);
}

.mobile-link-button a:link, .mobile-link-button a:visited {
  color: $(mobile.button.color);
}

.mobile-index-contents {
  color: $(body.text.color);
}

.mobile .tabs-inner .PageList .widget-content {
  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  color: $(tabs.selected.text.color);
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.selected.text.color);
}
.feed-links {
clear: both;
line-height: 2.5em;
text-indent:-9999em;
}
#fecha {
display: block;
margin:0 10px;
float:left;
padding: 5px;
color: #FFFFF;
background: url('http://i44.tinypic.com/24q46lw.jpg');
border: #DCDCDC 3px solid;
text-transform:capitalize;
}
.fecha_dia {
display: block;
font-size: 16px;
font-weight:bold;
}
.fecha_mes {

display: block;
font-size: 10px;
}
.fecha_anio {
display: block;
font-size: 10px;
}
.navbar {height: 0px; visibility: hidden; display: none;}
}
b {color: #696969; text-decoration: none;} /* Estilo do negrito */
i {color: #cccccc; text-decoration: none;} /* Estilo do itálico */
u {color: #000; text-decoration: none; border-bottom: 1px dotted #D8BFD8;} /* Estilo do sublinhado */
}
.post-footer-line-1{
border-bottom: 1px solid #c0c0c0; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}
.post-footer-line-1{
border-bottom: 1px dotted #cccccc; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}
.post-footer-line-2{
border-bottom: 1px dotted #cccccc; /* Estilo da borda */
font-size:11px; /* Tamanho da fonte de letra */
}
*::-moz-selection {
background:#cccccc;  /*---Cor de fundo--*/
color:#fff;   /*--cor da fonte--*/
}
*::selection {
background:#cccccc;  /*---Cor de fundo--*/
color:#fff;   /*--cor da fonte--*/
}
/* Menu Round Cute - GM */
gm {
font-family: verdana; 
font-size: 09pt;
color: #000; /* fonte */
background: #ccc; /* cor do fundo do menu */
padding: 3px; /* altura */
text-align: center; /* posicionamento do texto */
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-transition-duration: .20s; /* duração do efeito */
}
gm:hover {
font-family: verdana; 
float: center;
background: url('http://25.media.tumblr.com/tumblr_l5piyhsD5k1qcdtsho1_100.gif');
padding: 4px;
text-align: center; 
margin: 5px;
-webkit-border-radius: 1000px;
-webkit-border-bottom-right-radius: 1px;
-moz-border-radius: 1000px;
-moz-border-radius-bottomright: 1px;
border-radius: 1000px;
border-bottom-right-radius: 1px;
-webkit-transition-duration: .99s; 
font-size: 08pt; 
color: #fff; 
letter-spacing: 1px; /* espaço das letras hover */
text-decoration: none;
}
.blacktty{
-webkit-transition-duration: .40s; 
}
.blacktty:hover {  
-webkit-filter: saturate(0%) ;
}
]]></b:skin>

    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='970px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
      <b:variable default='310px' name='main.column.right.width' type='length' value='360px'/>

      <![CDATA[
      body {
        min-width: $(content.width);
      }

      .content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: $(content.width);
        max-width: $(content.width);
        _width: $(content.width);
      }

      .main-inner .columns {
        padding-left: $(main.column.left.width);
        padding-right: $(main.column.right.width);
      }

      .main-inner .fauxcolumn-center-outer {
        left: $(main.column.left.width);
        right: $(main.column.right.width);
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');

      }

      .main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
      }

      .main-inner .fauxcolumn-right-outer {
        width: $(main.column.right.width);
      }

      .main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);
      }

      #layout {
        min-width: 0;
      }

      #layout .content-outer {
        min-width: 0;
        width: 800px;
      }

      #layout .region-inner {
        min-width: 0;
        width: auto;
      }
      ]]>
    </b:template-skin>
  </head>
<script>

function remplaza_fecha(d){

var da = d.split(&#39; &#39;);

dia = &quot;<div class='fecha_dia'>&quot;+da[0]+&quot;</div>&quot;; //Le otorgamos una clase al día

mes = &quot;<div class='fecha_mes'>&quot;+da[1].slice(0,3)+&quot;</div>&quot;; //Le otorgamos una clase al mes

anio = &quot;<div class='fecha_anio'>&quot;+da[2]+&quot;</div>&quot;; //Le otorgamos una clase al año

document.write(dia+mes+anio);

}

</script>


  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <div class='body-fauxcolumns'>
    <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content'>
  <div class='content-fauxcolumns'>
    <div class='fauxcolumn-outer content-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content-outer'>
  <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='fauxborder-right content-fauxborder-right'/>
  <div class='content-inner'>

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Layout FREE Sweet Girl Extras 01 (Cabeçalho)' type='Header'/>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

    <div class='tabs-outer'>
    <div class='tabs-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    </div>
    </div>
    <div class='tabs-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='main-outer'>
    <div class='main-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>

    <div class='fauxborder-left main-fauxborder-left'>
    <div class='fauxborder-right main-fauxborder-right'/>
    <div class='region-inner main-inner'>

      <div class='columns fauxcolumns'>

        <div class='fauxcolumn-outer fauxcolumn-center-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-left-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-right-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <!-- corrects IE6 width calculation -->
        <div class='columns-inner'>

        <div class='column-center-outer'>
        <div class='column-center-inner'>
          <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'/>
</b:section>
        </div>
        </div>

        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num' value='0'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        </div>

        <div style='clear: both'/>
      <!-- columns -->
      </div>

    <!-- main -->
    </div>
    </div>
    <div class='main-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num' value='1'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
     
    </div>
    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

  <!-- content -->
  </div>
  </div>
  <div class='content-cap-bottom cap-bottom'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  </div>
  </div>

  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>

</body>

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>
  <macro:else/>
    <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>

    <macro:if cond='data:col.num &gt;= 2'>
      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
      <tbody>
      <tr>
        <td class='first columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
        </td>

        <td class='columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
        </td>

        <macro:if cond='data:col.num &gt;= 3'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>
      </tr>
      </tbody>
      </table>

      <macro:if cond='data:col.includeBottom'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
      </macro:if>
    </macro:if>
  </macro:if>
</macro:includable>

<b:section-contents id='sidebar-right-1'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>
</b:section-contents><b:section-contents id='footer-1'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section-contents></html>