SHOW

 <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             {word-wrap:break-word; font-family:tahoma, sans-serif;  font-size:13px; color:#999;}
    #Granny             {width:500px;}
    ::-webkit-scrollbar         {width:5px;}
    ::-webkit-scrollbar-track     {background:#fff; border:1px solid #bbb;}
    ::-webkit-scrollbar-thumb     {background:#999;}
    li            {color:#2A9382;}
    a             {text-decoration:none; color:#2A9382;}
    a:hover            {color:#B5CDBF; text-shadow:0px 0px 3px #B5CDBF;}
    #Header            {background:#fff url("http://s4.picofile.com/file/7861743545/241.jpg") no-repeat top center; height:620px; box-shadow:inset 0px 0px 5px 2px #555;} 
    #HeaderCont        {color:#2A9382; direction:rtl; padding-top:20px; font-size:20px;}
    #HeaderInn        {direction:rtl; color:#000; font-size:14px; padding-bottom:20px;}
    #MainCol             {}
    .OnePost            {box-shadow:inset 0px 0px 5px 2px #555; direction:rtl; border-top:7px solid #2A9382; border-bottom:7px solid #95D485; border-left:7px solid #B5CDBF; border-right:7px solid #ADADAB;}
    .OnePost img        {max-width:450px; border-radius:0.7em;}
    .TopPost            {color:#555; float:left; font-size:12px; text-align:left; direction:rtl; padding:5px;}
    .MidPost            {padding:5px;}
    .BotPost            {color:#2A9382; padding:7px; text-align:left; font-size:12px;}
    .TitleHeaderPost        {font-size:15px; text-align:right; padding:5px;}
    .PostTextBody        {direction:rtl; padding:5px; font-size:13px; color:#000; text-align:right; line-height: 150%; }
    .PostSep            {height:5px;}
    #Display            {background:#fff; margin-bottom:5px; color:#000; direction: rtl; min-height:400px;}
    #SideCol            {margin-bottom:24px;}
    .Box            {padding:10px; display:none; text-align:right; box-shadow:inset 0px 0px 5px 2px #555; border-top:7px solid #2A9382; border-bottom:7px solid #95D485; border-left:7px solid #B5CDBF; border-right:7px solid #ADADAB;}
    .Box a            {color:#000;}
    .Box a:hover        {color:#999;}
    .Title            {background:#323031; width:9.5%; height:20px; float:left; padding:4px; color:#fff; font-size:14px;}
    .Title:hover        {background:#F1D6E5; border-bottom:1px solid #333; text-shadow:1px 2px 3px #555;}
 
</style>
<script type="text/javascript" langauge="javascript" src="http://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(){
            $("#MenuT").click(function(){
                $("#Menu").fadeToggle(500);
                $("#About").fadeOut(0);
                $("#Cat").fadeOut(0);
                $("#MainCol").fadeOut(0);
                $("#TW").fadeOut(0);
                $("#Tag").fadeOut(0);
                $("#Links").fadeOut(0);
                $("#Archive").fadeOut(0);
                $("#Other").fadeOut(0);
            });
            $("#AboutT").click(function(){
                $("#About").fadeToggle(500);
                $("#Menu").fadeOut(0);
                $("#Cat").fadeOut(0);
                $("#MainCol").fadeOut(0);
                $("#TW").fadeOut(0);
                $("#Tag").fadeOut(0);
                $("#Links").fadeOut(0);
                $("#Archive").fadeOut(0);
                $("#Other").fadeOut(0);
            });
            $("#CatT").click(function(){
                $("#Cat").fadeToggle(500);
                $("#Menu").fadeOut(0);
                $("#About").fadeOut(0);
                $("#MainCol").fadeOut(0);
                $("#TW").fadeOut(0);
                $("#Tag").fadeOut(0);
                $("#Links").fadeOut(0);
                $("#Archive").fadeOut(0);
                $("#Other").fadeOut(0);
            });
            $("#TagT").click(function(){
                $("#Tag").fadeToggle(500);
                $("#Menu").fadeOut(0);
                $("#About").fadeOut(0);
                $("#Cat").fadeOut(0);
                $("#MainCol").fadeOut(0);
                $("#TW").fadeOut(0);
                $("#Links").fadeOut(0);
                $("#Archive").fadeOut(0);
                $("#Other").fadeOut(0);
            });
            $("#LinksT").click(function(){
                $("#Links").fadeToggle(500);
                $("#Menu").fadeOut(0);
                $("#About").fadeOut(0);
                $("#Cat").fadeOut(0);
                $("#MainCol").fadeOut(0);
                $("#TW").fadeOut(0);
                $("#Tag").fadeOut(0);
                $("#Archive").fadeOut(0);
                $("#Other").fadeOut(0);
            });
            $("#TWT").click(function(){
                $("#TW").fadeToggle(500);
                $("#Menu").fadeOut(0);
                $("#About").fadeOut(0);
                $("#Cat").fadeOut(0);
                $("#MainCol").fadeOut(0);
                $("#Tag").fadeOut(0);
                $("#Links").fadeOut(0);
                $("#Archive").fadeOut(0);
                $("#Other").fadeOut(0);
            });
            $("#MainT").click(function(){
                $("#MainCol").fadeToggle(500);
                $("#Menu").fadeOut(0);
                $("#About").fadeOut(0);
                $("#Cat").fadeOut(0);
                $("#TW").fadeOut(0);
                $("#Tag").fadeOut(0);
                $("#Links").fadeOut(0);
                $("#Archive").fadeOut(0);
                $("#Other").fadeOut(0);
            });
            $("#ArchiveT").click(function(){
                $("#Archive").fadeToggle(500);
                $("#Menu").fadeOut(0);
                $("#About").fadeOut(0);
                $("#Cat").fadeOut(0);
                $("#TW").fadeOut(0);
                $("#Tag").fadeOut(0);
                $("#Links").fadeOut(0);
                $("#MainCol").fadeOut(0);
                $("#Other").fadeOut(0);
            });
            $("#OtherT").click(function(){
                $("#Other").fadeToggle(500);
                $("#About").fadeOut(0);
                $("#Cat").fadeOut(0);
                $("#MainCol").fadeOut(0);
                $("#Menu").fadeOut(0);
                $("#TW").fadeOut(0);
                $("#Tag").fadeOut(0);
                $("#Links").fadeOut(0);
                $("#Archive").fadeOut(0);
            });
        });
</script>
</head>
<body>
<center>
<div id="Granny">
 
<div id="Display">
 
<div id="Header"></div>
<div id="SideCol">
    <div class="Title" id="MenuT">MENU</div>
    <div class="Title" id="AboutT">ABOUT</div>
    <div class="Title" id="CatT">CATS</div>
    <div class="Title" id="TagT">TAGS</div>
    <div class="Title" id="ArchiveT">PAST</div>
    <div class="Title" id="LinksT">LINKS</div>
    <div class="Title" id="MainT">POSTS</div>
    <div class="Title" id="OtherT">CODES</div>
    <div class="Title" id="TWT">TEMP</div>
</div>
<div id="HeaderCont"><-BlogTitle-></div>
<div id="HeaderInn"><-BlogDescription-></div>
    <div class="Box" id="Menu">
<li><a href="<-BlogUrl->">Home Page</a></br>
<li><a href="<-BlogUrl->/profile">MY Profile</a></br>
<li><a href="<-BlogUrl->/links">Daily Links</a></br>
<li><a href="<-BlogUrl->/posts">All Posts</a></br>
    </div>
 
    <div class="Box" id="About">
<-BlogAbout->
    </div>
 
    <div class="Box" id="Cat">
<BlogCategories>
<li><a href="<-CategoryLink->"><-CategoryName-></a>
</BlogCategories>
    </div>
 
    <div class="Box" id="Tag">
<BlogTags>
<li><a href="<-TagLink->"><-TagName-></a>
</BlogTags>
    </div>
 
    <div class="Box" id="Links">
<BlogLinks>
<li><a href="<-LinkUrl->"><-LinkTitle-></a>
</BlogLinks>
    </div>
 
    <div class="Box" id="Archive">
<BlogArchive>
<li><a href="<-ArchiveLink->" target="_blank" ><-ArchiveTitle-></a>
</BlogArchive>
    </div>
 
    <div class="Box" id="Other">
<-BlogCustomHtml->
    </div>
 
    <div class="Box" id="TW">
<li><a href="http://templateWorld.blogfa.com">Template World</a>
    </div>
        <!-- ==================== Main Column ==================== -->
<div id="MainCol">
<BLOGFA>
        <div class="OnePost">
            <div class="TopPost">
<-PostDate->
            </div>
<div class="TitleHeaderPost"><a href="<-PostLink->"><-PostTitle-></a></div>
            <div class="MidPost">
<div class="PostTextBody"><-PostContent-></div>
<BlogPostTagsBlock><br>Tag's: <BlogPostTags separator="∫" style=" color:#B5CDBF;"><a href="<-TagLink->"><-TagName-></a>
</BlogPostTags></BlogPostTagsBlock></br>
            </div>
            <div class="BotPost">
<BlogExtendedPost>
<a href="<-PostLink->">EDAME</a><font size="1" color="#B5CDBF"> ∫ </font>
</BlogExtendedPost>
<BlogComment>
<script language="javascript" type="text/javascript">GetBC("<-PostId->");</script><font size="1" color=#B5CDBF> ∫ </font>
</BlogComment>
<-PostAuthor->
            </div>
        </div>
    <div class="PostSep"></div>
</BLOGFA>
</div>
</div>
</center>
</body>
</html>