/* Yakosuku - INNOCENCE Style Sheet  (  ©  February 2008  by  Kaho )  */ 



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

html { 
font-size:100% ; /*corrige les pb au redimensionnement d'IE ... */
margin:0;
}


body{
margin: 0;
text-align: center; /*corrige le bug de centrage IE */
padding:0;
font:62.5% "Arial";
background: url('_body.jpg') 50% 0 repeat-y;
color: #525252;
}


#container {
width: 900px;
margin: 0 auto;   /*centre dans la page*/
text-align: left; 

}


#top {
margin:0;
padding:0;
width:900px;
height:477px;
background: url('_top.jpg') 36px 0px no-repeat;
}

#sidebar {
margin:0;
padding:0;
float:left;
width:200px;
font-family:Arial;

}

#content {
margin:0;
padding:0;
float:left;
width:700px;
font-size:1.2em;

}

#content .inner {    
line-height: 1.6em;
width:625px;
margin: 0;
}

#bottom{
clear: both;
width: 100%;
font-size:1.1em ; 
text-align:center;
line-height:1.2em;
height:110px;
padding-top:20px;


}




/*-------- GENERAL ----------------------------------------------------------------------
 Style, éventuellement écrasé par la suite si besoin
----------------------------------------------------------------------------------------------------------------- */

.right {
float:right;
margin: 5px 2px 5px 8px;
display:block;
}

.left {
float:left;
margin: 5px 8px 5px 2px;
display:block;
}

.center {
margin: 0 auto;
text-align:center;
display:block;
}

em, q{
font-style:italic;
}


	/* Links */
	a, a:link, a:visited, table a{
	color: #887B71;
	font-size:1em;
	text-decoration:none;
	padding-bottom:1px;
	}

	p a:link, p a:visited, table a, #content ul a {
	border-bottom:1px solid #C8C5BC;

	}
	 
	 p  a:hover, #content ul a:hover, table a{
	color: black;
	background:url('_v_gradient.jpg') left bottom repeat-x;
	}

	a:hover {
	cursor: help;
	}




/* --------------------------- TOP ---------------------------------------------------------------------
 blocs internes et style  
--------------------------------------------------------------------------------------------------------------*/

/* Styleswitcher */
#top h2 {
margin:0px 0 0 70px ;
padding:5px;
border-bottom:1px solid black;
width:88px;
font-size:1.2em;
letter-spacing:0.4em;
text-align:center;
}



#styleswitcher{
list-style: none ;
margin:5px 0 0 75px ;  
padding:5px 0 0 5px;
height:40px;
display:block;
}

#styleswitcher li {
float: left; width:50px; height:40px;
}
#styleswitcher li  a{
width:50px; height:40px; display: block ; margin:0;
}


a#skin1 { background: url('_style1.jpg') no-repeat top left;}
a#skin2 { background: url('_style2.jpg') no-repeat top left;}
a#skin3 { background: url('_style3.jpg') no-repeat top left;}
a#skin4 { background: url('_style4.jpg') no-repeat top left;}


a:hover#skin1 { background: url('_style1_hover.jpg') no-repeat top left;}
a:hover#skin2 { background: url('_style2_hover.jpg') no-repeat top left;}
a:hover#skin3 { background: url('_style3_hover.jpg') no-repeat top left;}
a:hover#skin4 { background: url('_style4_hover.jpg') no-repeat top left;}


#styleswitcher a span{
display:none;
}	
   
   /*----------- menu du haut ---------*/

		#top_nav {
		list-style: none ;
		margin:345px 0 0 70px;
		padding: 0 ;
		display:block;
		height:40px;
		}

		#top_nav li {
		float: left ;
		width: 152px ;

		}

		#top_nav li a {
		display: block ;
		color: #A8A093;
		font: 1.5em "Trebuchet MS",Arial;
		font-weight:bold;
		line-height: 1em ;
		text-align: center ;
		letter-spacing:0.1em;
		}

		#top_nav li a:hover, #top_nav li a:focus, #top_nav li a:active {
		color:black;
		}





