@charset "utf-8";
/* Islameyat Layout */
/* Main Layout */
*{
font-family: tahoma;
line-height:160%;
margin:0pt;
padding:0pt;
}

img{ behavior: url(iepngfix.htc) }

body{
background:#b5b3a0 none repeat scroll 0%;
color:#333333;
height:100%;
margin:0pt;
padding:0pt;
text-align:center;
width:100%;
font-size:12px;
}
#container{
	background: url(images/header_bg.png) repeat-x scroll left top;
}

#wrap{
	width:954px;
	margin:0pt auto;
	padding-bottom:50px;
}

/* Header & Menu */
#header{
	height:125px;
	background: url(images/header_internal_bg.png) repeat-x scroll;
}

#header_top{
height:90px;
}
#search_form{
float:left;
clear:right;
width:345px;
height:72px;
background-color:#d3d1be;
}

#search_form  p {
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom:0px;
	margin-left: 5px;
	}

#search_form input{
	width:300px;
	height:14px;
	text-align:right;
	font-size:11px;
	color:#666666;
	padding-top: 2px;
	padding-right: 2px;
}

#search_form input.btn {
  height: 20px;
  width: 50px;
  color: #FFFFFF;
  background-color: #b64926;
  border-width: 0px;
  float:left;
  text-align:center;
  font-size:11px;
  padding:0px;
  }


#search_form input.btnhov {
  color: #FFFFFF;
  background-color: #04627e;
  }


#website_logo{
float:right;
margin-right:22px;
}

#homepage_btn{
	float:right;
	clear:left;
	width:116px;
	height:35px;
	background: url(images/homepage_btn.png) no-repeat;
}
#menu_btns{
float:right;
margin-right:10px;
width:820px;
}

ul.navigation{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
ul.navigation li {
float:right;
margin:0;
padding:0;
}

ul.navigation li a:link, ul.navigation li a:visited{
	display:block;
	height:25px;
	border-left:1px solid #40605a;
	
}

ul.navigation li a:active,ul.navigation li a:hover{
background-color:#b64926;
text-decoration:none;
}
ul.navigation li.current a:link,ul.navigation li.current a:visited,ul.navigation li.current a:hover,ul.navigation li.current a:active{background-color:#b64926;
text-decoration:none;
}


ul.navigation li.category_btn a{
width:6.7em;
}
/* Content page */

#content{
background-color:#FFFFFF;
padding:10px 22px 22px;
text-align:right;
}
#quotation{
color:#B64926;
margin-bottom:10px;
}

#quotation a:link, #quotation a:visited{
color:#0199CC;
text-decoration:underline;
}

#quotation a:hover, #quotation a:active{
color:#0199CC;
text-decoration:none;
}

ul#news_list li{
margin-bottom:20px;
list-style:none;
list-style-type:none;
}
ul#news_list li h2{
font-size:14px;
color:#0199CC;
float:none;
font-weight:bold;
}



#left_side{
float:left;
clear:right;
width:450px;
margin-right:10px;
}
#right_side{
float:right;
width:450px;
}

#solid_line{
	border-bottom:1px solid #cfcdbd;
	margin-top: 10px;
	margin-bottom: 5px;
}

#tags_box{
	border: 8px solid #d3d1be;
	min-height:150px;
	padding:10px;
}
/* Video List */
ul.latest_video{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
ul.latest_video li {
margin:0;
padding:0;
width:146px;
float:right;
}

ul.latest_video li a{
	display:block;
	height:146px;
	padding:8px;
	height:160px;
}

ul.latest_video li a:link, ul.latest_video li a:visited{
	background-color:#eeecde;
	border:1px solid #dbd9d0;
	text-decoration:none;
	color:#333333;

}

ul.latest_video li a:active,ul.latest_video li a:hover{
	background-color:#e6e5dc;
	border:1px solid #dbd9d0;
	color:#e4371c;
	text-decoration:none;
}

ul.latest_video li img {
border:3px solid #dbd9d0;
}

ul.latest_video li p {
	font-size:11px;
	text-align:right;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 3px;
}


/* End Video List */

/* Registeration Form */
#registeration_form{
	background-color:#faf9ef;
	border:1px solid #a7a37e;
	height:107px;
	margin-bottom:10px;

}
#register_new_user{
	width:259px;
	height:86px;
	float:right;
	clear:left;
	margin-top: 11px;
	margin-right: 6px;
	background-color:#a7a37e;
}


