<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:#F2F2F2; font-family:maiandra gd; color:#555; font-size:12px;}
#Granny {width:780px; float:center;}
a {text-decoration:none; color:#999;}
a:hover {color:#60BBB6;}
#Header {background:transparent url("http://s2.picofile.com/file/7779971719/180.jpg") no-repeat center; margin-bottom:10px; height:350px; border:1px solid #BBEAFA; box-shadow:0px 0px 3px 1px #bbb; border-radius:1em; }
#HeaderCont {color:#60BBB6; direction:rtl; padding:10px; font-size:20px;}
#HeaderInn {color:#666;direction:rtl; margin-bottom:10px; font-size:16px;}
#Menu {text-align:center; padding:5px; margin-bottom:10px;}
#Menu a {font-size:15px; padding:5px; border:2px solid #FDCAD1; color:#000; background:#eee;}
#Menu a:hover {border:2px solid #B33410; background:#F25213; color:#fff;}
#MainCol {float:right; margin-bottom:10px;}
.OnePost {direction:rtl;}
.OnePost img {max-width:560px; border-radius:0.3em;}
.MidPost {background:#fff; width:536px; float:left; border:1px solid #bbb; padding:2px; margin-bottom:3px; border-bottom:1px solid #BBEAFA; }
.BotPost {background:#fff; color:#777; font-size:12px; border:1px solid #bbb; width:530px; padding:5px; border-bottom-right-radius:1em; border-bottom-left-radius:1em;}
.BotPost a {color:#777;}
.BotPost a:hover {color:#60BBB6;}
.TitleHeaderPost {background:#BBEAFA; color:#888; border:1px solid #fff; padding:3px; font-size:14px; direction: rtl; text-align:right; border-top-right-radius:1em; border-top-left-radius:1em; box-shadow:2px 2px 3px 1px #bbb;}
.PostTextBody {color:#000; direction: rtl; padding:5px; font-size:12px; text-align:right; line-height:150%; }
#SideCol {width:200px; float:left; direction: rtl;}
#SideCol img {max-width:155px;}
#SideCol a {color:#666;}
#SideCol a:hover {color:#60BBB6;}
.Title {background:#BBEAFA; color:#888; border:1px solid #fff; padding:3px; font-size:14px; border-top-right-radius:1em; border-top-left-radius:1em; box-shadow:2px 2px 3px 1px #bbb;}
.Box {background:#fff; border:1px solid #bbb; padding:5px; border-bottom-right-radius:1em; border-bottom-left-radius:1em;}
.Sep {height:5px;}
.PostSep {height:5px;}
</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="CM's";
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(){
$("#Title").click(function(){
$("#Links").slideToggle(800);
});
});
</script>
</head>
<body>
<center>
<div id="Granny">
<div id="Header">
<div id="HeaderCont"><-BlogTitle-></div>
<div id="HeaderInn"><-BlogDescription-></div>
</div>
<!-- ==================== Main Column ==================== -->
<div id="MainCol">
<BLOGFA>
<div class="OnePost">
<div class="TopPost">
<div class="TitleHeaderPost"><-PostTitle-></div>
</div>
<div class="MidPost">
<div class="PostTextBody"><-PostContent-></div>
<BlogExtendedPost><a href="<-PostLink->">Continue</a></BlogExtendedPost>
</div>
<div class="BotPost">
<BlogComment>
<script language="javascript" type="text/javascript">GetBC("<-PostId->");</script>
</BlogComment><font size="2" color="#BBEAFA">✖</font> <-PostTime-> <font size="2" color="#BBEAFA">✖</font> <-PostDate-> <font size="2" color="#BBEAFA">✖</font> <-PostAuthor->
</div>
</div>
<div class="PostSep"></div>
</BLOGFA>
</div>
<!-- ==================== Main Column ==================== -->
<div id="SideCol">
<div class="Title">Menu</div>
<div class="Box">
<a href="<-BlogUrl->">Home</a>
<font size="2" color="#BBEAFA">✖</font>
<a href="<-BlogUrl->/profile">Profile</a>
<font size="2" color="#BBEAFA">✖</font>
<a href="<-BlogUrl->/posts">Posts</a>
</div><div class="Sep"></div>
<div class="Title">About Me</div>
<div class="Box">
<img src="<-BlogPhotoLink->">
</br>
<-BlogAbout->
</div><div class="Sep"></div>
<div class="Title">Before</div>
<div class="Box">
<BlogArchive>
<a href="<-ArchiveLink->" target="_blank" ><-ArchiveTitle-></a><br>
</BlogArchive>
</div><div class="Sep"></div>
<div class="Title">Categories</div>
<div class="Box">
<BlogCategories>
<a href="<-CategoryLink->" ><-CategoryName-></a><br>
</BlogCategories>
</div><div class="Sep"></div>
<div class="Title">Friends</div>
<div class="Box">
<a href="<-BlogUrl->/links">-Daily-</a></br>
<BlogLinks>
<a href="<-LinkUrl->" target="_blank" ><-LinkTitle-></a><br>
</BlogLinks>
</div><div class="Sep"></div>
<div class="Title">Design</div>
<div class="Box">
<a href="http://www.templateworld.blogfa.com">Template World</a>
</div><div class="Sep"></div>
<div class="Title">Other</div>
<div class="Box">
<-BlogCustomHtml->
</div><div class="Sep"></div>
</div>
</div>
</center>
</body>
</html>