/*
Theme Name: MATALI New
Theme URI: http://wordpress.org/
Description: New theme matali.
Version: 1
Author: Abdelilah
Author URI: http://www.kantik.com/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: Kantik

	This theme was designed and built Kantik,

*/



/* Begin Typography & Colors */
body{
	font-size: 14px; /* Resets 1em to 10px */
	font-family:Arial,Verdana,sans-serif;
	background: #ffffff url('images/bg_body.gif') repeat-x;
	color: #8a8a8a;
	margin:0;
	border:0;
	padding:0;
	}


#bg_page{
    background: url('images/bg_page.gif') no-repeat;
    width:1164px;
    margin:0 auto;
}
#wapper{
	background: url('images/bg_wapper.gif') repeat-y;
	width:980px;
	margin:0 auto;
	padding:0 0 40px 0;
}

#header{
	background: url('images/bg_header.gif') no-repeat;
	height:45px;
	width:980px;
}
#left{
    width:390px;
    float: left;
    margin:0 0 0 15px;
}
#content{
    width:513px;
    float: right;
    margin:37px 30px 0 0;
}

/****************  FORM SEARCH  *****************/

.form-search{
    float: right;
    margin-right: 25px;
    padding-top: 8px;
}
.form-search span{
    float: left;
    text-align:right;
    margin:5px 0 0 0;
    font-size:12px;
    color:#ffffff;
    font-weight: bold;
}
.form-search form{
    margin:0 0 0 5px;
    padding:0;
    float: left;
}
.form-search #s{
    float: left;
    padding:4px;
    border:1px solid #6c6c6c;
    background: #ffffff;
    height:15px;
}
#searchsubmit{
    border:0;
    background:#cacaca;
    color:#ffffff;
    text-align: center;
    font-size:11px;
    height:23px;
    float: left;
    margin:1px 0 0 0;
    cursor:pointer;
}


.rss-header{
    font-size:11px;
    margin:1px 0 0 50px;
}
/*********************  SIDEBAR **********************/
#sidebar{
    width:290px;
    margin: 0 0 0 55px;
    line-height: 18px;
}
#sidebar .item-bloc{
    background: url('images/bottom_bloc.gif') no-repeat;
    background-position: bottom;
    padding-bottom: 10px;
    margin:0 0 10px 0;
    
}

#sidebar h1{
    font-size:14px;
    color:#5a5a5a;
    font-family: 'Lucida Grande',Arial,Verdana, Sans-Serif;
}

#sidebar .twitter h1 img{
    vertical-align: middle;
}
#sidebar ul{
    margin:10px 0 0 0;
    list-style: none;
    padding:0;    
}

#sidebar ul li{
    color:#e555a8;
    font-weight:bold;
    font-size: 12px;
}

/*********************** NEWSLETTER **************************/
#sidebar .newsletter form{
    margin:15px 0 15px 0;
    
}
#sidebar .newsletter input{
    border:1px solid #6c6c6c;
    font-family:Arial,Verdana,sans-serif;
	color: #c4c4c4;
	font-size: 12px;
	width:248px;
	padding:2px;
	height:20px;
	float: left;
}
#sidebar .newsletter a.submit-news{
    background:#cacaca;
    color:#ffffff;
    text-align: center;
    font-size:11px;
    padding:4px 8px;
    float: left;
}
#resultado{
    color:red;
    font-style: italic;
}
/************************* TWITTER  ***********************/

.twtr-hd{
    display:none;

}
.twtr-bd{
    width:290px;
    margin-top: 12px;
    padding:10px 0 10px 0;
    border-bottom: 1px solid #eaeaea;
    background: url('images/bg_twitter.gif') no-repeat;
}

.twtr-ft{
    display:none;
}
.joindre{
    margin: 10px 0 0 0;
    text-align: right;
    
}


/***************************/
#sidebar .categorie{
    background: url('images/bg_bloc-cat.gif') no-repeat;
    background-position: top right;
}
#sidebar .archive{
    background: url('images/bg_bloc-archive.gif') no-repeat;
    background-position: top right;
}

#sidebar .archive form{
    margin:10px 0;
}

#sidebar .archive select{
    border:1px solid #6c6c6c;
    font-family:Arial,Verdana,sans-serif;
	color:#e555a8;
    font-weight:bold;
	font-size: 12px;
	width:278px;
	padding:3px;
}
/*******************************************  STYLE    *****************************/

a{
    color:#e555a8;
    font-weight:bold;
    text-decoration: none;
    outline:none;
}
a img {
	border: none;
	}
.clear{
    clear:both;
}
h1, h2, h3 {
	margin:0;
}


/*********************************** POST **************************/
#content .post{
    margin:0 0 20px 0;
     background: url('images/bottom_bloc.gif') repeat-x;
    background-position: bottom;
    padding-bottom: 10px;
    text-align:justify;

}
#content .postcontent h2, #content .postcontent h2 a{
    font-size: 18px;
    color:#3e2a2a;
    font-family: 'Lucida Grande',Arial,Verdana, Sans-Serif;
}
.postmetadata {
	clear: both;
	background:transparent url('images/commentDot.png') no-repeat scroll left center;
	padding-left:30px;
	text-align:left;
}

#content .postcontent .date{
    color:#cacaca;
    font-size:11px;
    text-transform: uppercase;
    font-family: 'Lucida Grande',Arial,Verdana, Sans-Serif;
}



/*************** COMMENT ***********************/

#author, #email, #url{
    border:1px solid #6c6c6c;
    font-family:Arial,Verdana,sans-serif;
	color: #8a8a8a;
	font-size: 12px;
}
textarea{
    width:509px;
    font-family:Arial,Verdana,sans-serif;
	color: #8a8a8a;
	font-size: 12px;
	padding:2px;
	border:1px solid #6c6c6c;
}
#submit{
    border:0;
    background:#cacaca;
    color:#ffffff;
    text-align: center;
    font-size:11px;
    height:23px;
    margin:1px 0 0 0;
    cursor:pointer;
}


/*************************************  FOOTER  **********************************/
#footer {
	background:#eaeaea;
	width: 100%;
	margin:0;
}

#footer .warp-footer{
	background: url('images/bg_footer.gif') repeat-y;
	padding: 15px 0 15px 0;
	margin: 0 auto;
	width: 980px;
}
#footer p{
	margin: 0 0 0 40px;
	text-align: left;
	font-size: 11px;
	
}
#footer p img{
	vertical-align: middle;
}
/* End Structure */