/*
    Theme Name: Rusty
    Theme URI: http://malinut.com/wp/
    Description: Rusty - Mobile
    Version: 1.0
    Author: Me
    Author URI: http://malinut.com/
    Heavy Influence: Maurice Svay
    Influence URI: http://www.svay.com/web/dotclear/
  */

 
/* Tested OK in:
 * - IE 5.01 and 6 Windows
 * - Firefox 0.9x and 1 Windows
 * - Opera 7.51 Windows
 * - Safari 1.2.2 MacOS X (10.3)
 * - Konqueror Linux
 * - Opera Linux
 *
 * The Layout is split into five sections
 * 1 - Global style
 * 2 - Header
 * 3 - Post
 * 4 - Trackbacks and comments
 * 5 - Sidebar
 * 6 - Footer
 * 7 - Reference
 */
 
/* Global style
********************************************/
html, body{
	margin: 2;
	padding: 0;
}

body{
	background-color: #ffffff;
	color: #000;
	font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

h2{font-size: 1.2em; margin: 1em 0;color:#c52;}
h3{font-size: 1em; margin: 0.8em 0;color:#c52;}
h4{font-size: 1em; font-weight: normal;color:#c52;}

a:link{color:#000; background:transparent;}
a:visited{color:#c52; background:transparent;}
a:hover{color:#000; background:transparent;}
a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;}
a img{border: none;}

dt {font-weight: 800;
    margin-top: 8px;
    margin-bottom: 4px;
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
}

dd {margin-bottom: 8px;
}
abbr, acronym{
	border: none;
	background: transparent url( /wp/img/dotted.png) repeat-x bottom;
	cursor : help;
}

code, pre, kbd {
	font-family:"Courier New", Courier, monospace; font-size : 1em;
}

pre {
overflow: scroll;
width: 100%;
}
html>body pre {
overflow: auto;
width: auto;
}

fieldset{
	border: none;
}

.field label{
	display: block;
	cursor: pointer;
}
input, textarea {
	border: 1px solid #999;
	background: #FCFCFC;
}

textarea{
	width: 99%;
}

.left{
	float: left;
	margin: 0 1em 1em 1em;
}

.right{
	float: right;
	margin: 0 1em 1em 1em;
}

.underline
	{text-decoration: underline;}

/* Header
********************************************/
#top{
	background: #fff;
}

#top h1{
	margin: 0;
	font-size: 1.5em;
	text-align:left;
}

#top h1 a{
	text-decoration: none;
	color: #c52;
	font-weight:800;
	font-size: 1.5em;
	background: transparent;
}

#prelude{
	color: #000;
	background: transparent;
	text-align: left;
	margin: 0;
}

#prelude a{
	color: #666;
	background: transparent;
	text-decoration:none;
}

#prelude a:hover{
	color: #000;
	background: transparent;
}

/* Post
********************************************/
#content{
	color: #222;
	background: transparent;
}

.post{
	margin-top: 20px;
}

.day-date{
	display: none;
}

.post-title{
	padding-left: 20px;
	background: #FFF url( /wp/img/sstar.png) no-repeat left;
	background-position: 0 0.1em;
	color: #000;
	margin-bottom: 0;
}

.post-title a{
	color: #000;
	background: transparent;
	text-decoration: none;
}

.post-info{
	padding-left: 20px;
	margin-top: 0;
	color: #666;
	background: transparent;
}

.post-info a{
	color: #666;
	background: transparent;
}

.post-content p {
	width: 480px;
	text-align: justify;
	overflow: auto;
}

.post-content ul{
	list-style-image: url( /wp/img/puce.png);
}

.post blockquote{
	background: #FFF url( /wp/img/menu.png) repeat-x;
	font-style: italic;
	border-left: 2px solid #e85;
	border-right: 2px solid #e85;	
	padding: 0em .5em;
}

.post blockquote p{
	width: auto;
}

.post-info-co{
	display: none;
}

.post-info-co a{
	color: #222;
	background: transparent;
	text-decoration: none;
}

.post-info-co a:before{
	content: url( /wp/img/bulle.png);
	margin-right: 1ex;
}

/* Floating Bios
********************************************/
div.float {
  clear: both;
  padding: 10px 0px;
  float: left;
  width: auto;
  height: auto;
  border-bottom: 1px solid #ccc;
  }

div.float img {
  float: left;
  margin-right: 5px;
  border: 1px solid #000;
  vertical-align:text-top;
  }
  
