Mostruário de Templates: Template Gótico

Template em 2 colunas. Possui diversos hacks. Menu horizontal com efeito, slide no footer e na header, títulos com efeito chisel, leia mais...

DEMO/DICA PARA ATIVAÇÃO DOS ITENS

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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>
   <b:include data='blog' name='all-head-content'/>
   <title><data:blog.pageTitle/></title>
   <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Template Gótico baseado no Minima
Date: 26 de novembro de 2010
http://templateseacessorios.blogspot.com/
Elke di Barros
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
   type="color" default="#fff" value="#ffffff">

   <Variable name="pagetitlecolor" description="Blog Title Color"
   type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
   type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
   type="color" default="#c60" value="#cc6600">
   <Variable name="bordercolor" description="Border Color"
   type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
   type="color" default="#999" value="#999999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
   type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
   type="color" default="#999" value="#999999">
   <Variable name="bodyfont" description="Text Font"
   type="font" default="normal normal 100% Georgia, Serif" value="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" value="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" value="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" value="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" value="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" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
   type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */

body {
  background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6c8eAWORgnqAHDq5VpM3a99RAjO04wy9k7K15iFuy2sYhBaC1OE993VzaQSimwDOjYgAD4y6wNchYYVr3clufXh7iVwlb9Lnw61JzJ0t8f4ZTH1Pnjho3Qlk6iXMXxQrInSZCryoYeLTH/s1600/gothic-heart-black-love.jpg) no-repeat fixed;
  margin:0;
  color:#cccccc;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:#ffffff;
  text-decoration:none;
  }
a:visited {
  color:#cccccc;
  text-decoration:none;
  }
a:hover {
  color:#F0ECEC;
  text-decoration:underline;
}
a img {
  border-width:0;
  }

/* Menu-----------------------------------------------*/
.navigation{
   position:relative;
   margin:0 auto;
   width:900px;
}

ul.menu{
   list-style:none;
   font-family:"Verdana",sans-serif;
   border:2px dashed #1F1F23;
   margin:0;
   padding:0px;
   float:left;
}
ul.menu li{
float:left;
}
ul.menu li a{
   text-decoration:none;
   background: #000000;/*cor do menu*/
   padding:18px 0px;
   width:146px;
   color:#ffffff;
   float:left;
   text-shadow: 0 0 0.4em #cc0000, 0 0 0.4em #cc0000, 0 0 0.4em #cc0000;
   text-align:center;
   border-right:2px dashed #1F1F23;
   border-left:2px dashef #1F1F23;
   font-weight:bold;
   font-size:16px;
   -moz-box-shadow: 0 3px 3px #555;
   -webkit-box-shadow: 0 3px 3px #555;
}
ul.menu li a.hover{
   background-image:none;
   color:#fff;
   text-shadow: 0 -1px 1px #000;
}
ul.menu li a.first{
   -moz-border-radius:10px 0px 0px 0px;
   -webkit-border-bottom-left-radius: 10px;
   border-left:none;
}
ul.menu li a.last{
   -moz-border-radius:0px 0px 10px 0px;
   -webkit-border-bottom-right-radius: 10px;
}
ul.menu li span{
   width:84px;
   height:84px;
   background-repeat:no-repeat;
   background-color:transparent;
   position:absolute;
   z-index:-1;
   top:30px;
   cursor:pointer;
}
ul.menu li span.link0{
background-image:url(AAAAAAAAAAAAAAAAA); left:66px;}

ul.menu li span.link1{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWAm1Rw_1n-FVljPxm-cJNjpgjuDYqCrTp14NAcbzIoySCdh9jyEAOgZYS5QpJo5Lwb6IY5TUP1LCYbSzUUpO4n-6qxS9CGZsktG1fXeBWTCXHFcqcBoEOPmnRGInCoxm_vbf2ac2d9eUS/s1600/facebook-black.png); left:146px;}

ul.menu li span.link2{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNHgTxQzfEkCRk6NHd58upcl33oojmjxyMnbIqjnCc-GI56pqO0H5BNNDWbq4KCnUrLi8dGw0j9cdEQvsNeN20WBcBzWx-zBd4gYz4V4E03B5UKlBGaYwiQqaneLJxUCd__EcPYDY-nnLM/s1600/wail-black.png);left:288px;}

ul.menu li span.link3{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhir11jEEkGT1AgxcVy57-wYE11DaP0vDXa8VidxtsgRZ1PIYLv3OtdWt4p5__fyle3DpMWZ-yORJ353E-R7SHjyo-_rIP_Rnrtu1IrYtb8TDuMuTgpWQBTUTE1-paCQP0HMJshle7a2l2e/s1600/099126-glossy-black-3d-button-icon-social-media-logos-orkut.png);left:453px;}

ul.menu li span.link4{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyP79pcaovDRODeHMy0yMiaQ22Lj_KkDlZz1DhgewP9T6o_NACA6eoInTq40pmNhDgvbOnDGsgjcMIXgHalHx2IHnhom6_ZGSdQ6SF6R_CYy_0T5uS27hnL9t51_Io_w0wRRcQwFZzFDTg/s1600/twitter-bird-black.png);left:586px;}

ul.menu li span.link5{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPe9QgVpkRvS0FKRa9gaMmDGTrUka2XjRtSRt0tm91mPvebRZUZewwHiVviu2Ye4nyihG2PhsvV1AcaSdZZEU-LIlfSJtVh69a8TpfZBFcIczoq524rCg8_VGy5Z803XLAUqe28HQxA6g1/s1600/rss-black.png);left:743px;}

#box-toggle {
margin:0 auto;
text-align:left;}
#box-toggle .tgl {margin-bottom:20px;}
#box-toggle span {
display:block;
cursor:pointer;
font-weight:bold;
font-size:14px;
color:#c30;
margin-top:15px;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
  width:900px;
  height: 110px;
  margin:0 auto;
  }

#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}

#header {
  margin: 5px;
  text-align: center;
  color:#cccccc;
}

#header h1 {
  color: #ffffff;
  font-family:"Lucida Handwriting",sans-serif;
  text-shadow: 0 0 0.4em #cc0000, 0 0 0.4em #cc0000, 0 0 0.4em #cc0000;
  margin:35px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  letter-spacing:.2em;
  font-size: 33px;
}

#header a {
  color:#cccccc;
  text-decoration:none;
  }

#header a:hover {
  color:#cc0000;
  }

#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:700px;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: #808080;
}

#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}

#PageList1 {
  border: 1px dashed #353539;
  background: #000000;
  padding: -3px 8px 10px 10px;
}

#PageList1 li{
  color:#ffffff;
  background: #000000;
  border-right: 2px solid #1F1F23;
  padding: -4px 10px 10px 10px;
}

#PageList1 a:hover {
  text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000;
  color: #ffffff;

}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 900px;
  opacity:0.9;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 600px;
  float: $startSide;
  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 */
  }

#sidebar-wrapper {
  width: 290px;
  float: $endSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */

h2 {
  margin:1.5em 0 .75em;
  font-family:"Lucida Handwriting",sans-serif;
  line-height: 1.2em;
  letter-spacing:.2em;

}

/* Posts
-----------------------------------------------
*/
.date-header {
  margin: 3px 0 0 0;
  float: right;
  text-align: right;
  padding:0px 4px 0px 0;
  font-size: 12px;
  }

.post {
  font-family:"Lucida Handwriting",sans-serif;
  background: #000000;
  margin:20px 5px;
  border:1px dotted #353539;
  padding: 10px 10px 10px 10px;
  box-shadow:5px -5px 10px #353539;
  -webkit-box-shadow:5px -5px 10px #353539;
  -moz-box-shadow:5px -5px 10px #353539;
  border-radius:25px;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
  }

.post h3 {
  font-family:"Lucida Handwriting",sans-serif;
  margin:.25em 0 0;
  padding:6px 0 6px 2px;
  font-size:20px;
  font-weight:bold;
  line-height:1.1em;
  color: #ffffff;
  text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000;
}

