Arabicode-3

<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<META name="color:text" content="#454040" />
<META name="color:hover" content="#e5e7e9" />
<META name="color:Link" content="#3d7faa" />
<META name="color:postbackground" content="">
<META name="image:Background" content=""/>
</head>

<body>
<style type="text/css">
.body {
background-color: {color:Background};
background-image: url('{image:Background}');
background-position: bottom left;
background-repeat: no-repeat;
background-attachment: fixed;
height: 100%;
width: 100%;
}

.a:link, .a:visited, .a:active {
color: {color:Link};
text-decoration: none;
font-weight: normal;
padding-bottom: 2px;
}

.a:hover {
color: {color:hover};
text-decoration: none;
font-weight: normal;
}

.
a.title, a.title:visited, a.title:link {
margin-bottom: 5px;
font-family: 'Rouge Script', cursive;
font-weight: normal;
font-style: none;
font-size: {text:title size};
letter-spacing: -1px;
color: {color:Link};
position:fixed;
padding: 33px;
}

a.title:hover {
transparent !important;
text-decoration: none;
color: {color:Link};
}


#container {
width: 900px;
margin: auto;
margin-top: 90px;
margin-bottom: 70px;
}


#entry {
width: 550px;
margin-top: 130px;
margin-left: 340px;
}

.post {
margin: auto;
margin-top: 30px;
width: 500px;
padding: 0px;
margin-bottom: 0px;
background-color: {color:postbackground};
font-family: tahoma;
font-size: 10px;
line-height: 15px;
color: {color:text};
}
.photo img { max-width: 500px;border:0px; }
.caption {
font-family: tahoma;
font-size: 11px;
line-height: 15px;
color: {color:text};
}
.post link a, .post link a:link, .post link a:visited, .post link a:active {
font-family: Times;
font-size: 15px;
line-height: 18px;
color: {color:text};
letter-spacing: 0px;
margin-bottom: 5px;
font-weight: normal;
text-transform: uppercase;
}
.quote {
padding-top: 5px;
color: {color:text};
}
.blockquote {
display: block;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
border-left: 1px solid;
border-color: {color:Border};
font-family: arial;
font-size: 11px;
line-height: 16px;
color: {color:text};
font-weight: normal;
font-style: none;
padding: 0px;
padding-left: 7px;
}
.source {
font-family:
font-size: 9px;
line-height: 15px;
color: {color:text};
}
.span {
font-weight: bold;
}

.ul {
list-style-type: square;
}

.chat:ul {
list-style-type: none;
width: 500px;
display: block;
margin: auto;
padding: 0px;
}

.odd {
padding: 3px;
color: {color:text};
background-color: {color:Background};
}

.even {
padding: 3px;
background-color: {color:Background};
}

.albumart:img {
float: left;
margin-right: 20px;
width: 100px;
height: 100px;
}

.albumart {
padding-bottom: 50px;
}


.post:answer {
background-color: {color:Background};
width: 500px;
}

.question {
background-color: {color:SideBackground};
width: 500px;
height: auto;
margin: auto;
font-family:tahoma;
font-size: 16px;
line-height: 20px;
color: {color:Link};
font-weight: 500;
letter-spacing: 0px;
}

.asker {
display: inline;
font-family: Arial;
font-size: 16px;
line-height: 20px;
color: {color:SideBackground};
font-weight: 500;
letter-spacing: 0px;
text-transform: lowercase;
}

#asker .a:hover {
color: {color:SideBackground};
 text-decoration: underline overline;
}
.

</style>
</head>

<body>

<div id="entry">
{block:Posts}
{block:Text}

<div class="post text">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}

{Body}

</div>
{/block:Text}

{block:Photo}

<div class="post photo">

<a href="{PhotoURL-HighRes}" target=_blank><p class="centeredImage"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></p></a>


{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}

</div>
{/block:Photo}


{block:Photoset}

<div class="post photoset">
{Photoset-500}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Photoset}


{block:Quote}

<div class="post quote">
<div style="font-size: 22px; line-height: 20px; font-family: georgia; font-weight: 500; letter-spacing: 0px;">"{Quote}"</div>

{block:Source}
<div class="source">&mdash;{Source}</div>
{/block:Source}

</div></div>
{/block:Quote}


{block:Link}

<div class="post link">
<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>

{block:Description}
<div class="description">{Description}</div>
{/block:Description}

</div>
{/block:Link}


{block:Chat}

<div class="post chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}

<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}
</li>
{/block:Lines}
</ul>
</div>

</div>
{/block:Chat}


{block:Video}

<div class="post video">
<center>{Video-500}</center>

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}

</div>
{/block:Video}


{block:Audio}

<div class="post audio">
{block:AlbumArt}
<div class="albumart"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
{AudioPlayerBlack}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{
</div>
{/block:Audio}

{block:Answer}<div class="post answer">
<div class="ask-question">
<p>
<div id="question"><div id="asker">{Asker}</div> asked, {Question}</div>
</p>

{Answer}

</div>
</div>{/block:Answer}

{/block:Posts}

</div>

</body>
</html>