div.float img.noborder {
  float: left;
  margin-right: 5px;
  border: 0px solid #000;
  vertical-align:text-top;
  }  

div.float p {
  font-size: 12px;
  text-align: left;
  }

  
div.float p.quote {
	font-size: 1em;
	font-weight: 600;
	color: #888;
	padding: 5px;
	}
	
/* Bios
********************************************/

.bio {
  background: #FFF url( /wp/img/sstar.png) no-repeat left;
  background-position: 0 0.1em;
}

p.nickname {
  margin: 0px;
  font-style: italic;
  }  
  
.title {color: #369;
	font-weight: 800;
	font-size: 85%;}  

img.imgleftborder {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #000;
  vertical-align:text-top;
  }
  
img.imgleftnoborder {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  border: 0px solid #000;
  vertical-align:text-top;
  }  
  
img.imgrightborder {
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
  border: 1px solid #000;
  vertical-align:text-top;
  }
  
img.imgrightnoborder {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
  border: 0px solid #000;
  vertical-align:text-top;
  }    


/* Sidebar
********************************************/
#sidebar{
	background: #ebe4de;
	color: #666;
}

#sidebar div{
	/* aurait du etre #sidebar > div */
	margin: 0em 10px 0em 10px;
}

#sidebar h2{
	margin: 0 0 1ex 0;
}

#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar a{
	text-decoration: none;
}

#sidebar li a{
	display: block;
	color: #369;
	background: transparent;
}

#sidebar li a:hover{
	color: #333;
	background: transparent url( /wp/img/curseur.gif) repeat-y right; /* Bling Bling No Flash */
}

#sidebar ul li:first-child{
	/* :first-child selector ne fonctionne pas dans IE */
	border-top: 1px solid #CCC;
	padding: 0.5ex 0;
}

#sidebar ul li{
	border-bottom: 1px solid #CCC;
	padding: 0.5ex 0;
}

#search p{
	text-align: center;
	margin: 0;
}

#search input{
	width: 50%;
}

#search input#q{
	width: 5%;
}

#calendar table{
	color: #666;
	background: transparent;
	margin: 0 auto;
	/* Desole pour la taille de fonte en pixel, mais IE craint trop */
	font-size: 10px;
	text-align: center;
}

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

#validate {
	background: #ebe4de;
	margin-top: -1em;
}


#validate ul {
	list-style: none; 
	margin: 0; 
	padding: 1em 2em;
}
#validate li {
	margin: 0.33em 0;
}

.btn {
	font: 9px Geneva, Verdana, sans-serif; 
	padding: 1px 1em 1px 0; 
   	border: 1px solid black; 
   	background: #888; 
   	color: #FFF; 
   	text-decoration: none;
}
.btn span {
	border-right: 1px solid #000; 
	color: #FFF;
	margin: 0; 
	padding: 1px 0.75em; 
	margin-right: 0.1em;
}

.w3c span {background: #039; 
	color: #fff;
}
.cc span {background: #ffc;
	  color: #000;}

/* Footer
********************************************/
#footer{
	clear: both;
	margin: 0;
	padding: 2em 1em 1em 0;
	text-align: right;
	
}

#footer a {
	text-decoration: none;
	color: #999;
	background: transparent;
}

div.spacer {
  clear: both;
  }
  

/* Reference Tables
********************************************/

.reference tr {
	vertical-align: top;
	height: 25px;
	padding: 0px;
	margin: 0px;
}

.reference th {
	text-align: center;
	vertical-align: bottom;
	padding: 0px;
	font-size: 1em;
	border-bottom: 1px solid #000;
}

.reference td {
	align: center;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	
}

.red {
	background-color: #f00;
	color: #000;
	}
	
.orange {
	background-color: #ffa500;
	color: #000;
	}
	
.yellow {
	background-color: #ff0;
	color: #000;
	}
	
.teal {
	background-color: #20b2aa;
	color: #000;
	}
	
.lightblue {
	background-color: #b0c4de;
	color: #000;
	}
	
.lavender {
	background-color: #d8bfd8;
	color: #000;
	}
	
.green {background-color: #b2e0b2;
	color: #000;}	
 
.third {
 	width: 33%;
 }
 
.quarter {
 	width: 25%;
 } 
 
 
.sixth {width: 15%;}

.tenth {width: 10%;}

.tiny	{width:1%;}