.post h3 a:hover, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:#ffffff;
  font-weight:normal;
  text-shadow: 0 0 0.3em #87F, 0 0 0.3em #87F, 0 0 0.3em #87F;
}
.post h3 strong, .post h3 a:hover {
  color:#cccccc;
}
.post-body {
  color: #ffffff;
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-body blockquote {
  line-height:1.3em;
}

.header-1 {
color: #cccccc;
  border-bottom: 1px dashed #222226;
  margin: 2px 0 3px 0;
  font-size: 10px;
}
.post-footer {
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvscjGkXksOWsOfzUbBzf9eoLiaoCgwtEX9BZX1Z-WMPed3s6aEGOQkX6kk-wkLpC9hB_bBxMaSxJEdbbaJua_OjUZ3t8CozDVArKcfSWO0IgkJ3Hq3sWDmoY0I7S7CpXsZZv_wpdh35Wc/s1600/go476dc8.gif) no-repeat;
  padding: 20px 0 20px 0;
  margin: 20px 0 0 30px;
  color:#ffffff;
  letter-spacing:.1em;
  font-size: 12px;
  line-height: 1.4em;
}
.comment-link {
  margin-$startSide:.6em;
}
.post img {
filter: alpha(opacity:0.7);
KHTMLOpacity: 0.5;
MozOpacity: 0.5;
-khtml-opacity:.30;
-ms-filter:"alpha(opacity=30)";
-moz-opacity:.30;
filter:alpha(opacity=30);
opacity:.50;
}
.post img:hover {
filter: alpha(opacity:1);
KHTMLOpacity: 1;
MozOpacity: 1;
-khtml-opacity:.1;
-ms-filter:"alpha(opacity=100)";
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}

.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
  margin:1em 20px;
}
.post blockquote p {
  margin:.75em 0;
}
#showlink {color: #ffffff; text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000; text-align: right; float: right;
}
#showlink a:hover{text-shadow: 0 0 0.3em #87F, 0 0 0.3em #87F, 0 0 0.3em #87F;
}
.post-comment-link {text-align: right; float: right;
}

#Label1 { background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6c8eAWORgnqAHDq5VpM3a99RAjO04wy9k7K15iFuy2sYhBaC1OE993VzaQSimwDOjYgAD4y6wNchYYVr3clufXh7iVwlb9Lnw61JzJ0t8f4ZTH1Pnjho3Qlk6iXMXxQrInSZCryoYeLTH/s1600/gothic-heart-black-love.jpg);
color: #ffffff; text-shadow: 0 0 0.4em #cc0000, 0 0 0.4em #cc0000, 0 0 0.4em #cc0000;
}

#Label1 ul li {
height: 100%;
margin: -3px -2px -3px -22px;
}
#Label1 ul li a:link, .Label1 ul li a:visited {
text-decoration: none;
padding: 10px 2px 5px 16px;
display: block;
background: #000000;
border: 1px ridge #5E5E5E;
}
#Label1 ul li a:hover {
background: #000000;text-shadow: 0 0 0.3em #87F, 0 0 0.3em #87F, 0 0 0.3em #87F;
text-align: left;
border: 2px groove #5E5E5E;
}

/*Slider--------------------------------------------*/
.contentslider {
background: #000000;
position:relative;
display:block;
width: 900px;
height: 260px;
margin:0 auto;
overflow:hidden;
}
.cs_wrapper {
position:relative;
display:block;
width:100%;
height:100%;
margin:0;
padding:0;
overflow:hidden;
}
.cs_slider {
position:absolute;
width:10000px;
height:100%;
margin:0;
padding:0;
}
.cs_article {
float:left;
position:relative;
top:0;left:0;
display:block;
width: 880px;
height: 260px;
margin:0 auto;
padding: 30px 0;
background-color: none;
}
.cs_article img {
float: right;
width: 350px;
height: 210px;
margin: 1px 60px 5px 0;
border: 1px solid #000000;
padding: 5px;
background: #ffffff;
}
.cs_article .text {
float: right;
color: #ffffff;
margin-right: 10px;
width: 405px;
background: #000000;
}
.text h2 {
text-shadow: 0 0 0.2em #cc0000, 0 0 0.2em #cc0000, 0 0 0.2em #cc0000;
color: #ffffff;
margin: 0 0 5px 0;
padding: 0 0 7px 0;
}
.text h2 a, .text h2 a:hover, .text h2 a:visited{
font-family: Georgia, "Times New Roman", Times, serif;
background: #000000;
padding: 10px;
color: #ffffff;
font-size: 20px;
font-weight: bold;
text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;
}
.cs_article p {
color: #ffffff;
font-size: 14px;
margin-bottom: 10px;
}
.cs_article .readmore {
color: #cccccc;
font-size: 14px;
font-weight: bold;
}
.cs_article .readmore:hover {
font-family: Arial, Helvetica, sans-serif;
}
.cs_leftBtn, .cs_rightBtn {
position:absolute;
top: 0px;
height: 160px;
padding:0;
z-index:10000;
}
.cs_leftBtn {
left:0; outline:0;
}
.cs_rightBtn {
right:0;
outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
border:0;
position:relative;
top: 10px;
margin:0;
}
.contentCenter {
text-align:center;
}

/* Comments
----------------------------------------------- */
#comments h4 {
font-family:"Lucida Handwriting",sans-serif;
text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000;
font-size: 26px;
  text-align: center;
  margin: 40px 20px;
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing:.2em;
  color: #ffffff;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  font-size: 20px;
  text-shadow: 0 0 0.3em #87F, 0 0 0.3em #87F, 0 0 0.3em #87F;
  background: #000000;
  border-bottom: 2px solid #1F1F23;
  margin: 60px 2px -30px 0;
  padding: 30px 0 10px 78px;
  }
#comments-block .avatar-image-container {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtKQ5hhfhlRT48LyyTRLAhC94KpdVKhw4PvMhfu1IqiZfsN7tMRgb1wj4cGeGgPg_lncrNfMwmvyAdUAijmnDhp3oeDl59MqfoKFMEnM0eJYZSgrHBuMwvat0hWlNxaO5I1rs2TP0HJrs/s1600/210.gif) no-repeat scroll left top;
height:45px;
left:5px;
position:absolute;
top:5px;
width:45px;
}
#comments-block .avatar-image-container img {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtKQ5hhfhlRT48LyyTRLAhC94KpdVKhw4PvMhfu1IqiZfsN7tMRgb1wj4cGeGgPg_lncrNfMwmvyAdUAijmnDhp3oeDl59MqfoKFMEnM0eJYZSgrHBuMwvat0hWlNxaO5I1rs2TP0HJrs/s1600/210.gif) no-repeat scroll left top;
border:medium none;
float:left;
height:45px;
width:45px;
}
#comments-block .avatar-image-container.avatar-stock img {
display:none;
}

#comments-block .comment-body {
  background: #000000;
  margin:30px 2px 30px 10px;
  padding: -30px 6px 10px 30px;
  }
#comments-block .comment-footer {
  background: #000000;
  text-align: right;
  margin: -30px 0;
  }
#comments-block .comment-body p {
  margin: 10px 0 20px 0;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
#commnet-form, .comment-form{margin: 0 auto;}

#blog-pager {
font-family:"Lucida Handwriting",sans-serif;
  font-size: 12px;
  background: #000000;
  border:1px dotted #353539;
  text-shadow: 0 0 0.3em #cc0000, 0 0 0.3em #cc0000, 0 0 0.3em #cc0000;
  padding: 10px 10px 10px 10px;
  box-shadow:5px -5px 10px #353539;
  -webkit-box-shadow:5px -5px 10px #353539;
  -moz-box-shadow:5px -5px 10px #353539;
  border-radius:25px;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
}
#blog-pager a:hover{
  font-family:"Lucida Handwriting",sans-serif;
  text-shadow: 0 0 0.3em #87F, 0 0 0.3em #87F, 0 0 0.3em #87F;
  font-size 16px;
}

#blog-pager-newer-link {
  float: $startSide;
}

#blog-pager-older-link {
  float: $endSide;
}

