BODY{
	font-family:Lucida Grande, Lucida Sans Unicode, Arial, Verdana, Sans-serif; 
	font-size:14pt;line-height: 22px;
    width: 92%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
	-webkit-overflow-scrolling: touch;
}

#foo {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
text-align: center;
color: #D0CDDA;
border: solid 1px #606060;
background: #786E92;
background: -webkit-gradient(linear, left top, left bottom, from(#786E92), to(#494358));
background: -moz-linear-gradient(top,  #786E92,  #494358);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#786E92', endColorstr='#494358');
}

A{
color:black;
font-size:14pt;
}

A:link{Text-Decoration:underline;}
A:visited{Text-Decoration:none;}
A:hover{Text-Decoration:Underline Overline;}
 

*:focus  
{  
    outline: none;  
}  

H1{
	font-style:italic;

}


div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

.g{font-weight:bold;}
.tb{font-size:18pt;line-height: 24px;}
.tg{font-size:16pt;line-height: 22px;}
.tm{font-size:10pt;line-height: 16px;}
.tp{font-size:8pt;line-height: 14px;}

.deco{
	filter:glow(color=786E92,strength=2);width:100%;
	text-shadow: 0 10px 10px #786E92;
	line-height: 140%;
}

.comic{
	font-family: 'Times New Roman';
}

.logo{
    width:92%;
}

.cadre{
    box-shadow:rgba(0,0,0,0.5) 0px 0px 24px; border-radius:12px;
}

.ombre {
	margin-bottom:0em;border:1px solid #ccc;padding:1px;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 0px 12px;
	-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 12px;
	box-shadow:rgba(0,0,0,0.5) 0px 0px 12px;
}

.vert {
	color: #786E92;
	text-align: center;
}

.noir {
	color: #000000;
	text-align: center;
}


/* button 
---------------------------------------------- */
.button {
	width:92%;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: bottom;
	margin: 0px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Lucida Grande, Lucida Sans Unicode, Arial, Verdana, Sans-serif;
	font-weight:bold;
	padding: .92em 0.2em .92em;
	text-shadow: 0 2px 2px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* white */
.white {
	color: #606060;
	border: solid 1px #786E92;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* green */
.green {
	color: #ffffff;
	border: solid 1px #606060;
	background: #786E92;
	background: -webkit-gradient(linear, left top, left bottom, from(#786E92), to(#494358));
	background: -moz-linear-gradient(top,  #786E92,  #494358);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#786E92', endColorstr='#494358');
}
.green:hover {
	background: #D0CDDA;
	background: -webkit-gradient(linear, left top, left bottom, from(#494358), to(#786E92));
	background: -moz-linear-gradient(top,  #494358,  #786E92);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#494358', endColorstr='#786E92');
}
.green:active {
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#494358), to(#786E92));
	background: -moz-linear-gradient(top,  #494358,  #786E92);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#494358', endColorstr='#786E92');
}


a.back-to-top {
	display: none;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 14px;
	bottom: 14px;
	background: #786E92 url("../images/back-arrow.png") no-repeat center 48%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}



/* font styles 
---------------------------------------------- */

	@font-face {
        font-family: "Al Qalam Quran Majeed";
        src: url('Al-Qalam-Quran-Majeed.eot');
        src: url('Al-Qalam-Quran-Majeed.eot?#iefix') format('embedded-opentype'),
        url('Al-Qalam-Quran-Majeed.svg#Al Qalam Quran Majeed') format('svg'),
        url('Al-Qalam-Quran-Majeed.woff') format('woff'),
        url('Al-Qalam-Quran-Majeed.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	
	.a {
	font-family: "Al Qalam Quran Majeed";
	direction: rtl;
	font-size:24pt;
	text-align: right;
	padding:20px 0px 0px 0px;
	line-height: 160%;
	color: black;
	}
	.i {
	font-size:14pt;
	text-align: justify;
	color: #786E92;
	padding:20px 0px 0px 0px;
	}
	.s {
	font-size:16pt;
	text-align: center;
	color: black;
	padding:20px 0px 0px 0px;
	font-weight: bold;
	text-shadow: #c0c0c0 0.05em 0.05em 0.05em;
	line-height: 120%;
	}
	.t {
	font-size:14pt;
	text-align: justify;
	color: black;
	font-style: italic;
	padding:20px 0px 0px 0px;
	}
	.f {
	font-size:14pt;
	text-align: justify;
	color: black;
	padding:20px 0px 0px 0px;
	}