<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:#000;}
#Granny {width:950px;}
::-webkit-scrollbar {width:7px;}
::-webkit-scrollbar-track {background:#fff; border-left:2px dotted #F6DBC6;}
::-webkit-scrollbar-thumb {background-image:-webkit-linear-gradient(top,#F6DBC6,#C3B3E4,#C2E1E6,#D49897); border-left:2px dotted #F6DBC6;}
::-moz-scrollbar {width:7px;}
::-moz-scrollbar-track {background:#fff; border:2px dotted #998E96;}
::-moz-scrollbar-thumb {background-image:-moz-linear-gradient(top,#F6DBC6,#C3B3E4,#C2E1E6,#D49897); border-left:2px dotted #F6DBC6;}
li {color:#F6DBC6;}
a {text-decoration:none; color:#998E96;}
a:hover {text-shadow:1px 2px 3px #F6DBC6; color:#F6DBC6;}
#Header {background:#fff url("http://upcity.ir/images2/72579555589298094104.jpg") no-repeat bottom; height:640px; float:right; margin-top:10px; width:400px; box-shadow:0px 0px 5px 2px #888; direction:rtl; margin-bottom:5px;}
#HeaderCont {color:#998E96; direction:rtl; padding:5px; font-size:20px;}
#HeaderInn {color:#666; direction:rtl; font-size:14px;}
.OnePost {direction:rtl;}
.OnePost img {max-width:380px;}
.TopPost {color:#998E96; font-size:12px; text-align:left; direction:rtl; padding:5px; border-bottom:2px dotted #F6DBC6;}
.MidPost {padding:5px;}
.BotPost {padding:5px; text-align:left; font-size:12px;}
.TitleHeaderPost {font-size:15px; text-align:right; padding:5px; border-bottom:2px dotted #F6DBC6;}
.PostTextBody {direction:rtl; padding:5px; font-size:13px; color:#000; text-align:right; line-height: 150%; }
.PostSep {background-image:-webkit-linear-gradient(left,#F6DBC6,#C3B3E4,#C2E1E6,#D49897); background-image:-moz-linear-gradient(left,#F6DBC6,#C3B3E4,#C2E1E6,#D49897); background-image:-o-linear-gradient(left,#F6DBC6,#C3B3E4,#C2E1E6,#D49897); height:5px; border-top:2px dotted #fff; border-bottom:2px dotted #fff;}
#SideCol {width:100px; float:left; margin:10px; height:640px; box-shadow:0px 0px 5px 2px #998E96; background-image:-webkit-linear-gradient(bottom,#F6DBC6,#C3B3E4,#C2E1E6,#D49897,#fff,#fff,#fff,#fff,#fff,#fff); background-image:-moz-linear-gradient(bottom,#F6DBC6,#C3B3E4,#C2E1E6,#D49897,#fff,#fff,#fff,#fff,#fff,#fff); background-image:-o-linear-gradient(bottom,#F6DBC6,#C3B3E4,#C2E1E6,#D49897,#fff,#fff,#fff,#fff,#fff,#fff);}
#MainCol {overflow-y:scroll; width:400px; float:left; margin:10px; height:640px; box-shadow:0px 0px 5px 2px #998E96;}
.Box {width:380px; float:left; margin:10px; height:620px; box-shadow:0px 0px 5px 2px #998E96; padding:10px; display:none; text-align:right; direction:rtl;}
.Title {color:#998E96; height:px; padding:10px 0px; font-size:14px;}
.Title:hover {color:#fff; background-image:-webkit-linear-gradient(left,#F6DBC6,#C3B3E4,#C2E1E6,#D49897); background-image:-moz-linear-gradient(left,#F6DBC6,#C3B3E4,#C2E1E6,#D49897); background-image:-o-linear-gradient(left,#F6DBC6,#C3B3E4,#C2E1E6,#D49897); border:2px dotted #fff;}
</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="Header">
<div id="HeaderCont"><-BlogTitle-></div>
<div id="HeaderInn"><-BlogDescription-></div>
</div>
<div id="Display">
<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>
</div>
<!-- ==================== Main Column ==================== -->
<div id="MainCol">
<BLOGFA>
<div class="OnePost">
<div class="TopPost">
<-PostTime-> , <-PostDate-> , <-PostAuthor->
</div>
<div class="TitleHeaderPost"><a href="<-PostLink->"><-PostTitle-></a></div>
<div class="MidPost">
<div class="PostTextBody"><-PostContent-></div>
<BlogPostTagsBlock><br>Tag's: <BlogPostTags separator=","><a href="<-TagLink->"><-TagName-></a>
</BlogPostTags></BlogPostTagsBlock></br>
</div>
<div class="BotPost">
<BlogExtendedPost>
<a href="<-PostLink->">EDAME</a> ,
</BlogExtendedPost>
<BlogComment>
<script language="javascript" type="text/javascript">GetBC("<-PostId->");</script>
</BlogComment>
</div>
</div>
<div class="PostSep"></div>
</BLOGFA>
</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>
</center>
</body>
</html>