#blog-pager {
  text-align: center;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar .widget{
  font-family:"Lucida Handwriting",sans-serif;
  background: #000000;
  border: 1px dashed #353539;
  color: #ffffff;
  line-height: 1px;
  padding: 10px 3px 12px 8px;
  margin: 20px 5px;
   box-shadow:5px -5px 10px #353539;
-webkit-box-shadow:5px -5px 10px #353539;
-moz-box-shadow:5px -5px 10px #353539;
border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;
}

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  text-indent:-15px;
  line-height:1.5em;
  }
.sidebar h2{
font-family:"Lucida Handwriting",sans-serif;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 0 0.4em #cc0000, 0 0 0.4em #cc0000, 0 0 0.4em #cc0000;
  font-size: 16px;
  text-align: center;
}

.main {
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
}

.main .Blog {
  border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-img {
  float: center;
background: #CC8CF4;
padding: 8px;
  width: 200px; height: 200px;
  margin: 2px 28px -32px 28px;
  padding: 4px;
  border: 1px solid #ffffff;
}

.profile-data {
text-align: center;
  margin: 0 0 20px 0;
  color: #ffffff;
  font-family:"Lucida Handwriting",sans-serif;
  text-shadow: 0 0 0.6em #CC8CF4, 0 0 0.6em #CC8CF4, 0 0 0.6em #CC8CF4;
  letter-spacing:.1em;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2em;
}

.profile-datablock {
  margin: 10px 0 20px 0;
}

.profile-textblock {
text-shadow: 0 0 0.2em #E5CFF5, 0 0 0.2em #E5CFF5, 0 0 0.2em #E5CFF5;
  color: #ffffff;
  line-height: 1.6em;
}

.profile-link {

  text-align: center;
  font-size: 10px;
  font-family:"Lucida Handwriting",sans-serif;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
  width:900px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.2em;
  letter-spacing:.1em;
  text-align: center;
}
#footer-columna-contenedor {clear:both;}
.footer-columna {padding: 8px;}
#col1, #col2, #col3{
  font-family:"Lucida Handwriting",sans-serif;
  background: #000000;
  border: 1px dashed #353539;
  color: #ffffff;
  line-height: 1px;
  padding: 10px 3px 12px 1px;
  margin: 20px 5px;
   box-shadow:5px -5px 10px #353539;
-webkit-box-shadow:5px -5px 10px #353539;
-moz-box-shadow:5px -5px 10px #353539;
border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;
}
#col1 h2, #col2 h2, #col3 h2{
margin: 10px 0;
padding: 10px -3px;
text-shadow: 0 0 0.3em #87F, 0 0 0.3em #87F, 0 0 0.3em #87F;
text-align: center;
float: center;
font-size: 14px;
color:#ffffff;
}

#col1 ul, #col2 ul, #col3 ul{
  list-style:none;
  margin:12px 0 4px 0;
  padding:6px 0 4px 0;
}

#col1 ul li a:link, #col2 ul li a:link, #col3 ul li a:link {/*link*/
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8kit53Bc0wJWbcPglOI0XKMmPT_q3y0SBBEnQYlcyY3eKxHKmN-A7XyyU8jAh47jixooFCVjq3_qqYSZWjTwy7GUKWm8bZA-d_rDxLveTi2KGXAdXdJ__LBq1LTOolrj0BHsII4HgiKfp/s1600/5s.gif) no-repeat 4px;
  color:#cccccc;/*cinza*/
  border-bottom:1px dashed #cccccc;
  margin: 12px 0 3px 12px;
  padding: 10px 0 5px 14px;
  display:block;
}
#col1 ul li a:visited, #col2 ul li a:visited, #col3 ul li a:visited{ /*links visitados*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqyNVDAQJJcjZMbKViXvqk2iDbedn_LR3aIuRVoqIvTqcUqnQx_6bJC2wcB44fPHVzzUXcxPD6_KNYmhVnCogxQFncN0Ql8u6dEcdvA3IrsCylZCBKPl5qyKem3qJeXAZb3-3qcvcIfDx/s1600/2z.gif) no-repeat 4px;
  color:#808080;
  border-bottom:1px dashed #808080;/*cinza escuro*/
  margin: 12px 0 3px 12px;
  padding: 10px 0 5px 14px;
  display:block;
}

#col1 ul li a:hover, #col2 ul li a:hover, #col3 ul li a:hover{ /*ao passar o mouse em cima*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGn5-A_wcgitMAa5yLYBlSBlsCxeRJ4-i55PlcrVo4tHYNaS-3Cl1ahyphenhyphenCMLXeFMUUqjGQoQd2EdyD_I82X9ZPkckHas-V24qfTzgVHc3Sz-2vXYWqLEWuXF66NAusYL4AzSgRv9bsyrIef/s1600/4we.gif) no-repeat 4px;
  color: #cc0000;
  border-bottom:1px dashed #cc0000; /*vermelho*/
}

/*featured*/
#featured {
width: 900px;
height:200px;
background: transparent;
margin:0 auto;
margin-top:0px;
position:relative;
overflow:hidden;
}

.featured_one_wrapper {
padding:5px;
padding-top:18px;
text-align:center;
}

.featured_one_wrapper img.fthumbnail {
position:relative;
padding:3px;
background: #cccccc;
border: 3px groove #cccccc;
width:125px;
height:125px;
margin-left:3px;
margin-right:3px;
}

.featured_one_wrapper img.fthumbnail:hover {
background-color:#ffffff;
}

]]></b:skin>
<b:if cond='data:blog.pageType == "item"'>
<style>
#main-wrapper {width: 886px;}
#sidebar-wrapper {visibility: hidden; display: none;}
#footer-columna-contenedor {visibility: hidden; display: none;}
.contentslider {visibility: hidden; display: none;}
</style>
<style type='text/css'>
body {
background: #000000;
}
#main-wrapper {
background: #29292D;
border:3px dotted #353539;
padding: 10px 4px 10px 4px;
margin: 2px;}
</style>
</b:if>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.fn.toggleText = function(a,b) {
return this.html(this.html().replace(new RegExp("("+a+"|"+b+")"),function(x){return(x==a)?b:a;}));
}
$(document).ready(function(){
$('.tgl').before('<span>Revelar conteúdo</span>');
$('.tgl').css('display', 'none')
$('span', '#box-toggle').click(function() {
$(this).next().slideToggle('slow')
.siblings('.tgl:visible').slideToggle('fast');
$(this).toggleText('Revelar','Esconder')
.siblings('span').next('.tgl:visible').prev()
.toggleText('Revelar','Esconder')
});
})
</script>
<script type='text/javascript'>
//<![CDATA[
$(function() {
   var d=1000;
   $('#menu span').each(function(){
   $(this).stop().animate({
   'top':'-17px'
   },d+=250);
   });

   $('#menu > li').hover(
   function () {
   var $this = $(this);
   $('a',$this).addClass('hover');
   $('span',$this).stop().animate({
   'top':'40px'
   },300).css({
   'zIndex':'10'
   });
   },
   function () {
   var $this = $(this);
   $('a',$this).removeClass('hover');
   $('span',$this).stop().animate({
   'top':'-17px'
   },800).css({
   'zIndex':'-1'
   });
   }
   );
});
//]]>
</script>
<script src='http://simplejee.googlecode.com/svn-history/r292/trunk/simplejee/WebContent/ajax/jquery/jquery-1.4.2.js' type='text/javascript'/>
<script src='https://sites.google.com/site/bestbloggertheme/mixbloo/zenverse_gallery.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){
jQuery("div.nav ul li ul").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
jQuery("div.nav ul li a") .mouseover(function() { //When trigger is clicked...
//Following events are applied to the subnav itself (moving subnav up and down)
jQuery(this).parent().find("ul").slideDown('fast').show(); //Drop down the subnav on click
jQuery(this).parent().hover(function() {
}, function(){
jQuery(this).parent().find("ul").slideUp('medium'); //When the mouse hovers out of the subnav, move it back up
});
//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
jQuery(this).addClass("subhover"); //On hover over, add class "subhover"
}, function(){ //On Hover Out
jQuery(this).removeClass("subhover"); //On hover out, remove class "subhover"
});

});
//]]>
</script>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 600;
summary_img = 600;
img_thumb_height = 200;
img_thumb_width = 570;
</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) {
if(thumbnail_mode == "float") {
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;
} else {
imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';
summ = summary_img;
}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;}
//]]>
</script>


