CITY GIRL ~ TEMPLATE B

COPY KODE HTML TEMPLATE DIBAWAH INI

<?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>

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: City Girl
Date: January 2011
Updated by: Chica Blogger
URI: http://chicablogger.com
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#C4BFAC" value="#C4BFAC">
<Variable name="textcolor" description="Text Color"
type="color" default="#444" value="#444444">
<Variable name="linkcolor" description="Link Color"
type="color" default="#1786B4" value="#1786B4">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#fff" value="#ffffff">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#292927" value="#292927">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#FFF" value="#FFFFFF">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#000" value="#000000">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#1786B4" value="#1786B4">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Arial, sans-serif" value="normal normal 100% Arial, sans-serif">

*/

/* GENERAL */
*{
margin: 0;
}

#navbar, #navbar-iframe, #PageList1 h2 {
display: none;}

body {
background: $bgcolor url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicMyGyRxCj3Cpz661boSCe_nXEbv11LZWf3wPVX15t4s3WcUThdBi-DPVKLW1_3TBLG3sxvwFW55wYFih0bQ3UisGHke0mqu7kLgDLNNgQ6BOkPe3tXZSYRh6Jvbd-9YrNMrCZIs8VVx32/s1600/background.png) repeat-x;
margin:0;
color:$textcolor;
font-size: /**/small;
text-align: left;
}

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 {
width:900px;
height: 200px;
margin: 0px auto 10px;
*margin: 30px auto 50px;

}

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

#header {
text-align: left;
width:900px;
height: 200px;
}

#header h1 {
margin-top: 60px;
*margin-top: 50px;
line-height:45px;
margin-left: 40px;
color: #e71665;
font-size: 50px;
line-height: 60px;
font-family: 'Lobster', arial, serif;
text-shadow:0 1px 0 #FFF;
max-width:600px;
}

#header a {
color:$pagetitlecolor;
color: #e71665;
}

#header a:hover {
color:$pagetitlecolor;
text-decoration: none;
}

#header .description {
margin-top: 5px;
*margin-top: 5px;
margin-left: 45px;
max-width:600px;
color: $descriptioncolor;
font-style: italic;
}

#header img {
margin-left: auto;
margin-right: auto;
}

/* MENU */

#menucontainer {
width: 660px;
height: 35px;;
}

#menu {
height: 35px;
width: 660px;
margin-top: 10px;
margin-left: 5px;
*margin-left: 40px;
float: left;
}

#menu ul li{
display: inline;
list-style-type: none;
}

#menu li {
float:left;
list-style-type:none;
padding: 6px 15px 6px;
margin-left: 6px;
}

#menu li a{
color: #FFF;
font-weight: bold;
margin: 0;
text-shadow:0 1px 0 #000;
outline: none;
}

#menu li:hover {
background: #1B97CB url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzuo7KjmjdLwLpMi_tpx2RK_tu7gNKblMy3GJQm2QyFUeT-xOMEuqW9InDVzuGn9TwtXhFDMD-pBwt7K6-p6ALUpyHH_3bIrlBvzgpw-BEOJpfn-TjsTzk6aXtgh-2_1fq4KWZ69ILeoRV/s1600/overlay-button.png);
-moz-border-radius: 10px;
border-radius: 10px;
}

#menu li a:hover{
color: #FFF;
text-decoration: none;
}

#menu li.selected {
background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzuo7KjmjdLwLpMi_tpx2RK_tu7gNKblMy3GJQm2QyFUeT-xOMEuqW9InDVzuGn9TwtXhFDMD-pBwt7K6-p6ALUpyHH_3bIrlBvzgpw-BEOJpfn-TjsTzk6aXtgh-2_1fq4KWZ69ILeoRV/s1600/overlay-button.png);
-moz-border-radius: 10px;
border-radius: 10px;
}

#menu li.selected a {
text-decoration:none;
color: #FFF;
}

/* CONTAINERS */

