/* UN-REACHABLE.NET - Version 2.0 Style Sheet  (  ©  October 2008  by  Christine.D aka Kaho )  */ 


/* -------- STRUCTURE  --------------------------------------------------------------------------
 Blocs principaux 
------------------------------------------------------------------------------------------------------- */

html { font-size:100% ;margin:0; min-width:1000px; }

body{
margin: 0 auto; padding:0;
text-align: center;
font-family:"Verdana"; color: #151714;
position:relative;
background: url('_body.jpg') 50% 0 repeat-y black;
}

#container {
width: 999px;
margin: 0 auto; 
text-align: left;
background: url('_top.jpg') 50% 0px no-repeat;

}

#top {
margin:0; padding:0; position:relative;
width:100%; height:360px;
}
	
	#nav {
	margin:0; padding:0;
	width:100%; height:86px;
	
	}

#content {
margin:0; padding:0; float:left;
width:100%;
font-size:1.2em;
}

	#content .inner {    
	line-height: 1.6em;
	width:775px;
	margin: 0 auto;
	}
	
#bottom{
clear: both;
margin-bottom:0;
width: 100%;height:65px; position:relative;
background: url('_bottom.jpg') 50% bottom no-repeat;
text-align:center;font-size:1.1em ; line-height:1.2em;
}



/*---------------------------------GENERAL----------------------------------------------------------------
style général
-------------------------------------------------------------------------------------------------------------*/	
	
a{ outline:none; cursor:help;}

strong{ color: #1C1C1C; font-weight:600; font-variant:small-caps ; }



/*---------------------------------TOP ----------------------------------------------------------------
navigation et style 
-------------------------------------------------------------------------------------------------------------*/

#nav ul{ list-style: none ; margin:0; padding:0;width:100%; height:86px; }

	#nav li {float: left; display:inline; margin:0; padding:0; height:86px; }

#nav li a { display:block; height:86px;text-decoration:none;} 
#nav li a#sites {width:230px;  }
#nav li a#about {width:155px;}
#nav li a#addiction {width:215px;}
#nav li a#exit {width:130px; }
#nav li a#portfolio {width:250px;} 

	a:hover#sites { background: url(_nav.jpg) no-repeat -1px 0px;}
	a:hover#about{background: url(_nav.jpg) no-repeat -230px 0px;}
	a:hover#addiction{background: url(_nav.jpg) no-repeat -385px 0px;}
	a:hover#exit{background: url(_nav.jpg) no-repeat -600px 0px;}
	a:hover#portfolio{background: url(_nav.jpg) no-repeat -731px 0px;}

	#nav a span{ display:none ;}
	
	#nav a:hover span{
	display:block; position: absolute; top:260px; right: 150px; z-index:10;padding:3px; width:600px;
	text-align:right; color : #706C6D; font-size:1.2em; font-style: italic; font-family: Georgia  ; 
	}

#top a#home { display:block ; width:480px; height:115px; margin:15px 0 0 420px ;}

			

			
/*-------------------------------------CONTENT ------------------------------------------------------
blocs internes et style 
 -------------------------------------------------------------------------------------------------------------- */
 
#content { font-size:0.8em; }

#content .inner p { position:relative; margin-top:25px; }


/*LINKS*/

#content a{ color:#41403E; text-decoration:none;}
#content a:hover { color:#878183; font-style:italic; letter-spacing:0.1em;}
#content a img { border:none; }

/* HEADINGS */

#content h1{
text-align:right; font:2.5em "Trebuchet MS"; letter-spacing:0.1em; font-variant:small-caps;
margin:0 0 30px 0;width:85%; 
}
	#content h1:first-letter { color:#4F4F4F; font: 2.1em "Times News Roman"; }

#content h2 {
margin: 20px 0 0px 5px; height:2em;width:100%;
color:#323232; font-variant:small-caps ; font-family: Georgia; letter-spacing:0.2em;
background:url(_h2.jpg) 0 bottom no-repeat;
}
	#content h2:first-letter { color:#6A6A6A; font:2em "Times News Roman"; }

#content h3 {
padding:5px 20px;
font-variant:small-caps ; font:1.3em Verdana;
}

/* */

#content ul { list-style:none; }

#content .important, #IE { width:90%; margin: 0 auto; padding: 7px 10px; border:5px dotted #D6D6D1; }


#content  a .preview { display:none}
#content  a .preview  img{ border:1px solid #B8C1BC;}
	
	#content  a:hover .preview {
	display:block; position: absolute; bottom:160px; right: 220px; z-index:15;padding:8px;
	border:3px dotted #B8C1BC; background:white;
	}

#content dd { font-size:0.8em; }


/*-------------------------------------BOTTOM ------------------------------------------------------
blocs internes et style 
 -------------------------------------------------------------------------------------------------------------- */
 
#bottom p {  height:30px ; color:#E7E7E7; font-size:0.7em; padding-top:25px;}
#bottom a { color:#E7E7E7; text-decoration:none;}
/* UN-REACHABLE.NET - Version 2.0 Style Sheet  (  ©  October 2008  by  Christine.D aka Kaho )  */ 


/* -------- STRUCTURE  --------------------------------------------------------------------------
 Blocs principaux 
------------------------------------------------------------------------------------------------------- */

html { font-size:100% ;margin:0; min-width:1000px; }

body{
margin: 0 auto; padding:0;
text-align: center;
font-family:"Verdana"; color: #151714;
position:relative;
background: url('_body.jpg') 50% 0 repeat-y black;
}

#container {
width: 999px;
margin: 0 auto; 
text-align: left;
background: url('_top.jpg') 50% 0px no-repeat;

}

#top {
margin:0; padding:0; position:relative;
width:100%; height:360px;
}
	
	#nav {
	margin:0; padding:0;
	width:100%; height:86px;
	
	}

#content {
margin:0; padding:0; float:left;
width:100%;
font-size:1.2em;
}

	#content .inner {    
	line-height: 1.6em;
	width:775px;
	margin: 0 auto;
	}
	
#bottom{
clear: both;
margin-bottom:0;
width: 100%;height:65px; position:relative;
background: url('_bottom.jpg') 50% bottom no-repeat;
text-align:center;font-size:1.1em ; line-height:1.2em;
}



/*---------------------------------GENERAL----------------------------------------------------------------
style général
-------------------------------------------------------------------------------------------------------------*/	
	
a{ outline:none; cursor:help;}

strong{ color: #1C1C1C; font-weight:600; font-variant:small-caps ; }



/*---------------------------------TOP ----------------------------------------------------------------
navigation et style 
-------------------------------------------------------------------------------------------------------------*/

#nav ul{ list-style: none ; margin:0; padding:0;width:100%; height:86px; }

	#nav li {float: left; display:inline; margin:0; padding:0; height:86px; }

#nav li a { display:block; height:86px;text-decoration:none;} 
#nav li a#sites {width:230px;  }
#nav li a#about {width:155px;}
#nav li a#addiction {width:215px;}
#nav li a#exit {width:130px; }
#nav li a#portfolio {width:250px;} 

	a:hover#sites { background: url(_nav.jpg) no-repeat -1px 0px;}
	a:hover#about{background: url(_nav.jpg) no-repeat -230px 0px;}
	a:hover#addiction{background: url(_nav.jpg) no-repeat -385px 0px;}
	a:hover#exit{background: url(_nav.jpg) no-repeat -600px 0px;}
	a:hover#portfolio{background: url(_nav.jpg) no-repeat -731px 0px;}

	#nav a span{ display:none ;}
	
	#nav a:hover span{
	display:block; position: absolute; top:260px; right: 150px; z-index:10;padding:3px; width:600px;
	text-align:right; color : #706C6D; font-size:1.2em; font-style: italic; font-family: Georgia  ; 
	}

#top a#home { display:block ; width:480px; height:115px; margin:15px 0 0 420px ;}

			

			
/*-------------------------------------CONTENT ------------------------------------------------------
blocs internes et style 
 -------------------------------------------------------------------------------------------------------------- */
 
#content { font-size:0.8em; }

#content .inner p { position:relative; margin-top:25px; }


/*LINKS*/

#content a{ color:#41403E; text-decoration:none;}
#content a:hover { color:#878183; font-style:italic; letter-spacing:0.1em;}
#content a img { border:none; }

/* HEADINGS */

#content h1{
text-align:right; font:2.5em "Trebuchet MS"; letter-spacing:0.1em; font-variant:small-caps;
margin:0 0 30px 0;width:85%; 
}
	#content h1:first-letter { color:#4F4F4F; font: 2.1em "Times News Roman"; }

#content h2 {
margin: 20px 0 0px 5px; height:2em;width:100%;
color:#323232; font-variant:small-caps ; font-family: Georgia; letter-spacing:0.2em;
background:url(_h2.jpg) 0 bottom no-repeat;
}
	#content h2:first-letter { color:#6A6A6A; font:2em "Times News Roman"; }

#content h3 {
padding:5px 20px;
font-variant:small-caps ; font:1.3em Verdana;
}

/* */

#content ul { list-style:none; }

#content .important, #IE { width:90%; margin: 0 auto; padding: 7px 10px; border:5px dotted #D6D6D1; }


#content  a .preview { display:none}
#content  a .preview  img{ border:1px solid #B8C1BC;}
	
	#content  a:hover .preview {
	display:block; position: absolute; bottom:160px; right: 220px; z-index:15;padding:8px;
	border:3px dotted #B8C1BC; background:white;
	}

#content dd { font-size:0.8em; }


/*-------------------------------------BOTTOM ------------------------------------------------------
blocs internes et style 
 -------------------------------------------------------------------------------------------------------------- */
 
#bottom p {  height:30px ; color:#E7E7E7; font-size:0.7em; padding-top:23px;}
#bottom a { color:#E7E7E7; text-decoration:none;}
/* UN-REACHABLE.NET - Version 2.0 Style Sheet  (  ©  October 2008  by  Christine.D aka Kaho )  */ 