<script src='http://sites.google.com/site/menuhorizontal2/slidefeed/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://jquery-swip.googlecode.com/svn-history/r4/trunk/jquery.easing.1.3.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
(function($) {
  $.fn.ContentSlider = function(options)
  {
   var defaults = {
   leftBtn : 'http://1.bp.blogspot.com/_MkGBVwDEF84/TFVLVNP9uZI/AAAAAAAADcc/d0cVYZWbqOk/s1600/cs_leftImg.png',
   rightBtn : 'http://3.bp.blogspot.com/_MkGBVwDEF84/TFVLea5eapI/AAAAAAAADck/6eCu9XrKMb4/s1600/cs_rightImg.png',
   width : '900px',
   height : '400px',
   speed : 400,
   easing : 'easeOutQuad',
   textResize : false,
   IE_h2 : '28px',
   IE_p : '12px'
   }
   var defaultWidth = defaults.width;
   var o = $.extend(defaults, options);
   var w = parseInt(o.width);
   var n = this.children('.cs_wrapper').children('.cs_slider').children('.cs_article').length;
   var x = -1*w*n+w; // Minimum left value
   var p = parseInt(o.width)/parseInt(defaultWidth);
   var thisInstance = this.attr('id');
   var inuse = false; // Prevents colliding animations

   function moveSlider(d, b)
   {
   var l = parseInt(b.siblings('.cs_wrapper').children('.cs_slider').css('left'));
   if(isNaN(l)) {
   var l = 0;
   }
   var m = (d=='left') ? l-w : l+w;
   if(m<=0&&m>=x) {
   b
   .siblings('.cs_wrapper')
   .children('.cs_slider')
   .animate({ 'left':m+'px' }, o.speed, o.easing, function() {
   inuse=false;
   });

   if(b.attr('class')=='cs_leftBtn') {
   var thisBtn = $('#'+thisInstance+' .cs_leftBtn');
   var otherBtn = $('#'+thisInstance+' .cs_rightBtn');
   } else {
   var thisBtn = $('#'+thisInstance+' .cs_rightBtn');
   var otherBtn = $('#'+thisInstance+' .cs_leftBtn');
   }
   if(m==0||m==x) {
   thisBtn.animate({ 'opacity':'0' }, o.speed, o.easing, function() { thisBtn.hide(); });
   }
   if(otherBtn.css('opacity')=='0') {
   otherBtn.show().animate({ 'opacity':'1' }, { duration:o.speed, easing:o.easing });
   }
   }
   }

   function vCenterBtns(b)
   {
   // Safari and IE don't seem to like the CSS used to vertically center
   // the buttons, so we'll force it with this function
   var mid = parseInt(o.height)/0 ;
   b
   .find('.cs_leftBtn img').css({ 'top':mid+'px', 'padding':0 }).end()
   .find('.cs_rightBtn img').css({ 'top':mid+'px', 'padding':0 });
   }

   return this.each(function() {
   $(this)
   // Set the width and height of the div to the defined size
   .css({
   width:o.width,
   height:o.height
   })
   // Add the buttons to move left and right
   .prepend('<a href="#" class="cs_leftBtn"><img src="'+o.leftBtn+'" /></a>')
   .append('<a href="#" class="cs_rightBtn"><img src="'+o.rightBtn+'" /></a>')
   // Dig down to the article div elements
   .find('.cs_article')
   // Set the width and height of the div to the defined size
   .css({
   width:o.width,
   height:o.height
   })
   .end()
   // Animate the entrance of the buttons
   .find('.cs_leftBtn')
   .css('opacity','0')
   .hide()
   .end()
   .find('.cs_rightBtn')
   .hide()
   .animate({ 'width':'show' });

   // Resize the font to match the bounding box
   if(o.textResize===true) {
   var h2FontSize = $(this).find('h2').css('font-size');
   var pFontSize = $(this).find('p').css('font-size');
   $.each(jQuery.browser, function(i) {
   if($.browser.msie) {
   h2FontSize = o.IE_h2;
   pFontSize = o.IE_p;
   }
   });
   $(this).find('h2').css({ 'font-size' : parseFloat(h2FontSize)*p+'px', 'margin-left' : '66%' });
   $(this).find('p').css({ 'font-size' : parseFloat(pFontSize)*p+'px', 'margin-left' : '66%' });
   $(this).find('.readmore').css({ 'font-size' : parseFloat(pFontSize)*p+'px', 'margin-left' : '66%' });
   }
// Store a copy of the button in a variable to pass to moveSlider()
   var leftBtn = $(this).children('.cs_leftBtn');
   leftBtn.bind('click', function() {
   if(inuse===false) {
   inuse = true;
   moveSlider('right', leftBtn);
   }
   return false; // Keep the link from firing
   });

   // Store a copy of the button in a variable to pass to moveSlider()
   var rightBtn = $(this).children('.cs_rightBtn');
   rightBtn.bind('click', function() {
   if(inuse===false) {
   inuse=true;
   moveSlider('left', rightBtn);
   }
   return false; // Keep the link from firing
   });

   vCenterBtns($(this)); // This is a CSS fix function.
   });
  }
})(jQuery)
//]]>
</script>
<script type='text/javascript'>
$(function() {
$('#one').ContentSlider({
width : '900px',height : '260px',speed : 800,easing : 'easeInOutBack'});});
</script>



  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

   
   <span id='skiplinks' style='display:none;'>
   <a href='#main'>skip to main </a> |
   <a href='#sidebar'>skip to sidebar</a>
   </span>

<div id='menu'>
<div class='navigation'>
<ul class='menu' id='menu'>
   <li><span class='link0'/><a href='ENDEREÇO DO SEU BLOG'>Home</a></li>
   <li><span class='link1'/><a href='ENDEREÇO DO FACEBOOK'>Facebook</a></li>
   <li><span class='link2'/><a href='ENDEREÇO DO EMAIL'>Email</a></li>
   <li><span class='link3'/><a href='ENDEREÇO DO ORKUT'>Orkut</a></li>
   <li><span class='link4'/><a href='ENDEREÇO DO TWITTER'>Twitter</a></li>
   <li><span class='link5'/><a class='last' href='ENDEREÇO DO FEED'>Feed</a></li>
</ul>
</div>
</div>
<div class='clear'> </div>
<div id='header-wrapper'>

   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Template Gótico (Cabeçalho)' type='Header'>
<b:includable id='main'>

  <b:if cond='data:useImage'>
   <b:if cond='data:imagePlacement == "BEHIND"'>
   
   <b:if cond='data:mobile'>
   <div id='header-inner'>
   <div class='titlewrapper' style='background: transparent'>
   <h1 class='title' style='background: transparent; border-width: 0px'>
   <b:include name='title'/>
   </h1>
   </div>
   <b:include name='description'/>
   </div>
   <b:else/>
   <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
   <div class='titlewrapper' style='background: transparent'>
   <h1 class='title' style='background: transparent; border-width: 0px'>
   <b:include name='title'/>
   </h1>
   </div>
   <b:include name='description'/>
   </div>
   </b:if>
   <b:else/>
   
   <div id='header-inner'>
   <a expr:href='data:blog.homepageUrl' style='display: block'>
   <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
   </a>
   
   <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
   <b:include name='description'/>
   </b:if>
   </div>
   </b:if>
  <b:else/>
   
   <div id='header-inner'>
   <div class='titlewrapper'>
   <h1 class='title'>
   <b:include name='title'/>
   </h1>
   </div>
   <b:include name='description'/>
   </div>
  </b:if>
</b:includable>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <data:title/>
  <b:else/>
   <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
   <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
</b:widget>
</b:section>
   </div>

   <div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<div class='contentslider' id='one'>
<div class='cs_wrapper'>
<div class='cs_slider'>

