/*  
Theme Name: Damai
Theme URI: http://blog.eches.net/themes
Description: A brief description on the name of this theme; Damai (in Malay) can be loosely translated as tranquility. This theme was designed and built by <a href="http://blog.eches.net/">eches</a> and is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. You can make any changes and use it for any purposes; just keep the footer link intact.
Version: 1.0
Author: eches
Author URI: http://blog.eches.net
*/

/*++++++++++++++++++++++++ Global Declaration ++++++++++++++++++++++++++++++++*/
body, h1, h2, h3, h4, h5, h6, blockquote, form {
	margin: 0;
 	padding: 0;
}
body {
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	background: #ffffff;
	color: #000000;}
a:link, a:visited, a:active, {
	text-decoration: none;
	color:#003399;
	font-weight:bold;}
a:hover{
color:#E8E8A9}
/*+++++++++++++++++++++++ Top: Header and Navigation ++++++++++++++++++++++++++*/
#top {
	width:100%;
	background:url(images/header.jpg) repeat-x;
	height:130px;}
/*+++++++++++++++++++++++++++++++ Header ++++++++++++++++++++++++++++++++++++++*/
#header_top {
	width: 1000px;
	margin:0 auto;
	height:84px;}
#left_corner {
	float:left;
	height:66px;width:480px;
	padding:12px 0 5px 0;
	background:url(images/right_corner.jpg) no-repeat;}
#left_corner h1 a {
	color: #000000;
	font-size:34px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	padding-left:35px;
	text-decoration:none;
	font-weight:700;}
.description {
	color: #FFFFFF;
	font-size:12px;
	font-family:Sans-serif,Georgia,Verdana;
	padding-left:15px;
	font-weight:700;
	padding-top:1px;}
#right_corner {
	float:right;
	height:84px;width:470px;}
/*+++++++++++++++++++++++++++++ Top Navigation +++++++++++++++++++++++++++++++*/
#header_nav {
    width:100%; 
    background:url(images/menu.jpg) repeat-x;
    height:43px;
    margin:0 auto;}
nav {
    width:995px;  
    margin:0 auto; padding:0; 
    overflow:hidden;
    height:31px;}
#menu {
    float:left;
    margin:5px;
    padding:3px;
    width:730px;}
#menu li {
    display: inline;
    list-style: none;
    margin:0;
    padding:0;}
#menu ul, #menu ol {
    display: inline;
    list-style: none;
    margin:0;
    padding:0 10px 0 0;}
#menu a, #menu a:visited {
    color: #FFFFFF;
    font-weight: bold;
    margin:0;
    padding: 3px 10px 3px 10px;
    text-decoration: none;}		
#menu a:hover {
    background: #3196CE;
    text-decoration: none;
    border:1px solid #fff;}
#subscribe {
    float: right;
    width:92px;
    height:32px;
    margin:4px 4px 3px 4px;}
.rss { 
    float:right;
    margin:7px 10px 5px 0px;
    width:230px;}
.rss ul { 
    margin: 0; padding: 0 2px;}
.rss li { 
    background: url(images/rss.gif) no-repeat 0 3px;
    margin: 0 2px 0 0; 
    padding: 3px 0 3px 20px; 
    list-style: none; 
    font-size: 12px; color:#c40d63; 
    display: inline; font-weight: bold;}
.rss li a {
    font-size: 12px; color:#fff;}
/*+++++++++++++++++ Wrapper: Left Sidebar & Right Container +++++++++++++++++++*/
#wrapper{
    margin: 0px auto 0 auto;
    width: 1000px;
    text-align: left;}
/*++++++++++++++++++++++++++++ Left Sidebar +++++++++++++++++++++++++++++++++++*/
#lsidebar {
    float: left;
    width:212px;
    padding:0px;
    margin-bottom:5px;
    margin-left:5px;}
.top_lsidebar {
    width:210px;}
.bottom_lsidebar {
    width:210px;height:9px;
    background:url(images/b_sidebar.jpg) no-repeat;}
.content_lsidebar{
    width:210px;
    background:url(images/c_sidebar.jpg) repeat-y;}
.content_lsidebar a:link, .content_lsidebar a:visited {
    color:#003399;
    text-decoration:none;
    font-weight:700;}
