@font-face {
    font-family: Scheherazade;
    src: url(fonts/Scheherazade.ttf);
}
@font-face {
    font-family: Urdu;
    src: url(fonts/asunaskh.ttf);
}
@font-face {
    font-family: Nastaleeq;
    src: url(fonts/Nastaleeq.ttf);
}

.highlight { padding: 5px;
	color:#333333; }
	
.highlight:hover {
    background-color: rgb(255, 242, 168);
	text-decoration:none;
	color:#333333;
    cursor: pointer;
    padding: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.activehighlight {
    background-color: rgb(255, 242, 168);
	text-decoration:none;
	color:#333333;
    cursor: pointer;
    padding: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
sup {
    background-color: rgb(255, 242, 168);
	text-decoration:none;
	color:#333333;
	font-size:8px;
    cursor: pointer;
    padding: 2px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#name {
    font-family: Scheherazade, Arial, sans-serif;
    font-size: 50px;
    margin: 0;
    margin-top: 10px;
    color: #FFF;
	line-height:60px;
    text-shadow: 0px 2px 3px #555;
    direction: rtl;
}
.rtl {
    direction: rtl;
    font-family: Scheherazade, Arial, sans-serif;
    font-size: 40px;
}
.ltr {
    direction: ltr;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 15px;
}