<div class='cs_article'>
<a href='#link'>
<img alt='1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijDXib75UBgnMxFaK7ec4zsml9DpH2b_fcCC6e4x4G_c3bBqZSV-H4zvQe_Qd8V_gN_lgywJvTxiQpJbrK7VysUs9T_SKU6C7tIb_j74ysAWgdR19zyEycuyUNnwH3ZMZr31U11ZCFOYto/s1600/gothic-ballet-lovely-dance.jpg'/></a>
<div class='text'>
<h2><a href='ENDEREÇO DO LINK 1' target='_parent'>TITULO 1</a></h2>
<p>
ESCREVA AQUI O TEXTO 1
</p>
<a class='readmore' href='ENDEREÇO DO LINK 1'>Leia mais</a>
</div></div>


<div class='cs_article'>
<a href='#link'>
<img alt='2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8VWXQ-7X0jL6Oy40nKmmG48wneH4fMqR5e3HxDfThhx7F6sP6qwJpArtwYh1jd8xbMzxMnD96SecHFpELyf1a_MIe7pv3rD54CrjhAob_NAP4VUqri5RgyXQ_6bfyAEdZA5VZ0cOoSuP9/s320/097646-black-ink-grunge-stamp-textures-icon-social-media-logos-blogger-logo-square.png'/></a>
<div class='text'>
<h2><a href='ENDEREÇO DO LINK 2' target='_parent'>TITULO 2</a></h2>
<p>
ESCREVA AQUI O TEXTO 2
</p>
<a class='readmore' href='ENDEREÇO DO LINK 2'>Leia mais</a>
</div></div>


<div class='cs_article'>
<a href='#link'>
<img alt='3' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_O6egfpu09L13ghfyTGbWTvtZoSYzeuBD2uB9MjE4RwnTAzEx0Oc8Qe8b99hSIAOBE7luNTybXLQi3IiA9ny6kSSDuFQut1VonkARQBWpEV9BoVqdQsuPWc2teEmkZb5zyofUbV-3z8q6/s1600/header.png'/></a>
<div class='text'>
<h2><a href='ENDEREÇO DO LINK 3' target='_parent'>TITULO 3</a></h2>
<p>
ESCREVA AQUI O TEXTO 3
</p>
<a class='readmore' href='ENDEREÇO DO LINK 3'>Leia mais</a>
</div></div>


<div class='cs_article'>
<a href='#link'>
<img alt='4' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8FYk-vhBlQk3HJL4dyLIcDd7258LNOcQ66bwDmhLwYGx68hL6m3KrR7sm4uzshYTZdJmP12sroWoC2rT5KtXj8mTMQFAu3sVBDBQhIsMcd5SwG34wh7O_VHtouPj8hMg700oD2B0KX3T-/s320/Gothic_Black_Rose_by_circle__of__fire.jpg'/></a>
<div class='text'>
<h2><a href='ENDEREÇO DO LINK 4' target='_parent'>TITULO 4</a></h2>
<p>
ESCREVA AQUI O TEXTO 4
</p>
<a class='readmore' href='ENDEREÇO DO LINK 4'>Leia mais</a>
</div></div>


<div class='cs_article'>
<a href='#link'>
<img alt='5' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6c8eAWORgnqAHDq5VpM3a99RAjO04wy9k7K15iFuy2sYhBaC1OE993VzaQSimwDOjYgAD4y6wNchYYVr3clufXh7iVwlb9Lnw61JzJ0t8f4ZTH1Pnjho3Qlk6iXMXxQrInSZCryoYeLTH/s1600/gothic-heart-black-love.jpg'/></a>
<div class='text'>
<h2><a href='ENDEREÇO DO LINK 5' target='_parent'>TITULO 5</a></h2>
<p>
ESCREVA AQUI O TEXTO 5
</p>
<a class='readmore' href='ENDEREÇO DO LINK 5'>Leia mais</a>
</div></div>


</div>

</div>
</div>

   <b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='Páginas' type='PageList'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
   <ul>
   <b:loop values='data:links' var='link'>
   <b:if cond='data:link.isCurrentPage'>
   <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
   <b:else/>
   <li><a expr:href='data:link.href'><data:link.title/></a></li>
   </b:if>
   </b:loop>
   </ul>
   <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
   </div>

   <div id='main-wrapper'>
   <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
   <b:if cond='data:newerPageUrl'>
   <span id='blog-pager-newer-link'>
   <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
   </span>
   </b:if>

   <b:if cond='data:olderPageUrl'>
   <span id='blog-pager-older-link'>
   <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
   </span>
   </b:if>

   <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
   <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
  <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
   <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
  <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
   <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
  <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
   <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
  <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
   <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
   <dl class='comments-block' id='comments-block'>
   <b:loop values='data:post.backlinks' var='backlink'>
   <div class='collapsed-backlink backlink-control'>
   <dt class='comment-title'>
   <span class='backlink-toggle-zippy'> </span>
   <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
   <b:include data='backlink' name='backlinkDeleteIcon'/>
   </dt>
   <dd class='comment-body collapseable'>
   <data:backlink.snippet/>
   </dd>
   <dd class='comment-footer collapseable'>
   <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
   <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
   </dd>
   </div>
   </b:loop>
   </dl>
  </b:if>
  <p class='comment-footer'>
   <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry'>
   <a expr:name='data:post.id'/>
   <b:if cond='data:post.title'>
   <h3 class='post-title entry-title'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link'><data:post.title/></a>
   <b:else/>
   <b:if cond='data:post.url'>
   <a expr:href='data:post.url'><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </h3>
   </b:if>

   <div class='post-header'>
   <div class='post-header-line-1'/>
<div class='header-1'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO5LOs9kR_VXsemWBtOWbe6-1iXMGbIefe2FSdj7JH9PNWoXhHpQk2K_CQoY4C11VMx1H-pSasQgQJzWeSyRUo5Tbjhe8NZuGOWKD99tih8otaFxl4esps3Aq_TV8PLOVUWLolEU6oy9lA/s1600/calendar.png'/> <span><data:post.dateHeader/></span>|

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU7g7UwvLPDfksSQDeefjh0JRRC2xKKz-HjWSHZog7bmxhjClXAdvNfpib9DvwkpNwWahBEMOIfGx1f8DnPxtOuA3CYOJzIjELjRj0PP9DD22l_XZWvEi2mkyHZDTWvqtey_MFqWCdS7VZ/s1600/edit.png'/> <span class='post-author vcard'>
   <b:if cond='data:top.showAuthor'>
   <data:top.authorLabel/>
   <span class='fn'><data:post.author/></span>
   </b:if>
   </span> <span class='post-timestamp'>
   <b:if cond='data:top.showTimestamp'>
   <data:top.timestampLabel/>
   <b:if cond='data:post.url'>
   <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
   </b:if>
   </b:if>
   </span>
<span class='post-comment-link'>
   <b:if cond='data:blog.pageType != "item"'>
   <b:if cond='data:blog.pageType != "static_page"'>
   <b:if cond='data:post.allowComments'>
   <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtNuD6Dpqd9sBhBH2vUxGH9gv5Vk6bag8yMEWjBjowDcWquQOtZ5dgQ_vrBHAGPBg2lYUpTzcN05BFu-JVBi0Hrn9fQIS-mnLqBXlkr9yjTyKLHCBB6r6J8gK1eEJYH3l8Oredy2lKcYl_/s1600/comment.png' title='Deixe um comentário'/><b:else/><data:post.numComments/> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtNuD6Dpqd9sBhBH2vUxGH9gv5Vk6bag8yMEWjBjowDcWquQOtZ5dgQ_vrBHAGPBg2lYUpTzcN05BFu-JVBi0Hrn9fQIS-mnLqBXlkr9yjTyKLHCBB6r6J8gK1eEJYH3l8Oredy2lKcYl_/s1600/comment.png' title='Deixe um comentário'/></b:if></a>
   </b:if>
   </b:if>
   </b:if>
   </span>
<span class='post-icons'>
   
   <b:if cond='data:post.emailPostUrl'>
   <span class='item-action'>
   <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
   <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
   </a>
   </span>
   </b:if>

   
   <b:include data='post' name='postQuickEdit'/>
   </span> </div>
<b:if cond='data:blog.pageType == "item"'>
   <div class='post-share-buttons'>
   <b:include data='post' name='shareButtons'/>
   </div>
</b:if>

   <div class='post-body entry-content'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>

