/**
Theme Name: QuranLife
Version: 1.0
Description: موقع القرآن والحياة
*/

/* -------------------------------------- */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { 
	content: '';
	content: none;
	}
	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }

	/* tables still need 'cellspacing="0"' in the markup */
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}

	a { text-decoration:none; }

	.clear { clear:both; }

	.clearleft { clear:left; }

	.entry { line-height:24px !important; }

	.entry p { 
	margin-bottom:10px;
 	font:bold 16px Arial,Simplified Arabic,Georgia;
	padding:5px;
	line-height:28px;
	text-align:justify;
	}
 
	.entrytitle { 
	font: 24px Simplified Arabic,Georgia;
	color:#34557e;
	border-bottom: 2px solid #85a2c8;
	margin-bottom:10px;
	}
 
	.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-weight:bold;
	margin:5px 0;
	}

	blockquote {
	padding-right:30px;
	font-style:italic;
	}

	.entry ul { padding-right:20px; }
	.entry ul li { list-style-type:square; font: 19px Simplified Arabic,Georgia; }
	.entry ol { padding-right:25px; }

	/* Begin Images */
	p img {
	padding:0;
	max-width:100%;
	}

	img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
	}

img.alignright {
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}

img.alignleft {
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}

.alignright { float:right; }

.alignleft { float:left }
/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor:help; }

acronym, abbr { border-bottom:1px dashed #999; }

blockquote {
	margin:10px;
	padding-left:20px;
}

blockquote cite {
	margin:5px 0 0;
	display:block;
}

	.center { text-align:center; }

	.hidden { display:none; }

	hr { display:none; }

	.home-thumb { 
	width:80px; height:80px; 
	background:#eee; 
	margin:2px 5px 5px 0; 
	padding:4px; 
	border:1px solid #c2d2e6; 
	float:left; 
	} 

	.random-posts-thumb {
	float:left;
	margin:2px;
	
	padding:5px;
	border:1px solid #ddd; 
	background:#fff; 
	}

.navigation {
	/* display:block;
	text-align:center;
	margin-bottom:60px;*/
	margin-top:10px;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	margin:10px;
}

.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}

.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}
/* End captions */


/*Comments*/
.post .commentnum {	
float: left;	
margin-left:15px;	
background: url(images/comments.png) no-repeat left center;	
padding-left: 20px;	
line-height:16px;	

}

#comments h5 {	font-size: 13px; 	line-height: 1.5em;}