.content_lsidebar a:hover{
color:#E8E8A9}
.content_lsidebar ul{
    list-style-type: none;
    margin: 0 auto;
    padding: 0 0px 0 10px;}
.content_lsidebar ul li{
    padding: 0 13px 5px 3px;}
.content_lsidebar ul li h2{
    font-family: Arial,Verdana,Georgia, Sans-serif;
    padding-left:6px;
    font-size: 14px;
    line-height:1.6em;
    text-transform:uppercase;
    background:#86BEE3;
	color:#FFFFFF;
    margin-bottom:8px;}
.content_lsidebar ul ul li{
    font-size:11px;
    margin-top: 3px;
    line-height: 1.0em;
    background:url(images/c.gif) no-repeat;
    padding-left:12px;}
.content_lsidebar ul ul ul li {
    line-height: 9px;
    text-decoration:none;
    background-image:none;
    padding-left:0; }
.content_lsidebar ul ul ul {
    margin-top: 9px;
    line-height: 11px;
    text-decoration:none;
    background-image:none;}
/*+++++++++++++ Right Container: Posts, Right Sidebar & TopBox +++++++++++++++*/
#container_right {
    float: right;
    width: 778px;}
#inner_container{
    float: left;
    width: 548px;
    text-align:justify;}
/*++++++++++++++++++++++++++++++++ Posts +++++++++++++++++++++++++++++++++++++*/
.post{
    padding: 10px 3px 10px 4px;}
.post h2{
    font-family: Arial, Georgia, Sans-serif;
    font-size: 18px;
    text-transform:uppercase;
    padding-top:1px;
    border-top:2px dotted #ff090a;}
.post h2 a:link, .post h2 a:visited {
    text-decoration:none;
    color:#493b3b;}
.postdata {
    border-bottom:2px dotted #ff090a;
    padding-bottom:2px;
    font-size:11px;}
.postdata a:link,.postdata a:visited {
    color:#ff090a;
    font-size:11px;
    text-decoration:none;
    font-weight:700;}
.entry{
    line-height: 18px;}
p.postmetadata {
    margin: 10px 0 0 0;}
/*++++++++++++++++++++++++++++ Right Sidebar +++++++++++++++++++++++++++++++++*/
.rsidebar{
    float: right;
    width:220px;
    margin-left:6px;
    margin-top:4px;
    margin-bottom:5px;}
.top_rsidebar {
    width:210px;height:9px;}
.bottom_rsidebar {
    width:210px;height:9px;
    background:url(images/b_sidebar.jpg) no-repeat;}
.content_rsidebar {
    width:220px;
    background:url(images/c_sidebar.jpg) repeat-y;}
.content_rsidebar a:link, .content_rsidebar a:visited {
    color:#003399;
    text-decoration:none;
    font-weight:700;}
.content_rsidebar a:hover{
color:#E8E8A9}
.content_rsidebar ul{
    list-style-type: none;
    margin: 0;
    padding: 0 10px;}
.content_rsidebar ul li{
    padding: 0 13px 5px 3px;}
.content_rsidebar ul li h2{
    font-family: Arial,Verdana,Georgia, Sans-serif;
    padding-left:6px;
    font-size: 14px;
    line-height:1.6em;
    text-transform:uppercase;
    background:#86BEE3;
	color:#FFFFFF;
    margin-bottom:8px;}
.content_rsidebar ul ul li{
    font-size:11px;
    margin-top: 3px;
    line-height: 1.0em;
    background:url(images/c.gif) no-repeat 0 0;
    padding-left:12px;}
.content_rsidebar ul ul ul li {
    line-height: 9px;
    text-decoration:none;
    background-image:none;
    padding-left:0; }
.content_rsidebar ul ul ul {
    margin-top: 9px;
    line-height: 11px;
    text-decoration:none;
    background-image:none; }
.metadata_center {
    height:18px;
    width:530px;
    margin:0 auto;
    padding-top:2px;
    padding-left:3px;
    background:#cbe488;
    border:2px solid #85aa43;}
.metadata_center a:link, a:visited {
    text-decoration:none;
    color:#003399;}
/*+++++++++++++++ TopBox: Recent Posts, About Me and Search +++++++++++++++++++*/
#topbox {
    width:770px;
    margin:0;
    padding:0;}
#topbox_left {
    float:left;
    width:9px;height:222px;
    background:url(images/hleft.jpg) no-repeat;}
#topbox_center {
    float:left;
    width:744px;height:222px;
    background:url(images/hcenter.jpg) repeat-x;}
#topbox_right {
    float:left;
    width:9px;height:222px;
    background:url(images/hright.jpg) no-repeat;}
/*++++++++++++++++++++++++ Recent Posts: Structure ++++++++++++++++++++++++++++*/
#recent_post {
    margin:10px 0 7px 0px;
    float:left;
    height:207px;
    background:url(images/bcenter.jpg) repeat-x;}
