/*
Theme Name: starting point theme
Theme URI: http://wordpress.org/
Description: قالب  نقطة بداية من تصيم <a href="http://www.fez-soft.net" target="_blank">Fez-Soft</a>
Version: 1
Author: Fez-Soft
Author URI: http://fez-soft.net/
Tags: blue, custom header, fixed width, two columns, widgets
 
 
	This theme was designed by Mohammed Chater,
	whose blog you will find at http://fez-soft.net/
 
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
 
*/


body {
	background: url('images/background.jpg');
	font: 12px tahoma;
}
body, #all {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #996633;
}
a:hover {
	border-bottom: 1px dashed ;
}
a:focus {
	outline: none;
}
a.more-link {
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
	width: 89px;
	height: 18px;
	background: url('images/more.gif');
	color: #fff;
	font: arial 18px;
	border: none;
}
	#all {
		background: url('images/piot_04.gif') repeat-y center top ;
		width:100% ;
		min-height: 100%;
	}
	/* header */
	#header {
		height: 236px;
		width: 100%;
		background: url('images/piot_01.gif') no-repeat top center;
	}
		#head, #con, #foot {
			width: 900px;
			margin: 0 auto;
			height: 100%;
			border: 1px solid transparent;
		}
		
		
		#head form {
			float: right;
			width:190px ;
			margin: 0 ;
			padding: 7px 40px;
			background: none;
		}
	 	input#s {
			width: 150px;
			font: 12px tahoma;
			background: none;
			border: none;
			padding: 0 5px;
			color: #8A2000;
		} 
		input#searchsubmit {
			width: 25px;
			border: none;
			height: 20px;
			background: none;
			cursor: pointer;
		}
		#top_menu {
			width: 610px;
			float: left;
		}
			#top_menu ul {
				list-style: none;
				margin: 0;
				padding: 10px;
				direction: ltr;
			}
				#top_menu ul li {
					float: left;
					font: 18px arial;
					border-right: 1px solid #ccc;
				}
				#top_menu ul li a{
					display: block;
					padding: 2px 20px;
					color: #776515;
					
				}
				#top_menu ul li a:hover {
					color: #000;
					border: none;
				}
		#logo {
			width: 200px;
			height: 100px;
			margin: 70px 120px ;
		}
		#logo a {
			display: block;
			width: 100%;
			height: 100%;
			border: none;
		}
		/* cat_list */
		#cat_list {
			background: none;
			width: 760px;
			height: 36px;
			color: #FFFFFF;
			margin: -52px 100px 0 0;
			padding: 0px;
			}
		#sub_cat ul, #sub_cat li{
			float: right;
			list-style: none;
			margin: 0px;
			padding: 0px;
			}
					
		#sub_cat li a, #sub_cat li a:link, #sub_cat li a:visited {
			color: #eee;
			display: block;
			font: 12px tahoma;
		    margin: 0px;
		    height: 20px;
			padding: 10px 30px 9px 30px;
			border-left: 1px solid #139ED1;
			}
		
		#sub_cat li a:hover, #sub_cat li a:active , #sub_cat li a.current_page_item{
			background: url('images/bg-list.png') repeat-x center center;
			color: #FFFFFF;
			display: block;
			text-decoration: none;
			border-bottom: none;
			}
			
		#sub_cat li li a, #sub_cat li li a:link, #sub_cat li li a:visited {
			background: #FAF7F0;
			width: 160px;
			float: none;
			margin: 0px;
			padding: 6px 6px 6px 10px;
			border: none;
			border-bottom: 1px solid #F2F0E9;
			color: #bbb;
			
			}
			
		#sub_cat li li a:hover, #sub_cat li li a:active {
			margin: 0px;
			color: #000;
			}
			
		#sub_cat li ul {
			z-index: 9999;
			position: absolute;
			visibility: hidden;
			height: auto;
			width: 160px;
			margin: 0px;
			display: block;
			background: #FAF7F0;
			border: 1px solid #F2F0E9;
			
			}
		
		#sub_cat li li { 
			}
		
		#sub_cat li ul a { 
			width: 150px;
			}
		
		#sub_cat li ul a:hover, #sub_cat li ul a:active { 
			}
		
		#sub_cat li ul ul {
			margin: -25px 0 0 -0px;
			padding: 0;
			}
		
		#sub_cat li:hover ul ul, #sub_cat li:hover ul ul ul, #sub_cat li.sfhover1 ul ul, #sub_cat li.sfhover1 ul ul ul {
			left: -999em;
			}
		
		#sub_cat li:hover ul, #sub_cat li li:hover ul, #sub_cat li li li:hover ul, #sub_cat li.sfhover1 ul, #sub_cat li li.sfhover1 ul, #sub_cat li li li.sfhover1 ul {
			left: auto;
			visibility: visible;

			}
		
		#sub_cat li:hover, #sub_cat li.sfhover { 
			position: static;
			}
		#sub_cat li:hover ul li:hover ul {
			position : relative ;
			right : 170px;
			top: -9px;
			bottom: 0;
		}

	/*content */
	#content {	
		width: 100%;
		background: url('images/piot_03.gif') no-repeat center top;
	}
		#con {
			padding: 10px 80px 10px 30px;
			min-height: 100%;
		}
			#main {
				width: 600px;
				margin-right: 240px;
			}
			.ind, .hentry {
				padding: 30px 5px 50px 5px;
				background: url('images/ind.gif') no-repeat bottom center;
			}
				.ind p.postmetadata  {
					margin: -20px 70px 0 0;
					padding: 2px;	
					border: none;
					border-top: 1px dashed #E6DEC8;
					background: none;
					font-size: 10px;		
				}
				.entry .alt {
					background:#FAF7F0;
					margin: 0 0 30px 0;
					border: 1px solid #F2F0E9;
				}
				p.tags {
					background:#FAF7F0;
					margin: 0 0 5px 0;
					border: 1px solid #F2F0E9;
					padding: 5px;
				}
				h2 {
					font: 22px arial;
					text-indent: 70px;	
					margin-top: 10px;
				}
					h2 a{
						text-decoration: none;
						color: #996600;
					}
					* html h2 a {
						cursor: pointer;
					}
					h2 a:hover {
						border-bottom: 1px dotted #996600;
					}
				p.postmetadata {
					margin:-25px 70px 0 0;
				}
				.entry {
					text-align: justify;
				}
					.entry img {
						padding: 1px;
						border: 1px solid #eee;
					}
						.entry img:hover {
							border: 1px solid #bbb;
						}
					.entry ul {
						margin: 2px 20px;
						list-style: none;
					}
						.entry ul li {
							padding: 3px 20px;
							background: url('images/li.png') no-repeat right center;
							
						}
					
				.date {
					text-align: center;
					margin: -60px 0 0 10px;
					background: url('images/bg_date.jpg') no-repeat center center;
					width:61px ;
					height: 68px;				
				}
					.date small {
						position: relative;
						top: 5px;
						font: 10px tahoma;
					}	
						.date small span {
							font: 25px "Times New Romain";
						}
				p.postmetadata  {
					padding: 5px;
					margin: 5px;
					border: 1px solid #E6DDCC;
					background: #F6F3EB;
				}		
			/* Sid bar */
			#sidbar {
				width: 220px;
				border-left: 1px solid #eee;
				float: right;
				padding:20px 5px;
			}
				#sidbar ul{
					margin: 0;
					padding: 0;
					list-style: none;
				}
				#sidbar ul li, #footer h2.widgettitle {
					background: url('images/h1.gif') no-repeat top center;
				}
					#sidbar ul li h1, 	#sidbar ul li h2.widgettitle, #footer h2.widgettitle {
						color: #fff;
						font: 18px arial ;
						text-align: right;
						text-indent: 0;
						padding: 5px 30px;
					}
					#sidbar ul li ul , .textwidget {
						margin: 0 5px 5px 5px;
						text-align: justify;
						padding: 0;	
					}
					#sidbar ul li ul {
						border-top:1px dashed #eee;	
					}
					
					#sidbar ul li ul li {
						border-bottom: 1px dashed #eee;
						background: url('images/sid.jpg') no-repeat right center;
		
					}
					#sidbar ul li ul li a {
						padding: 10px 30px;
						display: block;
						color: #bbb;
					}
					#sidbar ul li ul li a:hover {
						color:#996633 ;
						border: none;
					}
					
					/* rss twiter sidbar */
					#rssli {
						background: #fff url('images/rssli.png') no-repeat right center;
					}
					#twitli{
						background:#fff url('images/twitli.png') no-repeat right center;
					}
					#faceli {
						background:#fff url('images/faceli.png') no-repeat right center;
					}
	
	/* footer */
	#footer {
		clear: both;
		height: 428px;
		width: 100%;
		background: url('images/site_03.gif') no-repeat bottom center;
		margin: 10px 0 0 0 ;
		
		
	}
		#des, #copy {
			color: #bbb;
			margin: 25px 30px ;
		}
		#copy {
			text-align: right;
			width: 30%;
			float: right;
		}
		#des {
			width: 15%;
			float: left;
			
		}
		#icone {
			width: 22%;
			float: left;
			text-align: left;
			margin: 50px 0 0 50px;
			
		}
		#icone a {
			text-decoration: none;
			
		}
		#menu_foot {
			margin: 84px 20px 0 0;
			width:70% ;
			float: right;
			
		}
		#menu_foot ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#menu_foot ul li {
			float: right;
			
		}
			#foot #icone a img {
				border: none;
				width: 60px;
				height: 60px;
				text-decoration: none;
			}
			
		#foot1, #foot2 {
			width: 49%;
			height: 200px;
		}
		#foot #foot1 {
			float: right;
			border-left:1px solid #eee ;
		}
		#foot #foot2 {
			margin-right: 50%;
		}
		#footer h2.widgettitle {
			text-align: center;
		}
		#footer ul {
			margin: -10px 5px 5px 5px;
			text-align: right;
			padding: 0 20px 0 20px;
			list-style: none;
		}
		#footer ul li {
			padding: 5px 20px 5px 10px;
			background: url('images/li.png') no-repeat right center;
		}
