<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 {font-family:maiandra gd; background:#fff url("") no-repeat fixed top right; font-size: 12px; color: #333;}
#Granny {width:510px; }
a {text-decoration:none; color:#C1929F;}
a:hover {color:#999;}
#HeaderCont {color:#C1929F; direction: rtl; text-align:center; margin:10px; font-size:16px; font-weight:bold;}
#HeaderInn {color:#000; direction: rtl; text-align:center; margin:10px; font-size:14px; }
#HeaderimgCont {margin:0px;}
#MainCol {float:center; border:5px solid #E5F4FB;}
#Top {background:#E5F4FB; color:#B27284; float:center; padding:5px 0px 5px 0px; margin:3px 0px 15px 0px; box-shadow:1px 1px 10px 1px #ccc;}
#Top a {color:#222; font-size:14px;}
#Top a:hover {color:#B27284;}
.OnePost {direction: rtl; }
.OnePost img {max-width:480px; opacity:0.5; -webkit-transition:1s; -moz-transition:1s; -o-transition:1s; }
.OnePost img:hover {opacity:1; -webkit-transition:1s; -moz-transition:1s; -o-transition:1s;}
.TopPost {padding:3px;}
.MidPost {padding:5px; }
.BotPost {background:#F7E8EC; margin-top:5px; font-size:11px; direction: rtl; padding:5px; box-shadow:1px 1px 5px 1px #bbb;}
.TitleHeaderPost {color:#B27284; direction: rtl; text-align:center; font-size:14px; font-weight:bold;}
.PostTextBody {direction: rtl; padding:5px; font-size:12px; color:#000; text-align:justify; line-height: 150%; }
.PermFooterPost {color:#777;}
.PermFooterPost a {color:#777;}
.PermFooterPost a:hover {color:#B27284;}
.PostSep {height:10px; }
#SideLCol {width:200px; float:right; font-size:12px; margin-bottom:20px; position:fixed;}
#AboutBox {display:none; direction: rtl; padding:5px; border:2px solid #ddd;}
#DesignBox {display:none; direction: rtl; padding:5px; border:2px solid #ddd;}
#CatsBox {display:none; direction: rtl; padding:5px; border:2px solid #ddd;}
#LinksBox {display:none; direction: rtl; padding:5px; border:2px solid #ddd;}
#ArchiveBox {display:none; direction: rtl; padding:5px; border:2px solid #ddd;}
#AuthorsBox {display:none; direction: rtl; padding:5px; border:2px solid #ddd;}
#OtherBox {display:none; direction: rtl; padding:5px; border:2px solid #ddd;}
.Box img {max-width:155px; margin-bottom:2px;}
#SideLCol a {color:#777;}
#SideLCol a:hover {color:#000;}
#SideLCol .Sep {height:10px;}
#AboutTitle {font-size:14px; background:#B27284; color:#000; padding:3px; box-shadow:1px 1px 5px 1px #bbb;}
#DesignTitle {font-size:14px; background:#C68D9D; color:#000; padding:3px; box-shadow:1px 1px 5px 1px #bbb;}
#CatsTitle {font-size:14px; background:#D39EAD; color:#000; padding:3px; box-shadow:1px 1px 5px 1px #bbb;}
#AuthorsTitle {font-size:14px; background:#D8AFBA; color:#000; padding:3px; box-shadow:1px 1px 5px 1px #bbb;}
#ArchiveTitle {font-size:14px; background:#E8C3CD; color:#000; padding:3px; box-shadow:1px 1px 5px 1px #bbb;}
#LinksTitle {font-size:14px; background:#F2D7DE; color:#000; padding:3px; box-shadow:1px 1px 5px 1px #bbb;}
#OtherTitle {font-size:14px; background:#F7E8EC; color:#000; padding:3px; box-shadow:1px 1px 5px 1px #bbb;}
</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);
});
$("#AuthorsTitle").click(function(){
$("#AuthorsBox").slideToggle(800);
});
$("#ArchiveTitle").click(function(){
$("#ArchiveBox").slideToggle(800);
});
$("#LinksTitle").click(function(){
$("#LinksBox").slideToggle(800);
});
$("#OtherTitle").click(function(){
$("#OtherBox").slideToggle(800);
});
});
</script>
</head>
<body>
<center>
<!-- =================== Side L Column =================== -->
<div id="SideLCol">
<div id="AboutTitle">About</div>
<div id="AboutBox">
<BlogPhoto><img src="<-BlogPhotoLink->"></br>
<-BlogAbout->
</div><div class="Sep"></div>
<div id="DesignTitle">Design</div>
<div id="DesignBox">
<a href="http://templateworld.blogfa.com/">|TW|</a>
</div><div class="Sep"></div>
<div id="CatsTitle">Categories</div>
<div id="CatsBox">
<BlogCategories>
<a href="<-CategoryLink->" ><-CategoryName-></a><br>
</BlogCategories>
</div><div class="Sep"></div>
<div id="AuthorsTitle">Authors</div>
<div id="AuthorsBox">
<BlogAuthors>
<a href="<-AuthorLink->" ><-AuthorName-></a><br>
</BlogAuthors>
</div><div class="Sep"></div>
<div id="ArchiveTitle">Archive</div>
<div id="ArchiveBox">
<BlogArchive>
<a href="<-ArchiveLink->" target="_blank" ><-ArchiveTitle-></a><br>
</BlogArchive>
</div><div class="Sep"></div>
<div id="LinksTitle">Links</div>
<div id="LinksBox">
<BlogLinks>
<a href="<-LinkUrl->" target="_blank" ><-LinkTitle-></a><br>
</BlogLinks>
</div><div class="Sep"></div>
<div id="OtherTitle">Other</div>
<div id="OtherBox">
<center><-BlogCustomHtml->
</div>
</div>
<div id="Granny">
<div id="HeaderCont"><-BlogTitle-></div>
<div id="HeaderInn"><-BlogDescription-></div>
<!-- ==================== Main Column ==================== -->
<div id="MainCol">
<div id="HeaderImgCont"><img src="http://s2.picofile.com/file/7685257204/116.jpg"></div>
<div id="Top">
[<a href="<-BlogUrl->">Home</a>]
[<a href="mailto:<-BlogEmail->">Email</a>]
[<a href="<-BlogUrl->/profile">Profile</a>]
[<a href="<-BlogUrl->/links">Daily</a>]
[<a href="http://templateworld.blogfa.com/">Design</a>]
</div>
<BLOGFA>
<div class="OnePost">
<a name="<-PostId->"></a>
<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">
<div class="PermFooterPost">
[<-PostDate->]
<BlogComment>
[<script language="javascript" type="text/javascript">GetBC("<-PostId->");</script>]
</BlogComment>[<-PostAuthor->]
</div>
</div>
</div>
<div class="PostSep"></div>
</BLOGFA>
</div>
</div>
</center>
</body>
</html>