#register_new_user a{
	float: left;
	margin: 10px 5px 0px;
}
#register_new_user h3{
	float: right;
	width: 100px;
	color: #002f2f;
	padding: 6px 5px 2px 0;
	font: 12px tahoma;
	text-align:right;
	font-weight:bold;
}

#register_new_user h3 a{
	float: right;
	width: 100px;
	color: #002f2f;
	text-align:right;
	font-weight:bold;
	text-decoration:none;
	margin:0;
}

#register_new_user h3 a:hover{
text-decoration:underline;
}
#register_new_user p{
	float: right;
	width: 160px;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 14px;
	padding: 5px 5px 3px 0;
	text-align:right;
}

#register_new_user_form{
float:left;
width:171px;
height:85px;
margin-top:11px;
margin-left:6px;
background-color:#eeecde;
border:1px solid #dbd9d0;
}

#register_new_user_form  p {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 5px;
	}

#register_new_user_form input{
	height:14px;
	text-align:right;
	font-size:11px;
	color:#666666;
	padding-top: 1px;
	padding-right: 2px;
}

#register_new_user_form input.btn {
  height: 20px;
  width: 50px;
  color: #FFFFFF;
  background-color: #b64926;
  border-width: 0px;
  float:left;
  text-align:center;
  font-size:11px;
  padding:0px;
  }


#register_new_user_form input.btnhov {
  color: #FFFFFF;
  background-color: #04627e;
  }

/* End Registeration Form */


#right_side_right{
float:right;
clear:left;
margin-left:9px;
width:220px;
}

#right_side_left{
float:left;
width:221px;
}

/* Home Page Lists */
#list_header{
	background-color:#045e79;
	height:21px;
	font-size:12px;
	color:#FFFFFF;
	padding-right:5px;
	padding-top:1px;
}

#list_header_red{
	background-color:#b64926;
	height:21px;
	font-size:12px;
	color:#FFFFFF;
	padding-right:5px;
	padding-top:1px;
}

.list-1{
	float: left;
	width: 221px;
}
.list-1 li {
	float: left;
	width: 221px;
	list-style: none;
	padding: 0 0 1px 0;
	background: url("images/dotted-line.gif") repeat-x 0 100%;
}
.list-1 li a {
	float: left;
	width: 221px;
	color: #333333;
	margin: 1px 0 1px 0;
	font-size: 12px;
	line-height: 130%;
	padding: 7px 0 7px 0;
	text-decoration:none;
	cursor:pointer;
}
* html .list-1 li a {
	padding: 0;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
	text-decoration:none;
}
* html .list-1 li a:hover {
	padding: 0;
	border-top: 6px solid #eeede9;
	border-bottom: 6px solid #eeede9;
}
.list-1 li a:hover,
.list-1 li a:hover .data-1{
	color: #B64926;
	background: #eeede9;
	text-decoration: none;
}
.data-1 {
	float: left;
	width: 50px;
	color: #333333;
	font-size: 11px;

}
.theme-1 {
float: right;
width: 140px;
margin-right:5px;
font-size: 11px;

}
.views_counter{
float:left;
width:70px;
background-color:#efecca;
color:#b64926;
font-size:10px;
margin-left:5px;
text-align:center;
}
.list-1 li a:hover .views_counter {
background-color:#b64926;
color:#FFFFFF;
}

#list_read_more{
	width:221px;
	padding-bottom:5px;
	background: url("images/dotted-line.gif") repeat-x 0 100%;
	background-color:#eeede9;
	height:24px;
}

.read-more {
	display: block;
	padding-top:5px;
	color: #b64926;
	font-size:11px;
	width:215px;
	float:left;
}
/* End Home Page Lists */


/* Plugin Downloads */

#get_adobe_reader{
	width:165px;
	float:right;
	clear:right;
	border-right: 1px dotted #CCCCCC;
	text-align:left;
	margin-bottom:5px;
}
#get_real_player{
	width:39px;
	float:left;
	padding-left:10px;
}

/* End Plugin Downloads */

/* Info Boxes */

#two_boxes{
height:100px;
margin-bottom:5px;
}

