/*
 * MITHENKS.COM
 *
 *
 * Struttura del sito
 *
 *
 *  |     #menu navigazione        |
 *
 *           |
 *    barra  |   
 *           |        pagina
 *   laterale|
 *           |       caricata
 *   #lateral|
 *           |        #page
 *           |
 *           |
 *           |
 *           |
 *
 *  |       barra inferiore        |
 *
 *
 */


body,html {
	background: #445bb0;
/*	background-image: url('immagini/pirate_flag.png');
	background-attachment: fixed;*/
	color: #37383f;
	height: 500px;
	text-align: center;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/************   STRUTTURA_PAGINA   ****************/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
 * Div che contiene la barra del menu' 
 */
#barra_menu {
	background: #475590;
	position: fixed;
	height: 34px; top: 0px; right: 50px; left: 50px;
	/* border-bottom: 1px solid black; */
	text-align: center;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	-moz-border-radius-bottomleft: 25px;
	-moz-border-radius-bottomright: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px; 
}

#main {
	color: #ced3ff;
	position: relative;
	border: none;
	width: 80%;
	top: 80px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#laterale {
	display: block;
	position: relative;
	width: 25%;
	left: 0px;
	padding: 10px;
}

#pagina {
	display: block;
	position: absolute;
	top: 0px;
	width: 70%;
	right: 0px;
	padding-left: 20px;
	border-left: 1px solid black;
	text-align: left;
}


#barra_inferiore {
	display: none;
	background: #475590;
	position: fixed;
	height: 34px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding-top: 2px;
	border-top: 1px solid black;
	text-align: center;
	z-index: 10;
}
/************* STRUTTURA_PAGINA_END ***************/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/**************     BARRA_MENU   ******************/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a.menu:hover { text-decoration: none; }
img.menu:hover { background: #344372; }
/***************** BARRA_MENU_END *****************/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*************  BARRA_INFERIORE  ******************/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
span.barra_inferiore { 
	color: #ced3ff; font-size: 70%; font-family: sans-serif; font-weight: bold; 
	padding-left: 10px; padding-right: 10px;
	}
img.barra { border: 0px; height: 30px; padding-left: 3px; padding-right: 3px; vertical-align: middle; }
img.numero { vertical-align: middle; }
/************* BARRA_INFERIORE_END ****************/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*************  RIQUADRO_LATERALE  ****************/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
span.riquadro_laterale { color: #293d7b; font-size: 12px; }
span.citazione { font-style: italic; }
img.immagine_home_page { border: 1px dotted red; padding: 5px; }
/************* RIQUADRO_LATERALE_END **************/



a.menu:active,a:visited,a:link {
	color: #759dc5;
	text-decoration: none;
	font-size: 15px;
	line-height: 30px;
}

a.menu:hover {
	background: white;
	color: green;
	font-size: 15px;
	line-height: 30px;
}

a.download {
	text-decoration: none;
	font-size: 11px;
}

a.download:hover {
	text-decoration: underline overline;
}

a.documenti:hover {
	background: none;
	text-decoration: none;
}

/* Home */
#immsett {
	position: fixed; /*
	top: 34px;
	bottom: 34px;
	left: 0px; */
	width: 220px;
	height: auto;
	/* border-right: 1px solid black; */
	text-align: center;
}

#center {
	position: relative;
	width: 500px;
	top: 34px;
	bottom: 34px;
	left: 270px;
	text-align: left;
}