/* search */

h2.pagetitle , h2.pages  {
	padding: 5px;
	font: 20px arial;
}
h2.pagetitle{
	background: url('images/views-32.png') no-repeat 95% 50%;
}
h2.pages  {
	background:url('images/article-32.png') no-repeat 95% 50% ;
}

ul.seo {
	padding: 0 20px;
	margin: 0;
	list-style: none;
}
	ul.seo li {
		padding: 4px 20px 4px 0;
		background: url('images/12.png') no-repeat right center;
	}	

/* comment */

/* form */
.respond {
	padding: 20px;
}
h3#comments {
		font: 18px arial ;
		padding: 10px 60px 10px 0;
		border-bottom: 1px dashed #E6DEC8;
		border-top: 1px dashed #E6DEC8;
		background: url('images/comm.png') no-repeat 97% 50%;
	}
form {
	border: 1px solid #F0E7D1;
	padding: 10px;
	
}
form#commentform {
	background: #FAF7F0;
	border: 1px solid #F2F0E9;
}
form input, form#commentform textarea {
	padding: 5px;
	background: #fff;
	border: 1px solid #F2F0E9;
	font: 12px tahoma ;
}
form input:hover, form#commentform textarea:hover,form#commentform textarea:focus,  form input:focus, textarea:focus ,textarea:hover {
	background: #FAF7F0;
	border: 1px solid #bbb;
} 
 	