/*---------------------------------SIDEBAR  ----------------------------------------------------------------
blocs internes et style 
-------------------------------------------------------------------------------------------------------------*/

#sidebar h1{
font:1.4em "Arial";
color: #92938E;
font-weight:bold;
text-align:center;
padding-bottom:3px;
border-bottom:1px solid #C8C3BD;
display:block;
width:120px;
margin: 5px auto;
letter-spacing:0.2em;

}



    /*-------- menu ---------*/   
.menu {
width: 120px ;
list-style: none ;
margin: 0 0 14px 0 ;
padding: 0 ;
position: relative;
left:40px;
font-size:1.2em;
}

.menu li {
border-right: 1px solid #92938E ;
margin:0;

}

.menu li a, .menu li a:visited {
display: block ;
border-right: solid 8px #E2DED2;
font: 1em "Trebuchet MS";
line-height: 1.1em ;
height:1em;
text-decoration: none ;
padding: 2px 0 2px 6px ;
margin:0;
color:#8B8B8B;
}

.menu li a:hover , .menu li a:focus {
border-right: solid 8px  #CECABF;
color:black;
background: url('_menu_li.jpg');
}


/* Shoutbox */

	#shoutbox  { /*div avec l'iframe */
	margin:4px auto 15px auto;
	width:120px;
	height:280px;
	}

	 .shoutbox{ /* class sur body de la page de la shoutbox */
	background:white;
	}
	
	.shoutbox .table { text-align:left; }

/*

#affiliates {
list-style:none;
position: relative; left:25px;
margin-top:0;
}

#affiliates li {
margin-bottom: 1px;
}

#affiliates img {
border:none
}


#counter {
margin:0;
position: relative; left:65px;
text-align:right;
padding-top:14px;
height:31px;
width:88px;
background:url('_counter.jpg') no-repeat;
}

*/



/*-----------------------------------------BOTTOM -----------------------------------------------------
bloc interne et style 
------------------------------------------------------------------------------------------------------------*/



.xiti {
margin-bottom:0px;
}


/*-------------------------------------CONTENT ------------------------------------------------------
blocs internes et style 
 -------------------------------------------------------------------------------------------------------------- */

strong{
color: #3A3A3A;
font-weight:600;
}


#content ul{
list-style-image: url('_li.jpg' );
}

/* HEADINGS */


#content h1{
font:1.7em "Verdana";
color: #92938E;
text-align:center;
padding-bottom:5px;
border-bottom:1px solid #C8C3BD;
width:620px;
margin:15px 0 15px 0 ;

}


#content h1:first-letter {
color:#4F4F4F;
font-size: 1.4em;
}




#content h2, thead{  
height: 40px;
background: url('_h2.jpg') no-repeat;
font:bold 1.2em "Trebuchet MS";
letter-spacing:0.2em;
padding:10px 0 0 12px;
margin : 20px auto 8px auto;
text-transform:uppercase;
}



#content h3 {
font: bold 1.2em Arial;
height: 1.3em;
color:#CAC5BF;
padding-left:10px;
letter-spacing:0.1em;
border-left:20px solid #F1ECE6;
margin: 15px 0px 4px 25px;
}



     /*-------- Elements de Formulaires----- */

		option {
		background: #F6F7F9;
		}

		input, select , textarea {  
		background:url('_v_gradient.jpg') left bottom repeat-x;
		border: solid 1px #CBC9BD;
		font: 1em "Helvetica";
		text-align:left;
		color: #525252;
		}

		textarea {  
		width:480px;
		height:300px;
		background:url('_big_v_gradient.jpg') left bottom repeat-x;
		}


/* TABLES */
		
table { 
font-size:1em;
}

td { border:none; padding:0}

tfoot { text-align:center; }

thead { font-size:1em; }

/* IMAGES */