/* -------- STRUCTURE  --------------------------------------------------------------------------
 Blocs principaux 
------------------------------------------------------------------------------------------------------- */

html { font-size:100% ;margin:0; min-width:1000px; }

body{
margin: 0 auto; padding:0;
text-align: center;
font-family:"Verdana"; color: #151714;
position:relative;
background: url('_body.jpg') 50% 0 repeat-y black;
}

#container {
width: 999px;
margin: 0 auto; 
text-align: left;
background: url('_top.jpg') 50% 0px no-repeat;

}

#top {
margin:0; padding:0; position:relative;
width:100%; height:360px;
}
	
	#nav {
	margin:0; padding:0;
	width:100%; height:86px;
	
	}

#content {
margin:0; padding:0; float:left;
width:100%;
font-size:1.2em;
}

	#content .inner {    
	line-height: 1.6em;
	width:775px;
	margin: 0 auto;
	}
	
#bottom{
clear: both;
margin-bottom:0;
width: 100%;height:65px; position:relative;
background: url('_bottom.jpg') 50% bottom no-repeat;
text-align:center;font-size:1.1em ; line-height:1.2em;
}



/*---------------------------------GENERAL----------------------------------------------------------------
style général
-------------------------------------------------------------------------------------------------------------*/	
	
a{ outline:none; cursor:help;}

strong{ color: #1C1C1C; font-weight:600; font-variant:small-caps ; }



/*---------------------------------TOP ----------------------------------------------------------------
navigation et style 
-------------------------------------------------------------------------------------------------------------*/

#nav ul{ list-style: none ; margin:0; padding:0;width:100%; height:86px; }

	#nav li {float: left; display:inline; margin:0; padding:0; height:86px; }

#nav li a { display:block; height:86px;text-decoration:none;} 
#nav li a#sites {width:230px;  }
#nav li a#about {width:155px;}
#nav li a#addiction {width:215px;}
#nav li a#exit {width:130px; }
#nav li a#portfolio {width:250px;} 

	a:hover#sites { background: url(_nav.jpg) no-repeat -1px 0px;}
	a:hover#about{background: url(_nav.jpg) no-repeat -230px 0px;}
	a:hover#addiction{background: url(_nav.jpg) no-repeat -385px 0px;}
	a:hover#exit{background: url(_nav.jpg) no-repeat -600px 0px;}
	a:hover#portfolio{background: url(_nav.jpg) no-repeat -731px 0px;}

	#nav a span{ display:none ;}
	
	#nav a:hover span{
	display:block; position: absolute; top:260px; right: 150px; z-index:10;padding:3px; width:600px;
	text-align:right; color : #706C6D; font-size:1.2em; font-style: italic; font-family: Georgia  ; 
	}

#top a#home { display:block ; width:480px; height:115px; margin:15px 0 0 420px ;}

			

			
/*-------------------------------------CONTENT ------------------------------------------------------
blocs internes et style 
 -------------------------------------------------------------------------------------------------------------- */
 
#content { font-size:0.8em; }

#content .inner p { position:relative; margin-top:25px; }


/*LINKS*/

#content a{ color:#41403E; text-decoration:none;}
#content a:hover { color:#878183; font-style:italic; letter-spacing:0.1em;}
#content a img { border:none; }

/* HEADINGS */

#content h1{
text-align:right; font:2.5em "Trebuchet MS"; letter-spacing:0.1em; font-variant:small-caps;
margin:0 0 30px 0;width:85%; 
}
	#content h1:first-letter { color:#4F4F4F; font: 2.1em "Times News Roman"; }

#content h2 {
margin: 20px 0 0px 5px; height:2em;width:100%;
color:#323232; font-variant:small-caps ; font-family: Georgia; letter-spacing:0.2em;
background:url(_h2.jpg) 0 bottom no-repeat;
}
	#content h2:first-letter { color:#6A6A6A; font:2em "Times News Roman"; }

#content h3 {
padding:5px 20px;
font-variant:small-caps ; font:1.3em Verdana;
}

/* */

#content ul { list-style:none; }

#content .important, #IE { width:90%; margin: 0 auto; padding: 7px 10px; border:5px dotted #D6D6D1; }


#content  a .preview { display:none}
#content  a .preview  img{ border:1px solid #B8C1BC;}
	
	#content  a:hover .preview {
	display:block; position: absolute; bottom:160px; right: 220px; z-index:15;padding:8px;
	border:3px dotted #B8C1BC; background:white;
	}

#content dd { font-size:0.8em; }


/*-------------------------------------BOTTOM ------------------------------------------------------
blocs internes et style 
 -------------------------------------------------------------------------------------------------------------- */
 
#bottom p {  height:30px ; color:#E7E7E7; font-size:0.7em; padding-top:22px;}
#bottom a { color:#E7E7E7; text-decoration:none;}