#recent_left {
    float:left;
    width:10px;height:207px;
    background:url(images/bleft.jpg) no-repeat;}
#recent_center {
    float:left;
    width:470px;height:207px;
    background:url(images/bcenter.jpg) repeat-x;}
#recent_right {
    float:left;
    width:10px;height:207px;
    background:url(images/bright.jpg) no-repeat;}
/*+++++++++++++++++++++++++ Recent Posts: Content +++++++++++++++++++++++++++++*/
#recent_title {
    font-size:15px;
    font-family:Arial,Verdana;
    color:#ffffff;
    font-weight:800;
    padding-top:8px;
    padding-left:15px; 
    text-transform:uppercase;
    border-bottom:2px dotted #fff;}
#recent_content {
    overflow:hidden;
    height:155px;
    font-weight:700;}
#recent_content a:link, #recent_content a:visited {
    font-size:12px;
    font-family:Arial,Verdana;
    color: #FFFFFF;
    text-decoration:none;}
#recent_content a:hover {
    font-size:12px;
    font-family:Arial,Verdana;
    color:#3399Cc;}
#recent_content ul {
    list-style: none;
    margin: 0;
    padding: 5px 0 0 2px;
    float:left;}

#recent_content li {
    background:url(images/tag_green.gif) no-repeat 0 3px;
    list-style:none;
    line-height:25px;
    padding-left:20px;
    float:left;
    width:200px;
    overflow:hidden;}
/*++++++++++++++++++++++++++++++++ About Me ++++++++++++++++++++++++++++++++++*/
#aboutme {
    float:right;
    margin:10px auto 0;
    padding:3px;
	padding-right:10px;
    font-family:Arial;
    color:#000;
    height:160px;width:260px;
    text-align:justify;
    line-height:1.3em;
    font-size:11px;
    overflow:hidden;}
#aboutme p{
    padding-top:5px;}
#aboutme h2 {
    font-size:16px;
    color:#000;
    border-bottom:2px dotted #fff;
    padding-top:3px;
    padding-bottom:6px;
    padding-right:5px;
    text-transform:uppercase;}
/*++++++++++++++++++++++++++++++++ avant Footer +++++++++++++++++++++++++++++++++++++*/
#avfooter{
    clear: both;
    width: 100%;
    text-align:center;
    padding: 10px 0 0 0;
    padding-bottom:8px;
	color:#666666;
}
#avfooter p{
    font-size:10px;
    padding:3px 3px;
    margin:2px 5px 0 5px;}
#avfooter p a:link,#footer p a:visited {
    color:#666666;
    font-weight:700;}
/*++++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++++*/
#footer{
    clear: both;
    width: 100%;
    text-align:center;
    padding: 10px 0 0 0;
    background:url(images/footer.jpg) repeat-x;
    padding-bottom:8px;
}
#footer p{
    font-size:11px;
    padding:3px 3px;
    margin:2px 5px 0 5px;
    background:url(images/damai_footer.jpg) no-repeat 35% 0;}

#footer p a:link,#footer p a:visited {
    color:#f7f9f3;
    font-weight:700;}
/*+++++++++++++++++++++++++++++++ Blockquote +++++++++++++++++++++++++++++++++*/
blockquote {
    margin:5px 0;
    padding:4px 7px 10px 7px;
    font-size:11px;
    color:#52525b;  
    background: #e4f7b5; 
    border:1px dashed #79b32b;   
}
blockquote blockquote {
    margin:5px 10px;
    padding:4px 7px 10px 7px;
    font-size:11px;
    color:#52525b;  
    background: #e4f7b5; 
    border:1px dashed #79b32b;    
}
/*+++++++++++++++++++++++++++++++ MOI MES AJOUTS +++++++++++++++++++++++++++++++++*/
#imagedroite{
float:right;
line-height: 1px;
vertical-align: middle; 
margin-left:10px;
margin-right:3px;
padding:8px;
background: #90BDE7; 
border:2px dashed #FF5D5E;}
#imagegauche{
float:left;
line-height: 1px;
vertical-align: middle; 
margin : 3px 18px 3px 3px;
padding:8px;
background: #90BDE7; 
border:2px dashed #FF5D5E;}
.newsdroite{
background:url(images/c.gif) no-repeat;
text-indent:10px;
margin-left:12px;
margin-right:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}