#info_box{
	width:218px;
	border:1px solid #cac8b2;
	background-color:#f4f3ed;
	padding-bottom:5px;
}

#info_box a{
	float: left;
	margin: 10px 5px 0px;
}

#info_box h3{
	float: right;
	width: 100px;
	color: #0199cc;
	padding: 5px 5px 0px 0;
	font: 13px tahoma;
	text-align:right;
}
#info_box img{
	border: 2px solid #504e44;
}


#info_box  h3 a {
	float: left;
	width: 100px;
	color: #0199cc;
	font: 13px tahoma;
	font-weight:bold;
	margin:0;
	text-decoration: none;
	text-align:right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0;
}
#info_box  h3 a:hover {
	text-decoration: underline;
}

#info_box  p {
	float: right;
	width: 100px;
	color: #333;
	font-size: 11px;
	line-height: 14px;
	padding: 0px 5px 3px 0;
	text-align:right;
}
#info_box #daily{
float:left;
	width:74px;
	height:84px;
	background: url(images/daily_reading_bg.png) no-repeat;
	margin: 8px 5px 0px;
}
#info_box #daily{
behavior: url(iepngfix.htc)
}
#info_box #daily .day{
	font-size:20px;
	color:#666666;
	padding-top: 15px;
	padding-right: 20px;
	font-weight:bold;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height:14px;


}
#info_box #daily .month{
	font-size:12px;
	color:#666666;
	padding-right:20px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height:normal;
}

/* End Info Boxes */


#left_side_right{
float:right;
clear:left;
width:221px;
}

#left_side_left{
float:left;
width:221px;
}

/* Footer */
#footer{
	background-color:#04627e;
	min-height:240px;
	border-top: 6px solid #123e3e;
	border-bottom: 6px solid #123e3e;
	padding-top: 15px;
	padding-right: 22px;
	padding-left: 22px;
}

#contact_form{
width:388px;
min-height:100px;
background-color:#eeecde;
float:left;
clear:right;
text-align:right;
margin-bottom:20px;
}

#contact_form h3{
	float: right;
	width: 100px;
	color: #0199cc;
	padding: 10px 5px 5px 0;
	font: 13px tahoma;
	font-weight:bold;
}
#contact_form  p {
	float: right;
	width: 370px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	}
#contact_form textarea{
width:300px;
height:66px;
text-align:right;
font-size:11px;
color:#666666;
padding-top: 4px;
padding-right: 2px;
}
#contact_form input{
	width:200px;
	height:16px;
	text-align:right;
	font-size:11px;
	color:#666666;
	padding-top: 4px;
	padding-right: 2px;
}

#contact_form input.btn {
  height: 20px;
  width: 50px;
  color: #FFFFFF;
  background-color: #b64926;
  border-width: 0px;
  float:left;
  text-align:center;
  font-size:11px;
  padding:0px;
  cursor:pointer;
  }


#contact_form input.btnhov {
  color: #FFFFFF;
  background-color: #04627e;
  }

#footer_categories{
float:right;
width:510px;
min-height:220px;
padding-right:5px;
}
#footer_category_list{
width:120px;
margin-left:5px;
float:right;
text-align:right;
}

#footer_category_list h4{
color:#a7a37e;
font-size:11px;
}
#footer_category_list ul{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
#footer_category_list li a{
color:#FFFFFF;
text-decoration:none;
}

#footer_category_list li a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#copyright{
float:left;
font-size:10px;
color:#666666;
}

#vote_panel{
	width:218px;
	background-image:url(images/vote_panel_bg.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border:1px solid #d3d1be;
	/* margin-top:10px; */
}
#question_panel{

	background-color:#a7a37e;
	margin:10px;
	padding:8px;
	color:#FFFFFF;
	 /* border:1px solid #615d34; */
}

#answers_panel{
background-color:#edece3;
margin:10px;
padding:8px;
font-size:12px;
border:1px solid #dbd9d0;
}

ul.answers_options{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}

ul.answers_options li {
	padding:0;
	margin-top: 10px;
	margin-right: 6px;
	margin-bottom: 10px;
	margin-left: 4px;
}

ul.answers_result{
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
}

ul.answers_result li {
display:block;
position: relative;
border-bottom:1px solid #EEEEEE;
}

ul.answers_result li span.choice {
display:block;
padding:5px;
position:relative;
z-index:2;
}

