Reading to escape (Arabic)

<!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">

<!--
Page >> Reading to escape
By >> Ruba [http://ru2.tumblr.com/]
                >> Free to use, to share and alter
                >> Please give credit.
-->
<head>
<title>Reading to escape </title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<style type="text/css">
::-webkit-scrollbar-thumb:vertical {background-color:#e5e5e5;height:40px;}
::-webkit-scrollbar {height:0px;width:7px;background-color:#000;}
body {font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
font-size:10px;
background-image:url('http://media.tumblr.com/tumblr_m2lvbiLPWC1qan8h1.png');
color:#aaa;}
a{text-decoration:none; color:#ff7591;}
#novu {position:fixed; top:0px; left:0px; text-align:center; font-weight:700;}
#foq{font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
font-size:17px;
float:left;
padding-top:20px; padding-bottom:20px;
background-color:#3b3d4e;
border-right:5px solid;
width:950px; Height:52px;
text-align:left;
padding-left:17px;
color:#e4949e;}
.zrr {float:left; padding-top:27px; padding-bottom:26px;
font-size:10px;
text-transform:uppercase;
font-family:consolas;
width:120px; Height:39px;
border-right:5px solid;
-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
#back {background-color:#96d9e0;
color:#4f4980;}
#back:hover {opacity:0.5;
color:#fffff;}
#ask {background-color:#ffe6d3;
color:#3d5a66;}
#ask:hover {opacity:0.5;
color:#6fada0;}
#content {margin-top:85px; margin-left:85px; overflow:auto;}

.books {width:980px; Height:350px; margin-bottom:50px;}
.book1 {margin-right:40px;
text-align: right;
width:240px; float:left; overflow:hidden;}
.book2 {margin-right:40px; width:240px; float:left; overflow:hidden;}
.text1 {float:left; margin-top:10px; margin-left:2px; margin-right:0px; width:230px; height:320px; -moz-border radius: 35px 0px 0px 35px; border-radius:35px 0px 0px 35px;
text-align: right; border-right:5px solid #ff7871;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
background-color:#fffaed;
color:#6a586b;
font-size:12px;
padding:10px; overflow:auto;}
.text2 {float:left; margin-top:10px; margin-left:2px; margin-right:0px; width:230px; height:320px; -moz-border radius: 0px 35px 35px 0px; border-radius: 0px 35px 35px 0px;
text-align: right;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
background-color:#fffaed;
color:#6a586b;
font-size:12px;
padding:10px; overflow:auto;}
.info {text-align:right;
background-color:#fff8cc;
color:#d17087;
font-size:12px;}
.cover {float:left;}
.portrait {width:111px; margin-right:40px; Height:200px; margin:27px; margin-top:77px; border:4px solid #fff;}
</style> </head> <body>
<div id="novu"> <div id="foq">###عنوان###</div>
<a href="/"><div class="zrr" id="back">العودة؟</div></a> <a href="/ask"><div class="zrr" id="ask">سؤال؟</div></a>  </div></div><p/> <div id="content">


<!------------------------------- بداية \ النسخ لإضافة كتاب جديد -------------------------------!>
<div class="books"><div class="cover">
<img class="portrait" src="PHOTO URL FOR THE BOOK COVER HERE"/><br/></div>
<td class="book1">
<div class="text1">
<span class="info">كتاب :</span> <a href="رابط الكتاب(GOODREADS?)">عنوان الكتاب</a> | عناوين اخرى2
<br><br>
<span class="info">للمؤلف:</span> الكاتب | المترجم  | دار النشر
<br><br>
<span class="info">تعريف:  </span> نبذة عن الكتاب
</div>
<td class="book2">
<div class="text2">
<span class="info">التقييم: </span> ★★★☆☆
<br/><br/><span class="info">المراجعة: </span> مراجعتك واقتباساتك
<br>
</td>
</tr></div></div>
<!------------------------------- نهاية\ النسخ لاضافة كتاب جديد -------------------------------!>


</table> </div> </body> </html>