body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0; }address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; height:25px; }input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html, body 	{
	background: #DDD;
	font-family: Arial, sans-serif;
	font-size: 14px;
	/* [disabled]line-height:1; */
	color: #2A2A2A;
}
input, select, textarea { font-family: Arial, sans-serif; font-size:12px;}
.kalam{ font-family: Arial, sans-serif; font-size:16px; color:#000; padding-bottom:20px; display:block; font-weight:bold; }
a { text-decoration:none; color:#04c;} strong { font-weight:bold} em { font-style: italic} p { line-height:1.5 }
h1, h2, h3 { color:#c71010; font-family:'Francois One', 'Arial Narrow', Arial, sans-serif; line-height:1; border-bottom:1px dotted #BBB; margin-bottom:10px; padding-bottom:5px; clear:both; }
	h1 { font-size:24px; }
	h2 { font-size:22px; padding-top:15px; }
	h3 { font-size:18px; text-transform: uppercase; }
	h3 span, h3 a { color:#004094; }

#wrap 		{ width:980px; margin:0 auto; background:#FFF; }
#header		{ position:relative; background: url(../images/banner.gif) bottom; background-size:cover; height:220px; }
	#logo 	{ position:absolute; top:17px; display:inline-block; background:rgba(255,255,255,0.9); padding:10px 10px 10px 15px; height:39px;}
	#desc   { position:absolute; top:81px; background:rgba(255,255,255,0.9); padding:5px 5px 5px 15px;}
	#social { position:absolute; top:10px; right:10px; font-family:'Francois One'; text-align:right; line-height:2 }
	#social span { color:#c71010}
	#nav 	{ width:100%; background:rgba(0,0,0,0.4); height:35px; position:absolute; bottom:0; border-bottom:5px solid #000}
		#menu li { float:left; height:35px;}
		#menu a { display:inline-block; color:#FFF;padding:11px 15px 0 15px; height:24px; font-family:'Francois One'; text-transform:uppercase; font-size:15px; }
		#menu a.selected, #menu a:hover { background:#000}
		#menu a span { display:none;}
	#search { position:absolute; right:5px; bottom:11px; background:#FFF; padding:0 0 0 5px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
	#search_text { width:125px; border:none; font-size:14px; outline:none; float:left; margin-top:3px}
	#search input[type=submit] { display:none;}
		
#main 		{ overflow:hidden; zoom:1; padding:17px }

#sidebar	{ float:right; width:200px; padding:0;}
	#sidebar h2 { display:none; }
	#sidebar h3 { color:#FFF; background:#202020; padding:8px 10px 8px 10px; font-size:14px; margin:0; border:none; border-radius:10px; font-style:normal; font-weight:200;}
	#sidebar a { display:block; background:#EFEFEF; padding:8px 4px 8px 10px; color:#1A1A1A; border-radius:10px }
	#sidebar li.current-cat a, #sidebar a:hover { background:#E5E5E5; padding:12px 12px 12px 12px; font-size:14px; }
	#sidebar li {font-size:11px; border-radius:10px; font-style:oblique; font-weight:300;};
   #sidebar div{ padding-left:20px;}
    #sidebar div.mor {
	-moz-box-shadow: 1px -4px 23px -41px #569fc7;
	-webkit-box-shadow: 1px -4px 23px -41px #569fc7;
	box-shadow: 1px -4px 23px -41px #569fc7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6175eb), color-stop(1, #4c7ad4));
	background:-moz-linear-gradient(top, #6175eb 5%, #4c7ad4 100%);
	background:-webkit-linear-gradient(top, #6175eb 5%, #4c7ad4 100%);
	background:-o-linear-gradient(top, #6175eb 5%, #4c7ad4 100%);
	background:-ms-linear-gradient(top, #6175eb 5%, #4c7ad4 100%);
	background:linear-gradient(to bottom, #6175eb 5%, #4c7ad4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6175eb', endColorstr='#4c7ad4',GradientType=0);
	background-color:#8595DE;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Times New Roman;
	font-size:12px;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0px 1px 50px #2f2866;
	
}

	
#content 	{ float:left; width:728px; padding:0; position:relative; line-height:1.5 }
	#content h3 { margin-top:25px }
	#sharer { position:absolute; top:0; right:0;}
	#content ul, #content p { margin-bottom:15px; }
	#content li {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #e6e6e6}
	#content li span { color:#777;}
	#content li div {font-size:12px; color:#404040}
	#content li div a {color:green; font-weight: normal}

#footer 	{ clear:both; color:#666; font-size:12px; text-align:center; background:#F5F5F5; padding:20px; vertical-align:text-bottom; }

#cat_meta { float:right; margin:0 0 8px 8px; font-size:12px;}
	.cat_meta_pic { height:150px}
	.cat_meta_website { background:#606060; padding:5px 6px; }
	.cat_meta_facebook { background:#505050; padding:5px 6px }
	.cat_meta_website a, .cat_meta_facebook a { color:#eee;}


.cover  { margin:0 12px 15px 0; width:134px;height:194px;background-repeat:no-repeat; background-position:center center;float:left; position:relative; background-size:100% 100%; background-color:#eaeaea; }
.cover span  { position:absolute; width:124px; min-height:36px; color:#fff; padding:4px 5px; line-height:1.5; left:0; bottom:0; font-size:12px; font-weight:bold; background:rgba(0,0,0,0.6)}
.clear { clear:both }
.alignleft { float:left: margin:0 10px 0 0;}
.alignright { float:right; margin:0 0 0 10px;}
.last { margin-right:0;}
.lleft { float:left; width:50%; line-height:22px; }
.rright {float:right; width:50%; line-height:22px; font-family:'NafeesTahreerNaskh', Arial;direction: rtl; font-weight:normal; font-size:18px}
.tags a { color:#1A1A1A; border:1px solid #ddd; padding:1px 4px; background:#f6f6f6; border-radius:3px;}

.player { height:200px; margin-bottom:20px; overflow:hidden }
.player_artist { float:left } .player_artist img { padding-right:10px; padding-top:20px; }
.player_file { float:left; width:40% } audio { width:266px; }
.player_download { float:left; width:50%; padding-top:5px;}

.paging { background:#000; padding:5px 10px; overflow:hidden; zoom:1; color: white;} .paging a { color:white}
.paging_left { float:left}
.paging_right { float:right;}

.count_plays {float:right; margin-top:1px;}
 
#sense1 { height:90px; margin-bottom:15px; clear:both;}

.proverb, .riddle { border:1px solid #ddd; border-radius:3px; margin-bottom:10px; padding:10px;}
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe { width: 100% !important;}
.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe { width: 100% !important;}
.video { margin-bottom:15px;}

@media only screen and (max-width: 979px) {
	#wrap { margin:0; padding:0; width:auto;}
	#header { height:200px; }
	.cover  { margin:0 6px 8px 0; width:110px; height:159px; }
	.cover span { width:104px; padding:2px 3px; font-size:12px; }
	.video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
	.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}

@media only screen and (max-width: 767px) {
	#wrap, #sidebar, #content { width:auto; }
	#header { height:150px; }
	#main { padding:10px; }
	#sidebar, #content { float:none; }
	#subpage #sidebar { display:none; }
	#sidebar { margin-bottom:15px; }
	#sidebar a { border-bottom:1px solid #ECECEC;  }
	.lleft, .rright { float:none; width:auto; }
	#sense1 { display:none }
}

@media only screen and (max-width: 320px) {
	h1, h2 { font-size:16px; }
	#logo { height:22px; padding:5px 5px 5px 10px; } #logo img { width:163px; height:22px; }
	#desc 	{ font-size:10px; top:54px }
	
	#nav { height:28px;}
	#menu { overflow:hidden; padding:0;}
	#menu li { height:28px;}
	#menu li.extra { display:none}
	#menu a { padding:8px 8px 0 8px; height:20px; font-size:11px }
	#search, #social, .count_plays, .player_artist, #content li span, #cat_meta { display:none; }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	h1, h2 { font-size:20px; }
	#logo { height:30px; } #logo img { width:222px; height:30px; }
	#desc 	{ font-size:10px; top:62px; }
	#header { height:150px; }

	#nav { height:30px; }
	#menu { overflow:hidden}
	#menu li { height:30px;}
	#menu li.extra { display:none}
	#menu a { padding:10px 8px 0 8px; height:22px; font-size:13px; }
	#search, #social { display:none;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	h1, h2 { font-size:24px; }
	#sidebar { width:26% ;}
	#content { width:71%; }
}

.txtleft{ float: left;}
.buttonNext { color:#c71010;
font-family:"Arial Black", Gadget, sans-serif
border:dotted;
}
.txtimg { border:thick
border-color:#000
}
#footer {background : #f7f7f7;border-top : 1px solid #f0e9eb;padding : 5px 5px;clear : both; vertical-align:bottom;  }
#detailz{ width:200px; max-width:200px;}
#detRec{ font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }
#tanNam{ font-size:12px; color:#009}
.nlleft { float:left; width:70%; line-height:22px; }
.links{width:900px;
color:#900;
font:Arial, Helvetica, sans-serif;
font-style:normal;
font-variant:small-caps;
font-weight:bolder;
}
.you-button{ 
color:#000;
font:Arial, Helvetica, sans-serif;
font-style:normal;
font-variant:small-caps;
font-weight:bolder;
padding-bottom:5px;
}    


.vid-tit{
	color:#03F;
	font-size:12px;
font:Arial, Helvetica, sans-serif;
font-style:normal;
}
.img-vid{ height:70;
width:70;
padding-bottom:5px;	
	
}