ul.answers_result li span.index {
display:block;
position: absolute;
top:0;
left:0;
height: 100%;
background:#B64926;
text-align:left;
overflow:hidden;
color: #FFFFFF;
font-weight: bold;
font-size:11px;
text-indent:5px;
}


#answers_panel input.btn {
  height: 20px;
  width: 80px;
  color: #FFFFFF;
  background-color: #b64926;
  border-width: 0px;
  float:left;
  text-align:center;
  font-size:11px;
  padding:0px;
  }
  
#answers_panel input.btnhov {
  color: #FFFFFF;
  background-color: #04627e;
  }
  
#send_sms{
	width:220px;
	height:136px;
	background-image:url(images/send_sms_bg.gif);
	background-repeat: repeat-x;
	border:1px solid #cbc9b3;
	margin-top:10px;
	
}

#send_sms a{
	float: left;
	margin: 10px 5px 0px;
}

#send_sms h3{
	float: right;
	width: 100px;
	color: #0199cc;
	padding: 5px 5px 0px 0;
	font: 13px tahoma;
	text-align:right;
}

#send_sms  h3 a {
	float: left;
	width: 100px;
	color: #0199cc;
	font: 13px tahoma;
	font-weight:bold;
	margin:0;
	text-decoration: none;
	text-align:right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0;
}
#send_sms  h3 a:hover {
	text-decoration: underline;
}

#send_sms  p {
	float: right;
	width: 100px;
	color: #333;
	font-size: 11px;
	line-height: 14px;
	padding: 0px 5px 3px 0;
	text-align:right;
}


#tell_a_friend{
	width:230px;
	height:86px;
	float:right;
	clear:left;
	margin-top: 11px;
	margin-right: 6px;
}

#tell_a_friend h3{
	float: right;
	width: 200px;
	color: #0199cc;
	padding: 0px 5px 2px 0;
	font: 13px tahoma;
	text-align:right;
	font-weight:bold;
}

#tell_a_friend h3 a{
	float: right;
	width: 200px;
	color: #0199cc;
	font: 13px tahoma;
	text-align:right;
	font-weight:bold;
	text-decoration:none;
	margin:0;
}

#tell_a_friend h3 a:hover{
text-decoration:underline;
}
#tell_a_friend p{
	float: right;
	width: 220px;
	text-align:right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0;
}

#tell_a_friend_form{
float:left;
width:196px;
height:85px;
margin-top:11px;
margin-left:6px;
background-color:#eeecde;
border:1px solid #dbd9d0;
}

#tell_a_friend_form  p {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 5px;
	}

#tell_a_friend_form input{
	height:14px;
	width:170px;
	text-align:right;
	font-size:11px;
	color:#666666;
	padding-top: 1px;
	padding-right: 2px;
}

#tell_a_friend_form input.btn {
  height: 20px;
  width: 50px;
  color: #FFFFFF;
  background-color: #b64926;
  border-width: 0px;
  float:left;
  text-align:center;
  font-size:11px;
  padding:0px;
  cursor:pointer;
  }


#tell_a_friend_form input.btnhov {
  color: #FFFFFF;
  background-color: #04627e;
  }
  
#user_form_details{
	float:left;
	width:225px;
	font-size:10px;
	color:#ffb03b;
	margin-left:5px;
	margin-right:5px;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-right-color: #f5f4df;
	border-bottom-color: #f5f4df;
	border-left-color: #f5f4df;
  }
  
#user_form_details a{
  font-size:11px;
  color:#ffb03b;
  }
  
    
#user_form_details a:link, #user_form_details a:visited{
text-decoration:underline;
  }
  
#user_form_details a:hover, #user_form_details a:active{
  text-decoration:none;
  color:#FFFFFF;

  }
  
#registeration_homepage{
  border:1px solid #DBD9D0;
  background-color:#EDECE3;
  padding:10px;
  margin:5px 0px;
  }
  
  
#registeration_homepage a{
font-size:13px;
font-family:tahoma;
color:#B64926;
font-weight:bold;
}

#registeration_homepage a:link, #registeration_homepage a:visited{
text-decoration:none;
}

#registeration_homepage a:hover, #registeration_homepage a:active{
text-decoration:underline;
}

#video_thumbnails{
margin-top:10px;
}