<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; font-size:12px; color:#000;}
#Granny {width:820px;}
::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-track {background:#000;}
::-webkit-scrollbar-thumb {background:#E2027E;}
a {text-decoration:none; }
.BotPost a {color:#fff; text-shadow:1px 2px 3px #444;}
.MidPost a {color:#4685C9;}
.MidPost a:hover {color:#92C11D;}
#Header {}
#SideRCol {border-bottom:5px solid #E40429; background:#fff url("http://s3.picofile.com/file/7830400214/225.jpg") center top no-repeat; height:700px; float:right; width:340px;}
#HeaderCont {text-shadow:1px 2px 3px #666; direction:rtl; color:#000; font-size:18px; padding:10px;}
#HeaderInn {text-shadow:1px 2px 3px #000; direction:rtl; color:#fff; font-size:15px;}
#MainCol {float:left; border-top:5px solid #E2027E; border-bottom:5px solid #000; width:48.5%; height:695px; overflow-y:scroll;}
#SideCol {overflow:hidden; background:#000; height:700px; width:10%; border-bottom:5px solid #000; margin-bottom:60px; text-align:center; font-size:13px; float:left; color:#000;}
.Link a {color:#fff; text-shadow:1px 2px 3px #000;}
.Link {color:#fff; text-shadow:1px 2px 3px #000; padding:7px;}
.OnePost {padding:5px; direction:rtl;}
.PostSep {height:2px; border-bottom:2px solid #4685C9; border-top:2px solid #014A99; width:98%;}
.OnePost img {max-width:370px;}
.TitleHeaderPost {padding:2px; font-size:15px; text-align:right;}
.TitleHeaderPost a {color:#E6007E; text-shadow:1px 2px 3px red;}
.TopPost {color:#bbb; padding:2px; font-size:11px; text-align:left; direction: rtl;}
.PostTextBody {direction: rtl; padding:5px; font-size:12px; color:#000; text-align:right; line-height: 150%; }
.BotPost {text-align:center; direction: rtl; font-size:11px;}
.Box {background:#fff; padding:2px; display:none;}
.Box a {color:#fff;}
.Box a:hover {color:#999;}
.Box img {max-width:75px; margin-bottom:2px; border-radius:0.5em;}
</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="COMMENT's";
if (intCount == 0) strResult="COMMENT's";
if (intCount == 1) strResult="COMMENT's";
if (intCount > 1) strResult=intCount + "COMMENT's";
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(){
$("#Links").click(function(){
$("#Box2").slideToggle(1000);
});
$("#About").click(function(){
$("#Box1").slideToggle(1000);
});
});
</script>
</head>
<body>
<center>
<div id="Granny">
<div id="SideCol">
<div class="Link" id="About" style="background:#E2027E;">ABOUT</a></div>
<div id="Box1" class="Box" style="background:#E2027E;">
<img src="<-BlogPhotoLink->"></br>
<-BlogAbout->
</div>
<div class="Link" style="background:#E40429;"><a href="<-BlogUrl->">HOME</a></div>
<div class="Link" style="background:orange;"><a href="mailto:<-BlogEmail->">EMAIL</a></div>
<div class="Link" style="background:yellow;"><a href="<-BlogUrl->/profile">ME</a></div>
<div class="Link" style="background:#92C11D;"><a href="<-BlogUrl->/Archive"> ARCHIVE</a></div>
<div class="Link" style="background:#4685C9;"><a href="<-BlogUrl->/posts">POSTS</a></div>
<div id="Links" class="Link" style="background:#014A99;">LINKS</div>
<div id="Box2" class="Box" style="background:#014A99;">
<a href="<-BlogUrl->/links">-DAILY-</a><br>
<BlogLinks>
<a href="<-LinkUrl->" target="_blank" ><-LinkTitle-></a><br>
</BlogLinks>
</div>
<div class="Link" style="background:#000;"><a href="http://templateworld.blogfa.com">DESIGN</a></div>
</div>
<!-- ==================== Main Column ==================== -->
<div id="MainCol">
<BLOGFA>
<div class="OnePost">
<div class="TitleHeaderPost"><a href="<-PostLink->"><-PostTitle-></a></div>
<div class="TopPost">
<-PostTime-> :: <-PostDate-> :: <-PostAuthor->
</div>
<div class="MidPost">
<div class="PostTextBody"><-PostContent-></div>
<BlogPostTagsBlock>
TAG's: <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags></br></br>
</BlogPostTagsBlock>
</div>
<div class="BotPost">
<BlogExtendedPost><div style="background:#E2027E; width:70px; margin:2px; padding:7px 3px;"><a href="<-PostLink->">CONTINUE</a></div></BlogExtendedPost>
<BlogComment>
<div style="background:#000; width:70px; margin:2px; padding:7px 3px;"><script language="javascript" type="text/javascript">GetBC("<-PostId->");</script></div>
</BlogComment>
</div>
</div>
<div class="PostSep"></div>
</BLOGFA>
<-BlogCustomHtml->
</div>
<!-- ==================== SideRCol ==================== -->
<div id="SideRCol">
<div id="HeaderCont"><-BlogTitle-></div>
<div id="HeaderInn"><-BlogDescription-></div>
</div>
</div>
</center>
</body>
</html>