</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/>
</b:if>
<div style='clear: both;'/> 
</div>

   <b:if cond='data:post.hasJumpLink'>
   <div class='jump-link'>
   <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
   </div>
   </b:if>

   <div class='post-footer'>
   <div class='post-footer-line post-footer-line-1'>
   </div> </div>

   <div class='post-footer-line post-footer-line-2'>

<span class='post-labels'>
   <b:if cond='data:post.labels'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidmVw6AMSJUiG6qMKggQYvwgm9I4gDHMHG3Muup0vqM3Z_hDm4gMY7Wmrj01SJKfDfsX4_rdcGCCciKOL3KG4g5DA386nNuZ381Ov8UMGXQaLrsq3kMOl8cTwnJiYqSxoGoFm5G7g4QoTF/s1600/cost.png'/><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + "?&max-results=20"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
   </b:loop>
   </b:if>
   </span>
<b:if cond='data:post.dateHeader'>

   </b:if>

<span id='showlink'><a expr:href='data:post.url'>Leia Mais ►</a></span>
</div>

   <div class='post-footer-line post-footer-line-3'><span class='post-location'>
   <b:if cond='data:top.showLocation'>
   <b:if cond='data:post.location'>
   <data:postLocationLabel/>
   <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
   </b:if>
   </b:if>
   </span> </div>
   </div>
  </div>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
   <div class='status-msg-body'>
   <data:navMessage/>
   </div>
   <div class='status-msg-border'>
   <div class='status-msg-bg'>
   <div class='status-msg-hidden'><data:navMessage/></div>
   </div>
   </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
   <a name='comment-form'/>
   <h4 id='comment-post-message'><data:postCommentMsg/></h4>
   <p><data:blogCommentMessage/></p>
   <data:blogTeamBlogMessage/>
   <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
   <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='290' id='comment-editor' name='comment-editor' src='' width='100%'/>
   <data:post.friendConnectJs/>
   <data:post.cmtfpIframe/>
   <b:if cond='data:showCmtPopup'>
   <div id='comment-popup' style='width:100px;height:20px;'/>
   </b:if>
   <script type='text/javascript'>
   BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
   </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
   <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
   <img src='//www.blogger.com/img/icon_delete13.gif'/>
   </a>
  </span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
   <span expr:class='"item-control " + data:post.adminClass'>
   <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
   <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
   </a>
   </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  
  <div class='blog-posts hfeed'>

   <b:include data='top' name='status-message'/>

   <data:defaultAdStart/>
   <b:loop values='data:posts' var='post'>
   <b:if cond='data:post.isDateStart'>
   <b:if cond='data:post.isFirstPost == "false"'>
   </div></div>
   </b:if>
   </b:if>
   <b:if cond='data:post.isDateStart'>
   <div class="date-outer">
   </b:if>

   <b:if cond='data:post.isDateStart'>
   <div class="date-posts">
   </b:if>
   <div class='post-outer'>
   <b:include data='post' name='post'/>
   <b:if cond='data:blog.pageType == "static_page"'>
   <b:include data='post' name='comments'/>
   </b:if>
   <b:if cond='data:blog.pageType == "item"'>
   <b:include data='post' name='comments'/>
   </b:if>
   </div>
   <b:if cond='data:post.includeAd'>
   <b:if cond='data:post.isFirstPost'>
   <data:defaultAdEnd/>
   <b:else/>
   <data:adEnd/>
   </b:if>
   <div class='inline-ad'>
   <data:adCode/>
   </div>
   <data:adStart/>
   </b:if>
   <b:if cond='data:post.trackLatency'>
   <data:post.latencyJs/>
   </b:if>
   </b:loop>
   <b:if cond='data:numPosts != 0'>
   </div></div>
   </b:if>
   <data:adEnd/>
  </div>

  
  <b:include name='nextprev'/>

  
  <b:include name='feedLinks'/>

  <b:if cond='data:top.showStars'>
   <script src='//www.google.com/jsapi' type='text/javascript'/>
   <script type='text/javascript'>
   google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
   function initialize() {
   google.annotations.setApplicationId(<data:top.blogspotReviews/>);
   google.annotations.createAll();
   google.annotations.fetch();
   }
   google.setOnLoadCallback(initialize);
   </script>
  </b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
   <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
   <img src='//www.blogger.com/img/icon_delete13.gif'/>
   </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> 
   <b:if cond='data:feedLinks'>
   <div class='blog-feeds'>
   <b:include data='feedLinks' name='feedLinksBody'/>
   </div>
   </b:if>

   <b:else/> 
   <div class='post-feeds'>
   <b:loop values='data:posts' var='post'>
   <b:if cond='data:post.allowComments'>
   <b:if cond='data:post.feedLinks'>
   <b:include data='post.feedLinks' name='feedLinksBody'/>
   </b:if>
   </b:if>
   </b:loop>
   </div>
  </b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
   <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
   <a name='comments'/>
   <b:if cond='data:post.allowComments'>
   <h4>
   <b:if cond='data:post.numComments == 1'>
   1 <data:commentLabel/>:
   <b:else/>
   <data:post.numComments/> <data:commentLabelPlural/>:
   </b:if>
   </h4>

   <b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
   <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    
   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    
   <data:post.commentRangeText/>
    
   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    
   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
   </span>
   </b:if>

   <div expr:class='data:post.postAuthorClass' expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
   <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
   <b:loop values='data:post.comments' var='comment'>
   <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
   <b:if cond='data:comment.favicon'>
   <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
   </b:if>
   <a expr:name='data:comment.anchorName'/>
   <b:if cond='data:blog.enabledCommentProfileImages'>
   <data:comment.authorAvatarImage/>
   </b:if>
   <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
   <b:else/>
   <data:comment.author/>
   </b:if>

   <data:commentPostedByMsg/>
<span class='comment-timestamp'>
   <a expr:href='data:comment.url' title='comment permalink'>
   <data:comment.timestamp/>
   </a>

   </span>
   </dt>

   <dd expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
   <b:if cond='data:comment.isDeleted'>
   <span class='deleted-comment'><data:comment.body/></span>
   <b:else/>
   <p>
   <data:comment.body/>
   <span class='interaction-iframe-guide'/>
   </p>
   </b:if>
   </dd>
   <dd class='comment-footer'>
   <span class='comment-delete'>

   <b:include data='comment' name='commentDeleteIcon'/>
   </span>
   </dd>
   </b:loop>
   </dl>
   </div>

   <b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
   <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
   <data:post.oldestLinkText/>
   </a>
   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
   <data:post.olderLinkText/>
   </a>
    
   <data:post.commentRangeText/>
    
   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
   <data:post.newerLinkText/>
   </a>
   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
   <data:post.newestLinkText/>
   </a>
   </span>
   </b:if>

   <p class='comment-footer'>
   <b:if cond='data:post.embedCommentForm'>
   <b:if cond='data:post.allowNewComments'>
   <b:include data='post' name='comment-form'/>
   <b:else/>
   <data:post.noNewCommentsText/>
   </b:if>
   <b:else/>
   <b:if cond='data:post.allowComments'>
   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
   </b:if>
   </b:if>

   </p>
   </b:if>

   <div id='backlinks-container'>
   <div expr:id='data:widget.instanceId + "_backlinks-container"'>
   <b:if cond='data:post.showBacklinks'>
   <b:include data='post' name='backlinks'/>
   </b:if>
   </div>
   </div>
  </div>
</b:includable>
</b:widget>
</b:section>
   </div>

<b:if cond='data:blog.pageType != "item"'>
   <div id='sidebar-wrapper'>
   <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Quem sou eu' type='Profile'>
<b:includable id='main'>
   <b:if cond='data:title != ""'>
   <h2><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjehLuPg-oRXqVvCqCbzyItRr7ni71al7uWYB1DV5hI_XVkujrh3MvwMLG5X6teOHNaD2EFNq9R_32bwOdEnrNSNSiLdurMgX7dFyNU_VIebUUlszanrwe3EGLEyKJBC_rs9CJyWLMAmmf0/s1600/edit.png'/> <data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <b:if cond='data:team == "true"'> 
   <ul>
   <b:loop values='data:authors' var='i'>
   <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
   </b:loop>
   </ul>

   <b:else/> 

   <b:if cond='data:photo.url != ""'>
   <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
   </b:if>

   <dl class='profile-datablock'>
   <dt class='profile-data'><data:displayname/></dt>

   <b:if cond='data:showlocation == "true"'>
   <dd class='profile-data'><data:location/></dd>
   </b:if>

   <b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
   </dl>
   <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
   </b:if>

   <b:include name='quickedit'/>
   </div>
  </b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
   <h2><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTQuVAR5e0vKdHJhDfxACPaJ7k4midMg0zVyKqE_wx70hss_xq2lmQvFkP9IaUYP2kxVoSnPRrWP1Ts9mB_OvEq5CsruGVw_uXl4JjmJcBExNzQo4keHbjDcGCDRkH4xtlY21Ns0gzRkL4/s1600/cost.png'/> <data:title/></h2>
  </b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
   <b:if cond='data:display == "list"'>
   <ul>
   <b:loop values='data:labels' var='label'>
   <li>
   <b:if cond='data:blog.url == data:label.url'>
   <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
   <b:else/>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
   </b:if>
   <b:if cond='data:showFreqNumbers'>
   <span dir='ltr'>(<data:label.count/>)</span>
   </b:if>
   </li>
   </b:loop>
   </ul>
   <b:else/>
   <b:loop values='data:labels' var='label'>
   <span expr:class='"label-size label-size-" + data:label.cssSize'>
   <b:if cond='data:blog.url == data:label.url'>
   <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
   <b:else/>
   <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
   </b:if>
   <b:if cond='data:showFreqNumbers'>
   <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
   </b:if>
   </span>
   </b:loop>
   </b:if>
   <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == "expanded"'>
   <a class='toggle' href='javascript:void(0)'>
   <span class='zippy toggle-open'>▼ </span>
   </a>
  <b:else/>
   <a class='toggle' href='javascript:void(0)'>
   <span class='zippy'>
   <b:if cond='data:blog.languageDirection == "rtl"'>
   ◄ 
   <b:else/>
   ► 
   </b:if>
   </span>
   </a>
  </b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
   <ul class='hierarchy'>
   <li expr:class='"archivedate " + data:i.expclass'>
   <b:include data='i' name='toggle'/>
   <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
   <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
   <b:if cond='data:i.data'>
   <b:include data='i.data' name='interval'/>
   </b:if>
   <b:if cond='data:i.posts'>
   <b:include data='i.posts' name='posts'/>
   </b:if>
   </li>
   </ul>
  </b:loop>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
   <option value=''><data:title/></option>
   <b:loop values='data:data' var='i'>
   <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
   </b:loop>
  </select>
</b:includable>
<b:includable id='flat' var='data'>
  <ul class='flat'>
   <b:loop values='data:data' var='i'>
   <li class='archivedate'>
   <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
   </li>
   </b:loop>
  </ul>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
   <b:loop values='data:posts' var='i'>
   <li><a expr:href='data:i.url'><data:i.title/></a></li>
   </b:loop>
  </ul>
</b:includable>
<b:includable id='box-toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == "expanded"'>
   <a class='tgl' href='javascript:void(0)'>
   <span class='zippy toggle-open'>▼ </span>
   </a>
  <b:else/>
   <a class='box-toggle' href='javascript:void(0)'>
   <span class='zippy'>
   <b:if cond='data:blog.languageDirection == "rtl"'>
   ◄ 
   <b:else/>
   ► 
   </b:if>
   </span>
   </a>
  </b:if>
</b:if>
</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
   <h2><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZFq6qseMZZWNZZgQnndJVo6GWj0v18qMUIDwJwiBvfHRkyUl8Wmh9IHa0xXp9Orbv54rfa6L5dG7pVoyrVKIYV2OCvZxN6NJtsWv0sJzsRMbI6JRtK9PgEMzOnEWrerihgAFjHGbFBpqF/s1600/old-versions.png'/> <data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + "_ArchiveList"'>
   <b:if cond='data:style == "HIERARCHY"'>
   <b:include data='data' name='interval'/>
   </b:if>
   <b:if cond='data:style == "FLAT"'>
   <b:include data='data' name='flat'/>
   </b:if>
   <b:if cond='data:style == "MENU"'>
   <b:include data='data' name='menu'/>
   </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != ""'>
   <b:if cond='data:codeSnippet != ""'>
   <h2 class='title'><data:title/></h2>
   <b:else/>
   <b:if cond='data:totalFollowerCount != ""'>
   <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
   </b:if>
   </b:if>
  </b:if>
  <div class='widget-content'>
   <div expr:id='data:widget.instanceId + "-wrapper"'>
   <b:if cond='data:codeSnippet != ""'>
   <div style='margin-right:2px;'>
   <data:codeSnippet/>
   </div>
   <b:else/>
   <b:if cond='data:totalFollowerCount == ""'>
   <span class='item-control following-not-admin'>
   <b><data:failureSnippet/></b>
   </span>
   <span class='item-control blog-admin'>
   <b><data:adminFailureSnippet/></b>
   </span>
   <b:else/>
   <b:if cond='data:followingLinkPresent'>
   <div class='follow-this profile-link item-control following-follow-this'>
   <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
   <data:followThisMessage/>
   </a>
   </div>
   <div class='follow-this profile-link item-control following-stop-following-this'>
   <a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
   <data:stopFollowingMessage/>
   </a>
   </div>
   </b:if>

   <div class='followers-grid'>
   <b:if cond='data:totalFollowerCount == 0'>
   <div class='profile-link item-control following-follow-this'>
   <data:emptyFollowersMessage/>
   </div>
   </b:if>
   
   <b:loop values='data:followers' var='follower'>
   <div class='follower'>
   <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
   <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
   </a>
   </div>
   </b:loop>
   <div class='clear'/>
   </div>

   <div class='followers-canvas profile-link'>
   <data:followersFooterMessage/>
   <span class='item-control following-not-admin'>
   <a expr:href='data:followersUri'>
   <data:viewAllMessage/>
   </a>
   </span>
   <span class='item-control blog-admin'>
   <a expr:href='data:manageFollowersUri'>
   <data:manageFollowersMessage/>
   </a>
   </span>
   </div>
   </b:if>
   </b:if>
   </div>
   <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
   <div class='widget-content' style='text-align: center;'>
   <b:if cond='data:attribution != ""'>
   <data:attribution/>
   </b:if>
   </div>

   <b:include name='quickedit'/>
  </b:includable>
</b:widget>
</b:section>
   </div>
</b:if>

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

   </div> 

   <div id='footer-wrapper'>
   <b:section class='footer' id='footer'/>
   </div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<div id='featured'>
<div class='onethousand_wrap' style='margin-top:3px;overflow:hidden;'>

<div class='featured_one_wrapper' id='zv_img1'>

<a href='ENDEREÇO LINK 1' title='ESCREVA LINK 1'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_O6egfpu09L13ghfyTGbWTvtZoSYzeuBD2uB9MjE4RwnTAzEx0Oc8Qe8b99hSIAOBE7luNTybXLQi3IiA9ny6kSSDuFQut1VonkARQBWpEV9BoVqdQsuPWc2teEmkZb5zyofUbV-3z8q6/s1600/header.png'/></a>
<a href='ENDEREÇO LINK 2' title='ESCREVA LINK 2'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHab5MONXnn2ILyw2O7s6NpEMmUi6JSHKp3UkCSrukUPWmGz94TT4wKqZ_2Y8nIKOWXISEtK8Ka_9kx_avkNKeIM9cavVL3v_91202lFrVzowXWEZU7l4_6sLSYz5sC2uM5sT3k9aCqt2D/s1600/images.jpg'/></a>
<a href='ENDEREÇO LINK 3' title='ESCREVA LINK 3'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwaEbyHknIBGtPYLPphiL-JBg31Agv0BKIPQXjvLoik97kmZZr81-KQ8mjkbEFwmK5kQoNvsMW-e4ujo-MOJyStHMmI1a-GPt-lf5j9fGfkEX0sWbduEvIkMoZT729HpNpQHEJSFeiI7Ce/s1600/234.jpg'/></a>
<a href='ENDEREÇO LINK 4' title='ESCREVA LINK 4'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDReptIxjEvDV73g8jSjmp_QFoZCLwuuYvKlp3LQk_X8luwFVVTaoROsuPUs4ljpkCn_YQ3LnIwGkhp_AkGvci9me1RUdhPzcHY7JJb33vjaKTnFpTnzlhS1xaruteogy4IygQ83TvxsOE/s1600/234ert.bmp'/></a>
<a href='ENDEREÇO LINK 5' title='ESCREVA LINK 5'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSk5797TlZtx6ioOKCzpd1XGWnNTL5tr3hY8pHHG9LaxjUhqS8S9BoFh1QTh40tHJZiourU49vKw5H_pKAdCAW3miTT7SOOCWkx2L8dyjk-4pyDUlcICtgqWJPLyakHF8OnzZQOo0SvpN0/s1600/12.bmp'/></a>
<a href='ENDEREÇO LINK 6' title='ESCREVA LINK 6'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh10OsuxBigJ71ijB5aZsrJDbbwrY1W7JVZpa2fJtnPt5plq9XUPD3bwwCx7olE8sGmPJLFQJOZEQWrcpItnIdDuJHe1amfOKkiPfNOKDyT7WDKH5VMB8Zt9Y6lpsJTbRsP7ZXsQsc1Q8_/s1600/2345.jpg'/></a>

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



