/******************
quraninat Script
Designed & Coded by : Husien Adel
************************/


*
{
	padding:0;
	margin:0;
	outline:none;
	text-decoration:none;
}
img{
border:none;
}
a{
color:#424E08;
text-decoration:none;
}
.clear { clear:both; }
body
{
	margin:0;
	padding:0;
	direction:rtl;
	font-family:tahoma;
	font-size:12px;
	color:#000;
	text-shadow:1px 1px 0 #fff;
	background:url(images/bg.jpg) repeat-x top center #414e04;
}
#wrap
{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#header
{
	width:1000px;
	height:296px;
	background:url(images/header.jpg) top center no-repeat;
}
#index
{
	width:345px;
	height:85px;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:40px 72px 0 0;
}
.header-l
{
	width:520px;
	float:left;
	margin:0 0 0 0;
}
.nav-links
{
	width:400px;
	float:left;
	margin:10px 0 0 5px;
	font-family:tahoma;
	font-size:10px;
	font-weight:bold;
	text-shadow:1px 1px 0 #000;
}
.nav-links ul li
{
	list-style:none;
	display:inline;
	float:right;
	margin-right:10px;
}
.nav-links ul li a:link, .nav-links ul li a:visited, .nav-links ul li a:active
{
	display:block;
	width:68px;
	height:29px;
	background:url(images/top-nav.png) 0 -31px no-repeat;
	text-align:center;
	color:#fff;
	padding-top:3px;
}
.nav-links ul li a:hover
{
	display:block;
	width:68px;
	height:28px;
	background:url(images/top-nav.png) 0 0 no-repeat;
	color:#FFFF99;
}
.search
{
	width:275px;
	height:31px;
	float:left;
	margin:195px 0 0 50px;
}
.search-input
{
	float:right;
	width:208px;
	height:21px;
	background:url(images/search-input.png) no-repeat;
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	text-shadow:1px 1px 0 #000;
	border:0 none;
	padding:5px;
	color:#fff;
}
.search-input:focus, .search-input:hover{ border: none; }
.search-input:focus, .search-input:focus { background:url(images/search-input.png) no-repeat; }
.search-submit
{
	width:57px;
	height:31px;
	float:right;
	margin-top:-1px;
	background:none;
	border:none;
	padding:0px;
}
.search-submit:hover
{
	width:57px;
	height:31px;
	float:right;
	margin-top:-1px;
	background:none;
	border:none;
	padding:0px;
}
#page
{
	width:980px;
	background:url(images/page.jpg) repeat-y;
	padding:0 10px 0 10px;
	overflow:hidden
}
.content a
{
color:#424E08;
font-size:11px;
}
.content-sub
{
	width:630px;
	float:right;
	padding:10px;
}
.song-name
{
	width:480px;
	height:28px;
	background:url(images/top-title.gif) no-repeat;
	float:right;
	color:#627205;
	font-size:12px;
	font-weight:bold;
	padding:20px;
	overflow:hidden;
	margin:0 15px 0 0;
}
.song-name h3
{
	font-family:tahoma;
	font-size:15px;
	font-weight:bold;
	text-align:right
}
.song-name h4
{
	font-size:11px;
	font-weight:normal;
	text-align:left;
	font-style:italic;
	color:#9f9f9f;
}
.song-name a:link, .song-name a:visited, .song-name a:active
{
	text-decoration:none;
	color: #627205;
}
.song-name a:hover
{
	text-decoration:none;
	color: #ccc;
}
.fav
{
	width:84px;
	height:28px;
	float:left;
	margin:20px 0 0 10px;
}
.add-fav
{
width:84px;
height:28px;
border:0 none;
background:none repeat scroll 0 0 transparent;
border:medium none;
padding:0;

}
.add-fav:hover
{
width:84px;
height:28px;
border:0 none;
background:none repeat scroll 0 0 transparent;
border:medium none;
padding:0;

}
.player
{
	width:610px;
	height:254px;
	background:url(images/player-bg.gif) no-repeat;
	overflow:hidden;
	margin:5px 15px 0 0;
}
.flash-player
{
	width:553px;
	height:196px;
	margin:28px auto 0 auto;
}
.slide-sub
{
	width:276px;
	float:left
}
.member-info
{
	width:300px;
	margin:0 auto 5px auto;
	overflow:hidden;
}
.member-avatar
{
	width:44px;
	height:44px;
	overflow:hidden;
	float:right;
	padding:3px;
	border:1px solid #CCCCCC;
}
.member-info-items
{
	width:240px;
	float:left
}
.member-info-items ul li
{
	list-style:none;
	display:block;
	line-height:190%;
	font-size:12px;
	color:#5d6f01;
	font-size:11px;
}
.member-info-items ul li a:link, .member-info-items ul li a:visited, .member-info-items ul li a:active
{
	text-decoration:none;
	color:#5d6f01
}
.member-info-items ul li a:hover
{
	text-decoration:none;
	color:#565656
}
.partcipate
{
	width:143px;
	height:26px;
}
.related-files
{
	width:283px;
	margin:0 auto 5px auto;
	overflow:hidden;
}
.related-t
{
	width:283px;
	height:22px;
	background:url(images/related_t.gif) no-repeat
}
.related-m
{
	width:268px;
	background:url(images/related_m.gif) repeat-y;
	overflow:hidden;
	padding:0 10px 0 5px;
}
.realted-thum
{
	width:85px;
	height:60px;
	float:right;
	margin-left:4px;
}
.related-m ul li
{
	list-style:none;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#526206;
	line-height:160%;
	border-bottom:1px dashed #dfdcdc;
	overflow:hidden;
	padding:3px 0 5px 0;
	width:250px;
}
.related-m ul li a:link, .related-m ul li a:visited, .related-m ul li a:active
{
	text-decoration:none;
	color:#526206
}
.related-m ul li a:hover
{
	text-decoration:none;
	color:#5b5b5b
}
.related-m ul li:hover { background-color:#fbfbfb; }
.rel-gray
{
	font-size:11px;
	font-weight:normal;
	color:#5e5e5e;
	font-style:italic;
	display:block;
}
.related-b
{
	width:283px;
	height:17px;
	background:url(images/related_b.gif) no-repeat
}
.r-slidebar
{
	width:250px;
	float:right
}
.menu-cateogries
{
	width:246px;
	float:right;
}
.menu-t
{
	width:246px;
	height:132px;
	background:url(images/menu_t.jpg) no-repeat
}
.menu-m
{
	width:232px;
	background:url(images/menu_m.jpg) repeat-y;
	padding:0 9px 0 5px;
}
.menu-m ul li
{
	list-style:none;
	font-family:tahoma;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-shadow:2px 1px 1px #323c00;
	line-height:190%;
}
.menu-m ul li a:link, .menu-m ul li a:visited, .menu-m ul li a:active
{
	text-decoration:none;
	color:#fff;
	display:block;
	width:220px;
	border-bottom:1px solid #7e8c39;
}
.menu-m ul li a:hover
{
	text-decoration:none;
	color:#fffb96;
	border-bottom:1px solid #545f1b;
}
.menu-b
{
	width:246px;
	height:21px;
	background:url(images/menu_b.jpg) no-repeat
}
.content
{
	width:725px;
	float:left;
}
.about-block
{
	width:713px;
	margin:0 auto 5px auto;
	font-family:tahoma;
	font-size:12px;
	font-weight:normal;
}
.about-t
{
	width:713px;
	height:48px;
	background:url(images/about_t.jpg) no-repeat;
	overflow:hidden
}
.about-title
{
	width:700px;
	margin:19px 30px 0 0;
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	color:#566507;
}
.about-m
{
	width:663px;
	background:url(images/about_m.jpg) repeat-y;
	padding:0 25px 0 25px;
	line-height:150%;
	text-align:justify;
	color:#3e3e3e;
}
.about-m ul li
{
	list-style-position:inside;
	margin-right:10px;
}
.about-m p { margin-bottom:5px; }
.about-m a:link, .about-m a:visited, .about-m a:active
{
	color:#424f01;
	text-decoration:none;
}
.about-m a:hover
{
	color:#000;
	text-decoration:none;
}
.about-m h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#3e3e3e;
	margin:3px 0 5px 0;
}
.about-m h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#3e3e3e;
	margin:3px 0 5px 0;
}
.about-m h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3e3e3e;
	margin:3px 0 5px 0;
}
.about-m h4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3e3e3e;
	margin:3px 0 5px 0;
}
.about-m h5
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3e3e3e;
	margin:3px 0 5px 0;
}
.about-m h6
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3e3e3e;
	margin:3px 0 5px 0;
}
.about-b
{
	width:713px;
	height:40px;
	background:url(images/about_b.jpg) no-repeat;
}
.about-thum
{
	width:118px;
	height:157px;
	overflow:hidden;
	float:left;
	margin:0 6px 0 5px;
}
.sounds-new
{
	width:714px;
	margin:0 auto 5px auto;
	overflow:hidden;
}
.sounds-new-t
{
	width:714px;
	height:68px;
	background:url(images/sounds-new_t.jpg) no-repeat;
	overflow:hidden
}
.sounds-new-title
{
	width:700px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-shadow:2px 1px 1px #323c00;
	margin:18px 0 0 0;
}
.sounds-new-m
{
	width:694px;
	background:url(images/sounds-new_m.jpg) repeat-y;
	overflow:hidden;
	padding:0 10px 0 10px;
}
.sounds-new-m ul li
{
	list-style:none;
	display:inline;
	float:right;
	margin-right:17px;
	text-align:center;
	width:152px;
	color:#424e08;
	font-size:11px;
	padding:2px 0 4px 0;
}
.sounds-new-m ul li a:link, .sounds-new-m ul li a:visited, .sounds-new-m ul li a:active
{
	text-decoration:none;
	color:#424e08
}
.sounds-new-m ul li a:hover
{
	text-decoration:none;
	color:#000;
}
.sounds-new-b
{
	width:714px;
	height:39px;
	background:url(images/sounds-new_b.jpg) no-repeat;
}
.sub-block
{
	width:708px;
	margin:0 auto 5px auto;
	overflow:hidden;
}
.sub-block-t
{
	width:708px;
	height:77px;
	background:url(images/sub-contemt_t.jpg) no-repeat;
	overflow:hidden;
}
.sub-block-title
{
	width:347px;
	height:27px;
	margin:18px 55px 0 0;
	padding:10px 0px 0 0;
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#485b02;
	text-shadow:1px 1px 0 #fff;
	text-align:center
}
.sub-block-title a:link, .sub-block-title a:visited, .sub-block-title a:active, .sub-block-title a:hover
{
	text-decoration:none;
	color:#485b02;
}
.sub-block-m
{
	width:668px;
	background:url(images/sub-contemt_b.jpg) no-repeat top center #fff;
	padding:0px 20px 0 20px;
	overflow:hidden;
	min-height:350px;
}
.sub-meta
{
	background:url(images/sub-meta.gif) no-repeat;
	width:442px;
	height:23px;
	padding:8px 5px 0 5px;
	float:left
}
.sub-meta ul li
{
	list-style:none;
	display:inline;
	float:right;
	margin-right:13px;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	text-shadow:1px 1px 1px #000;
}
.sub-meta ul li a:link, .sub-meta ul li a:visited, .sub-meta ul li a:active
{
	text-decoration:none;
	color:#fff;
}
.sub-meta ul li a:hover { color:#f4ff88; }
.sub-show
{
	width:650px;
	margin:10px auto 5px auto;
	overflow:hidden;
	float:right
}
.sub-thum
{
	width:152px;
	height:113px;
	float:right;
	overflow:hidden;
}
.sub-info
{
	width:490px;
	float:left;
	font-family:tahoma;
	font-size:12px;
	color:#677300;
}
.sub-info ul li
{
	list-style:none;
	display:block;
	line-height:184%;
	padding:2px 0 2px 0;
}
.sub-info ul li a:link, .sub-info ul li a:visited, .sub-info ul li a:active
{
	text-decoration:none;
	color:#677300;
}
.sub-info ul li a:hover
{
	text-decoration:none;
	color:#454545;
}
.sub-info ul li img { vertical-align:middle; }
.bar
{
	clear:both;
	width:630px;
	height:29px;
	margin:8px auto 5px auto;
	background:url(images/bar.gif) center no-repeat;
}
.pagination1
{
	width:506px;
	height:40px;
	background:url(images/page-bg.gif) center no-repeat;
	padding-top:15px;
}
.pagination1 ul li
{
	list-style:none;
	display:inline;
	float:right;
	margin-right:5px;
	font-family:tahoma;
	font-size:12px;
}
.pagination1 ul li a:link, .pagination1 ul li a:visited
{
	display:block;
	width:15px;
	height:15px;
	padding:5px;
	text-align:center;
	background-color:#738524;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.pagination1 ul li a:hover, .pagination1 ul li a:active
{
	background-color:#363f10;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
#footer
{
	width:1000px;
	height:137px;
	background:url(images/footer.jpg) no-repeat;
}
.footer-pages
{
	width:450px;
	height:80px;
	margin:38px 26px 0 0;
	float:right;
}
.footer-pages ul li
{
	background:url(images/footer-item.png) no-repeat right;
	list-style:none;
	float:right;
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0 #000;
	line-height:200%;
	padding:3px 5px 3px 0;
}
.footer-pages ul li a:link, .footer-pages ul li a:visited, .footer-pages ul li a:active
{
	display:block;
	text-decoration:none;
	color:#fff;
	width:130px;
	margin-right:10px;
	border-bottom:1px solid #b0c840;
}
.footer-pages ul li a:hover
{
	border-bottom:1px solid #fff;
	text-decoration:none;
	color:#f7ffd1;
	text-shadow:1px 1px 1px #000;
}
.top a:link, .top a:visited, .top a:active, .top a:hover
{
	display:block;
	width:50px;
	height:30px;
	float:right;
	margin:85px 160px 0 0;
}
.footer-l
{
	width:300px;
	height:90px;
	float:left;
	margin:38px 0 0 10px;
}
.social
{
	width:85px;
	height:27px;
	float:left;
	margin:10px 0 0 5px;
}
.social ul li
{
	list-style:none;
	display:inline;
	float:right;
	margin-right:5px;
}
.social ul li a:link, .social ul li a:visited, .social ul li a:active
{
	width:21px;
	height:21px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.rights a:link, .rights a:visited, .rights a:active, .rights a:hover
{
	display:block;
	width:260px;
	height:30px;
	float:left;
	margin:26px 0 0 5px;
	overflow:hidden;
	text-indent:-9999px;
}



#main_wrap h2{
color:#424E08;
font-size:11px;
margin:10px;
}