.commentlistdiv {  margin: 0px ; padding: 0px;}
.commentlistdiv h1 {	font-size: 13px; 	line-height: 1.5em;}
.commentlistdiv h5 {	font-size: 13px; background: #fff;	color: #34557e;	margin: 3px; padding:10px;  border: 1px solid #c2d2e6;}
.commentlist li.alt { margin: 5px 15px 0px 0px; background:#f2f8ff; display: block;	font-size: 13px;	color: #666;  border: 1px solid #c2d2e6;}
.commentlist li {	display: block;	margin: 5px 15px 0px 0px; padding:10px; 	font-size: 13px;  border: 1px solid #c2d2e6;}
.pane_l {	border-left: 1px solid #c2d2e6; float: right;	display: inline;	width: 160px;	min-width: 160px;	max-width: 160px;	padding: 10px;	margin-left: 20px;}
.pane_r {	display: block;	line-height: 1.5em;	margin-right: 201px; }
.c_author {	font-size: 13px; font-weight: bold; 	margin: 0px 0px 7px 0px;}
.c_avatar {	display: block;	margin: 0px 0px 7px 0px;}.c_date {	color: #aaa;	font-size: 0.9em;	margin: 0px 0px 7px 0px;}
.c_approved {	color: #aaa;	font-size: 0.9em;}


 /*Reply*/
	.reply {		background:#f2f8ff; margin: 25px 15px 0px 0px;	padding: 10px;	font-size: 13px; border: 1px solid #c2d2e6;}
	.reply h1 {	font-size:13px;	color: #366799;	border-bottom: 1px solid #c2d2e6;	line-height: 1.5em;}
	.reply label {	margin-top: 5px;	margin-bottom: 5px;	vertical-align: middle;	color: #fff	margin-left: 5px;}
	.replytext {	width: 200px;	background: #FFF;	margin-top: 5px;	margin-bottom: 5px;	vertical-align: middle;	color: #000;	border: 1px solid #c2d2e6;	padding: 2px;}
	.replytext:focus {	background: #fffff9;}
	.replyarea {	width: 500px;	height: 100px;	background: #FFF;	margin-top: 5px;	margin-bottom: 5px;	vertical-align: middle;	color: #666;	border: 1px solid #c2d2e6;	padding: 2px;}
	.replyarea:focus {background: #fffff9;}
	.replybutton {	
	background-color:#34557e;
	border:1px solid #c2d2e6;
	font:bold 13px Tahoma;
	color:#ffffff;
	padding:0 6px;
	height:37px;
	line-height:37px;
	}

	div.aligncenter { display: block; margin-left: auto; margin-right: auto; background:#fff; } 
	.alignright {float: left; margin:3px; padding:3px;border: 1px solid #c2d2e6; } 
	.alignleft {float: left; margin:3px; padding:3px;border: 1px solid #c2d2e6; }  
	blockquote p{ padding:5px; margin:0; border:2px solid #c2d2e6; background:#ffffcc; } 



#featured-post-wrap {
 
	width:950px;
	position:relative;
	padding:10px 5px 20px 5px;
	margin:0px 0 0 0;
}

#featured-post {
	background:#f2f8ff;
	width:930px;
	margin:0 auto;
 
}

.featured-item {
 
	clear:left;
	height:206px;
 
}

.featured-thumb {
	background-color:#fff;
	padding:7px;
	border:1px solid #c2d2e6;
	margin-right:5px;
	float:left;
	width:304px;
}

.featured-item .date-post {
	font:normal 11px Tahoma;
	color:#443b2f;
	text-transform:uppercase;
}

.featured-item .title {
	clear:left;
	font:normal 26px Simplified Arabic,Georgia;
	font-style:normal;
	padding-bottom:3px;
	border-bottom:2px solid #c2d2e6;
	margin-bottom:3px;
}

.featured-item .post {
	float:left;
	width:550px;
}

.featured-item .entry {
	line-height:18px;
	color:#5c5c5c;
}

.featured-item a.read-more {
	background-color:#34557e;
	margin-top:10px;
	display:block;
	float:left;
	font:normal 11px Tahoma,Verdana,Arial;
	line-height:22px;
	padding:0 8px;
	border:0px solid #edae33;
	color:#ffffff;
}

.featured-item a.read-more:hover { color:#4a3d32; }

#featured-prev, #featured-next {
	background:#34557e url(images/featured-button-bg.png) no-repeat 0 0;
	position:absolute;
	top:5px;
	width:30px;
	height:200px;
	text-indent:-9999px;
	cursor:pointer;
}

#featured-prev {
	left:0;
}

#featured-next {
	background-position:0 -205px;
	right:0;
}



/* callendar widget */
#wp-calendar {
	empty-cells: show;
	width:100%;
}

#wp-calendar th, #wp-calendar td { text-align:center; }

#wp-calendar th { font-weight:bold; }

#wp-calendar #today {
	background-color:#34557e;
}

#wp-calendar a { color:#34557e; }

#wp-calendar a:hover { color:#ffffff; }

#wp-calendar #next { text-align:right !important; }
#wp-calendar #prev { text-align:left !important; }

/* widget-rss */
#widget-rss {
	background:#4c3f33 url(images/widget-bg.gif) repeat-y 0 0;
	padding:6px;
	margin-bottom:10px;
}

#rss-entry {
	font:normal 12px Arial, Verdana;
	color:#ecdbcd;
}

#rss-entry a { color:#ecdbcd; }

#rss-entry a:hover { color:#34557e; }

#rss-entry p {
	margin-bottom:7px;
}

#title-rss {
	font:normal 16px 'Trebuchet MS', Tahoma, Verdana;
	color:#34557e;
	padding-bottom:2px;
	border-bottom:4px solid #7b5f27;
	margin-bottom:5px;
}

.rss-post {
	background:transparent url(images/all-icons.gif) no-repeat 0 -87px;
	padding-left:20px;
	margin-right:45px;
}

.subscribe {
	border-top:1px solid #514438;
	padding-top:6px;
}
.subscribe form {
	clear:both;
	background:transparent url(images/rss-form-bg.png) no-repeat 0 0;
	width:309px;
	height:42px;
	position:relative;
	padding:0;
	margin:0;
}

.subscribe form input {
	background:transparent none repeat scroll 0 0;
	border:none;
	position:absolute;
	padding:0;
}

.subscriberbox {
	top:17px;
	left:5px;
	width:255px;
	color:#ecdbcd;
}

.subscriberbtn {
	top:0;
	right:0;
	width:36px;
	height:41px;
	cursor:pointer;
}


.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
	margin:0px;
	/* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}

body {
	background-color:#fff;
	font:normal 13px Tahoma,Verdana,Arial;
	color:#5c5c5c;
}

a {
	text-decoration:none;
	color:#0066cc;
}

a:hover { color:#ff9900; }

.icon {
	font:normal 11px Tahoma,Verdana,Arial;
	line-height: 20px;	
	float: left;	
	padding-left: 20px;	
	margin-left:0px;	
	background: url(images/datesmall.gif) no-repeat left center;
}


.wrapper {
	width:930px;	
 	margin:0 auto;
	padding:0px 0 0 0;
 

}

/* header */
#header {
	background: url(images/header-bg.png) repeat-x 0 0;
	height:180px;
}

#header h1 a:visited{ 
position:absolute;
display:block; 
background: url(images/logo.png) no-repeat left; 
height:122px; 
width:233px; 
margin:10px 0px 0px 0px;

} 

#blog-description {
	float:right;
	width:250px;
	margin:80px 100px 0 0;
	font-size:13px;
	font-weight:normal;
	color:#fff;
}

#top-search-wrap {
	background:transparent url(images/top-search-bg.png) no-repeat 0 0;
	float:left;
	width:250px;
	margin-top:53px;
	position:relative;
	height:31px;
}



#top-s, #top-search-submit {
	background:none;
	border:none;
	padding:0;
	position:absolute;
}

#top-s {
	font:normal 12px Tahoma;
	color:#5c5c5c;
	width:182px;
	top:8px;
	left:24px;
}

#top-search-submit {
	width:55px;
	height:30px;
	cursor:pointer;
	top:0;
	left:0;
}



