webmaster@0: /* Dual Blog, Somatic Edition */
webmaster@0: 
webmaster@0: html {
webmaster@0: 	margin:0;
webmaster@0: 	padding:0;
webmaster@0: 	background:#EEE; 
webmaster@0: 	font-family:"Bitstream Vera Sans", "Lucida Grande", Tahoma, Verdana, Arial, sans serif;
webmaster@42: 	font-size:small;
webmaster@0: }
webmaster@0: 
webmaster@0: #Link, #Link li, dl, dt, dd {display:block; margin:0;list-style-type:none;}
webmaster@0: 
webmaster@0: #Main {
webmaster@0: 	width:798px;
webmaster@0: 	margin:5px auto 0;
webmaster@0: 	padding:0;
webmaster@0: 	background:white;
webmaster@0: 	border:1px #333 solid;
webmaster@0: 	border-bottom:0;
webmaster@0: }
webmaster@0: 
webmaster@0: h1 {
webmaster@0: 	margin:0 0 150px;
webmaster@0: 	padding:5px;
webmaster@0: 	height:21px;
webmaster@0: 	text-align:center;
webmaster@0: 	border-bottom:1px #333 solid;
webmaster@0: 	font-size:17px;
webmaster@0: 	background-image:url('Res_Somatic/bg_test.png');
webmaster@0: 	position:relative;
webmaster@0: 	z-index:3;
webmaster@0: }
webmaster@0: 
webmaster@0: #Adresse, #SideBar dt {
webmaster@0: 	position:absolute;
webmaster@0: 	top:38px;
webmaster@0: 	left:50%;
webmaster@0: 	display:block;
webmaster@0: 	width:132px;
webmaster@0: 	padding-top:135px;
webmaster@0: 	background-repeat:no-repeat;
webmaster@0: 	background-position:2px 5px;
webmaster@0: 	background-color:#FFF;
webmaster@0: 	text-align:center;
webmaster@0: 	border-bottom:1px #333 solid;
webmaster@0: 	border-right:1px #333 solid;
webmaster@0: 	font-size:0.9em;
webmaster@0: 	z-index:2;
webmaster@0: 	cursor:pointer;
webmaster@0: }
webmaster@0: 
webmaster@0: /* Let's give some 8-bits pngs to IE... */
webmaster@0: * html #Adresse {background-image:url('icons/fav_8bit.png') !important;}
webmaster@0: * html #About {background-image:url('icons/connect_8bit.png') !important;}
webmaster@0: * html #Profile {background-image:url('icons/profile_8bit.png') !important;}
webmaster@0: * html #Like {background-image:url('icons/like_8bit.png') !important;}
webmaster@0: * html #Geekness {background-image:url('icons/geek_8bit.png') !important;}
webmaster@0: * html #Archives {background-image:url('icons/Hank_8bit.png') !important;}
webmaster@0: * html #ToDo {background-image:url('icons/todo_8bit.png') !important;}
webmaster@0: 
webmaster@0: #Adresse {
webmaster@0: 	margin-left:-398px;
webmaster@0: 	background-image:url('icons/fav.png');
webmaster@0: }
webmaster@0: 
webmaster@0: #About {
webmaster@0: 	margin-left:-265px;
webmaster@0: 	background-image:url('icons/connect.png');
webmaster@0: }
webmaster@0: 
webmaster@0: #Profile {
webmaster@0: 	margin-left:-132px;
webmaster@0: 	background-image:url('icons/profile.png');
webmaster@0: }
webmaster@0: 
webmaster@0: #Like {
webmaster@0: 	margin-left:1px;
webmaster@0: 	background-image:url('icons/like.png');
webmaster@0: }
webmaster@0: 
webmaster@0: #Geekness {
webmaster@0: 	margin-left:134px;
webmaster@0: 	background-image:url('icons/geek.png');
webmaster@0: }
webmaster@0: 
webmaster@0: #Archives {
webmaster@0: 	margin-left:134px;
webmaster@0: 	background-image:url('icons/Hank.png');
webmaster@0: }
webmaster@0: 
webmaster@0: #ToDo {
webmaster@0: 	margin-left:267px;
webmaster@0: 	border-right:0 !important;
webmaster@0: 	background-image:url('icons/todo.png');
webmaster@0: }
webmaster@0: 
webmaster@0: #SideBar dt:hover, #Adresse:hover {background-color:#dec;}
webmaster@0: 
webmaster@0: .Actif {background-color:#eee !important;}
webmaster@0: 
webmaster@0: #SideBar p, #Posts {margin:5px 0; padding:0;text-align:justify;}
webmaster@0: 
webmaster@0: #Link, #SideBar dd  {
webmaster@0: 	font-size:0.9em;
webmaster@0: 	border-bottom:1px #333 solid;
webmaster@0: 	padding:5px 10px;
webmaster@0: 	background:url('Res_Somatic/bg_test.png') #fff;
webmaster@0: 	height:150px;
webmaster@0: 	overflow:auto;
webmaster@0: 	position:absolute;
webmaster@0: 	top:187px;
webmaster@0: 	width:778px;
webmaster@0: 	z-index:0;
webmaster@0: }
webmaster@0: 
webmaster@0: #Link {display:none;}
webmaster@0: 
webmaster@0: .PostContent {
webmaster@0: 	padding:10px;
webmaster@0: 	text-align:justify;
webmaster@0: 	border-bottom: 1px #333 solid;
webmaster@0: }
webmaster@0: 
webmaster@0: .PostContent h2 {
webmaster@0: 	font-weight:bold;
webmaster@0: 	text-align:center;
webmaster@0: 	border:1px #666 solid;
webmaster@0: 	margin:0 15px;
webmaster@0: 	background:url('Res_Somatic/bg_titre.png');
webmaster@0: 	font-size:1.2em;
webmaster@0: }
webmaster@0: 
webmaster@0: .PostContent h2 abbr {
webmaster@0: 	padding:2px 0;
webmaster@0: }
webmaster@0: 
webmaster@0: #SideBar a, #Link a {text-decoration:none;color:#666;font-style:italic;margin-bottom:1px;border-bottom:1px dashed;}
webmaster@0: #SideBar li, #Link li {line-height:1.5em;}
webmaster@0: #Link a {margin-left:10px;}
webmaster@0: #SideBar a:hover, #Link a:hover, #Posts a:hover {border-bottom:1px solid;}
webmaster@0: #SideBar ul, .PostContent ul {list-style:url(Res_Somatic/puce.gif) outside;}
webmaster@0: 
webmaster@0: a:not([href]) {border-bottom:0 !important;}
webmaster@0: 
webmaster@0: a img {
webmaster@0: 	padding:10px;
webmaster@0: 	margin:0 10px 10px;
webmaster@0: 	border:1px solid #795;
webmaster@0: 	background-image:url('Res_Somatic/bg_test.png');
webmaster@0: }
webmaster@0: 
webmaster@0: code, blockquote {
webmaster@0: 	border:1px #795 solid;
webmaster@0: 	border-left-width:3px;
webmaster@0: 	background:url('Res_Somatic/bg_test.png') #FFE;
webmaster@0: 	padding:2px 6px;
webmaster@0: }
webmaster@0: 
webmaster@0: p.code code {
webmaster@0: 	white-space:pre;
webmaster@0: 	overflow:auto;
webmaster@0: 	display:block;
webmaster@0: }
webmaster@0: 
webmaster@0: code {line-height:1.5em;}
webmaster@0: 
webmaster@0: em, i, .i {color:#67B;}
webmaster@0: #Posts a {color:#795;text-decoration:none;}
webmaster@0: #Posts {padding-top:170px;}
webmaster@0: 
webmaster@0: .mood, .gravatar, .gallerie {
webmaster@0: 	float:left;
webmaster@0: 	margin:1.5em 1em 0.5em 0;
webmaster@0: 	padding:10px;
webmaster@0: 	border:1px #795 solid;
webmaster@0: 	background:url(Res_Somatic/bg_test.png);
webmaster@0: }
webmaster@0: 
webmaster@0: .gravatar {
webmaster@0: 	margin:0 1em 0 0 ;
webmaster@0: }
webmaster@0: 
webmaster@0: .gallerie {
webmaster@0: 	padding:1.5em;
webmaster@0: 	width:300px;
webmaster@0: }
webmaster@0: 
webmaster@0: .Tongue {
webmaster@0: 	background:url(/blog/mood/light/Tongue.png) bottom right no-repeat;
webmaster@0: }
webmaster@0: 
webmaster@0: .Neutral {
webmaster@0: 	background:url(/blog/mood/light/Neutral.png) bottom right no-repeat;
webmaster@0: }
webmaster@0: 
webmaster@0: .Goggle {
webmaster@0: 	background:url(/blog/mood/light/Goggle.png) bottom right no-repeat;
webmaster@0: }
webmaster@0: 
webmaster@0: .Clop {
webmaster@0: 	background:url(/blog/mood/light/Clop.png) bottom right no-repeat;
webmaster@0: }
webmaster@0: 
webmaster@0: .Cry {
webmaster@0: 	background:url(/blog/mood/light/Cry.png) bottom right no-repeat;
webmaster@0: }
webmaster@0: 
webmaster@0: .Oohh {
webmaster@0: 	background:url(/blog/mood/light/Oohh.png) bottom right no-repeat;
webmaster@0: }
webmaster@0: 
webmaster@0: .Love {
webmaster@0: 	background:url(/blog/mood/light/Love.png) bottom right no-repeat;
webmaster@0: }
webmaster@0: 
webmaster@0: .PostContent dd, .PostContent dt {
webmaster@0: 	border:2px #795 solid;
webmaster@0: 	padding-left:0.5em;
webmaster@0: }
webmaster@0: 
webmaster@0: .PostContent dt {
webmaster@0: 	border-width:2px 2px 0;
webmaster@0: 	background:url(Res_Somatic/bg_test.png);
webmaster@0: 	padding:0.3em 1em;
webmaster@0: }
webmaster@0: 
webmaster@0: .PostContent dd {
webmaster@0: 	border-top:1px dashed #795;
webmaster@0: 	margin-bottom:1em;
webmaster@0: 	padding:0 1em;
webmaster@0: }
webmaster@0: 
webmaster@0: .PostContent dd ul {
webmaster@0: 	padding:0;
webmaster@0: 	list-style-position:inside;
webmaster@0: }
webmaster@0: