Blogandroll - Template B&R Black... by xOsse

<?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 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/>  ¡Bienvenidos!  </title>
<link href='http://srxo1978.googlepages.com/avalobo.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://srxo1978.googlepages.com/avalobo.ico' rel='icon' type='image/x-icon'/>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Minima Lefty
Designer: Douglas Bowman / Darren Delaye
URL:      www.stopdesign.com
Date:     6 xan 2006
Modificada por: xOsse
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#000000">
   <Variable name="bg1color" description="Page Background Color 1"
             type="color" default="#fff" value="#000000">
<Variable name="headerBgColor" description="color background header"
           type="color" default="#000000" value="#000000">
<Variable name="sidebarBgColor" description="color background sidebar-left"
           type="color" default="#000000" value="#000000">
<Variable name="sidebar2BgColor" description="color background sidebar-right"
           type="color" default="#000000" value="#000000">
<Variable name="postBgColor" description="color background post"
           type="color" default="#000000" value="#000000">
   <Variable name="fondo" description="Nombre comentario Background Color"
             type="color" default="#660000" value="#660000">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#b3b3b3">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#2D6E89">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#660000">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#660000">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#660000">
   <Variable name="border1color" description="Border 1 Color"
             type="color" default="#ccc" value="#191919">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#C3D9FF">
   <Variable name="postfootercolor" description="Post Footer Color"
             type="color" default="#999" value="#ffffff">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#cccccc">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#ffcc66">

   <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 95% Georgia, Times, serif">

   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="italic normal 77% Georgia, Times, serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 70% Georgia, Times, serif">
*/

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

#navbar-iframe{opacity:0.5;filter:alpha(Opacity=100)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

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

#header-wrapper {
background:$headerBgColor;
width:100%;
margin:0 auto;
border-bottom:px solid $bordercolor;
}

#header {
margin: 0px 0px 0px 0px ;
border: px solid $bordercolor;
text-align: center;
height:200px;
padding:0;
background-image: url(http://photos1.blogger.com/x/blogger/6110/3224/1600/161513/cabeceira%20pelouri%3F%3Fo.jpg);
background-position: top center;
background-repeat: no-repeat;

}

#header .description {
height: 180px;
margin:0;
padding:5px 0px 0px 0px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
background:$bg1color;
width: 100%;
margin:0 auto;
padding:0;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 63%;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
background:$sidebarBgColor;
width: 18%;
float: left;
margin-top: 8px;
border: 1px solid $bordercolor;
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 */
}
#sidebar2-wrapper {
background:$sidebar2BgColor;
width: 18%;
float: right;
margin-top: 8px;
border: 1px solid $bordercolor;
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-left:0px;
margin-right:0px;
font:$headerfont;
line-height: 1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
border-bottom: 1px solid $bordercolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post ul {
list-style-image: url(http://img70.imageshack.us/img70/1153/listzp8.gif);
}
.post {
background:$postBgColor;
padding-top: 4px;
margin-right: 2px;
border:1px solid $bordercolor;
margin-top: 8px;
}
.post h3 {
margin:0 .25em 0 1.5em;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
text-decoration:underline;
}

.post p {
margin:0 0 0 .75em;
line-height:1.6em;
}

.post-footer {
border-top:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
margin: .75em 0;
padding-top:1px;
padding-bottom:2px;
color:$postfootercolor;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
text-transform:uppercase;
}

.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments {
border:1px solid $bordercolor;
margin: 5px;
padding-left: 5px;
padding-right: 5px;
}
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
border-bottom:1px solid #999;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em .3em;
border:1px solid $border1color;
background:$fondo;
padding-left: 4px;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
text-align: center;
line-height: 2.5em;
border:1px solid $bordercolor;
}

#blog-pager-newer-link {
float: left;
padding-left:2px;
}

#blog-pager-older-link {
float: right;
padding-right:2px;
}

#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar ul {
list-style:none;
margin:0 0 0 2px;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:.25em 0 0 17px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar2 {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar2 ul {
list-style:none;
margin:0 0 0 2px;
padding:0 0 0;
}
.sidebar2 li {
margin:0;
padding:.25em 0 0 17px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget,.sidebar2 .widget, .main .widget{
border-bottom:5px solid $border1color;
margin:0 2px 0 2px;
padding:0px 0px 14px 2px;
}
.main .Blog {
border-bottom-width: 0;
}

/* Profile
----------------------------------------------- */
.profile-textblock {
clear: both;
margin-left: 0;
}

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
}
/* Footer
----------------------------------------------- */
#footer {
width:100%;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

/* Page structure tweaks for layout editor wireframe */

body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper {
padding: 0;
}

body#layout #outer-wrapper {
padding: 0;
width: 63&;
padding: 0 5px 0 5px;
}

body#layout #sidebar-wrapper {
padding: 0;
width: 18%;
}

body#layout #sidebar2-wrapper {
padding: 0;
width: 18%;
}

body#layout #main-wrapper {
padding: 0;
width: 360px;
padding: 5px 10px 0 5px;
}

body#layout #header-wrapper {
padding: 0;
width: 750px;
}

body#layout #footer-wrapper {
padding: 0;
width: 750px;
}

/* End of Page structure tweaks for layout editor wireframe */

/* breadcrumbs-----------------------*/

.breadcrumbs {
border-bottom:1px solid $bordercolor;
margin:0;
padding:2px 0px 0px 0px;
}
/*- Menu Tabs H--------------------------- */

#tabsH {
float:left;
width:90%;
font-size:85%;
line-height:normal;
}
#tabsH ul {
margin:0;
padding:27px 0px 0px 18px;
list-style:none;

}
#tabsH li {
display:inline;
margin:0;
padding:0;
}
#tabsH a {
float:left;
background:url("http://img346.imageshack.us/img346/3707/tablefthqu3.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsH a span {
float:left;
display:block;
background:url("http://img346.imageshack.us/img346/289/tabrighthha8.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FF0000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
color:#FFF;
}
#tabsH a:hover {
background-position:0% -42px;
}
#tabsH a:hover span {
background-position:100% -42px;
}
]]></b:skin>
<script type='text/javascript'>
var repeat=1 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
var title=document.title
var leng=title.length
var start=1
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0

if (repeat==0)
return
}
setTimeout("titlemove()",180)
}
if (document.title)
titlemove()

</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='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Template B&R black (cabecera)' type='Header'/>
<b:widget id='Label1' locked='false' title='Categorías' type='Label'/>
</b:section>
    </div>

    <div id='content-wrapper'>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
      </div>
      <div id='sidebar2-wrapper'>
        <b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section>
      </div>
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Sobre mi' type='Profile'/>
</b:section>
      </div>
      
      <div class='clear'> </div>

    </div> 

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'>
<b:widget id='Text1' locked='false' title='' type='Text'/>
</b:section>
    </div>

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