#outer-wrapper {
width: 1000px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQoc3hwKiF3WeZhqV-Dxr5DQFjXmBJKFxYEKaRKWF7ZATfoRU_PRGaYJ6KeRH47lA7bwcD1YUwsBMOEKyAqnnoo8SJrsVjsJbrTqtXGLtwo41Ox1LyrjgkuKdIoDTJOHxPigdUSxpG04I/s1600/mainouter.jpg) repeat-y;
background-position: center;
margin:0 auto;
text-align:left;
font: $bodyfont;
}

#main-outer{
width:1000px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio5SATN18UofCoYBE-FFD0aukEd2u1NwG2erbPO2hYqs4wh98hlnmbRwpeNtdyIl9WSgA74dOWpok1yEonVtRsZTW72RxU7T1S6sEPiirrCqmLV_2TIX9MCYH7949G6tDWDt0x0gpg8lJN/s1600/outertop.png) no-repeat center top;
margin: 0 auto;
}

#content-wrapper {
width: 900px;
margin: 0 auto;
}

#outer-bottom {
background: #C4BFAC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdw9Yu9uJ2Q4f44yRkUU-WLGfu-86kOZEcnyylM30GOA3PI2UhT3C__bygH6YHs7PUTkyvDNS1opzlz3OO1Tct2WEQZ_ItXJAwMWaIE8Q7P-Z2ozZCtd4d2HLFH6flD5AhmkAla1NI04/s1600/outerbottom.png) no-repeat center top;
margin: 0 auto;
height: 80px;
margin-top: -70px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#outer-bottom {
margin-left: -1px;
}
}

#main-wrapper {
width: 520px;
margin-left: 40px;
margin-top: 20px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

#sidebar-wrapper {
width: 300px;
float: right;
margin-right: 0px;
margin-top: 18px;
word-wrap: break-word;
overflow: hidden;
}

/* HEADINGS*/

h1,h2, h3, h4 {
color: #000
line-height: 1.4em;
}

h1 {
font-size:30px;
}

h3 {
font-size:24px;
}

h3 {
font-size:20px;
}

h4 {
font-size:18px;
}

/* POSTS */

.post {
margin:.5em 0 2.5em;
padding-bottom:2.5em;
font-family: Helvetica, Arial, serif;
font-size: 14px;
text-align: justify;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdjguGpfR7slroupMS1GjHUlj5iVuQ2_kBjzo_mYrZzm4GOmbcK5QPXFITOyQepq_gCG3usNmMRG0PgxRpShOCOpokrO4hZ8vwgdWFXoAhk4jRP2p6eaD0rH9Ne13BYlvsqss-TtnraAIo/s1600/divider.png) no-repeat bottom center;
}

.post h3 {
margin:.25em 0 0 0;
padding:0 0 4px;
font-size:200%;
line-height:1.4em;
color:$titlecolor;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: -1px;
}

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

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

.post-body {
padding-top: 10px;
line-height:1.6em;
text-align: justify;
font-size:16px;
font-family: Helvetica, Arial, sans-serif;
}

.post-body blockquote {
line-height:1.3em;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_JuN_UKzssgrCBEiy28oSRDcdIgEgl0jtFiMgH3iB9VZ0MwOYmm35fdPBh_Q-a4OCoPVDw-CTl-itWFLYStOjr97rCjQQXz7Ss3gkSkRI7llHTPJBzmYJzf93wyMs86Xx3i1ZQ7yef6Y/s1600/blockquote.png) no-repeat top left;
padding: 0 0 0 40px;
font-style: italic;
}

.post-body p {
margin-bottom: 15px;
}

.post-body ul li {
list-style: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5XEyzklIbtrI56HRDSYEGBOtPtRrcw6ubdi02RfHOmRkV2fhBQfxJCgJdve-QGehixBbKLldnaI84sZZzeDv5pEE1V-ZUCkgAGyhQKbQLmqAuaZ8SUnxGL4ihKAcTMlSQGNDB1rlyDLM/s1600/bullet_pink.png);
}