form input{
	width: 200px ;
}	
form textarea {
	width: 500px;
}		
/* list */
ol.commentlist{
	list-style: none;
	margin: 0;
	padding: 0;
}
	li.comment  {
		background:#FAF7F0 url('images/ol.png') no-repeat top right;
		padding: 5px;
		margin: 0 0 5px 0;
		border: 1px solid #F2F0E9;
	}
	li.comment .comment-author , li.comment .commentmetadata{
		margin: 3px 40px 0 0;
	}
	li.comment img,li.byuser img {
		float: left;
		border: 3px solid #fff;
		margin: -2px 5px 3px 0;
	}
	li.comment em {
		margin-right:40px ;
		color: red;
	}
	
	li.comment cite {
		font:bold 14px arial;
		border-bottom: 1px dashed #bbb;
		margin-right:40px ;
	}
	li.comment span.time {
		margin-right:40px ;
	}
	li.comment .commentmetadata{
		font: 10px tahoma;
	}
	li.comment p{
		text-align: justify;
	}
	
/*	contact	*/

div#coldform * {
    padding: 0;
    margin: 0;
    border: 0;
}
div#coldform {
    font-family: Tahoma;
    font-size: 12px;
    width: 500px;
    color: #777;
}
div#coldform fieldset {
    border: 0 none;
    display: block;
}
div#coldform legend.hide {
    display: none;
}

.input:focus, textarea:focus { 
    border: 1px solid #777; 
    color: #000;
}


div#coldform label.label {
    font-size: 1.1em;
    display: block;
    margin: 5px 0;
    padding-top: 5px;
    width: 177px;
    clear: left;
    float: left;
}

div#coldform label.label2 {
color:#888888;
display:block;
font-family:Tahoma;
font-size:12px;
padding-bottom:10px;
width:463px;
float:left;
clear:left;

}

  
div#coldform input.input {
    font-family: Tahoma;
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 250px;
    clear: right;
    float: right;
}


div#coldform textarea#coldform_message
 {
    font-family: tahoma;
    padding:5px;
	border:1px solid #DCDEDD;
    font-size: 12px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 470px;
    color: #888888;
    clear: right;
    float: right;
}


div#coldform input.submit {
   font-family: Tahoma;
    border: 1px solid #DCDEDD;
    margin: 7px 10px 10px 0;
    font-size: 12px;
    cursor: pointer;
    display: block;
    padding: 3px;
	width: 100px;
    clear: right;
    float: right;
}


div#coldform input.check {
display:block;
margin: 0;
padding-bottom: 5px;
width:37px;
float:right;
clear:right;
}

/* suplementaire */
.alignleft {
	float: left
	}
.alignright {
	float: right
	}		
span#single {
	font: 12px tahoma;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 20px 0 0;
	background: url('images/author.png') no-repeat right center;
}
.post a {
	border-bottom: 0;
}
.post a:hover {
	text-decoration: underline;
}
h6 {
	font: 18px bold arial;
	color: #439F00;
	background: url('images/h6.png') no-repeat center right;
	padding: 5px 30px;
	width: 50px;
	margin: 0 auto;
}