/* Bienvenue dans la feuille de style CSS de mon thème

	Theme Name: Truzzi's Weblog (mais je trouverais mieux, un jour)
	Theme URL: Yen a pas
	Description: Comme ta mère
	Version: 1.658ba alpha bêta
	Author: Truzzi (il rosque ce mec)
	Author URL: On verra
	
*/
 
/* Les éléments HTML en général
*******************************************************************************/
body, html {
	margin: 0px;
	padding: 0px;
	background-image: url(images/bg.gif);
}

h3, h4 {
	padding-top: 5px;
	padding-bottom: 15px;
    font-family: Impact;
	color: #A6A3A3;
	font-size: 24px;
}

h2 {
	font-family: Century;
	color: #A6A3A3;
	font-size: 15px;
	font-weight: bold;
}	

h3 {
	margin: 0;
	padding: 0px;
	font-size: 24px;
	font-family: Impact;
	color:#A6A3A3;

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

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

fieldset{ border: none;}

blockquote{
	font-style: italic;
	color: #999999;
}

table{
	margin:0px;
}
td, th{
	padding:0px;
	font-weight:normal;

}

img{
	background: #f4f4f4;
	border: 1px solid #949494;
	padding: 3px;
}

img a{ border: none; 

}

.post p img.smiley{
	background:transparent;
	border:none;
	padding: -5px;
	}

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

a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #999999;
}


/* La page
*******************************************************************************/
#page {
	position:absolute;
	left:86px;
	top:0px;
	width:900px;
	height:1200px;
/*	margin-right: auto;
	margin-left: auto; 
*/
}


/* L'entête
*******************************************************************************/
#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:458px;
	background-image: url(images/index_01.gif);
}

#index-02_ {
	position:absolute;
	left:0px;
	top:458px;
	width:119px;
	height:700px;
	background-image: url(images/index_02.gif);
}

#index-03_ {
	position:absolute;
	left:119px;
	top:458px;
	width:22px;
	height:700px;
	background-image: url(images/gauche.gif);
}

#titre {
	position:absolute;
	background-color: #F7F7F7;
	left:141px;
	top:458px;
	width:456px;
	height:30px;
}
/* Le contenu
*******************************************************************************/
#post  {
	position:absolute;
	background-color: #F7F7F7;
	left:167px;
	top:480px;
	width:429px;
	height:443px;
}
.post-info{
	font-size: 11px;
	font-style:italic;
	color: #A6A3A3;
}
#post-info {
	position:absolute;
	background-color: #F7F7F7;
	left:141px;
	top:486px;
	width:456px;
	height:18px;
}

.post-info-co {
	font-family: Century; 
	color: #999999; 
	font-size: 11px; 
	font-weight: normal; 
	
}

#index-05_ {
	position:absolute;
	left:597px;
	top:458px;
	width:13px;
	height:700px;
    background-image: url(images/index_05.gif);
	}

/* Le contenu
-------------------------------------------------------- */

#index-06_ {
	position:absolute;
	left:611px;
	top:459px;
	width:201px;
	height:14px;
	background-image: url(images/index_06.gif);
}

#index-07_ {
	position:absolute;
	left:811px;
	top:458px;
	width:89px;
	height:700px;
	background-image: url(images/index_07.gif);
}

#index-08_ {
	position:absolute;
	background-color: #F7F7F7;
	left:610px;
	top:490px;
	width:201px;
	height:42px;
	background-image: url(images/index_08.gif);
}

#links {
	position:absolute;
	background-color: #F7F7F7;
	left:610px;
	top:501px;
	width:201px;
	height:23px;
	background-image: url(images/index_10.gif);
}

/* La barre de navigation
-------------------------------------------------------- */
#links {
	position:absolute;
	background-color: #F7F7F7;
	left:610px;
	top:528px;
	width:201px;
	height:81px;
	background-image: url(images/index_11.gif);
}

#search {
	position:absolute;
	left:610px;
	top:458px;
	width:201px;
	height:71px;
	background-image: url(images/index_06.gif);
}

#categories {
	position:absolute;
	background-color: #F7F7F7;
	left:610px;
	top:721px;
	width:201px;
	height:118px;
	background-image: url(images/index_12.gif);
}

#calendar {
	position:absolute;
	background-color: #F7F7F7;
	left:610px;
	top:609px;
	width:201px;
	height:113px;
	background-image: url(images/index_12.gif);
}

#index-13_ {
	position:absolute;
	background-color: #F7F7F7;
	left:610px;
	top:638px;
	width:201px;
	height:51px;
	background-image: url(images/index_13.gif);
}

#index-14_ {
	position:absolute;
	background-color: #F7F7F7;
	left:610px;
	top:840px;
	width:201px;
	height:320px;
	background-image: url(images/index_14.gif);
}

#comments_track {
	position:absolute;
	background: #E6E6E6;
	border: 1px solid #9C9C9C;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	padding: 5px;
	margin-top: 10px;
	left:136px;
	top:914px;
	width:417px;
	height:28px;
	visibility: visible;
	}
.comments_track:hover {
	border: 1px solid #aaa;
	background: #f5f5f5;

	
}

#content {
	position:absolute;
	left:142px;
	top:1016px;
	width:455px;
	height:142px;
	background-image: url(images/index_16.gif);
}

#content {
	position:absolute;
	left:141px;
	top:458px;
	width:456px;
	height:700px;
	background-image: url(images/index_16.gif);
}

#index-17_ {
	position:absolute;
	left:0px;
	top:1158px;
	width:119px;
	height:42px;
	background-image: url(images/index_17.gif);
}

#index-18_ {
	position:absolute;
	left:119px;
	top:1158px;
	width:206px;
	height:42px;
	background-image: url(images/index_18.gif);
}

/* Le pied de page
-------------------------------------------------------- */
#footer {
	position:absolute;
	background-color: #F7F7F7;
	left:325px;
	top:1158px;
	width:304px;
	height:42px;
	background-image: url(images/index_19.gif);
); }

#index-20_ {
	position:absolute;
	left:629px;
	top:1158px;
	width:271px;
	height:42px;
	background-image: url(images/index_20.gif);
}

.texte {font-family: Century; color: #A6A3A3; font-size: 11px; }

.date {
	font-family: Century;
	font-size: 11px;
	font-style: italic;
}

a {
	font-family: Century;
	font-size: 11px;
	color: #A6A3A3;
	font-weight: bold;
	
	}
 
.field label{
	display: block;
	cursor: pointer;
}

input, textarea{
	font-size:11px;
	border: 1px solid #A6A3A3;
	background: #fcfcfc;

}

input:focus, textarea:focus {
	border: 1px solid #aaa;
	background: #f5f5f5;
}

input[type="submit"]:hover {
	border: 1px solid #aaa;
	background: #f5f5f5;
}

textarea{
	width: 100%;
}