<data:blog.pageTitle/> */ /* -- basic html elements -- */ body { padding: 0; margin: 0; font-size: small; color: $textcolor; background: #fff; text-align: center; } a { color: $linkcolor; font-weight: bold; text-decoration: none; } a:visited { color: $visitedlinkcolor; } a:hover { text-decoration: underline; color: #FD0570; } h1 { margin: 0; color: $pagetitlecolor; font-size: 1.5em; text-transform: lowercase; } h1 a, h1 a:link, h1 a:visited { color: $pagetitlecolor; } h2, #comments h4 { font-size: 1em; margin-top: 2em; margin-$endSide: 0; margin-bottom: 0; margin-$startSide: 0; color: $sidebarcolor; background: transparent url(http://www.blogblog.com/snapshot/bg-header1_$startSide.gif) bottom $endSide no-repeat; padding-bottom: 2px; } h3 { font-size: 1em; margin-top: 2em; margin-$endSide: 0; margin-bottom: 0; margin-$startSide: 0; background: transparent url(http://www.blogblog.com/snapshot/bg-header1_$startSide.gif) bottom $endSide no-repeat; padding-bottom: 2px; } h4, h5 { font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px; } h5 { color: #7B8186; } h6 { font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px; } p { margin-top: 0; margin-$endSide: 0; margin-bottom: 1em; margin-$startSide: 0; } img, form { border: 0; margin: 0; } /* -- layout -- */ #outer-wrapper { width: 700px; margin: 0 auto; text-align: $startSide; font: $bodyfont; background: #fff url(http://www.blogblog.com/snapshot/bg-body_$startSide.gif) $startSide top repeat-y; } #header-wrapper { background: #D8DADC url(http://www.blogblog.com/snapshot/bg-headerdiv_$startSide.gif) $startSide top repeat-y; position: relative; _height: 0; } .descriptionwrapper { background: #fff url(http://www.blogblog.com/snapshot/bg-sidebar.gif) 1px 0 no-repeat; width: 264px; padding-top: 0; padding-$endSide: 0; padding-bottom: 0; padding-$startSide: 8px; margin-top: 1px; margin-$endSide: 0; margin-bottom: 2px; margin-$startSide: 0; position: absolute; bottom: 0px; $endSide: 0px; } .description { border: 1px solid #F3B89D; background: #FFD1BC url(http://www.blogblog.com/snapshot/bg-profile.gif); padding-top: 10px; padding-$endSide: 0; padding-bottom: 10px; padding-$startSide: 7px; margin-top: 4px; margin-$endSide: 0; margin-bottom: 0; margin-$startSide: -6px; color: #C4663B; font-weight: bold; } #header-inner { background: transparent url(http://www.blogblog.com/snapshot/header-01_$startSide.gif) bottom $startSide no-repeat; _height: 0; } #main-wrapper { line-height: 1.4; float: $startSide; padding: 10px 12px; border-top: solid 1px #fff; width: 428px; 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 */ /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */ voice-family: "\"}\""; voice-family: inherit; width: 404px; } /* IE5 hack */ #main {} #sidebar { float:$endSide; border-top: solid 1px #fff; padding-top: 4px; padding-$endSide: 0; padding-bottom: 0; padding-$startSide: 7px; background: #fff; width: 264px; 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 */ } #footer { clear: both; background: #E9EAEB url(http://www.blogblog.com/snapshot/bg-footer_$startSide.gif) bottom $startSide no-repeat; border-top: solid 1px #fff; min-height: 15px; } /* -- header style -- */ #header h1 { padding-top: 12px; padding-$endSide: 0; padding-bottom: 92px; padding-$startSide: 4px; width: 557px; line-height: 1; } /* -- content area style -- */ #main { line-height: 1.4; } .post h3 { font-size: 1.2em; margin-bottom: 0; color: $titlecolor; } .post h3 a, .post h3 a:visited { color: $titlecolor; } .post { clear: both; margin-bottom: 4em; } .post-footer .post-author, .post-footer .post-timestamp { color: $footercolor; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { float: $startSide; margin-$endSide: 4px; } .uncustomized-post-template .post-footer .comment-link { float: $endSide; margin-$startSide: 4px; } .post img { border: 1px solid #E3E4E4; padding: 2px; background: #fff; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .comment-footer { margin-bottom: 10px; } /* -- sidebar style -- */ .sidebar .widget { margin-top: 1.3em; margin-$endSide: 0; margin-bottom: 0.5em; margin-$startSide: 0; } .sidebar h2 { font-size: 1.3em; } .sidebar dl { margin-top: 0; margin-$endSide: 0; margin-bottom: 10px; margin-$startSide: 0; } .sidebar ul { list-style: none; margin: 0; padding: 0; } .sidebar li { padding-bottom: 5px; line-height: 1 } .main .widget .clear { clear: both; } /* -- sidebar style -- */ #footer p { margin: 0; padding: 12px 8px; font-size: 0.9em; } .profile-textblock { margin-$startSide: 0; clear: both; } .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 10px; margin-bottom: 5px; margin-$startSide: 0; border: 1px solid #7C78B5; padding: 4px; } /** Page structure tweaks for layout editor wireframe */ body#layout #header-wrapper { margin-top: 0; } body#layout #main-wrapper { padding:0; } /*Azul ////////////////////*/ #menu ul { margin:0; list-style:none;} #menu li {display:inline;margin:0;padding:0;} #menu a { float:left;background:url(http://img257.imageshack.us/img257/5375/bluelco2.gif) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;} #menu a span {float:left;display:block; background: url(http://img442.imageshack.us/img442/4413/bluermk9.gif) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;} #menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#EFEBFA; float:none;} #menu a:hover span {color:#fff;} #menu a:hover {background-position:0% -27px;} #menu a:hover span {background-position:100% -27px;} #menu #current a {background-position:0% -27px;} #menu #current a span {background-position:100% -27px;color:#fff} .clear {clear:left} /* Fin de Barra */ ]]>