Aelyon/#08 Hope GRID version (tumblr theme) - Original Colours Secret

## #08 Hope GRID version (tumblr theme) - Original Colours
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!--                     ***Theme by Aℯℓyℴn***

PLEASE RESPECT MY TERMS OF USE AND DO NOT STEAL, USE AS BASE OR REMOVE THE CREDIT
                             thank you!
credits:
- tooltip's style by:
http://manos.malihu.gr/style-my-tooltips-jquery-plugin

-->

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://dl.dropbox.com/u/33213779/jquery.masonry.min.js"></script>
<script src="https://raw.github.com/desandro/imagesloaded/master/jquery.imagesloaded.min.js"></script>

<script>
$(function(){
    var $container = $('#container');
    $container.imagesLoaded(function(){
    $('#container').masonry({
    // options
    itemSelector : '#post',
    gutterWidth: 0,
    isFitWidth: false,
  });
});

});

 </script>

{block:iffancyfonts}
<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Allura::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
 '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>
{/block:iffancyfonts}


<script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
<script>
$().ready(function() {
    $("[title]").style_my_tooltips({
        tip_follows_cursor: "on",
        tip_delay_time: 200
    });
});
</script>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="image:sidebar" content="http://static.tumblr.com/038740cd86aa750eca2873b6369d7588/fqrkqvs/XTsmic932/tumblr_static_200x200.png">
<meta name="image:background" content="">
<meta name="image:Index" content="http://static.tumblr.com/3e7b9da71e39804f89c00767a2f4594c/fqrkqvs/07Jmic9ej/tumblr_static_60x60.png">
<meta name="image:Ask" content="http://static.tumblr.com/3e7b9da71e39804f89c00767a2f4594c/fqrkqvs/07Jmic9ej/tumblr_static_60x60.png">
<meta name="image:Archive" content="http://static.tumblr.com/3e7b9da71e39804f89c00767a2f4594c/fqrkqvs/07Jmic9ej/tumblr_static_60x60.png">
<meta name="image:wrapper" content="">

<meta name="color:background" content="#c2ab96">
<meta name="color:blockquote" content="#916781">
<meta name="color:bold" content="#3f7b9b">
<meta name="color:inner" content="#e0d8c7">
<meta name="color:letters" content="#6f6f6f">
<meta name="color:links" content="#5b6157">
<meta name="color:links hover" content="#ad7e7e">
<meta name="color:my links" content="#4a807e">
<meta name="color:my links hover" content="#a994b9">
<meta name="color:my links bg" content="#dfb9ac">
<meta name="color:my links bg hover" content="#69778b">
<meta name="color:permabar hover" content="#c9b794">
<meta name="color:post bg" content="#dbcfb5">
<meta name="color:post titles" content="#6f6f6f">
<meta name="color:selection" content="#d1d1d1">
<meta name="color:selection bg" content="#9c5c82">
<meta name="color:sidebar" content="#cecebb">
<meta name="color:tags" content="#387275">
<meta name="color:wrapper" content="#f5f3f2">

<meta name="if:250px" content="">
<meta name="if:fancy fonts" content="">
<meta name="if:icon permalinks" content="">
<meta name="if:image fading" content="">
<meta name="if:reblog appear" content="">
<meta name="if:wrapper" content="">


<meta name="text:Subtitle" content="Aelyon's 8th theme">

<meta name="text:Index" content="You can">
<meta name="text:Ask" content="edit">
<meta name="text:Archive" content="their titles!">
<meta name="text:name 1" content="link 1">
<meta name="text:url 1" content="http://">
<meta name="text:name 2" content="link 2">
<meta name="text:url 2" content="http://">
<meta name="text:url 3" content="http://">
<meta name="text:name 3" content="link 3">
<meta name="text:url 3" content="http://">
<meta name="text:name 4" content="link 4">
<meta name="text:url 4" content="http://">
<meta name="text:name 5" content="link 5">
<meta name="text:url 5" content="http://">
<meta name="text:name 6" content="link 6">
<meta name="text:url 6" content="http://">

<style type="text/css">