.post-author {
color: #122B15;
}

.post-header-line-1 {
margin-top: 0px;
margin-bottom: 20px;
border-bottom: 2px dotted #909090;
}

.post-labels {
color: #122B15;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje77QgfQBEvBAw308leU-Y16kkEFaQxghSICXIJ3LOJgeHQP7oR-mg9BMMTrovPnB83rQG8h3p6MktzuzxjBxyHtaxA-SizMqQNp8gBMjzfFDLR_X4CkE3g0ixRFMMgIO_uoS61l-hCFw/s1600/tag.png) no-repeat left center;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
text-transform: uppercase;
height: 16px;
}

.comment-link {
color: #122B15;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzgj5CGD51z96Txxq0nH-uJfqgEoh73rrQq4Z8LEsGNhM52zuU_PzTSJ5zBoAmQveU-Zz92J97y4xvS7_sZbs7g_iq2kYQ9NsdoJL4kxNvHvwvjmU23hvhb6rAXRINAVifJ0M2zXK-6LM/s1600/comment.png) no-repeat left center;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 15px;
font-size: 11px;
text-transform: uppercase;
height: 16px;
}

.post-footer, .post-header {
margin: 0p;
color: #122B15;
line-height: 1.4em;
font-size: 11px;
text-transform: uppercase;
}

.post-footer {
margin-top: 20px;
margin-bottom: 20px;
}

.post-footer-line-2 {
margin-bottom: 10px;
}

.post img{
padding:4px;
border:1px solid $bordercolor;
background: #F2F2F2;
}

.post table{
border-collapse:collapse;
text-align: center;
margin: 0 1px;
}

.post table,th, td{
border: 1px solid #ccc;
}

.post th {
padding: 0 5px;
background: #F1F1F1;
}

.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

.jump-link{
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
border-bottom:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF;
cursor:pointer;
display:inline-block;
*display: inline;
font-size:13px;
font-weight:bold;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
position:relative;
text-decoration:none;
text-shadow:0 1px 0px #0B5C67;
width:auto;
background: #1B97CB url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzuo7KjmjdLwLpMi_tpx2RK_tu7gNKblMy3GJQm2QyFUeT-xOMEuqW9InDVzuGn9TwtXhFDMD-pBwt7K6-p6ALUpyHH_3bIrlBvzgpw-BEOJpfn-TjsTzk6aXtgh-2_1fq4KWZ69ILeoRV/s1600/overlay-button.png) repeat-x;
}

.jump-link:hover {
background:#D02F5B;
}

.jump-link a {
color: #FFF;
text-decoration: none;
}

/* COMMENTS */

#comments{
clear:both;
float:left;
width: 520px;
margin:20px 00px 0px 0px;
padding:0px;
}

#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
color:$textcolor;;
font-size:140%;
font-family: Georgia, serif;
}

#comments a{
/*color:#666;*/
}

#comments p.notice{
margin:0 0 10px 0;
padding:0px;
text-align:center;
font-weight:bold;
}

.commentlist, .commentlist-destacado{
clear:both;
list-style:none;
margin:0 0 10px 0;
padding:0px;
}

.commentlist li, commentlist-destacado li{
clear:both;
padding:0px;
margin:10px 0 0px 0;
font-size:12px;
}

#comments .commentlist li div.comment-body {
background:#F9F9F9;
padding:10px;
border:1px solid #BEBEBE;
}

#comments .commentlist-destacado li div.comment-body{
background: #EFF5FB;
padding:10px;
border:1px solid #E0ECF8;
}

#comments .commentlist li.pingback div.comment-body, #comments .commentlist li.trackback div.comment-body{
border:none;
}

#comments .commentlist li div.comment-author .avatar{
padding:0;
margin:0 10px 0 0;
float:left;
width:50px;
height:50px;
border:5px solid #E0E4CC;
}

cite.fn{
font-size:12px;
color:#6b6b6b;
font-weight: bold;
text-transform:capitalize;
font-style:bold;
}

.says{
margin-left:3px;
display:none;
}

.comment-meta{
margin-bottom:10px;
font-size:12px;
color:#000000;
/*border-bottom:5px solid #E0E4CC;*/
}

.comment-meta a{
text-decoration:none;
color:#000000;
}

#comments .commentlist li p, #comments .commentlist-destacado li p{
padding:0;
margin:0 0 10px 0;
}

.comment p{
display:block;
}

.comment-author{
margin-top:0px;
margin-left:5px;
}

.avatar-image-container{
float:left;
width:40px;
height:40px;
background:#fff;
padding:1px;
border:1px solid #ccc;
margin-right:10px;
}

.avatar-image-container img { width:40px; height:40px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXq7HOLQVsmIJRLUkN4-08xtXaE4LBgFlELoIBsbxcpJW-hX-1QGZamaGRMxBzHc4WakAC7i6WUYd7roRFdQpbt-HQwqHEl2LwisLRr0kgSGzUXYfHLMws2DA6sgMDtgmDuOB1R3gek4M/s1600/no-avatar.png);
}

.comment-form{
width:532px !important;
max-width:532px !important;
}

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

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

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

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

/* SIDEBAR CONTENT */

#rss {
width: 60px;
height:60px;
float: right;
margin-top: 110px;
margin-right: 20px;
}

#rss img {
width: 60px;
height:60px;
}

#searchform {
margin-bottom: 60px;
*padding-bottom: 2px;
}

#search {
height: 30px;
width: 270px;
float: right;
margin: 0px 20px 0 0;
}

#s{
color: #969696;
background: transparent;
font-size: 0.9em;
margin: 16px 0px 0 10px;
width: 170px;
padding: 0 10px;
border: none;
float: left;
height: 24px;
}

.searchbutton {
background: transparent;
border: none;
width: 65px;
height: 30px;
margin: 10px 0px 0 0px;
*margin: 10px 0px 0 5px;
outline: none;
float: right;
color: #FFF;
font-weight:bold;
font-size:10px;
text-transform: uppercase;
}

.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

.sidebar h2 {
padding-left: 10px;
padding-top: 9px;
color: #000;
text-transform: none;
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 15px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
text-shadow:0 1px 0 #FFF;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.sidebar li {
margin:0;
padding: 5px 0 5px 15px;
text-indent:-15px;
line-height:1.5em;
border-bottom: 1px solid #FFF;
}

.sidebar .widget{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpXjRbrIObOnW_b2uZbCSXMwjVwc19_WgV1ykppxc9k9ertNKDAT0ca1nTv9_WpgT1pPEWDhSzjhNxL_PvTkj-fBnny9fDQqbZpccYxdoN2uIu5CbnBYLYzZxo6YOR3HwmyknraTjaE1RG/s1600/sidebarh2.png) no-repeat top;
padding: 0px 15px;
width: 270px;
margin-bottom: 30px;
}

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

/* PROFILE */

.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid $bordercolor;
}

.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}

.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}

/* Footer */

#footer-wrapper {
width: 100%;
font-family: Helvetica;
margin-top: 20px;

}

#footer {
width:900px;
background: #d0e6ff;
margin:0 auto;
padding: 10px 0 15px 0;
line-height: 1.6em;
border: 1px solid #FFF;
-moz-border-radius: 30px;
border-radius: 30px;
}

.footer-col {
width: 240px;
padding: 10px 15px;
}

.footer-col, .footer-col a {
color: #000;
}

.footer-col a:hover {
color: $linkcolor;
text-decoration: none;
}

.footer-col h2 {
font-family: Georgia, serif;
margin: 0 0 10px 0;
color: #000;
text-transform: none;
letter-spacing: 0;
font-family: Helvetica, Arial, sans-serif;
margin-bottom: 15px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
text-shadow:0 1px 0 #FFF;
}

