- <?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[/*
/*----------------------------------------------------------------------------------------------------------
Theme Name: oMagazine
Author: <a href="http://www.happinesz.cn/">sofish Lin</a>
Converter: <a href="http://bloggertemplateplace.com">Blogger Template Place</a>
------------------------------------------------------------------------------------------------------------*/
#container {
float: left;
margin: 0 -320px 0 0;
width: 100%;
border-right:1px solid #ddd;
}
.search {
margin: 0 320px 0 0;
line-height:150%;
}
.content {
float:left;
margin: 0 320px 0 0;
line-height:150%;
border-right:1px solid #ddd;
padding-right:10px;
}
.otheme {
float:left;
border-right:1px solid #ddd;
}
.main {
width:468px;
}
.middlewidget {
float:right;
width:160px;
}
.rightsidebar {
float: right;
overflow: hidden;
width: 300px;
display:block;
}
.rightsidebar {
border-left:0 solid #fff;
padding-left:10px;
}
#footer {
clear: both;
width: 100%;
}
/*<-------------------> Main Element Reset <------------------->*/
img, img a {
border:none;
}
p {
margin-bottom:15px;
}
blockquote {
margin:0 37px 0 0;
padding-left:30px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRo4sY52NMCcfABkolIib0vcz2yenSumAHpqt9DAiq6HEQPmiqifjXXICH59ZuCAgYDMgKerdsHw_5QFtYxnIoDrRhRnmTS1aEH71RX3NmTTyVntA8__LspLmXRQ9dBXzT2JNz18B00Bg/s1600/quote.jpg) no-repeat left top;
}
blockquote blockquote {
margin:0 0 0 25px;
}
code {
font-size:14px;
line-height:130%;
font-family:"Times New Roman", Times, serif;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-family:Arial, Helvetica, sans-serif;
color: #000;
}
input, textarea, select {
font-family:Georgia, "Times New Roman", Times, serif;
color:#777;
font-size:13px;
}
.post ul {
margin:0 41px 15px 26px;
}
.post ol {
margin:0 41px 15px 45px;
}
.post ul, .post ol {
padding-right:0;
}
.post ul li {
list-style:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7HBYWUlYvLczKydRkYuc0Hf5ZxGnkvTCcl4nFPMmnxsAZsqxvWQb33bTGYlaSvM-lW0Ji9dA6dGHxCQXW7n7x09e0CgZIg_IO5jEHHW6koNMh2XHlEEFDJxCBmVoBnqLv3q3qP_43KVY/s1600/li.gif) no-repeat left 2px;
padding-left:16px;
}
.entry-content {
padding-bottom: 10px;
overflow: hidden;
}
.entry-content a {
color:#333;
border-bottom:1px dotted #c30;
}
.entry-content a:hover {
color:#f30;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
padding-bottom:15px;
}
.entry-content h1 {
font-size:21px;
}
.entry-content h2 {
font-size:19px;
}
.entry-content h3 {
font-size:17px;
}
.entry-content h4 {
font-size:16px;
}
.entry-content h5 {
font-size:15px;
}
.entry-content h6 {
font-size:14px;
}
a.rssli {
color:#f60;
}
a.grli {
color:#06f;
}
a.xgli {
color:#f30;
}
a.zxli {
color:#9c0;
}
a.ydli {
color:#f36;
}
a.zxli:hover {
color:#0ff;
}
a.rssli:hover, a.grli:hover, a.xgli:hover, a.ydli:hover, #comments-list span.itrackback a:hover, .ilogin a:hover{
color:#9c0;
}
/*<-------------------> Entry Info Style <------------------->*/
.entry-info {
color:#ddd;
margin:5px 0;
}
.entry-info a {
color:#777;
}
.icolor {
color:#ddd;
}
.idate, .icard, .icomment, .ifolder, .iadd, .itrackback, .icommentfeed {
padding-left:19px;
color:#777;
}
.idate {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirbkl5woNeNMl1OX3PUmVBt5o5_SYuoQwshrzLyElohyphenhyphenjjuBnW_3BxwAcoJlVyYpGEvEa5zYH2eDtu2ojhVO1PVBGp1UaLEpwCYoi7WcSC81bcHpoPCRA9KvwtSkjHkWqdVvyVzbp-v1s/s1600/date.gif) no-repeat left center;
}
.icard {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bRmuuYkidHlojLd4Y1GFVv9rN6Sm9nKXVSDXcSEpE0CRNJvJGKyD-FnuqaIAAsCvyzHXUka9ikX6Di56eZbalEWxs3r8e2t7z3vFcxCRYMniuasPILKM8dUJ0biUaH-BnuzTOcQ6pIFN/s1600/author.gif) no-repeat left center;
}
.icomment {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeKjd8xtHgNmli-cSfWHKWk1qsbh45ONpvnCxbZ2L_0LMi0f55ewkkt1xXVgXJ1pYn6mxZ8-uOoroODZS2sXunM4fhku_MFhul6aO1RCkEj2r-hq-OXnqqdhD9H_RtY5j-DpRNyi3YURs/s1600/comment.gif) no-repeat left center;
}
.ifolder {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxtExy-Vg7_BQ3X9sOvKJ5afGWXl5r_Kfxm6rlIQZyIoF0qwXv6bqcdGeX_7DExF2_po6qEn3T_c-i0qlWRzbE6fgA8XwqFnUeUFat4kdsGLi8IOU8XHAoEqt49pxFzQW3BjhhwOmovno/s1600/folder.gif) no-repeat left center;
}
.iadd {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpP6vbeW-gpFPRdOIzjCFeI8SVqP68EVacXliZWagO5AxFxWTck_D8FNSdYrE_NInlD-peLJbhCiQvjFy4fZZe6AaGy_utHUU27p3QXf7rNArLoCHm_NXNDohdwGfoadomX92x8JEB53w/s1600/addcomment.gif) no-repeat left center;
}
.itrackback {
position:absolute;
top:3px;
right:0;
font:normal 14px Georgia, "Times New Roman", Times, serif;
color:#ddd;
}
.icommentfeed {
padding: 5px 0;
}
/*<-------------------> Comment LI Style <------------------->*/
#comments h3 .itrackback a {
color:#c30;
}
#comments-list li {
font-weight:600;
}
#comments-list cite, #comments-list cite a {
font-weight: 600;
font-style: normal;
font-size: 1.1em;
}
#comments-list p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
.commentmetadata {
font:12px Georgia, "Times New Roman", Times, serif;
color:#777;
}
.commentmetadata a {
color:#777;
}
/*<-------------------> Sidebar and Content Search Form <------------------->*/
#isearchform {
width:290px;
margin-bottom:15px;
}
#is, #noresults-s {
width:180px;
padding:6px 5px;
height:17px;
background:#fffff0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQWHo8uwyuR-f-pXf6iHDZzfvkVVxqPPTYMTqSUD6AvTI_ZIoHQtEj3BTNzJIRwLAO0o81et_Q0yAORjH4nCqQAuY4IOpSSoCf-hz_pxyXmXcFY7PKhR-MkBIxLnUDFk5Rs7xsBFgUzfI0/s1600/is.gif) no-repeat left center;
border:none;
}
#isearchsubmit, #noresults-searchsubmit {
width:91px;
height:29px;
text-align:center;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQAtGlc0ImDDrpP5d0fyjNs0OR76lPoW_wkneH4_vhp3rIn_-AXrxJZA4Ig9iLC7x9u15Xyz8gvhftA2pzNoMpil3vJy19R0AynhVQ0Bkxs4ZKo7-fUKGAmHfrr7KkXRhszUw0jrPsek/s1600/submit.jpg) no-repeat left center;
border:none;
color:#9c0;
font-weight:700;
}
.noresults ol li h3 {
font-weight:500;
font-size:15px;
padding:2px 0;
margin:0;
}
.noresults ol li h3 a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#c30;
}
.noresults ol li h3 a:hover {
color:#379931;
}
p.inote {
margin-top:15px;
}
.noresults {
border-bottom:none;
}
.noresults .entry-content a {
border-bottom:none;
}
/*<-------------------> Links and Font <------------------->*/
* {
padding:0;
margin:0;
}
body {
font:16px Georgia, "Times New Roman", Times, serif;
color:#333;
margin: 0 auto;
}
.iborder{padding:2px;border:1px solid #ddd;}
a {
text-decoration:none;
color:#c30;
}
a:hover {
color:#379931;
}
#wrapper {
width:973px;
margin:0px auto !important;
}
.vcenter {
width:973px;
margin:-30px auto;
}
.ishome{}
.iclear {
clear:both;
}
/*<-------------------> Header <------------------->*/
#headerarea {
width:100%;
height:150px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdxA3EQLEpy4PCezdXQoUI-S1aPMu9EE1F5ztltvxFvGWYSOu3jNW0U7_9PAh3sZurZ9xRLC0Ly4BJceX4dZ2pYJoXQSOF72r0kG7xoKyXVddguk75QYp1UeVrnaPB8Ve4yPWP3ohbu_Y/s1600/bg.jpg) repeat-x left top;
}
.hcenter {
width:973px;
margin:0 auto;
}
#headerarea #header h1 a, #headerarea #header h1 {
float:left;
display:block;
text-indent:-9999em;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCaEdksW2zG5b3J4t1dx6_226APV183t6dxiMKcjNPqWigFR26ZjbWuosXuujIx3N6BBJMlxuqc-yHLNSAv4AxYhfyyIRtYnPY34RaESvZXJphZQaMi0X5ZMt9c7LAr67hR2w-3Wnz0l4/s1600/logo.gif) no-repeat left -5px;
width:243px;
height:100px;
}
.ad-728px {
height:100px;
width:728px;
float:right;
}
/*<-------------------> TopNav <------------------->*/
#topnav {
height:40px;
color:#fff;
text-transform:uppercase;
font:15px "Times New Roman", Times, serif;
}
#topnav a {
color:#fff;
}
#topnav a:hover{color:#9c0;text-decoration:underline;}
#topnav ul li {
float:left;
list-style:none;
}
#topnav ul li a {
padding:0 10px;
display:block;
line-height:40px;
}
#topnav ul li#ihome a, #footer-box ul li#fhome {
padding:0 10px 0 0;
border:none;
}
#topnav ul li.current_page_item a {
color:#adff2f;
}
/*<-------------------> Content <------------------->*/
#content {
font-size:14px;
}
#maincontent {
}
#searchform {
width:653px;
height:123px;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_iZg3lcdVnGudJ3ygFrSvL3eGcv_T7DZtxhx1amYO7rTI_GeVuf8RZG_Y_7VyTKHLzvMohhl9B6ZfQa5P3WTR_VT2blkDbY7e_ezgqA6d-imUQlj7O7z43zNWzRxxGa5ug07HNelr_7o/s1600/searchbox.gif) no-repeat left top;
clear:both;
border-top:15px solid #fff;
border-bottom:1px solid #ddd;
position:relative;
clear:both;
}
#s, #searchsubmit, .hot-tags {
position:absolute;
background:none;
border:none;
}
#s {
width:439px;
top:26px;
left:182px;
padding:4px 5px;
}
#searchsubmit {
width:91px;
height:29px;
top:62px;
left:546px;
color:#9c0;
font-weight:600;
text-align:center;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQAtGlc0ImDDrpP5d0fyjNs0OR76lPoW_wkneH4_vhp3rIn_-AXrxJZA4Ig9iLC7x9u15Xyz8gvhftA2pzNoMpil3vJy19R0AynhVQ0Bkxs4ZKo7-fUKGAmHfrr7KkXRhszUw0jrPsek/s1600/submit.jpg) no-repeat left top;
text-transform:uppercase;
}
input#searchsubmit:hover {
color:#f60;
}
.hot-tags {
color:#777;
top:65px;
left:181px;
font-size:15px;
}
.hot-tags a {
color:#f30;
text-transform:capitalize;
font-weight:100;
margin-left:5px;
}
.post {
border-bottom:1px dashed #ddd;
margin-bottom:15px;
}
.isingle {
border:none;
margin-bottom:0;
}
.ipost {
float:right;
width:460px;
}
.otheme {
padding-right:13px;
}
.otheme .post {
border-bottom:1px solid #ddd;
}
div.clear {
clear:both;
height:0;
}
.entry-title {
font-size:19px;
text-transform:uppercase;
}
.page-title {
margin-top:15px;
font-size:16px;
color:#379931;
border-bottom:1px solid #ddd;
padding-bottom:5px;
text-transform:uppercase;
}
.page-content {
margin-top:15px;
}
.navigation {
height:33px;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.ad-160px {
margin-bottom:15px;
}
/*<-------------------> Comment <------------------->*/
#comments {
margin-top:15px;
width:460px;
}
#comments h3 {
margin-top:15px;
margin-bottom:15px;
position:relative;
color:#000;
font-size:16px;
}
h3.itrackback {
font:bold 16px Arial, Helvetica, sans-serif;
}
.comments {
font-family:Arial, Helvetica, sans-serif;
}
.comments ol li p {
font-family:Georgia, "Times New Roman", Times, serif;
}
.comments ol {
border-top:1px solid #ddd;
}
.comments ol li {
list-style:none;
border-bottom:1px solid #eee;
padding:15px 0 0;
}
.ireq {
width:43%;
float:left;
}
.iarea {
width:53%;
float:right;
}
#formcontainer {
}
form#commentform {
background:#eaf4ff;
padding:20px 10px 0;
margin-bottom:15px;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.form-label input {
width:90%;
padding:3px 5px 3px 21px;
border:1px solid #ddd;
}
/*<-------------------> Sidebar <------------------->*/
.sidebar, .post {
margin-top:15px;
}
.rightsidebar h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRUBly0bYaEPEBshwDWOQL4tGTi-CuGKoBGl4PXb7QQ2r0cVcvhAjjapH0AEDDa5OWA0vxxOsmptSc_OQGI7J4gAp8pMBDjen37wb8m-BnxYc-QbKxUOXIyn-6AirQA4OIn8Tg4xeomKQ/s1600/side-300px-h4.gif) no-repeat left top;
height:27px;
padding:1px 8px 0;
color:#fff;
font-size: 14px;
}
.middlesidebar h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdzTo1jj7TdgNopcQTEsGTxHqa6-9MOmDiW2c5QqeLzeyXWMVsTC0D7Wkax4l3mkPMhERKoSuFKaG07oh8A93oyZa1tLMo-n0jo50V0ZKRa1XA-lvo8CFnAK5FZGh_FP2xPsCaIGrLWM/s1600/side-160px-h4.gif) no-repeat left top;
font-size: 14px;
height:27px;
padding:1px 8px 0;
color:#fff;
}
.feedme {
display:block;
text-indent:-9999em;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgDo-XkhootBWoC4CPAOugz3T8z3V_cbctImlGpshn8AXmH1ilid0c1211AtKaSRRnABty5E03MmRD29N_8KxACZPMyZG5E6Kzxg7H7JJedjrBP5WQPNWllyJKPOp_vDfBHnDhoAObwsA/s1600/feedme.gif) no-repeat left top;
width:300px;
height:73px;
margin-bottom:15px;
}
a.feedme:hover {
background-position:bottom;
}
.middlesidebar .widgetsidebar, .rightsidebar .widgetsidebar {
}
.middlesidebar .widgetsidebar .widget{
list-style:none;
border-bottom:1px solid #ddd;
padding:10px 0;
width: 160px;
float:right;
}
.rightsidebar .widgetsidebar .widget {
list-style:none;
border-top:1px solid #ddd;
padding:10px 0;
}
.middlesidebar .widgetsidebar .widget ul, .rightsidebar .widgetsidebar .widget ul {
list-style-type: none;
}
.middlesidebar .widgetsidebar .widget ul li, .middlesidebar .widgetsidebar .widget li, .rightsidebar .widgetsidebar .widget ul li, .rightsidebar .widgetsidebar .widget li {
margin:0;
border:none;
padding:0 0 0 16px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7HBYWUlYvLczKydRkYuc0Hf5ZxGnkvTCcl4nFPMmnxsAZsqxvWQb33bTGYlaSvM-lW0Ji9dA6dGHxCQXW7n7x09e0CgZIg_IO5jEHHW6koNMh2XHlEEFDJxCBmVoBnqLv3q3qP_43KVY/s1600/li.gif) no-repeat left 2px;
}
/*<-------------------> Footer <------------------->*/
#footer {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtvTo4wCDWlHhHpcMqAevFHa2yYIwhWD2HQh4NE_MH89mQukCc918rYtyC4mAYG9cqiUuvWt0u0wTaHzQDNIVlbo_5BFvw6GMzcY1UkvJNhYs1k1zKCyrXSqcsIWz9i4uckBQ91zXKtdc/s1600/footer.gif) repeat-x left top;
z-index:2;
}
#footer-box {
position:relative;
font-size:13px;
height:110px;
padding-top:30px;
}
#footer-box ul {
width:100%;
margin:0 auto;
}
#footer-box ul li {
float:left;
padding:0 10px;
border-left:1px solid #ddd;
list-style:none;
}
#footer-box ul li#fhome {
padding-left:10px;
}
span.ipower {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKJyXPvUeP5wCBnW5C3CcJGnBe0oQAhdauoZlT_LajPaVRlRyHYrZ6P4fBFPCHo5FLd-RqYKuoxOtpFXoLvSUcpbMQ8X6Llp4PWmnvbrpSkvigPqvd0rXGlUXYBNuq_RZ5MfANkb2KKI0/s1600/omagazine.gif) no-repeat left center;
padding-left:19px;
position:absolute;
bottom:10px;
left:0;
color:#fff;
font-size:13px;
}
p.icopy {
margin-bottom:0;
line-height:45px;
}
span.ipower a {
color:#adff2f;
}
span.ilogin {
color:#f30;
position:absolute;
right:50px;
top:5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCaEdksW2zG5b3J4t1dx6_226APV183t6dxiMKcjNPqWigFR26ZjbWuosXuujIx3N6BBJMlxuqc-yHLNSAv4AxYhfyyIRtYnPY34RaESvZXJphZQaMi0X5ZMt9c7LAr67hR2w-3Wnz0l4/s1600/logo.gif) no-repeat left center;
display:block;
width:73px;
height:56px;
padding:34px 0 0 220px;
font-size:12px;
text-transform:uppercase;
line-height:15px;
}
span.ilogin a {
color:#f30;
}
span.ilogin p {
padding-left:15px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqeYcYpKRV8wUItLwrpGDkaAxKH8cvAqoIDZ8MPlAz66czXOYl6hxsM-VoVB5XVyBiXG71zSq2JwaNw9AugBCbBYFdGOZ_nf9BelvW-9jZ9vtFwoLihyphenhyphen_nSM7cx3hxuvmKmoY-1FI-f0/s1600/ilogin.gif) no-repeat left center;
margin-bottom:0;
}
span.ilogin a.ifeed {
padding-left:15px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-ePRMS6TjFe2w4raM5jf-MPxnJ-p84OytdLy7SFfa2N1GABl6_k_DnDictUDaHfozhBnX2vzybZk1YbPAqs3a-ITBj2xqOUYRAbA80Ep-VEZNgaygwjHYzwOZjg5JkL-Uo71O_GyYlfc/s1600/ifeed.gif) no-repeat left center;
}
#navbar-iframe { display:none !important; }
.avatar-image-container img{
margin:0 0 10px 10px;
width:50px;
height:50px;
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.widget-item-control {
display:none !important;
}
]]></b:skin>
</head>
<body>
<div id='headerarea'>
<div class='hcenter'>
<div id='topnav'>
<ul>
<li class='current_page_item' id='ihome'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>
<li class='page_item'><a href='#' title='Edit this link'>Edit</a></li>
</ul>
</div>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='oMagazine (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<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/>
<!--Show the image only-->
<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>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<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>
<b:section class='ad-728px' id='ad-728px' maxwidgets='1' showaddelement='yes'>
<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div><!--#header-->
<div class='ishome' id='wrapper'>
<div id='container'>
<div class='content'>
<form action='/search' id='searchform' method='get'>
<div>
<input accesskey='S' class='text-input' id='s' name='q' size='10' tabindex='1' type='text' value=''/>
<input class='submit-button' id='searchsubmit' name='searchsubmit' tabindex='2' type='submit' value='Search'/>
</div>
</form>
<div class='clear'/>
<div id='maincontent'>
<div class='main'>
<b:section class='otheme' id='otheme' 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' 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'>
<b:if cond='data:post.sharePostUrl'>
<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:if>
</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' id='post'>
<div class='ipost'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='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>
</h2>
</b:if>
<div class='entry-info'><span class='idate'><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></span> | <span class='ifolder'><b:if cond='data:post.labels'>
<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> | <b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<span class='icomment'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
</span>
</b:if>
</b:if></div>
<div class='entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
<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 class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
<div class='post-footer-line post-footer-line-2'> </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>
</div>
<div class='clear'/>
</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 id='respond'>
<a name='comment-form'/>
<h3 class='iadd'><data:postCommentMsg/></h3>
<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%'/>
<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'>
<b:if cond='data:top.showPlusOne'>
<script expr:src='data:top.plusOneJsUrl'/>
</b:if>
<!-- posts -->
<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>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<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"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<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'>
<div class='comments' id='comments-list'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h3 class='icomment'><span><data:post.numComments/></span><span class='itrackback'><span class='icommentfeed'> <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> </span> </span>
</h3>
<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'>
<ol>
<li class='alt' id='comment'>
<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> <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> <data:commentPostedByMsg/>:
<br/>
<small class='commentmetadata'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</small>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</li>
</ol>
</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>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='middlesidebar'>
<b:section class='widgetsidebar' id='widgetsidebar1' preferred='yes'>
<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>
</div><!--#content-->
</div><!--#container-->
<div class='rightsidebar'>
<p>
<a class='feedme' expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='RSS'>RSS Feed</a>
Subscribe me via <a class='rssli' expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Rss Feed'>Rss Feed</a>.</p>
<div class='clear'/>
<b:section class='widgetsidebar' id='widgetsidebar2' preferred='yes'>
<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>
</div> <!-- #sidebar .sidebar --><div class='iclear'/>
</div><!--#wrapper-->
<div id='footer'>
<div class='hcenter' id='footer-box'>
<ul>
<li class='current_page_item' id='ihome'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Posts RSS'>Posts RSS</a></li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + "feeds/comments/default"' title='Comments RSS'>Comments RSS</a></li>
<li class='page_item'><a href='#' title='Edit this link'>Edit</a></li>
</ul>
<p class='iclear icopy'><b><a href='http://creativecommons.org/licenses/by-nc-sa/2.5/cn/' rel='license'>Creative Commons Licence</a></b> <span class='icolor'>|</span> All Rights Reserved.</p>
<span class='ipower'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> By <a href='http://www.happinesz.cn/' rel='designer' title='Designer'>sofish</a> / <a href='http://bloggertemplateplace.com' rel='bookmark' title='Blogger Template'>Blogger Template</a> by <a href='http://bloggertemplateplace.com' title='Blogger Template Place'>Blogger Template Place</a> - <a href='http://bloggertemplateplace.com' title='Blogger Templates'>Blogger Templates</a> <strong>Gallery</strong></span>
<span class='ilogin'><p><a href='http://blogger.com'>Log in</a></p><a class='ifeed' expr:href='data:blog.homepageUrl + "feeds/posts/default"'>RSS Feed</a></span>
</div>
</div>
<!-- Free Blogger Templates by bloggertemplateplace.com -->
</body>
</html>