#content img {
border:2px outset #C3C1B5;
padding:6px;
}

#content a:hover img{
border:2px inset #C3C1B5;
}

#content img.none  {
border:none;

}


.caption {
padding:0;
border:1px solid #F0EDE4;
background:#FDFCFB;
font-size:0.8em;
width:90%;
margin: 0 auto;
text-align:center;
}





	blockquote, .box , .show{
	padding:5px 6px 6px 6px;
	border:5px solid #E9E7D6;
	background:#FDFCFB;
	width:85%;
	margin: 10px auto;
	}
	
		.show{ width:95%; text-align:left;}






.hidden {   /*Pour spoilers*/
color:#EFF3F4;
border-left:1px solid #8596A0;
}

dt {  /*liste de définition*/
font-weight: bold;
}








/*--------------------------CONTENT --------------------------------------------------------
 style très spécifique  selon les pages
------------------------------------------------------------------------------------------------ */

/* FUSION NEWS */
	#fusion_news img{ border:none; padding:1px; margin:0; }
    
	.news {
	width:585px;
	margin:0 auto;
	padding:8px;
	}

	.news .data {
	margin: -40px 0 0 465px;
	font-size:0.9em;
	}
	
	
	.story {
	padding-top:10px;
	}
	
	.news .links , .comment{
	padding:3px 6px 3px 6px;
	border:1px solid #F0EDE4;
	background:#FDFCFB;
	font-size:0.9em;
	margin:5px auto;
	}
	
	.commentarea { margin-top:30px; }
	
	.comment {
	width:85%; margin-top:20px;
	}
	
	
	#commentsbox {
	height:150px;
	}
	

	.avatar {
	float:right;
	margin: 5px 15px 5px 5px;
	}
	
	
/* EPISODES */
.tab_episodes td { 
padding:3px 0 3px 0;
text-align:center;
}

/* OST */	
	.tab_ost, .tab_tomes td {
	padding:2px 0 2px 8px;
	}
	
	

/* TOMES */
.tab_tomes { margin-top:25px; }
	.tab_tomes tfoot { background:#FDFCFA;} 
		.tab_tomes tfoot img { vertical-align: middle ; }


	/* PERSONNAGES */
	.persos span.show { display:block; min-height:270px; border-width:1px; }
		
	
/* SIGNATUX */
   
#sgtux_smilies img, #sgtux_antispam img { border:none; }   ; #sgtux_div_smilies a { text-decoration:none; border:none; background:none; }
.sgtux_coordonnees { height: 20px; background: url('_h2.jpg') no-repeat; font:bold 1em "Trebuchet MS"; letter-spacing:0.2em; padding:10px 0 0 12px; margin : 20px auto 8px auto; text-transform:uppercase; }
.sgtux_barreinfos, #sgtux_bouton, #sgtux_copyright { text-align:center ; }
#sgtux_message{ width:100% } 
#sgtux_max , #sgtux_patientez{ visibility: hidden}
#sgtux_bouton input { padding:4px 5px; font-variant:small-caps }
div .sgtux_message ul { padding-bottom:10px; }


/*

#divbooks input{   
width:475px;
text-align:left;
}

#divscan input {    
width:145px;
text-align:left;
padding:0 0 0 10px;
margin-left:160px;
}



.tabgal{   
width:500px
}

.tabgal td{
padding:4px;
}

.tabgal img {
padding:4px;
background:#E7ECF0;
border:1px solid #C8D6D7;
}

.tabgal img:hover{
padding:4px;
background:#FFFFFF;
border:1px solid #8596A0;
}


.tabavatar img {
border:none;
}



.pop  {   
text-align:left;
margin:10px;
font-size:0.8em;
}


.important {  
border:1px solid #95A9B2;
background:#F7F8FA;
padding:2px 0px 2px 5px;
}


#newsletter {
width:280px;
text-align:center;
}

#calendrier {
text-align:center;
}

*/