/*
YAY !!! YOU'RE CAUGHT CHECKING MY CODE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Hello I also use this plateform to entertain my Front End Coding habilities ;) 
You'll find here 
 ** how to Simulate a position Fix under IE6,
 ** how to handle with First Letter Issues
 ** how to create a few simple stuff with Mootools library. 
 It's not always uber clean, but it seems to work pretty well !!! 
 
 Remember that IT'S OKAY TO COPY BUT USE YOUR ROCKIN' BRAIN MAN */
 
 
body {	
	font-family : "Century gothic", arial, sans-serif;
	color: #13100A;	
	padding : 0;margin:0;
	text-align:left;
	font-size:14px; 
	background:#22231B; 
	text-align:center; 
	background:url(V3.jpg) 832px -20px fixed repeat-y white;
	margin:0px 0 0 0 ;		
}

h1,h2,h3,h4,h5,h6, p, span, ul, li, a {line-height:normal; padding:0; margin:0; }
h2.title {
	font-size:15px;  
	padding:0; margin:0; 
	color :#000;
	letter-spacing:2px; 
	font-weight:normal; width:99%;   
	font-family:arial;
	line-height:3em;
	margin:15px 0;
	font-size:25px; 
	text-transform:uppercase;		
	font-family:Georgia, "Times New Roman", Times, serif; 
}
a {
	text-decoration : none;
	padding-left : 0;
	padding-top : 0;
	color:#000;
	display:block; clear:both; 
	font-weight:normal; 
}
a:hover {color : #483E2D;text-decoration : none;}
#glideDiv {	 float:left;height:100%;position:fixed;left:830px;z-index:99;top:0px;width:70px;text-align:left; }
body > div#glideDiv { position: fixed; }
*html #glideDiv {position:absolute;left:830px !important;}

div.TitleStuff{	display:block; clear:both; width:550px; float:left; background:url(images/grid.gif) repeat-x 0 70px;overflow:hidden;}
div.TitleStuff h2{	width:80%; float:left;  			}
h2.title:first-letter { float: left; font-size: 5em; }
/*I DIRTY TALK ABOUT DIRTY TALKING */
*+html	h2.title{  padding-top:30px; line-height:normal;}
*+html	h2.title:first-letter{top:-10px; position:absolute; }
*html	h2.title{  padding-top:30px; line-height:normal;}
*html	h2.title:first-letter{font-size:25px; float:none;  }
h2.title * { font-family:Georgia, "Times New Roman", Times, serif; }
*+html div.TitleStuff {background:url(images/grid.gif) repeat-x 0 80px;}
div.TitleStuff span.date em  { font-size:20px;padding-top:4px;font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;width:65px;}
ul.mainList li span.date {float:left; font-size:26px; margin-top:44px; font-family:Georgia, "Times New Roman", Times, serif;width:60px;  }
ul.mainList li span.date { float:right;font-size:26px;width:80px;}
img {border:0;}
.topLnk  {float:left; display:block; clear:both; text-align:right; border-top:1px dotted #ddd; width:545px;padding-top:5px;z-index:999; }
*+html .topLnk  {position:relative;	}
*html .topLnk  {position:relative;	}

#header  { float:left; display:block; clear:both; width:800px; overflow:hidden; background:url(images/bg-header.png) no-repeat 5px 0 ; height:300px}
#header ul li { float:left; width:23%;}
#header ul { float:left; margin:30px 0 0 120px; width:740px;}
*html #header ul { margin:30px 0 0 60px;}
#header .TitleStuff { background:none;}

.clear  {height:30px; text-align:right;font-family:arial;letter-spacing:0.5em;color:white;text-transform:uppercase;font-size:9px;  padding:15px 3px 0 3px ;}
hr      { background:#FFF; border:0px; border-bottom:1px dashed #DDD; height:1px;}
div.thumbs {  float:left; display:block; clear:both; margin:5px 0; width:570px; overflow:hidden; }

/*STRCTR*/
	
	#content{width:800px; text-align:left; float:left; background:url(images/bg-left.jpg) repeat-y	 -53px 0;}
	.mainCol {text-align:left; width:819px;color:white;font-size:11px;color: #40352D;		padding-left:10px;float:left; display:block; clear:both; }
	.RC {text-align:left; width:250px;color:white;font-size:11px;color: #40352D;		float:right; overflow:hidden; }
	.RC img {margin: 6px 0 6px 3px; float:left; }
	.content{ text-align:left;float:left; padding:0 0 0 0px; width:880px; }
	ul.mainList{float:left; width: 570px; margin:0 0 0 6px; padding:0; list-style-type:none; }
	ul.mainList li {float:left; display:block; clear:both ; width: 550px; margin:0px 0 0 0;  list-style-type:none; }
	
	ul.mainList li span.text {
		float:right; 
		padding-top:8px;   
		margin-bottom:5px;
		padding:0px 0 5px 10px; 
		border-left:1px dotted #CCC ; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		width:460px;
		}
	#archives {  float:left;  width: 550px;}
	ul.mainList li span.text:first-line {font-weight:bold; font-size:18px;font-family:Georgia, "Times New Roman", Times, serif; }
	.thumbs img  {margin :0 16px 0 0 }

.chapo {font-size:15px; margin:15px 0 0 0; font-weight:bold;}
ul {margin:; padding:0;  display:block; clear:both; list-style-type:square  ; list-style-position:inside; }
ul li {margin:0 0 0 5px; padding:0; color: #342D26}

.aboutBlock  {float:left;background:url(images/bg-about.gif) no-repeat left top ;width: 550px; height:450px; }
.leftCol {float:left;		width: 550px; 		overflow:hidden; 	}
.aboutBlock  .content {
	float:left; display:block; clear:both;
	padding: 70px 0 0 90px;
	font-family : georgia; 
	font-size: 16px; 
	color:#596143; 
	width:400px;
}
ul { list-style-type:none; margin:0; padding:0; }
.right {float:left; width:258px;font-size:11px;margin-left:4px;padding:175px 0px;}
.rightCol {float:left; width:89px;font-size:11px;margin-top:150px;height:200px;}
.logo{border:0; height:175px;}

.rightCol a , .rightCol p{
	color:#51584A ; clear:both; 
	display:block; 
	font-weight:normal ; 	
	text-transform:uppercase;
	font-size:8px; 
	padding: 0;
	letter-spacing:1em;
	overflow:hidden; margin-bottom: 1px ;
}
.preloadImage {	background: url(images/loading.gif) no-repeat center;	margin:0 auto; text-align:center; }
.myRightList   {	display:block; clear:both; width:580px; float:left; margin-left:7px !important;	}
.preloadImage {width: 550px;	height:330px; }
.preloadImage p {width: 550px;	text-align:right;font-size:8px; text-transform:uppercase; letter-spacing:0.4em; color:#51584A;float:right;margin-right:3px;	width:547px;}
.preloadImage img  { 	width: 550px;z-index:1; }
.myRightList  { 	width: 580px;	margin:0 ; padding:0;	}
.myRightList li { 	width: 269px;	height:126px; }
.myRightList img { 	width: 265px;	height:126px;z-index:1;	}
.preloadImage img{	display: none; }
.myRightList * {overflow:hidden; }

div.detailArchives {
	background:white none repeat scroll 0%;
	color:black;
	cursor:pointer;
	display:block;
	height:126px;
	left:0px;
	opacity:0.9;
	overflow:hidden;
	padding:4px 0pt 0pt 6px;
	position:absolute;
	top:156px;
	width:265px;
	z-index:29;
}
div.detailArchives span {font-weight:bold; font-size:25px; border-bottom:5px solid black; display:block; clear:both; }
div.detailArchives a {background:yellow; font-weight:bold; padding: 5px ; float:left; display:block; clear:both; margin:5px 0; width:185px;}
div.detailArchives em { display:block; clear:both ; background:black; color:white; font-style:normal !important; font-weight:bold; margin:5px 0; width:260px;}
li.myArchivesList {
	background:#F2F2F2 none repeat scroll 0%;
	display:block;
	float:left;
	height:126px;
	list-style-type:none;
	margin:0pt;
	overflow:hidden;
	padding:0pt 0px;
	position:relative;
	width:265px;
	margin:6px 20px 6px 0px; padding:0;
}
.selected {color:white !important;}

.listLink{width: 183px;	float:left;  z-index:1;margin:0; padding:0; text-align:left; height:135px;}
.listLink a{color:white; font-size:8px; letter-spacing:0.5em; display:block; text-transform:uppercase; padding:5px 0; }
.lnk {	float:right; width:550px; margin:0; padding:0 }


ul.links {	float:left; padding: 20px; list-style-type:disc !important; }
ul.links li { font-size:10px; float:left; width: 120px; clear:none; display:inline;}