/*************************/
/***** SEZIONE: BLOG *****/
/*************************/


	/** SOTTOSEZIONE: BLOG_COMMENTI **/
	
	/*
 	* Box presente sotto il post del blog,
 	* contiene il numero di commenti (a sinistra, in un altro div)
	 * ed il link al forma per commentare (a destra, altro div)
 	*/
	div#commenti_box { position: relative; left: 0px; width: 100%; text-align: left;}

	/*
 	* Sotto il post del blog, all'interno di #commenti_box,
 	* contiene il link ai commenti del post
 	*/
	div#commenti_box_a { position: relative; display: inline; margin-left: 0px; }

	/*
 	* Sotto il post del blog, all'interno di #commenti_box,
 	* contiene il link al form per lasciare un commento al post
 	*/
	div#commenti_box_b { position: absolute; display: inline; right: 0px; }

	/* Testo e link delle diciture "Commenti: -" e "Lascia commento" */
	span.blog_commenta { font-size: 12px; }
	a.blog_commenta { font-size: 12px; color: #74b5ff; font-style: italic; }
	a.blog_commenta:hover { font-size: 12px; color: #FFF; font-style: italic; text-decoration: underline; }

	/** ENDSOTTOSEZIONE: BLOG_COMMENTI **/


	/** SOTTOSEZIONE: BLOG_COMMENTI_LASCIA **/
	
	/* Div che contiene il form per lasciare un commento al post del blog */
	div#blog_lascia_commento{ display: block; border: 1px solid red;  position: relative; }
	
	/* Form per lasciare il commento ad un post del blog */
	
	form#form_commento_blog { float: none; }
	
	table#blog_lascia_commento { float: none; }
	
	/* Casella della tabella che contiene il titolo del form */
	td.form_commento_blog_a {} /*border-bottom: 1px dotted white; }*/
	span.form_commento_blog_a { font-size: 11px; }

	/* Casella della tabelle che contiene un inserimento */
	td.form_commento_blog_b { vertical-align: top; }
	input.form_commento_blog_b { border: 0px; width: 200px; color: gray; }
	span.form_commento_blog_b { font-size: 11px; }

	/* Casella che contiene il pulsante di OK */	
	td.form_commento_blog_c { text-align: right; }	
	
	/* Messaggi di errore o warning nell'inserimento di un commento */
	p.commenti_err { text-align: center; } 
	span.commenti_err { font-size: 12px; color: #FFF; }

	/** ENDSOTTOSEZIONE: BLOG_COMMENTI_LASCIA **/


	/** SOTTOSEZIONE: BLOG_COMMENTI_VIEW **/
	/**                                      
	*** Visualizzazione dei commenti sotto il posto
	**/

	/* Titolo della sezione che visualizza i commenti di un post */
	span.blog_commenti { color: #afd5ff; font-size: 14px; font-style: italic; font-weight: bold; }

	/* Testo del commento */
	span.blog_commenti_testo { font-size: 13px; font-family: sans-serif; }
	span.blog_commenti_data { font-size: 10px; font-weight: bold; }
	span.blog_commenti_autore { font-size: 10px; font-style: italic; } 

	/* Testo e link in caso di nessun commento */
	span.blog_commenti_no { font-size: 12px; font-family: "New Century SchoolBook", "Times New Roman", serif; }
	a.blog_commenti_no { font-size: 12px; color: #1B2487; font-family: "New Century SchoolBook", "Times New Roman", serif; }
	a.blog_commenti_no:hover { font-size: 12px; text-decoration: underline; color: #1B2487; font-family: "New Century SchoolBook", "Times New Roman", serif; }

	/** ENDSOTTOSEZIONE: BLOG_COMMENTI_VIEW **/
	
	
	/** SOTTOSEZIONE: BLOG_POST **/
	
	div.blog_container { margin: 10px auto 0 auto; padding: 0; background: transparent; position: relative; }
	div.blog_post { position: relative; padding: 10px; 
		background: #475b8e; /*#bdd6ea; */ 
		border: 2px solid #000; -webkit-border-radius: 20px; -moz-border-radius: 20px; z-index: 2; }
	div.blog_ombra { margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 5px; left: 5px; background: #FFF; filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; z-index: 1; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
	span.blog_titolo { font-size: 22px; font-weight: bold; text-decoration: none; color: #afd5ff; }
	span.blog_data { color: #74b5ff; font-size: 12px; font-style: italic; font-weight: bold; }
	p.blog_testo { text-align: justify; font-size: 14px; font-family: "New Century School Book", "Times New Roman", serif; } 
	span.blog_testo {  }

	/** ENDSOTTOSEZIONE: BLOG_POST **/


/****************************/
/***** ENDSEZIONE: BLOG *****/
/****************************/




/* NEWS */
div.news {
	position: relative;
	margin-left: 20px;
	margin-right: auto;
	text-align: left;
}

table.news {
	#background: url('immagini/sfondo4.png');
	margin-left: auto;
	margin-right: auto;
}

td.news_date {
	font-family: sans-serif;
	font-size: 9px;
	vertical-align: top;
	#color: #6A70A2;
	padding-right: 10px;
	text-align: center;
	border-bottom: 1px dotted black;
	padding-top: 10px;
}

td.news_text {
	font-family: serif;
	font-size: 11px;
	width: 350px;
	vertical-align: top;
	text-align: left;
	color: #A7B0FF;
	padding-top: 10px;
}

a.news {
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
}
/* FINE NEWS */



/* Sezione Whois */
div.whois {
	position: relative;
	width: auto;
	height: 420px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.identita_foto {
	position: relative;
	width: 210px;
	height: 200px;
	top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px solid #000099;
	background: url('immagini/sfondo3.png');;
}

div.identita {
	position: relative;
	padding: 10px;
	margin-top: 40px;
}

p.testo_whois {
	color: #ced3ff;
	font-size: 12px;
	text-align: left;
}
/* Fine Sezione Whois */

/* Pagine Documenti & Software */

div.download {
	position: relative;
	width: 500px;
	left:100px;
}

div.oggetto {
	width: 500px;
	text-align: left;
}

div.descr {
	width: auto;
	text-align: justify;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	line-height: 13px;
	border-left: 1px solid #5e6264;
}

.titolo {
	padding: 3px;
	color: black;
	background: #92aab3;
	border: 1px #5e6264 solid;
	margin: 0px;
}

span.descr {
	font-size: 12px;
}

span.info {
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
}

/* Fine Sezione Documenti & Software*/


.documento {
	font-weight: bold;
	font-size: 13px;
	word-spacing: 3px;
	letter-spacing: 1px;
	border-bottom: 1px solid black;
}


img.download {
	border: 0;
	height: 10px;
	width: 10px;
}

hr.documenti {
	border: 1px solid black;
}

p {
	color: #ced3ff;
	font-size: 12px;
}

.bold {
	font-weight: bold;
}

span.form {
	font-size: 12px;
	font-weight: bold;
}

a.blog_list {
	color: #009337;
	font-size: 15px;
	font-weight: bold;
}

a.link_racconti {
	font-size: 12px;
	color: green;
}

a.link_racconti:hover {
	color: gray;
}

/* Sezione Blog */
/*
div.blog_main {
	position: absolute;
	width: auto;
	right: 300px;
	left: 50px;
	text-align: left;
}
.blog_titolo {
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
span.blog_data {
	color: orange;
	text-decoration: overline;
	font-size: 10px;
	font-style: italic;
	margin: 0px;
	padding:0px;
	line-height: 10px;
}
p.blog_testo {
	line-height: 15px;
	font-size: 12px;
}
a.blog_link_commenti {
	font-size: 10px;
}
a.blog_list {
	font-size: 22px;
	color: white;
}
*/
/* Fine Sezione Blog */


/********************/
/* SEZIONE Racconti */
/********************/
 
/*****************/
/* INIZIO Indice */
div.indice_racconti { position: fixed;	top: 70px; width: 200px; right: 50px; padding: 0px; margin: 0px; line-height: 10px; }
img.bordo_racconti { border: 0; margin: 0px; width: 200px; height: 10px; }
div.indice_racconti_interno { position: relative; width: 188px; /*background: #a4b9ff;*/ background: url("immagini/indice_racconti_centrale.png"); border-right: 1px black solid; border-left: 1px black solid; margin: 0; padding: 5px; text-align: left; line-height: 20px; }
span.indice_racconti_voce { color: green; font-size: 12px; font-style: italic; }
/* FINE Indice */
/***************/


/************************/
/* INIZIO Form commento */
div.form_commento { background: url('immagini/sfondo3.png'); position: fixed; border: 1px dotted #A7B0FF; top: 130px; right: 52px; width: 165px; padding-left: 15px; text-align: left; padding-right: 15px; }
h6.form_commento { margin: 0px; color: orange; text-align: center; }
span.form_commento { font-size: 10px; color: #A7B0FF; }
input.form_commento { border: 0px; width: 165px; margin-bottom: 5px; }
textarea.form_commento { border: 0px; width: 165px; height: 60px; }
/* FINE Form commento */
/**********************/


/*******************/
/* INIZIO Commenti */
div.commenti { position: relative; width: 500px; left: 100px; text-align: left; }
p.commenti { font-size: 12px; font-style: italic; }
span.commenti { color: orange; text-decoration: underline; }
/* FINE Commenti */
/*****************/


/********************************/
/* Formattazione lista capitoli */
/* di un libro                  */
img.capitoli_copertina { position: absolute; top: 100px; left: 100px; }
div.capitoli { position: absolute; top: 150px; border: 1px solid white; width: 300px; left: 350px; background: #6A70A2; padding-top: 30px; padding-bottom: 50px; text-align: left; padding-left: 20px; }
span.capitoli_titolo { font-size: 20px; font-style: italic; }
a.capitoli { font-size: 13px; color: #A7B0FF; }
/********************************/


/**************************/
/* Formattazione capitolo */
div.capitolo {	position: absolute; top: 40px; left: 50px; right: 50px; text-align: justify; margin-left: auto; margin-right: auto; }
div.capitolo_img { width: 300px; border: 0px dotted white; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; text-align: center; float: right; }
img.capitolo_img { }
span.capitolo_img { font-style: italic; font-size: 10px; color: #A7B0FF; }
span.capitolo_nav { font-size: 10px; font-style: italic; color: #A7B0FF; }
p.capitolo { font-size: 11px; }
/**************************/


/********************************/
/***** FINE Sezione Racconti ****/
/********************************/






div.guestbook {
	position: absolute;
	width: 300px;
	height: 200px;
	top: 80px;
	text-align: center;
}

img.guest_virg1{ 
	position: absolute;
	width: 73px;
	height: 56px;
	top: 3px;
	left: 3px;
}

img.guest_virg2{ 
	position: absolute;
	width: 60px;
	height: 50px;
	bottom: 20px;
	right: 0px;
}

.guest_commento {
	position: absolute;
	display: block;
	right: 0px;
	top: 50px;
	left: 60px;
	width: 180px;
	padding-bottom: 50px;
	padding-right: 50px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
}

span.guest_autore {
	position: absolute;
	bottom: 0px;
	right: 30px;
	text-align: right;
	font-size: 12px;
	font-style: italic;
	color: orange;
}
	
span.guest_cont {
	position: absolute;
	width: 300px;
	top: 205px;
	left: 0px;
	font-size: 9px;
	text-align: center;
}

span.guest_prev {
	position: absolute;
	top: 210px;
	font-size: 9px;
	left: 3px;
}

span.guest_next {
	position: absolute;
	top: 210px;
	font-size: 9px;
	right: 3px;
}

div.guestbook_form {
	background: url('immagini/sfondo3.png');
	position: absolute;
	width: 300px;
	top: 100px;
	right: 90px;
	padding: 10px;
	text-align: center;
	border: 1px dotted white;
}

td.guest {
	vertical-align: top;
}

span.guest_form {
	font-size: 10px;
	color: #A7B0FF;
}

input.guest {
	border: 0px;
	width: 200px;
	font-size: 12px;
	color: gray;
}

textarea.guest {
	border: 0px;
	width: 200px;
	height: 110px
	font-size: 12px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/**************   SEZIONE_ADMIN   *****************/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.admin_adv {
	position: relative;
	border-bottom: 2px dashed white;
	min-height: 20px;
	top: 80px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
span.admin_adv { font-size: 10px; color: #1e3c53; }
div.admin_center {
	position: relative;
	border: 1px solid white;
	-moz-border-radius: 10px;
	background: #425768;
	top: 100px;
	padding: 10px;
	left: 20px;
	right: 20px;
	margin-left: auto;
	margin-right: auto;
	min-height: 360px;
}
div.admin_menu {
	position: relative;
	top: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

input.admin_menu {
	border: 0px;
	font-size: 11px;
	color: black;
	margin: 5px;
	font-style: italic;
	-moz-border-radius: 5px;
}

table.admin {
	position: absolute;
	display: block;
	width: 300px;
	#height: 190px;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	#border: 1px dotted white;
}

.admin_list {
	font-size: 10px;
}

input.admin_list {
	background: none;
	background-image: url("immagini/cancella.png");
	color: red;
	width: 9px;
	height: 9px;
	border: 0px;
	padding: 0px;
	line-height: 10px;
}

span.whois1 { font-size: 10px; font-weight: bold; }
span.whois2 { font-size: 10px; }
td.left { text-align: left; vertical-align: top; padding-right: 15px; }