{block:iffancyfonts}
@import url(http://fonts.googleapis.com/css?family=Allura);
{/block:iffancyfonts}

body

{font-family:times new romans;
font-size:12px;
background-color:{color:background};
color:{color:bold};
background-image:url('{image:background}');
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;}

a
{color:{color:links};
text-decoration:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
a:hover
{color:{color:links hover};}

strong
{color:{color:bold};}

em
{color:{color:blockquote};}


{block:ifimagefading}
img
{opacity:.7;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
img:hover
{opacity:1;}
{/block:ifimagefading}

::selection
{background:{color:selection bg};
color:{color:selection};}

::-moz-selection
{background:{color:selection bg};
color:{color:selection};}

::-webkit-selection
{background:{color:selection bg};
color:{color:selection};}

#s-m-t-tooltip{
position:absolute;
padding:1px 4px;
word-wrap:break-word;
text-transform:uppercase;
font-family:calibri;
font-size:9px;
border:2px solid {color:selection};
z-index:1500;
color:{color:selection};
background-color:{color:selection bg};}

blockquote
{color:{color:letters};
background-color:{color:inner};
margin:10px;
line-height:15px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
border-left:6px solid {color:blockquote};}

/*--Sidebar--*/

#sidebar
{position:fixed;
top:120px;}

#sidebar img
{position:fixed;
left:20px;
max-width:200px;
min-width:200px;
padding:10px;
border:5px solid {color:sidebar};
{block:ifimagefading}
opacity:.7;
{/block:ifimagefading}
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
#sidebar img:hover
{opacity:1;}

/*--Description--*/

#mystuff
{position:fixed;
margin-top:240px;
left:20px;
width:324px;
min-height:150px;
overflow:auto;
text-align:right;
border:5px solid {color:post bg};
background-color:{color:post bg};}

#blogtitle
{position:relative;
letter-spacing:1px;
text-align:right;
margin-left:80px;
right:7px;
{block:iffancyfonts}font-size:26px;
font-family: 'Allura', cursive;
{/block:iffancyfonts}
{block:ifnotfancyfonts}
font-size:22px;
{/block:ifnotfancyfonts}}

#subtitle
{float:right;
text-align:right;
margin:0px 10px 10px 0px;
font-size:10px;
letter-spacing:1px;}

#describe
{text-align:left;
font-size:11px;
margin-bottom:5px;
font-family:calibri;
word-wrap:break-word;}


/*--Posts--*/

#container
{position:absolute;
top:10px;
{block:ifnot250px}left:370px; width:780px;{/block:ifnot250px}
{block:if250px}left:365px; width:870px;{/block:if250px}}

#post
{position:relative;
border:8px solid {color:post bg};
margin:10px;
padding:2px 2px 2px 2px;
overflow:auto;
color:{color:letters};
background-color:{color:post bg};
{block:if250px}width:250px;{/block:if250px}
{block:ifnot250px}width:310px;{/block:ifnot250px}
z-index:300;}

#ptitle
{text-align:center;
color:{color:post titles};
{block:iffancyfonts}
font-size:26px;
font-family: 'Allura', cursive;
{/block:iffancyfonts}
{block:ifnotfancyfonts}font-size:18px;{/block:ifnotfancyfonts}}


/*--Wrapper--*/

{block:ifwrapper}
#wrapper
{position:fixed;
top:0px;
bottom:0px;
height:100%;
{block:if250px}width:882px;{/block:if250px}
{block:ifnot250px}width:720px;{/block:ifnot250px}
left:368px;
background-color:{color:wrapper};
background-image:url('{image:wrapper}');
opacity:.4;
-moz-box-shadow: 1px 0px 28px {color:wrapper};
-webkit-box-shadow: 1px 0px 58px {color:wrapper};
box-shadow: 1px 0px 58px {color:wrapper};
z-index:1;}
{/block:ifwrapper}

{block:ifimagefading}
#photoset
{opacity:.7;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}

#photoset:hover
{opacity:1;}
{/block:ifimagefading}


/*--Music--*/


#audio
{position:relative;
{block:ifnot250px}width:196px;
{/block:ifnot250px}
overflow:hidden;
margin-top:35px;
margin-left:105px;}

#album img
{position:relative;
margin-top:-55px;
margin-left:8px;
margin-bottom:10px;
padding:5px;
border:3px solid {color:permabar bg};
{block:ifimagefading}opacity:.7;
{/block:ifimagefading}
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}


/*--Message--*/

.message
{position:relative;
{block:if250px}width:135px;{/block:if250px}
{block:ifnot250px}width:189px;{/block:ifnot250px}
min-height:65px;
{block:if250px}margin-left:95px;{/block:if250px}
{block:ifnot250px}margin-left:100px;{/block:ifnot250px}
margin-top:5px;
padding:10px;
word-wrap:break-word;
background-color:{color:inner};}

.message:before
{content:"";
position:absolute;
right:100%;
top:18px;
width:0;
height:0;
border-top:10px dotted transparent;
border-right:26px solid {color:inner};
border-bottom:10px dotted transparent;}

#asker
{position:absolute;
{block:if250px}margin:4px;{/block:if250px}
{block:ifnot250px}margin:8px;{/block:ifnot250px}
padding:5px;
border:2px solid {color:permabar bg};}


{block:ifimagefading}
#album img:hover
{opacity:1;}
{/block:ifimagefading}

/*--Mainlinks--*/

#mainlinks
{position:fixed;
left:274px;
top:50px;
z-index:300;}

#index img
{position:relative;
border:4px solid {color:sidebar};
padding:5px;
max-width:60px;
min-width:60px;
max-height:60px;
min-height:60px;
{block:ifimagefading}opacity:.7;{/block:ifimagefading}
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
#index img:hover
{opacity:1;}

#ask img
{position:relative;
border:4px solid {color:sidebar};
margin-top:20px;
padding:5px;
max-width:60px;
min-width:60px;
max-height:60px;
min-height:60px;
{block:ifimagefading}opacity:.7;{/block:ifimagefading}
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
#ask img:hover
{opacity:1;}

#archive img
{position:relative;
border:4px solid {color:sidebar};
margin-top:20px;
padding:5px;
max-width:60px;
min-width:60px;
max-height:60px;
min-height:60px;
{block:ifimagefading}opacity:.7;{/block:ifimagefading}
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
#archive img:hover
{opacity:1;}

/*--Addlinks--*/


.mylinks
{float:left;
margin-top:32px;
margin-left:2px;
overflow:hidden;
letter-spacing:2px;
font-size:10px;
font-family:calibri;
text-align:center;
z-index:1000;
text-transform:uppercase;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}

#link1
{background-color:{color:my links bg};
color:{color:my links};
padding:1px 10px;
margin-right:20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#link2
{background-color:{color:my links bg};
color:{color:my links};
margin-top:4px;
padding:1px 10px;
margin-right:20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#link3
{margin-top:4px;
margin-right:20px;
padding:1px 10px;
background-color:{color:my links bg};
color:{color:my links};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#link4
{margin-top:4px;
margin-right:20px;
padding:1px 10px;
background-color:{color:my links bg};
color:{color:my links};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#link5
{margin-top:4px;
margin-right:20px;
padding:1px 10px;
background-color:{color:my links bg};
color:{color:my links};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#link6
{margin-top:4px;
margin-right:20px;
padding:1px 10px;
background-color:{color:my links bg};
color:{color:my links};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#link1:hover
{background-color:{color:my links bg hover};
color:{color:my links hover};}
#link2:hover
{background-color:{color:my links bg hover};
color:{color:my links hover};}
#link3:hover
{background-color:{color:my links bg hover};
color:{color:my links hover};}
#link4:hover
{background-color:{color:my links bg hover};
color:{color:my links hover};}
#link5:hover
{background-color:{color:my links bg hover};
color:{color:my links hover};}
#link6:hover
{background-color:{color:my links bg hover};
color:{color:my links hover};}

/*--Permalinks--*/

{block:ificonpermalinks}
#postlinky
{position:relative;
text-align:right;
height:10px;
font-size:14px;
margin-top:-5px;
margin-bottom:10px;
text-shadow: -1px -1px  black, -1px -1px #444;
{block:if250px}width:250px;{/block:if250px}
{block:ifnot250px}width:310px;{/block:ifnot250px}}
#postlinky a
{color:#9f9f9f;
opacity:.4;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#postlinky a:hover
{color:{color:blockquote};}
{/block:ificonpermalinks}


{block:ifnoticonpermalinks}
#permabar a
{text-align:left;
font-size:9px;
margin-left:6px;
text-transform:uppercase;
font-family:calibri;
letter-spacing:1px;
color:{color:links};
{/block:ifnoticonpermalinks}
#permabar a:hover
{color:{color:permabar hover};}
#permabar
{position:relative;
padding-top:10px;
bottom:2px;
{block:if250px}width:245px;{/block:if250px}
{block:ifnot250px}width:290px;{/block:ifnot250px}
z-index:300;}

#tags a
{float:left;
margin-left:-2px;
bottom:2px;
margin-top:6px;
font-size:9px;
font-family:calibri;
letter-spacing:1px;
text-transform:uppercase;
color:{color:tags};
background:none;}

/*--Pagination--*/

#pagination
{position:fixed;
left:30px;
bottom:15px;
padding:5px 10px;
background-color:{color:post bg};}
#pagination a
{font-family:calibri;
letter-spacing:1px;
font-size:10px;}

/*--Permalink Notes--*/

li.note
{padding:3px 3px;
text-align:left;
letter-spacing: 0.5px;
font-size:10px;
text-transform:uppercase;
{block:if250px}width:200px;{/block:if250px}
{block:ifnot250px}width:260px;{/block:ifnot250px}
text-transform:lowercase;
color:{color:letters};}
li.note a
{color:{color:tags};}

.notes img
{width:20px;
margin-left:10px;
position:relative;
top: 1px;
opacity: 0.8;
background:none;}

/*--Do not remove the credit--*/


#credit a
{position:fixed;
bottom:10px;
font-size:16px;
font-family:calibri;
color:{color:sidebar};
text-shadow: -1px -1px  black, -1px -1px {color:tags};
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#credit a:hover
{color:{color:tags};
text-shadow: -1px -1px  black, -1px -1px #444;}


iframe#tumblr_controls{position:fixed !important;}


{CustomCSS}


</style>


</head>


<body>

<div id="pagefit" width="100%">

{block:ifwrapper}<div id="wrapper"></div>{/block:ifwrapper}

<div id="sidebar"><img src="{image:sidebar}"/>

<div id="mystuff">

<div class="mylinks">
{block:ifurl1}
<a href="{text:url 1}" title="{text:name 1}"><div id="link1">{text:name 1}</div>  </a>
{/block:ifurl1}
{block:ifurl2}
<a href="{text:url 2}" title="{text:name 2}"><div id="link2">{text:name 2}</div> </a>
{/block:ifurl2}
{block:ifurl3}
<a href="{text:url 3}" title="{text:name 3}"><div id="link3">{text:name 3}</div></a>
{/block:ifurl3}
{block:ifurl4}
<a href="{text:url 4}" title="{text:name 4}"><div id="link4">{text:name 4}</div></a>
{/block:ifurl4}
{block:ifurl5}
<a href="{text:url 5}" title="{text:name 5}"><div id="link5">{text:name 5}</div></a>
{/block:ifurl5}
{block:ifurl6}
<a href="{text:url 6}" title="{text:name 6}"><div id="link6">{text:name 6}</div></a>
{/block:ifurl6}
</div>

<div id="describe">
<div id="blogtitle">{Title}</div>
<div id="subtitle"><em>{text:Subtitle}</em><br></div>

{Description}
</div>


</div>
</div>


<div id="mainlinks">
<div id="index"><a href="/" title="{text:index}"><img src="{image:Index}"/></a></div>
<div id="ask"><a href="/ask" title="{text:ask}"><img src="{image:Ask}"/></a></div>
<div id="archive" title="{text:archive}"><a href="/archive"><img src="{image:Archive}"/></a>
</div>
</div>

<div id="container">


{block:Posts}


<div id="post">

{block:IndexPage}
{block:ificonpermalinks}
{block:Date}

<div id="postlinky"> <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{24HourWithZero}:{Minutes}:{Seconds} on {MonthNumber} {Month} {Year}">☕ </a>
{/block:Date}

 <a href="{Permalink}" title="{NoteCountWithLabel}"> ☁ </a>

{block:ContentSource}
 <a href="{SourceURL}" title="source: {SourceTitle}"> ϟ </a>
{/block:ContentSource}

{block:ifreblogappear}
<a href="{ReblogURL}" target="_blank" class="details" title="reblog"> ↻ </a>
{/block:ifreblogappear}

</div>
{/block:ificonpermalinks}
{/block:IndexPage}


<!--Text-->

{block:Text}
<div id="ptitle">{Title}</div>
{Body}
{/block:Text}

<!--Photo-->

{block:Photo}
{LinkOpenTag}
{block:if250px}
<img src="{PhotoURL-250}"/>
{/block:if250px}
{block:ifnot250px}
<img src="{PhotoURL-400}" width="310px" />
{/block:ifnot250px}
{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}


{block:Photoset}
<div id="photoset">
<center>
{Photoset-250}
</center>
</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

<!--Quote-->

{block:Quote}
<div style="{block:iffancyfonts}font-family: 'Allura', cursive; font-size:22px;{/block:iffancyfonts}{block:ifnotfancyfonts}font-size:18px;{/block:ifnotfancyfonts} color:{color:post titles}; margin-bottom:10px;">
{block:ifnotfancyfonts}<em>{/block:ifnotfancyfonts}" {Quote} "{block:ifnotfancyfonts}</em>{/block:ifnotfancyfonts}</div><center>
{block:Source}- stated by<big> {Source}</big></center>{/block:Source}
{/block:Quote}

<!--Link-->

{block:Link}
<div style="text-align:center; font-size:18px; {block:iffancyfonts}font-family: 'Allura', cursive; font-size:26px;{/block:iffancyfonts}">
<a href="{URL}"target="{Target}">{Name}</a></strong></div>
{block:Description}{Description}{/block:Description}
{/block:Link}

<!--Chat-->

{block:Chat}
{block:Title}<div style="{block:iffancyfonts}font-family: 'Allura', cursive; text-align:center; font-size:24px; {/block:iffancyfonts}
{block:ifnotfancyfonts}font-size:18px;{/block:ifnotfancyfonts} text-align:center; margin-bottom:10px; color:{color:post titles};">{Title}</div>{/block:Title}
{block:Lines}<div style="border-bottom:3px solid {color:permabar bg}; padding:2px 1px;">
{block:Label}<strong>{Label}</strong>{/block:Label}
{Line}<br></div>
{/block:Lines}
{/block:Chat}

<!--Audio-->

{block:Audio}
<div id="audio">{AudioPlayerGrey}</div>

{/block:AudioPlayer}
{block:AlbumArt}

<div id="album"><img  src="{AlbumArtURL}"  height="70"/></div>

{/block:AlbumArt}

{block:Artist}<p><strong>Artist:</strong> {Artist}</p>{/block:Artist}
{block:Album}<p><strong>Album:</strong> {Album}</p>{/block:Album}
{block:TrackName}<p><strong>Song:</strong> {TrackName}</p>
{/block:TrackName}
{block:Caption}{Caption}{/block:Caption}

{/block:Audio}

<!--Video-->

{block:Video}
<center>
{Video-250}
</center>
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

<!--Answer-->

{block:Answer}
<div id="asker"><a href="{Askerurl}"><img src="{AskerPortraitURL-48}"/></a></div>
<div class="message">❝ {Question} ❞ </div>
<div style="padding-left:2px; text-decoration:capitalize;">{Answer}</div>
{/block:Answer}


<div id="permabar">

{block:IndexPage}
{block:ifnoticonpermalinks}
{block:Date}
<a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {24Hour}:{Minutes} {DayOfMonth}/{MonthNumber}/{Year}</time> </a>
{/block:Date}

 <a href="{Permalink}"> No {NoteCountWithLabel} </a>

{block:ContentSource}
 <a href="{SourceURL}"> <strong> {SourceTitle}</strong></a>
{/block:ContentSource}

{block:ifreblogappear}
<a href="{ReblogURL}" target="_blank" class="details"> Reblog </a>
{/block:ifreblogappear}
{/block:ifnoticonpermalinks}
{/block:IndexPage}

<div id="tags">
{block:Tags}
<a href="{TagUrl}" > #{Tag} </a>
{/block:Tags}
</div>
</div>

<br>

 <div id="note">
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>

</div>

{/block:Posts}

</div>

<div id="credit"><a href="http://aelyon.tumblr.com/" title="theme by Aelyon">இ </a></div>

{block:Pagination}
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}" title="Previous Page"><</a>
{/block:PreviousPage}
 {CurrentPage} from {TotalPages}
{block:NextPage}
<a href="{NextPage}" title="Next Page"><big>></big></a>
{/block:NextPage}</div>
{/block:Pagination}

</div>

</body>

</html>