<div class='featured_one_wrapper' id='zv_img2' style='visibility:hidden;'>

<a href='ENDEREÇO LINK 7' title='ESCREVA LINK 7'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinF_tBGk28qonFyFE1t3oUSB206wUBd2SOoPc2KuwxJyTdtXY9oTRBDDlOZoPKe57m9vnvTM3ixBuENrqF8HRs-nmsgyOkcWFmNicYNFUz4MngUoCfZB-tnkSXITk2pGZzCvhqd25D6KpJ/s1600/23456.bmp'/></a>
<a href='ENDEREÇO LINK 8' title='ESCREVA LINK 8'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEGl55mGdaZoU9Liu9E3GpqQFYsDkwAum75MRK4F0937An25gAM0fBE4qWuB_4imoAtsiUyHNdGYGQ35Q4FX27P6PA8tEWJhRrqYer3KMaVWM-d98XTCLa8hemGbqDopF7sNTVb6VfukfB/s1600/2345rt.bmp'/></a>
<a href='ENDEREÇO LINK 9' title='ESCREVA LINK 9'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSXVVQ94FFcoM-_s5ZXAW5hX7lhyphenhyphenLWTIgiikq35wLleyQttUlF2vv0MpGkZy2I_xbEbuE3DNfcEXDJNxuQVEFfxZOQgzeyg1LFqro5nopk29QT7at5pnz_-US5xRnYg06J2m2S60QW0xjl/s1600/2345w.bmp'/></a>
<a href='ENDEREÇO LINK 10' title='ESCREVA LINK 10'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEistjfVeRhW6RH1ngUzI1RyRy-_9GruvhtdFP-lYx5qJ4K1NQzR8MatAqvnaUrMPF-ai_BKBxzVz7CoFocUvb9rBV2gYgdLs4O2khcp8fCh44yMFpCL-2V39iFXCer09osX5B0cmTWAqkXJ/s1600/125g.png'/></a>
<a href='ENDEREÇO LINK 11' title='ESCREVA LINK 11'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwaEbyHknIBGtPYLPphiL-JBg31Agv0BKIPQXjvLoik97kmZZr81-KQ8mjkbEFwmK5kQoNvsMW-e4ujo-MOJyStHMmI1a-GPt-lf5j9fGfkEX0sWbduEvIkMoZT729HpNpQHEJSFeiI7Ce/s1600/234.jpg'/></a>
<a href='ENDEREÇO LINK 12' title='ESCREVA LINK 12'><img alt='' class='fthumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn9N7zfb7zS86A4wmy7y8utdqufB48SCSH1lNXlOtjkM4TXuizJLnIQqTrT33p4-X8BawvG9lQ3uDzr3ljtxvzpe9ZWsN3ycYBlf6sFJtg8JLcsXumWhsJdSQP6shTf6FEo38la8ZojXQq/s1600/125c.png'/></a>

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


</div>
</div>


</b:if>
<div id='footer-columna-contenedor'>
<div id='footer1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'>
<b:widget id='Gadget1' locked='false' title='Flickr Photostream' type='Gadget'>
<b:includable id='main'>
  
  <b:if cond='data:renderingUrl != ""'>
   <b:if cond='data:title != ""'>
   <h2 class='title'><data:title/></h2>
   </b:if>
   <b:if cond='data:gadgetSnippet != ""'>
   <data:gadgetSnippet/>
   <b:else/>
   <div class='widget-content'>
   <b:if cond='data:nonSocialFragment != ""'>
   <data:nonSocialFragment/>
   </b:if>
   </div>
   </b:if>
  <b:else/>
   <data:errorMessage/>
  </b:if>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'>
<b:widget id='BlogList1' locked='false' title='Minha lista de blogs' type='BlogList'>
<b:includable id='main'>
   
   <b:if cond='data:title != ""'>
   <h2 class='title'><data:title/></h2>
   </b:if>

   <div class='widget-content'>
   <div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
   <ul expr:id='data:widget.instanceId + "_blogs"'>
   <b:loop values='data:items' var='item'>
   <li expr:style='data:item.displayStyle'>
   <div class='blog-icon'>
   <b:if cond='data:showIcon == "true"'>
   <input expr:value='data:item.blogIconUrl' type='hidden'/>
   </b:if>
   </div>
   <div class='blog-content'>
   <div class='blog-title'>
   <a expr:href='data:item.blogUrl' target='_blank'>
   <data:item.blogTitle/></a>
   </div>
   <div class='item-content'>
   <b:if cond='data:showItemThumbnail == "true"'>
   <b:if cond='data:item.itemThumbnail'>
   <div class='item-thumbnail'>
   <a expr:href='data:item.blogUrl' target='_blank'>
   <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
   </a>
   </div>
   </b:if>
   </b:if>
   <b:if cond='data:showItemTitle == "true"'>
   <span class='item-title'>
   <b:if cond='data:item.itemUrl != ""'>
   <a expr:href='data:item.itemUrl' target='_blank'>
   <data:item.itemTitle/></a>
   <b:else/>
   <data:item.itemTitle/>
   </b:if>
   </span>
   </b:if>
   <b:if cond='data:showItemSnippet == "true"'>
   <b:if cond='data:showItemTitle == "true"'>
   -
   </b:if>
   <span class='item-snippet'>
   <data:item.itemSnippet/>
   </span>
   </b:if>
   <b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
   <div class='item-time'>
   <data:item.timePeriodSinceLastUpdate/>
   </div>
   </b:if>
   </div>
   </div>
   <div style='clear: both;'/>
   </li>
   </b:loop>
   </ul>

   <b:if cond='data:numItemsToShow != 0'>
   <b:if cond='data:totalItems > data:numItemsToShow'>
   <div class='show-option'>
   <span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
   <a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
   </span>
   <span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
   <a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
   </span>
   </div>
   </b:if>
   </b:if>

   <b:include name='quickedit'/>
   </div>
   </div>
  </b:includable>
</b:widget>
</b:section>
</div>
<div id='footer3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'>
<b:widget id='LinkList1' locked='false' title='Favoritos' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
   <ul>
   <b:loop values='data:links' var='link'>
   <li><a expr:href='data:link.target'><data:link.name/></a></li>
   </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear:both;'/>
</div>
  </div></div>

<div id='footer'><p style='margin-top:-2px'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Copyright © 2010
<a href='http://templateseacessorios.blogspot.com/' target='_blank' title='Blogger Templates grátis'>Blogger Templates grátis</a>
| baixe em <a href='http://mostruariodetemplates.blogspot.com/' target='_blank'>Mostruário de Templates</a> | <a href='http://tudodisney.blogspot.com' title='Mundo Disney'>Tudo Disney</a></p>

</div>
</body>
</html>

Mostruário de Templates

Páginas

26 de nov. de 2010

Template Gótico

Nenhum comentário:

Postar um comentário

Curta

Seguidores