webmaster@0: /* Dual Blog, :hover-ed edition ^^; */
webmaster@0: 
webmaster@0: #Link, #Link li, dl, dt, dd {display:block; margin:0px;list-style-type:none;}
webmaster@0: 
webmaster@0: body {margin:20px;}
webmaster@0: 
webmaster@0: #Main {border:1px black solid;padding:5px;padding-left:220px;}
webmaster@0: 
webmaster@0: h1 {display:none;}
webmaster@0: 
webmaster@0: /* SideBar */
webmaster@0: #SideBar {width:200px;float:left;padding:10px;padding-top:0px;position:absolute;left:20px;top:20px;}
webmaster@0: #SideBar dt {background:#EEE;border:1px black solid;border-bottom:1px dotted;padding:0px 10px 0px 10px;
webmaster@0: 					 margin-top:10px;font-weight:bold;}
webmaster@0: #SideBar dd {border:1px black solid;margin:0px;border-top:none;padding:10px;font-size:0.9em;}
webmaster@0: #SideBar dd p {margin:0px;padding:0px;}
webmaster@0: #SideBar dd p:first-letter {color:#06F;}
webmaster@0: /* Hover sur la colonne de gauche, youplaboom ^^; */
webmaster@0: #SideBar dt:hover {background:#333;color:white;}
webmaster@0: #SideBar dt:hover + #SideBar dd, #SideBar dd:hover {background:#333;color:white;}
webmaster@0: #SideBar dt:hover + #SideBar dd a, #SideBar dd:hover a {color:#CCC;border-bottom:1px #CCC solid;}
webmaster@0: #SideBar dd a:hover {color:#FFF;border-bottom:1px #CCC dashed;}
webmaster@0: #SideBar dt:hover + #SideBar dd p:first-letter, #SideBar dd:hover p:first-letter {color:#FC0;}
webmaster@0: 
webmaster@0: /* Posts */
webmaster@0: #Posts 					{border-left:1px black solid;padding:5px;padding-left:10px}
webmaster@0: .PostContent		{text-align:justify;margin-bottom:10px;border-bottom:1px black solid;padding:5px;}
webmaster@0: .PostContent h2	{margin-left:auto;margin-right:auto;text-align:center;font-weight:bold;}
webmaster@0: 
webmaster@0: /* Some :hover magic */
webmaster@0: .PostContent:hover						 {background:#333;color:#FC0;}
webmaster@0: .PostContent:hover h2	 {color:#3C9;}
webmaster@0: .PostContent:hover span			 {color:#396;}
webmaster@0: .PostContent:hover p:first-letter{color:#06F !important;}
webmaster@0: .PostContent:hover a					 {color:#0CF;border-bottom:1px #FFF dashed;}
webmaster@0: /* on cache la méchante iframe... */
webmaster@0: iframe {display:none;}
webmaster@0: 
webmaster@0: #Adresse {display:none;}
webmaster@0: #Link {display:block;width:auto;overflow:auto;height:100px;border-left:1px black solid; border-bottom:1px black dashed;padding:5px;}
webmaster@0:  /*#Link A {position:relative;left:10px;} Fait sortir bizarrement du flow sous IE... */
webmaster@0: #Link a {margin-left:10px;}
webmaster@0: 
webmaster@0: #SideBar ul, #SideBar li {margin:0px;padding:0px;list-style-type:none;}
webmaster@0: 
webmaster@0: .i {font-style:italic;}
webmaster@0: .b {font-weight:bold;}
webmaster@0: 
webmaster@0: a {color:#666;border-bottom:1px #333 solid;text-decoration:none;}
webmaster@0: a:hover {border-bottom:1px #999 dashed;color:#000;}