.footer-col ul {
list-style:none;
margin:0;
padding:0 0 0;
}

.footer-col ul li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
line-height:1.6em;
border-bottom: 1px solid #FFF;
}

#footer-col1 {
margin-right:20px;
margin-left: 25px;
float: left;
}

#footer-col2 {
margin-right:20px;
float: left;
}

#footer-col3 {
float: left;
}

#credit-wrapper{
height: 20px;
padding: 20px 0;
margin-top: 0px;
}

#credit {
width: 900px;
margin: 0 auto;
color: #000;
text-align: center;
}

#credit a {
color: #000;
}

/* TIPTIP */

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}

#tiptip_holder.tip_top {
padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
padding-top: 5px;
}

#tiptip_holder.tip_right {
padding-left: 5px;
}

#tiptip_holder.tip_left {
padding-right: 5px;
}

#tiptip_content {
font-family: Arial, sans-serif;
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: rgb(25,25,25);
background-color: rgba(25,25,25,0.92);
*background-color: #000;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
padding: 4px 8px 5px 8px;
background-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20,20,20,0.92);
}
}

]]></b:skin>

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>

.post-author, .post-labels, .post-footer-line-1, .post-footer-line-2, .post-footer-line-3, #blog-pager, #comments {
display: none;
}

</style>
</b:if>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
$(function(){
$(".tooltip").tipTip();
});
//]]>
</script>

</head>

<body>

<div id='background'>

<div id='outer-wrapper'><div id='main-outer'>


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

<div id='menucontainer'>
<b:section class='menu' id='menu' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='' 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 style='clear:both'/>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='City Girl (Header)' 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='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' 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 tooltip' 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 tooltip' 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>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<a class='share-button sb-email tooltip' 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 tooltip' 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 tooltip' 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 tooltip' 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 tooltip' 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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header'>
<div class='post-header-line-1'>

<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'>
<data:post.timestamp/>
</b:if>
</b:if>
</span> <b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<data:post.dateHeader/>
<b:else/>
<script>document.write(ultimaFecha);</script>
</b:if>

</div>
</div>

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

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

<div class='post-footer'>


<b:include data='post' name='postQuickEdit'/>

<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'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</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 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>

</div>

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

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a class='tooltip' 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>

</span> <div class='post-share-buttons'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>

<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'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></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='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<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='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='width:100px;height:20px;'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</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 class='tooltip' 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='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' 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>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' 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>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a class='tooltip' 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'>

<b:if cond='data:top.showPlusOne'>
<script expr:src='data:top.plusOneJsUrl'/>
</b:if>


<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'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</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='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>

<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>

<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</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>

<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.author == data:post.author'>
<ol class='commentlist-destacado'>
<li class='comment' id='comment'>
<div class='comment-body' id='div-comment'>
<div class='comment-author vcard'>
<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>
<cite class='fn'> <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></cite>
<span class='says'><data:commentPostedByMsg/>:</span>
</div>

<div class='comment-meta'><a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/></div>

<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>

</div>
</li>
</ol>

<b:else/>

<ol class='commentlist'>
<li class='comment' id='comment'>
<div class='comment-body' id='div-comment'>
<div class='comment-author vcard'>
<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>
<cite class='fn'> <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></cite>
<span class='says'><data:commentPostedByMsg/>:</span>
</div>

<div class='comment-meta'><a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/></div>

<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>

</div>
</li>
</ol>
</b:if>
</b:loop>

<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>

<div id='rss'>
<a href='/feeds/posts/default'><img class='tooltip' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmXfqCHApF-V0OJeSe_xtvkJmJBdE35HtqfAmC9ghA8-_jtnkzQR2W7HhhY4KHBG7D_KYhyphenhyphen34SJYUTj7wQvG2BECN39o5KlkYSDU4_UiZ7Wt13veE3H_r1BbENM6P0MWw2cxZyaQNTMfzI/s1600/spacer.gif' title='Suscribirse'/></a>
</div>

<div id='sidebar-wrapper'>

<div id='searchform'>
<form expr:action='data:blog.homepageUrl + "search/"' id='search' method='get'>
<input id='s' name='q' type='text' value=''/>
<input class='searchbutton tooltip' title='Buscar en este blog' type='submit' value='Buscar'/>
</form></div>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label3' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><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='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><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: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='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='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='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='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:widget>
</b:section>
</div>


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

</div> 

</div></div> 
<div class='outerbottom' id='outer-bottom'/>

</div>

<div id='footer-wrapper'>
<div id='footer'>
<b:section class='footer-col' id='footer-col1'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><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:section>
<b:section class='footer-col' id='footer-col2'>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><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:section>
<b:section class='footer-col' id='footer-col3'>
<b:widget id='Label4' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><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:section>

<div style='clear:both'/>

</div>

<div id='credit-wrapper'>
<div id='credit'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> © 2010 | Designed by <a href='http://forex.eng.mx'>Forex Videos</a>, in collaboration with <a href='http://www.mmorpg-center.com'>Online MMORPG Games</a>, <a href='http://theprintablecoupon.com'>ThePrintableCoupon.com</a> and <a href='http://mw3f.com/'>MW3</a></div>
</div>

</div>

<script type='text/javascript'>
//<![CDATA[

