/* Bienvenue dasn la feuille de style du thème Desert de Dimension 2K.
Ce thème est une adaptation Wordpress retouchée par mes soins.
Ci-dessous le bloc de license tiré de la CSS du thème original :


		Theme Name: Desert
		Theme URI: http://dimension2k.de/
		Description: The Dimension2K wordpress 1.5 Theme, design & coding by evil.bert
		Version: 1.5
		Author: evil.bert
		Author URI: http://dimension2k.de/

		
 Ce fichier définit le style visuel pour les différents éléments du blog.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
 * - la page
 * - l'entête
 * - le prélude
 * - La barre de navigation horizontale
 * - le contenu
 * - la barre de navigation (sidebar)
 * - le pied de page

 Enjoy, Unc'
 
/* Les éléments HTML en général
-------------------------------------------------------- */
body {
	background:#E5E0D5;
	background-image: url(images/backgr.gif);
	border:none;
	color:#776E64;
  font: 0.7em Verdana, helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	margin-top: -10px;
}

body{
* margin-top: 10px; /* IMPORTANT, ceci rétabli un problème d'affichage sous Internet Explorer */
}

acronym, abbr, span.caps {
                           font-size: 90%;
                           letter-spacing: .07em;
                           }

acronym, abbr {
                cursor: help;
                }

abbr a,
abbr a:visited,
abbr a:hover{ 
        border: 0;
        text-decoration: none;
 }


h2, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited  {
   font: 95%  Trebuchet, Arial, Tahoma;   
	 letter-spacing: 0.2em;
   margin: 15px 0 2px 0;
   padding-bottom: 2px;
	 padding: 2px 2px 2px 2px;
	 font-family: Tahoma; 
   /* text-transform: capitalize; */
	 color: #552704;
   font-size: .90em;
}

h3 {
	 height: 14px;
   background:#C7BAA7;
	 background-repeat: no-repeat;
   background-image:url(images/h2_sidebar.gif);
   margin-top: 0;
	 width:100%;
	 font-size:larger;
	 font-family: Tahoma; 
    /*text-transform: capitalize;*/
	 color: #552704;
   font-size: 1em;
}

h3 a:link,
h3 a:hover,
h3 a:visited { 
   border-bottom: none;
   font-size: 100%;
   color: #552704;
	 padding: 2px 2px 2px 2px;
	 height: 16px;
	 vertical-align: bottom;
	 padding-left: 16px;
	 background-image: url(images/document.gif);
	 background-repeat: no-repeat;
	 background-position: center left ;
}

pre, code{
	font-size: 1.2em;
}

ul { 
   list-style: none;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}


input, textarea {
	padding-top: 0px;
	padding: 1px;
	border: 1px solid #999999;
	background: #fff;
	color: #3E3E3E;
	font: 10px Verdana, Arial, Tahoma; 
}

.smiley{
	border: 0; /* Car un grosse bordure autour d'un smiley définissant un lien, c'est moche*/
	margin: -5px;
	background: transparent;
}

img{
	padding: 5px;
	background: #F2EEE6;
	border: 1px solid #C3C3C1;
}

a {
    color: #552704;
    text-decoration: none;
}

a:visited {
            color: #552704;
            text-decoration: none;
            }

a:hover {
          border-bottom: 1px dashed #552704;
          }
		  
a[hreflang]:after {
   	content: "\0000a0[" attr(hreflang) "]";
   	color:#552704;
}

a img {
        text-decoration: none;
        }
	

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}


blockquote{
	background: #F2EEE6;
	border: 1px solid #C3C3C1;
	margin: 0 0 10px 0;
	padding: 5px;
             }
			 
/* La page
-------------------------------------------------------- */

#page {
	background-image: url(images/content_bg.gif);
	background-repeat: repeat-y;
	border:none;
	width:800px;
	margin:0 auto;
	text-align:left;
}
 
/* L'entête
-------------------------------------------------------- */
#top {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 260px;
	border-bottom:none;
	letter-spacing:0.3em;
	margin:7px;
	
}