#page-menu {
	height:39px;
	line-height:38px;
}

#page-menu ul li {
	display:inline;
	margin-right:40px;
	text-transform:uppercase;
}

#page-menu a {

	font:normal 13px Tahoma;
	color:#ffffff;
}

#page-menu a:hover { 
color:#34557e; }

/* content */
#content {
	float:left;
	width:620px;
	padding:10px 10px 0px 0px;
}

.block {
	float:left;
	width:310px;
	margin:0 10px 10px 0;
}

.last { margin-right:0 !important; }

.block-title {
	font:bold 13px Tahoma, Verdana, Arial;
	color:#34557e;
	padding-bottom:4px;
	border-bottom:2px solid #95afcf;
	margin-bottom:4px;
}

.block ul li {
	border-bottom: 1px dotted #95afcf;
	overflow:hidden;
	font:normal 13px Tahoma, Verdana;
	height:28px;
	line-height:26px;
}

#recent-entries ul li a, #recent-comments ul li span {
	background:transparent url(images/bullet.png) no-repeat right 3px;
	padding-right:20px;
}

 
.block a:hover { color:#00ff66; }



/* homecat*/

.homecat {
	float:left;
	width:310px;
	margin:0 25px 15px 0;
}

.last { margin-right:0 !important; }

.homecat-title {
	padding-bottom:px;
	border-bottom:3px solid #688fd6;
	margin-bottom:4px;
}

.homecat ul li {
	border-bottom: 1px dotted #f2f8ff;
	overflow:hidden;
	font:normal 13px Tahoma, Verdana;
	height:28px;
	line-height:26px;
}

#last-entries ul li a, #last-entries ul li span {
	background:transparent url(images/libg.gif) no-repeat right 3px;
	padding-right:15px;
}

