<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="expires" content="-1" />
<meta name="description" content="<-BlogTitle->" />
<meta name="keywords" content="" />
<title><-BlogTitle-></title>
<base target="_blank" />
<style type="text/css" media="all">
body {background:#fff url("http://s4.picofile.com/file/7797790535/193bg.png"); font-family:maiandra gd; font-size: 12px; color: #000;}
@font-face {font-family:Maiandra GD; src:url(Maiandra GD.woff);}
#Granny {width:700px; float:center;}
ul {color:#71C8A8;}
a {text-decoration:none; color:#666;}
a:hover {color:#71C8A8; text-shadow:0px 0px 3px #71C8A8;}
#Header {background:#fff url("http://s4.picofile.com/file/7797791719/193.png") no-repeat; height:339px; border:10px solid #fff; box-shadow:inset 1px 1px 3px 1px #bbb;}
#Menu {background:#fff; float:center; padding-bottom:17px;}
#HeaderCont {color:#fff; direction:rtl; padding-top:90px; font-size:20px; font-weight:bold;}
#HeaderInn {color:#666; direction:rtl; margin-bottom:25px; font-size:16px;}
#MainCol {background:#fff; width:68%; float:right; margin-bottom:10px; border-top:2px solid #71C8A8; border-bottom:2px solid #71C8A8;}
.OnePost {background:#fff; padding:1px 1px 1px 1px; direction: rtl; border:10px solid #fff; box-shadow:inset 1px 1px 3px 1px #bbb; border-bottom-left-radius:1em; border-bottom-right-radius:1em;}
.OnePost img {max-width:450px; border-radius:0.5em;}
.MidPost {padding:5px; border-bottom:2px solid #eee;}
.BotPost {color:#666; padding:2px; direction: rtl;}
.TitleHeaderPost {background:#eee; color:#71C8A8; border-bottom:2px solid #71C8A8; padding-bottom:2px; margin-top:0px; direction: rtl; text-align:center; font-size:15px; font-weight:bold;}
.PostTextBody {direction:rtl; padding:3px; font-size:12px; color:#000; text-align:right; line-height: 150%; }
.PostSep {height:10px; }
#SideRCol {width:28%; float:left; font-size:12px; border-top:2px solid #71C8A8; border-bottom:2px solid #71C8A8; margin-bottom:10px;}
.Box {word-wrap:break-word; border:10px solid #fff; text-align:right; background:#fff; direction: rtl; padding:1px 1px 1px 1px; box-shadow:inset 1px 1px 3px 1px #bbb;}
.Box img {max-width:220px; border-radius:0.5em;}
.Link {font-size:13px; float:left; height:16px;padding:3px; background:#eee; border:2px solid #fff; width:109px; transition:1s; -webkit-transition:1s;}
.Link a:hover {color:#fff; }
.Link:hover {background:#71C8A8; height:50px; -webkit-transition:1s;}
</style>
<script type="text/javascript" langauge="javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
<!--
function GetBC(lngPostid) {
var intTimeZone="<-BlogTimeZone->", strBlogId="<-BlogId->", intCount=-1, strResult="";
try {
for (i=0;i<BlogComments.length;i+=2) {
if (BlogComments[i]==lngPostid)
intCount=BlogComments[i+1] ;}
} catch(e) {}
if (intCount == -1) strResult="CM's";
if (intCount == 0) strResult="No CM";
if (intCount == 1) strResult="1CM";
if (intCount > 1) strResult=intCount + "CM";
var strUrl = "/comments/?blogid=" + strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone;
var strResult = "<a href=\"javascript:void(0)\" target=\"_self\" onclick=\"javascript:window.open('"+strUrl+"','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,width=500px,height=500px')\" >"+strResult+"</a>" ;
document.write(strResult);}
function OpenLD() {
window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
return true; }
// -->
$(document).ready(function(){
$("#AboutTitle").click(function(){
$("#AboutBox").slideToggle(800);
});
$("#DesignTitle").click(function(){
$("#DesignBox").slideToggle(800);
});
$("#CatsTitle").click(function(){
$("#CatsBox").slideToggle(800);
});
$("#ArchiveTitle").click(function(){
$("#ArchiveBox").slideToggle(800);
});
$("#LinksTitle").click(function(){
$("#LinksBox").slideToggle(800);
});
$("#DailyTitle").click(function(){
$("#DailyBox").slideToggle(800);
});
$("#TagsTitle").click(function(){
$("#TagsBox").slideToggle(800);
});
$("#OtherTitle").click(function(){
$("#OtherBox").slideToggle(800);
});
});
</script>
</head>
<body>
<center>
<div id="Granny">
<!-- =================== Side R Column =================== -->
<div id="SideRCol">
<div class="Title"></div>
<div class="Box" style="padding-bottom:7px;">
<center><img src="<-BlogPhotoLink->"></br><-BlogAbout-></center>
</div><div class="Sep"></div>
<div class="Title"></div>
<div class="Box">
<div class="TitleHeaderPost">categories</div>
<ul>
<BlogCategories>
<li><a href="<-CategoryLink->" ><-CategoryName-></a><br>
</BlogCategories>
</ul>
</div><div class="Sep"></div>
<div class="Title"></div>
<div class="Box">
<div class="TitleHeaderPost">tags</div>
<ul>
<BlogTags>
<li><a href="<-TagLink->" ><-TagName-></a>
</BlogTags>
</ul>
</div><div class="Sep"></div>
<div class="Title"></div>
<div class="Box">
<div class="TitleHeaderPost">archive</div>
<ul>
<BlogArchive>
<li><a href="<-ArchiveLink->" target="_blank" ><-ArchiveTitle-></a><br>
</BlogArchive>
</ul>
</div><div class="Sep"></div>
<div class="Title"></div>
<div class="Box">
<div class="TitleHeaderPost">daily</div>
<ul>
<BlogLinkDump>
<li><a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->" ><-LinkTitle-></a><br>
</BlogLinkDump>
</ul>
</div><div class="Sep"></div>
<div class="Title"></div>
<div class="Box">
<div class="TitleHeaderPost">friends</div>
<ul>
<BlogLinks>
<li><a href="<-LinkUrl->" target="_blank" ><-LinkTitle-></a><br>
</BlogLinks>
</ul>
</div><div class="Sep"></div>
<div class="Title"></div>
<div class="Box" style="padding:5px; text-align:center;">
<-BlogCustomHtml->
</div>
</div>
<!-- ==================== Main Column ==================== -->
<div id="MainCol">
<div id="Menu">
<div class="Link"><a href="<-BlogUrl->">Home</a></div>
<div class="Link"><a href="mailto:<-BlogEmail->">Email</a></div>
<div class="Link"><a href="<-BlogUrl->/profile">Profile</a></div>
<div class="Link"><a href="http://templateworld.blogfa.com">Design</a></div>
</div>
<div id="Header"><div id="HeaderCont"><-BlogTitle-></div>
<div id="HeaderInn"><-BlogDescription-></div>
</div>
<BLOGFA>
<div class="TopPost"></div>
<div class="OnePost">
<div class="TitleHeaderPost"><-PostTitle-></div>
<div class="MidPost">
<div class="PostTextBody"><-PostContent-></div>
<BlogExtendedPost><a href="<-PostLink->">Continue</a></BlogExtendedPost></br>
<font size="2" color="#71C8A8">Tags : </font><BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a>
</BlogPostTags>
</div>
<div class="BotPost">
<script language="javascript" type="text/javascript">GetBC("<-PostId->");</script> <font size="1" color="#71C8A8">●</font> <-PostDate-> <font size="1" color="#71C8A8">●</font> <-PostTime-> <font size="1" color="#71C8A8">●</font> <-PostAuthor->
</div>
</div>
<div class="PostSep"></div>
</BLOGFA>
</div>
<div id="Bottom"></div>
</div>
</center>
</body>
</html>