#top h1{
		padding-top: 0px;
		/*font-family: Trebuchet,Tahoma,Times New Roman;*/
		font-family : Smudger LET,Papyrus,Trebuchet,Tahoma;
		padding-right: 12px;
		text-align: right;
		color: #FFFFFF;
		/*text-transform: uppercase;*/

}
#top h1 a {
	color: #191940;
	text-decoration: none;
	/*font-family : Trebuchet,Tahoma,Times New Roman;*/
	font-family: Smudger LET,Papyrus,Trebuchet,Tahoma;
  border: 0;
	font-size: 30px;
  letter-spacing:0.04em;
	font-weight: normal;
	/*text-transform: uppercase;*/

}

		#top p { 
			margin: 0;
			margin-top: 36px;
			margin-right: 10px;
			font-family: Arial, serif;
			font-size: 0.9em;
			/*color: #c0aeac;*/
			color: #E6B873;
			text-transform: uppercase;
			text-align: right;
}

/* Le prélude
-------------------------------------------------------- */ 
#prelude{
display: none;
}

/* La barre de navigation horizontale
-------------------------------------------------------- */
ul#nav-box {
	margin : 0pt 1.5em 2% 10pt;
	padding : 5px 5px 0pt 1em;
	width : 68% ;
	list-style-type : none;
	background-color: transparent;
	color: #FFFFFF;
	font-weight : bold;
	font-size : 0.9em;
	text-align: left;
}

ul#nav-box li {
	display: inline;
	padding : 5px 0;
}

ul#nav-box li a {
	padding : 5px 1em 5px 1em;
	color: #733106;
	text-decoration: none;
	border-left: 0px solid #733106;
}

ul#nav-box li a:hover {
	background-color: #733106;
	color: #FFFFFF;
	border-left: 0px solid #733106;
}

/* Le contenu
-------------------------------------------------------- */
.post { 
        padding: 10px;
        margin: 0 auto 10px auto;
        border: 1px solid #E3E3E3;
        width: 540px;
}

#trackbacks blockquote, #comments blockquote{
	border: 1px solid #EEE;
	margin: 1em 0;
	padding: 1ex 1em;
}

#content {
	padding-left:15px;
	padding-top: 10px;
	float:left;
	width:560px;

}

.post { 
                text-align: justify;
                }

.post-title {
   background: #c7bba6 url(images/h2_sidebar.gif) no-repeat;
    margin-top: 0;
	padding: 1px 0px 0px 0px;
	 width:100%;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7BBA6;
              }

.post-title a {
     border: 0;
	 padding-left: 16px;
	 background: url(images/document.gif) no-repeat center left;
                }


.day-date, .post-info{
                    color: #552704;
                    font-size: 0.8em;
                    border: 0;
					margin-top: -10px;
		}
	

.post-info-co {
            text-align: right;
			color: #552704;
            font-size: 0.8em;
            border: 0;
}

.post-info-co a,
.post-info-co a:visited,
.post-info-co a:hover { 
                    color: #552704;
                    
}

.post-chapo{
	border-bottom: 1px solid #e3e3e3;
}

#comments h2, #trackbakcs h2 { 
    border: 0;
	 background-color: #ffffff;
	 color: #ECECEC;
	 background-color: #788D9F;
}

#comments blockquote, #trackbacks blockquote {
        padding: 10px;
        margin: 0 auto 10px auto;
        width: 500px;
	background: transparent;
	border: none;
        }
/* La barre de navigation
-------------------------------------------------------- */
#sidebar {
	padding:0px 0 10px 5px;
	margin:36px 0 0 590px;
	width:200px;
	border-left:none;
	 color: #552704;

}

#sidebar a { 
   color: #552704;
   border: 0;
   text-decoration: none;
	padding-left: 4px;
          
 }

#sidebar a { 
		font-weight:normal;      
 }
 
#sidebar h2{
margin-right: 4px; /* IMPORTANT, ceci corrige un bug de décalage sous Internet Explorer */
height: 14px;
}

#sidebar h2{ 
   background-image:url(images/h2_sidebar.gif);
	background-repeat: repeat;
   color: #552704;
   margin-left: 3px;
   font-size: .90em;
	padding: 2px 2px 2px 2px;
	font-family: Tahoma; 
	font-size: .90em;
	border: none;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7BBA6;
 }
 
#sidebar ul {
   color: #552704;
	font-weight:bold;
	list-style-type:none;
	margin:0;
	list-style-type:none;
	padding:3px;
	font-size: 0.8em;

}

#sidebar ul li {
    letter-spacing: 0.1em;
              }
			  
#sidebar ul {
}

#sidebar li {
background-image: url(z-plus-13-01.gif);
background-repeat:no-repeat;
padding-left:0px;
font-family: Tahoma; 

}