.homecat a { color:#0000ff; }

.homecat a:hover { color:#34557e; }

/* endhomecat*/





#mini-post-wrap .odd { float:right; }

#mini-post-wrap .even { float:right; }

.spost {
 	margin-bottom:9px;
	border: 0px solid #63554a;
}

.post {
	margin-bottom:9px;
}

.mini-post {
	width:285px;
	margin:0px 0px 30px 10px;
 	height:250px;
	padding-right: 10px;
}

.title {
	font:normal 13px Tahoma, Verdana;
	margin-bottom:3px;
	padding:5px;
	color:#c2d2e6;
	border-bottom: 1px dotted #85a2c8;
}

.htitle {
	font: 13px Tahoma, Verdana;
	padding-right:15px;
	color:#34557e;
	background:transparent url(images/libg.gif) no-repeat right 3px;
	margin-bottom:3px;
}

.mini-post .title {
	height:20px;
	line-height:20px;
	overflow:hidden;
}

 .comment-post {
	font:normal 11px tahoma;
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	margin-right:10px;
}

.home_author{	
	line-height: 17px;
	float: right;	
	
	} 
	
	
 
 

.comment-post { background-position:0 -52px; }

.mini-post .entry, .mini-post .read-more { font-size:13px; }

.mini-post .read-more {
	background-color:#eeeeee;
	margin:0px;
	display:block;
	float:left;
	line-height:21px;
	padding:0 3px;
	border:1px solid #c2d2e6;
 
 
}

.mini-post a.read-more:hover { color:#df341b; }

#content .entry {
	padding-top:5px;
}

.navigation { margin-bottom:10px; }

.navigation a { font-size:13px; }

.pagetitle {
	margin-bottom:25px;
	color:#fff;
	font:normal 18px Arial,Verdana,Tahoma;
	border: 1px solid #c2d2e6;
	padding:10px;
	background:#34557e;
}

/* sidebar */
#sidebar {
	float:right;
	width:300px;
	padding-top:10px;
	height:auto;
	overflow:hidden;
}

.widget {
	background: #f2f8ff;
	border: 1px solid #c2d2e6;
	margin-bottom:10px;
	font:normal 12px tahoma,Verdana,Tahoma;
	color:#5c5c5c;
	padding:5px;
	line-height:20px;
	position:relative;
}

.widget-title {
	background: #fff;
	border: 1px solid #c2d2e6;
	font: 18px Arial,Georgia;
	color:#342d22;
	line-height:25px;
	overflow:hidden;
	padding:3px;
 	position:relative;
	z-index:1;
}

.widget-title-shadow {
	position:absolute;
	font:bold 0px tahoma,Georgia;
	top:0;
	left:9px;
	color:#ffffff;
	z-index:2;
	line-height:33px;
	width:302px;
}


.widget ul li {
	border-bottom: 1px dotted #95afcf;
	line-height:25px;
	padding:2px 13px 4px 5px;
	background:transparent url(images/bullet.png) no-repeat right 12px;

	
 
}
.widget ul ul {
	padding-left:10px;
}

.widget ul li li {
	background-position:0 0%;
}
.widget a { color:#34557e; 	font:bold 16px arial,Georgia; }
.widget a:hover { color:#34557e; }



/*------------------------------------------------*/
/*---------------[PAGES NAVIGATION]---------------*/
/*------------------------------------------------*/
#pages { width: 100%; float: left; height: 70px; background-color: #223e97;}
#pages-inside { width: 100%; float: left; height: 50px; background-color: #FFF; }
#pages-inside-2 { width: 950px; margin: auto; }
#pages-inside ul { list-style-type: none; list-style-image: none; padding: 0px 0px 0px 0px; margin: 0px; }
#pages-inside ul li { float: left; display: block; height: 70px; padding: 0px; margin: 0px; }
#pages-inside ul li a:link, #pages-inside ul li a:visited, 
#pages-inside ul li a:active { float: left; color: #887a68; display: block; height: 30px; font-size: 14px; padding: 23px 20px 0px 20px; margin: 0px; }
#pages-inside ul li a:hover { background-color: #f9f9f4; }
		/*-------------[DROPDOWN MENU]------------*/
		.nav, .nav * { margin:0; padding:0; list-style:none; }
		.nav ul { position:absolute; top:-999em; border-bottom: 0px solid #fff; }
		.nav li { float:left; position:relative; z-index:99; }
		.nav a { display:block; }
		.nav ul li { width: 100%; }
		.nav li:hover ul, ul.nav li.sfHover ul { right:0px; top:22px; }
		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:220px; top:0px; }
		.nav li:hover ul, .nav li li:hover ul { top: -999em; }
		.nav li li { display: block; padding: 0px; height: auto !important; }
		.nav li:hover { background-color: #34557e !important; }
		.nav li li a:link, .nav li li a:visited { width: 180px; border-bottom:1px solid #7e705c; display: block; background-color: #34557e;  height: auto !important; }
		.nav li li a:hover { background-color: #95afcf !important; }


/*------------------------------------------------*/
/*-------------[CATEGORIES NAVIGATION]------------*/
/*------------------------------------------------*/
#categories { width: 920px; float: right; margin: 35px 0 0 0; }
#categories ul { margin: 16px 0 0 0; list-style-type: none; list-style-image: none; float: right; }
#categories ul li { float: right; display: block;}
#categories ul li a:link, #categories ul li a:visited,#categories ul li a:active { height: 15px; display: block; color: #FFFFFF; font-size: 13px; padding: 12px 17px; float: left; margin:0px; }
#categories ul li a:hover { background-color: #95afcf; }

	 
		
/* header Adv*/
#headeradv{
	float:left;	
	background:#f2f8ff;	
	padding:3px 3px 0px 3px;
	margin:25px 0 0 0;
	
	} 	
	
.rightadv {
	background:#f2f8ff;	
	padding:4px 4px 1px 3px;
	margin-bottom:10px;
	border: 1px solid #c2d2e6;
	} 		
	

 /*Blog Information Section*/
 
#bloginfo {	background: #f2f8ff;	padding:10px ; margin-top:30px;	border-top: 1px solid #c2d2e6;}
#bloginfobox {	width: 960px;		margin-right: auto;	margin-left: auto;	padding: 0px;}
 
 
 /*Footer CSS*/
#footer { background:#294669;}
#footer a {	color: #FFF;}
#footer a:hover {	color: #FFF;}
.copyright { 	color:#fff;	margin-right: auto;	margin-left: auto; text-align: center;	padding: 15px;	line-height:15px;}
a.footrss {	background: url(images/rss.png) no-repeat right center;	padding-right: 20px;	margin-right: 5px;}
.viewsc {	line-height: 20px;	float: left;	margin-left:15px;	background: url(images/show.gif) no-repeat left center;	padding-left: 20px;}

/* Coldskin #2 for Contact Coldform WordPress Plugin*/
div#coldform * {    padding: 0;    margin: 0;    border: 0;}
div#coldform {    font-family: Tahoma;    font-size: 12px;    margin: 11px 0;    width: 500px;    color: #777;}
div#coldform fieldset {    border: 0 none;    display: block;    clear: both;}div#coldform legend.hide {   display: none;}
.input:focus, textarea:focus {    border: 1px solid #777;    color: #aaa;}
div#coldform label.label {    font-size: 1.1em;	color: #888888;    display: block;    margin: 5px 0;    padding-top: 5px;    width: 60px;    clear: right;    float: right;}
div#coldform label.label2 {color:#;display:block;font-family:Tahoma;font-size:12px;padding-bottom:10px;width:463px;float:right;clear:right;}
div#coldform input.input {    font-family: Tahoma;    border: 1px solid #dbdbdb;    background: #fff;    padding: 3px 3px;    font-size: 12px;    margin-top: 10px;    margin-right: 0px;    display: block;    width: 200px;    color: #888;    clear: left;    float: right;}
div#coldform textarea#coldform_message {    font-family: tahoma;    border: 1px solid #dbdbdb;    background: #fff;    padding: 1px 3px;    font-size: 12px;    margin-top: 0px;    margin-right: 60px;    display: block;    width: 470px;    color: #888888;    clear: right;    float: right;}
div#coldform input.submit {   font-family: Tahoma;    border: 1px solid #dbdbdb;    margin-right: 60px;	margin-top: 10px;	background:#355175;    font-size: 12px;    cursor: pointer;    display: block;    padding: 3px;    width: 150px;    color: #FFF;    clear: right;    float: right;}
div#coldform input.check {display:block;margin: 0;padding-bottom: 5px;width:37px;float:right;clear:right;}