body
{
background-color: white;
padding: 0px; margin: 20px; /* dimensioner */
/* presentation */
color: black;
font-family: tahoma, sans-serif;
font-size: 90%;
line-height: 130%;
text-align: left;
width: 600px;
margin: 50px;
}

a:link {
border-bottom: solid 1px black; text-decoration:none;
color: #000;
}

a:visited {
border-bottom: solid 1px black; text-decoration:none;
color: #000;
}

a:hover {
text-decoration:none;
border: none;
color:#888;
}

a:hover u{
border-bottom: solid 1px #888 !important;
}

a img{
border: none;
}

a.no-underline{
border: none !important;
}

dl{
padding: 1em;
}

li a{
border: none;
}

dt {
font-weight: bold;
}

dt a{
border:none !important;
}

fieldset{
margin: 1em auto;
border: solid 1px #c8c8c8;
padding: 0.5em;
}

fieldset table{
margin: 0 auto;
border-collapse: collapse; 
}

h1 u, h2 u, h3 u{
border-bottom: solid 1px #b00000 !important; text-decoration:none;
}

h1, h2, h3{
line-height: 120%;
}

h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 200%;
font-weight: bold;
color: #b00000;
}

h2{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 165%;
font-weight: bold;
color: #b00000;
}

h3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 150%;
font-weight: bold;
color: #b00000;
}

hr{
color: #c8c8c8; background-color: #c8c8c8;
width:100%;
height:1px;
}

input{background-color:white;
font-family: tahoma, sans-serif;
border: solid 1px black;
}

legend{
font-size: 120%;
color: black;
}

table{
margin: 2em auto;
border-collapse: collapse; 
}

td{
padding: 0.2em 0.5em;
border: solid 1px #c8c8c8;
vertical-align: middle;
}

u{
border-bottom: solid 1px black; text-decoration:none;
}

#discuss{
text-align: right;
margin: 1em;
}

#discuss a{
border: none !important;
}

.discuss{
float: right;
margin: 0 0.2em 0.2em 0.2em;
}

#footer{
/* presentation */
border: solid 1px #F1EEE9;
text-align: right;
padding: 5px;
}


#menu{
position: absolute; left: 700px; top: 6em; /* position */
overflow:visible; padding: 0.5em; padding-right: 10px; /* dimensioner */
/* presentation */
background-color: #F1EEE9;
border: solid 1px black;
font-size: 100%;
font-weight: bold;
z-index: 50;
}

#menu a{
border-bottom: none;
}

.submenu{
margin-left: 0.5em; /* dimensioner */
}

.submenu a{
font-weight: normal;
}

.urdu{
	direction: rtl;
}

.textarab{
vertical-align:middle;
background-color:#F1EEE9;
}

.examplearab{
}

.timestamp{
font-weight:bold;
color:#888;
}

.arab, .vocarab{
font-size: 250%; line-height: 100%;
}

.vocarab{
line-height: 150% !important;
}

.bigarab, .bigvocarab{
font-size: 400%; line-height: 150%;
}

.arab, .vocarab, .bigarab, .bigvocarab{
font-family: "Traditional Arabic","Times New Roman", tahoma, sans-serif;
font-weight: normal;
}

h2 .arab, h2 .vocarab, h2 .bigarab, h2 .bigvocarab{
font-size: 170% !important;
}

.irab{
direction: rtl;
width: 50%;
margin: 0 auto;
}

.box{
margin: 1em auto; text-align: center; border: solid 1px #c8c8c8; padding: 0.5em;
}

.legend{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 130%;
font-weight: bold;
color: #b00000;
}

.spec{
font-weight: bold
}

.indent{
text-align: center;
margin-top: 2em;
margin-bottom:1em;
}

.important{
border-bottom: solid 1px #B00000;
}

.blog-name{
font-weight: bold;
}

.blog-timestamp{
color: #888;
}

.quran-example{
margin: 1em;
text-align: center;
}