#sidebar li{
	* margin-right: 3px; /* IMPORTANT, ceci corrige un bug de décalage sous Internet Explorer */
}


#sidebar li a {
padding-left:13px;
display:block;
text-decoration:none;
font-size: 10px;
color: #552704;
text-decoration:none;
background-image: url(images/z-plus-13-01.gif);
background-repeat:no-repeat;
border-right: 13px;
border-right-style: solid;
border-right-color: #e5e0d5;
padding-right: 1px;
font-family: Tahoma; 
text-decoration: none;
 
}

#sidebar li a:link {
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
background-image: url(images/z-plus-13-01.gif);
background-repeat:no-repeat;
border-right: 13px;
border-right-style: solid;
border-right-color: #e5e0d5;
padding-right: 1px;
font-family: Tahoma; 
text-decoration: none;

}

#sidebar a:active, #sidebar a:focus {
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
background-image: url(images/z-plus-13-01_active_2.gif);
background-repeat:no-repeat;
border-right: 13px;
border-right-style: solid;
border-right-color: #e5e0d5;
padding-right: 1px;
font-family: Tahoma; 
text-decoration: none;

}

#sidebar li a:visited {
display:block;
text-decoration:none;
line-height: 14px;
color: #552704;
background-image: url(images/z-plus-13-01.gif);
background-repeat:no-repeat;
border-right: 13px;
border-right-style: solid;
border-right-color: #e5e0d5;
padding-right: 1px;
text-decoration: none;

}

#sidebar li a:hover {
border: none;
border-right: 13px;
border-right-style: solid;
border-right-color: #C7BBA6;
padding-right: 1px;
background: #DCD4C7;
color: #552704;
background-image: url(images/z-plus-13-01_hover.gif);
background-repeat:no-repeat;
font-family: Tahoma; 

}

#search fieldset, #search p{
	margin: 0;
	margin-left: -2.5pt;
	padding: 0;
}

#q{
	width: 130px;
	padding: 1px;
	margin-left: 10px;
	margin-top: 3px;
}

#calendar h2{
	display:none;
}

#calendar {
	background:#C7BAA7;
	margin: 0;
	margin-right: 0px;
	margin-left: 3px; /* Pour centrer correctemment le calendrier */
	width: 93%;
   font-family: Tahoma; 
   font-size: .90em;
	color: #552704;
	font-weight: normal;
}

#calendar acronym{
	border: none;
}

#calendar caption {
   background-image:url(images/h2_sidebar.gif);
	background-repeat: repeat;
   font-size: .90em;
   color: #552704;
	padding: 1px 1px 1px 3px;
	font-family: Tahoma; 
	font-size: .90em;
	text-align: left;
	
}

#calendar table{
	width: 100%;
	border: 1px solid #B1C5AB;
}

#calendar td {
	color: #552704;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	background: url(images/bg_calendar.gif)  right bottom;
}

#calendar td a{
	color: #552704;
	font-weight: bold;
}

#calendar td a:hover{
	font-style: italic;
}

#calendar th {
	font-style: normal;
	text-transform: capitalize;
	text-align: center;
   background:#C7BAA7;
	background: url(images/bg_calendar.gif)  left top;
}

/* Tagcloud */
#tagcloud ul {
margin:0;
padding:0 1em;
display:block;
}

#tagcloud li {
display:inline;
margin: 0 .1em;
}

#tagcloud li.level-1 { font-size: 0.8em; }
#tagcloud li.level-2 { font-size: 1em; }
#tagcloud li.level-3 { font-size: 1.2em; }
#tagcloud li.level-4 { font-size: 1.4em; }
#tagcloud li.level-5 { font-size: 1.6em; }

#tags {
text-align: right;
}

/* Le pied de page
-------------------------------------------------------- */
.footer{
	background-image:url(images/footer.gif);
	background-repeat: no-repeat;
	height: 26px;
	background-position: center;
	clear: both; /* Ceci aligne le footer de façon correcte */
}
.credit {
	clear: both; /* Ceci place le footer au fond de la page */
 		font-family: Verdana, Arial, Tahoma; 
      color: #AFAA9E;
      font-size: 11px;
      margin: 10px 10px 10px 10px;
      padding: 3px;
      text-align: right;

}

.credit a:link, 
.credit a:hover, 
.credit a:visited {
      color: #AFAA9E;
      text-decoration: none;
      border: 0;
}

cite {
    font-size: 83%;
    font-style: normal;
	 vertical-align: bottom;
}