/*
* TipTip
* Copyright 2010 Drew Wilson
* www.drewwilson.com
* code.drewwilson.com/entry/tiptip-jquery-plugin
*
* Version 1.3 - Updated: Mar. 23, 2010
*
* This Plug-In will create a custom tooltip to replace the default
* browser tooltip. It is extremely lightweight and very smart in
* that it detects the edges of the browser window and will make sure
* the tooltip stays within the current window size. As a result the
* tooltip will adjust itself to be displayed above, below, to the left
* or to the right depending on what is necessary to stay within the
* browser window. It is completely customizable as well via CSS.
*
* This TipTip jQuery plug-in is dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
(function($){$.fn.tipTip=function(options){var defaults={activation:"hover",keepAlive:false,maxWidth:"200px",edgeOffset:3,defaultPosition:"bottom",delay:400,fadeIn:200,fadeOut:200,attribute:"title",content:false,enter:function(){},exit:function(){}};var opts=$.extend(defaults,options);if($("#tiptip_holder").length<=0){var tiptip_holder=$('<div id="tiptip_holder" style="max-width:'+opts.maxWidth+';"></div>');var tiptip_content=$('<div id="tiptip_content"></div>');var tiptip_arrow=$('<div id="tiptip_arrow"></div>');$("body").append(tiptip_holder.html(tiptip_content).prepend(tiptip_arrow.html('<div id="tiptip_arrow_inner"></div>')))}else{var tiptip_holder=$("#tiptip_holder");var tiptip_content=$("#tiptip_content");var tiptip_arrow=$("#tiptip_arrow")}return this.each(function(){var org_elem=$(this);if(opts.content){var org_title=opts.content}else{var org_title=org_elem.attr(opts.attribute)}if(org_title!=""){if(!opts.content){org_elem.removeAttr(opts.attribute)}var timeout=false;if(opts.activation=="hover"){org_elem.hover(function(){active_tiptip()},function(){if(!opts.keepAlive){deactive_tiptip()}});if(opts.keepAlive){tiptip_holder.hover(function(){},function(){deactive_tiptip()})}}else if(opts.activation=="focus"){org_elem.focus(function(){active_tiptip()}).blur(function(){deactive_tiptip()})}else if(opts.activation=="click"){org_elem.click(function(){active_tiptip();return false}).hover(function(){},function(){if(!opts.keepAlive){deactive_tiptip()}});if(opts.keepAlive){tiptip_holder.hover(function(){},function(){deactive_tiptip()})}}function active_tiptip(){opts.enter.call(this);tiptip_content.html(org_title);tiptip_holder.hide().removeAttr("class").css("margin","0");tiptip_arrow.removeAttr("style");var top=parseInt(org_elem.offset()['top']);var left=parseInt(org_elem.offset()['left']);var org_width=parseInt(org_elem.outerWidth());var org_height=parseInt(org_elem.outerHeight());var tip_w=tiptip_holder.outerWidth();var tip_h=tiptip_holder.outerHeight();var w_compare=Math.round((org_width-tip_w)/2);var h_compare=Math.round((org_height-tip_h)/2);var marg_left=Math.round(left+w_compare);var marg_top=Math.round(top+org_height+opts.edgeOffset);var t_class="";var arrow_top="";var arrow_left=Math.round(tip_w-12)/2;if(opts.defaultPosition=="bottom"){t_class="_bottom"}else if(opts.defaultPosition=="top"){t_class="_top"}else if(opts.defaultPosition=="left"){t_class="_left"}else if(opts.defaultPosition=="right"){t_class="_right"}var right_compare=(w_compare+left)<parseInt($(window).scrollLeft());var left_compare=(tip_w+left)>parseInt($(window).width());if((right_compare&&w_compare<0)||(t_class=="_right"&&!left_compare)||(t_class=="_left"&&left<(tip_w+opts.edgeOffset+5))){t_class="_right";arrow_top=Math.round(tip_h-13)/2;arrow_left=-12;marg_left=Math.round(left+org_width+opts.edgeOffset);marg_top=Math.round(top+h_compare)}else if((left_compare&&w_compare<0)||(t_class=="_left"&&!right_compare)){t_class="_left";arrow_top=Math.round(tip_h-13)/2;arrow_left=Math.round(tip_w);marg_left=Math.round(left-(tip_w+opts.edgeOffset+5));marg_top=Math.round(top+h_compare)}var top_compare=(top+org_height+opts.edgeOffset+tip_h+8)>parseInt($(window).height()+$(window).scrollTop());var bottom_compare=((top+org_height)-(opts.edgeOffset+tip_h+8))<0;if(top_compare||(t_class=="_bottom"&&top_compare)||(t_class=="_top"&&!bottom_compare)){if(t_class=="_top"||t_class=="_bottom"){t_class="_top"}else{t_class=t_class+"_top"}arrow_top=tip_h;marg_top=Math.round(top-(tip_h+5+opts.edgeOffset))}else if(bottom_compare|(t_class=="_top"&&bottom_compare)||(t_class=="_bottom"&&!top_compare)){if(t_class=="_top"||t_class=="_bottom"){t_class="_bottom"}else{t_class=t_class+"_bottom"}arrow_top=-12;marg_top=Math.round(top+org_height+opts.edgeOffset)}if(t_class=="_right_top"||t_class=="_left_top"){marg_top=marg_top+5}else if(t_class=="_right_bottom"||t_class=="_left_bottom"){marg_top=marg_top-5}if(t_class=="_left_top"||t_class=="_left_bottom"){marg_left=marg_left+5}tiptip_arrow.css({"margin-left":arrow_left+"px","margin-top":arrow_top+"px"});tiptip_holder.css({"margin-left":marg_left+"px","margin-top":marg_top+"px"}).attr("class","tip"+t_class);if(timeout){clearTimeout(timeout)}timeout=setTimeout(function(){tiptip_holder.stop(true,true).fadeIn(opts.fadeIn)},opts.delay)}function deactive_tiptip(){opts.exit.call(this);if(timeout){clearTimeout(timeout)}tiptip_holder.fadeOut(opts.fadeOut)}}})}})(jQuery);

//]]>
</script>

</body>

</html>

Posted in: CITY GIRL

roni

TEMPLATE B

PETUNJUK

TEMPLATE B

Ads 468x60px

MACAM TEMPLATE

Kamis, 25 Agustus 2011

CITY GIRL

0 komentar:

Posting Komentar