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

    Theme Name: بصمة أمل
    Theme URI:  http://www.
    Description:  ثيم مدونة بصمة أمل ....  : - تكويد :  <a href="http://www.takwed.com">Takwed</a>.
    Version: 1.0
    Author: iCoNzZz
    Author URI: http://www.iconzzz.com
        
    Xhtml & CSS By : Takwed.com | Fouad Badawy
    -------------------------------------------------------------   */
 
* { margin:  0;  padding: 0;  border:  0 none;  list-style-type: none;}

/*	Body
	- - - - - - - - - - */
body {
	background:#000;
    direction: rtl;
    font: 9pt Tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
	color:#333;
}

 /*	Wrapper
	- - - - - - - - - - */ 
.wrapper {
	background:url(images/bg.jpg) repeat-y top center;
	overflow:hidden;
	margin:0 auto;
}   
	.wrapper-container{background:url(images/header.jpg) no-repeat top;}

/*	Header
	- - - - - - - - - - */
.header {
	height: 390px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;
	color:#000;
	font-weight:bold;
	width:890px; 
}
    .logo {
    	position:absolute;
		display:block;
		height:140px;
		text-indent:-9999px;
		overflow:hidden;
		width:400px;
		left:30px;
		top:90px;
	}
	.buttons{ 
		height:40px;
		position:absolute;
		top:330px;
		right:2px;
		width:100%;
		overflow:hidden;
	}	
		.buttons li{
			overflow:hidden;
			margin-left:10px;
			float:right;
		}
			.buttons li a{
				background:url(images/buttons.png) no-repeat ;
				width:135px;
				height:20px;
				padding-top:7px;
				text-align:center;
				display:block;
				overflow:hidden;
				color:#FFF !important;
			}
				*html .buttons li a{background:url(images/buttons.jpg) no-repeat ;}
				
				.buttons li a:hover{color:#ccc !important;background:url(images/buttons2.png) no-repeat ;}
				
	.search-index{
		width:300px;
		top:268px;
		right:20px;
		position:absolute;
	}
	.search-index #s{background:#FFF !important; width :190px; color:#999 !important; border:0 none !important; padding:6px; margin-left:10px;}
	.search-index .submit{background:#4e0029 !important; color:#FFF !important; cursor:pointer; border:0 none !important; padding:6px;}
	
	.youtube-rss{
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background:#4e0029;
		width:80px;
		height:40px;
		position:absolute;
		left:20px;
		padding-right:20px;
	}
		.rss-icon , .youtube-icon{
			background:url(images/tube-rss.gif) no-repeat right;
			width:20px;
			height:20px;
			display:block;
			float:right;
			margin:10px 0 0 20px;
			overflow:hidden;
			text-indent:-9999px;
		}
		.rss-icon{background-position:left center;}
	


	.facebook-twitter{
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background:#4e0029;
		width:80px;
		height:40px;
		position:absolute;
		left:20 px;
		padding-right:20px;
	}
		.twitter-icon , .facebook-icon{
			background:url(images/face-twit.gif) no-repeat right;
			width:20px;
			height:20px;
			display:block;
			float:right;
			margin:10px 0 0 20px;
			overflow:hidden;
			text-indent:-9999px;
		}
		.twitter-icon{background-position:left center;}

/*	Sidebar
	- - - - - - - - - - */
.sidebar{
	width:215px;
	float:right;
	padding-left:5px;
	overflow:hidden;
	color:#DBB9CB;
}
	.widget{background:url(images/widget-bg.jpg) repeat-y center top; margin-bottom:10px; width:215px; overflow:hidden;}
		.widget-container{background:url(images/widget-footer.jpg) no-repeat center bottom; overflow:hidden; padding: 0 20px 25px;}
			.widget-container p{margin-bottom:10px;}
			.widget h2{
				background:url(images/widget-head.jpg) no-repeat center top; 
				font-size: 16pt;
				color:#FFF;
				padding:30px 10px 0;
				height:42px;
				text-shadow: 2px 2px 2px #111;
				text-align:center;
			}
		.widget h2 a:active , .widget h2 a:link , .widget h2 a:visited {color:#FFF;}
			.sidebar ul li {
				background: url(images/arrow.jpg) no-repeat right center;
				display:block;
				border-bottom: 1px dashed #AF678D;
				padding:3px 15px 5px 3px;
			}
			.sidebar ul li:hover {border-bottom: 1px dashed #D0A6BC;}
				.sidebar ul li li{border-bottom:0 none !important;}
			.sidebar  a:link, .sidebar  a:active, .sidebar a:visited {color: #FFF;}
			.sidebar a:hover {color: #ccc;}



/*	Narrowcolumn
	- - - - - - - - - - */
.container{
	margin:0 auto;
	overflow:hidden;
	padding: 0 10px;
	height:100%;
	width:900px;
}
.narrowcolumn{
	width:680px;
	margin-bottom:10px;
	float:left;
}
	.title{ background:url(images/title.jpg) no-repeat right; padding:10px ;  overflow:hidden;}
	.title h2{float:right;}
	.postmetadata{float:left;}

.post{
	line-height:20px;
	text-align:justify;
	margin-bottom:10px;
	clear:both;
	overflow:hidden;
	border-bottom:2px solid #4b0027;
}
	.entry{	padding:5px 10px 0;	clear:both; overflow:hidden;}

	blockquote {
		margin: 15px 30px 0 10px;
		padding-right: 20px;
		border-right: 5px solid #ddd;
		color: #999;
	}
	.more-link , .comments a{
		background:url(images/small-button.jpg) no-repeat ;
		width:102px; height:23px;
		display:block;
		float:right;
		margin:20px 0 10px 10px;
		overflow:hidden;
		text-align:center;
		font-weight:bold;
		padding-top:1px;
		color:#FFF !important;
	}
	
	.entry p{margin-bottom:1.2em;}
	
.navigation {
	display: block;
	margin: 20px 50px 5px;
	clear:both;
	overflow:hidden;
}
.post-metadata{
	background:#FFFFFF;
	border:1px solid #FEC2E3;
	padding:2px 8px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:10px;
}

html>body .entry ul {
	margin-left: 0px;
	padding: 0 30px 0 0;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
	html>body .entry li {margin: 7px 0 8px 10px;}
	
.entry ul li:before, #sidebar ul ul li:before {	content: "\00BB \0020";}
.entry ol {	padding: 0 0 0 35px;}

/*	CommentList
	- - - - - - - - - - */	
.commentlist{padding:0 10px;}
.commentlist li .avatar { 
	float: right;
	padding: 1px;
	background: #FEC2E3;
	margin-left:5px;
}
.commentlist cite, .commentlist cite a {font: bold 12pt arial;}
.commentlist p {line-height:20px;	margin:0 5px 5px;}
.alt {padding: 10px;}
.commentlist li {
	border:1px solid #FEC2E3;
	margin: 15px 4px 10px 5px;
	padding:  10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.commentlist li ul li { 
	margin-left: -5px;
	margin-right: 20px;
}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;}
.commentmetadata {
	display: block;
	font-size:90%;
	margin-bottom:18px;
	border-bottom:1px solid #FEC2E3;
	padding:5px 10px 15px;
}
.reply a{
	background:#FEC2E3;
	padding:3px 5px 5px;
	display:block;
	width:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	color:#000 !important;
}
.says {display:none}
.thread-alt , .thread-even .alt{background:#FEE9F8;}
.thread-alt .odd, .thread-even{background-color: #FFECFC;}
.commentlist li .sep{display:none;!important;}

#respond h2 , #comments{text-align:center;}
#respond{padding:0 10px;}

	.submit-button{	float:left;	width:102px !important; padding:0 !important; border:0 none !important; margin-left:10px; display:inline;}

/*	Footer
	- - - - - - - - - - */
.footer{
	clear:both;
	background:url(images/footer.jpg) no-repeat center bottom;
	overflow:hidden;
	height:54px;
	padding:20px 20px 0;
	color:#000;
	text-align:center;
}

/*	Forms
	- - - - - - - - - - */
#commentform input{	width:200px;}	
textarea {width: 95%;}
textarea ,input{
	background: #ffffff;
	border: 2px solid #FEC2E3;
	color: #4F1305;
	font:9pt Tahoma;
	margin-bottom:7px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:4px 8px;
}
	input:hover,textarea:hover{	border: 2px solid #9D5178;}
	input:focus,textarea:focus{	border: 2px solid #9D5178; background:#FFF;}


/*	Align & Links & Text
	- - - - - - - - - - */
img.centered,img.aligncenter {display: block; margin:2px auto; border:1px solid #cbcdcc; padding: 4px;}
img.alignright{ padding: 4px; margin: 2px 3px 3px 8px; display: inline; border:1px solid #cbcdcc; clear:both;}
img.alignleft {	padding: 4px; margin: 2px 8px 3px 3px; display: inline; border:1px solid #cbcdcc; clear:both;}

.alignright {float: right;}
.alignleft  {float: left;}
small {
	font: normal 9pt tahoma,Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
h2, h3 {
	font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
	font-weight: bold;
}
h2 {font-size: 18pt;}
	h2.pagetitle {
		font-size: 18pt;
		text-align: center;
		color:#666;
		margin-bottom:10px;
	}
h3 {font-size: 14pt;}
h2 , h2  a:link, h2 a:active, h2 a:visited{color:#53002E;}
h2 a:hover{color:#9F0058;}
a:link,a:active,a:visited {
	text-decoration: none;
	outline:none;
	color: #53002E;
}
a:hover {color: #9F0058;}

.clear{clear:both;}