/*  davidecacciatore.it
    ---------------------------------------------------------------------------------------------------------
	Copyright 2008: Piero Marchetti e Simone Marchetti
	Design, XMTML and CSS: Simone Marchetti (www.cleanandgreen.net - www.314.it - www.marchetti.ws)
	Software PHP and MySQL: Piero e Susanna Marchetti (www.cleanandgreen.net - www.314.it - www.marchetti.ws)
	JavaScript tools: iBox (www.ibegin.com/labs/ibox)
	iCSS 1.0 (31/12/2008)
    ---------------------------------------------------------------------------------------------------------
*/

/*
COLORI SITO
ARANCIO: #EA1

VERDINO: #A0D0A8
ARANCINO: #E6925C
ROSSINO: 
ROSINO: #F2C4AC
AZZURRINO: #9CD3E8
GIALLINO: 
GRIGINO: #BEC0C0
BLUETTINO: #8093BE



DIMENSIONI IMG
IMG NEWS DI PRIMA PAGINA: 170x170 GIF colori 32-64
IMG DELLE PAGINE: 380x... JPG qualit? 50
IMG SEZIONI CONTENUTE NELL'SWF: 600x190 JPG qualit ! 45


MODELLO A CASCATA
selettore {
	widht: ;
	height: ;
	background: url() 0px 0px no-repeat;
	margin: ;
	border: ;
	padding: ;
	font-family: ;
	font-size: ;
	font-weight: ;
	texy-decoration: ;
	color: ;
	text-align: ;
	line-height: ;
	list-style: ;
	float: ;
	clear: ;
	position: ;
	display: ;
	overflow: ;
	cazzivari: ;
}

VARIE
CONVERSIONE EM>PX si fa dividendo i PIXEL in 16 parti (visivamente i conti tornano dividendo i PIXEL in 12 parti)
Per le propriet ! MARGIN - PADDING - BORDER l'ordine delle misure Ë sempre TOP - RIGHT - BOTTOM - LEFT
*/


/* HTML , BODY e CONTENITORE PRINCIPALE */
html, body {
	width: 100%; height: 100%; background-image: url("background.gif"); margin: 0; 
	font-family: "Lucida Grande", "Lucida Sans", san-serif, Arial, Helvetica; font-size: 0.85em; /* MISURA IN EM PER IE */
	color: #444; text-align: center; /* CENTRO SU IE */ line-height: 1.2em; /* 16x1.0=16px */ z-index: 1;}

#container {width: 850px;/* 850px MISURA CONTENITORE PRINCIPALE */ margin: 0 auto; /* CENTRO SU ALTRI BROWSER */ padding-bottom: 50px; text-align: left;}

/* HACK IE e SELETTORE UNIVERSALE */
html>/**/body {font-size: 12px;} /* ESCLUDE IE DA QUESTA REGOLA FISSANDO IN PIXEL SU: SA FF OP CA */
* {/*text-shadow: #000000 0 0 0px;*/} /* SELETTORE UNIVERSALE - PER UNIFORMARE IL TESTO ANCHE SU SAFARI - NON PUO ESSERE VALIDATA */


/* SELETTORI ED OGGETTI - Definisco margini, padding e bordi di selettori e oggetti */
hr {margin: 10px 0px 10px 0px; padding: 0px; clear: both;}
input, select, textarea {margin: 0px; padding: 0.15em; font-family: "Lucida Grande", "Lucida Sans", san-serif, Arial, Helvetica; /* PER FF */ font-size: 95%;}
div, span, p, a, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, blockquote, strong, b, i, object, embed, img {margin: 0px; border: 0px; padding: 0px; font-size: 100%; text-decoration: none; list-style: none;}
a, h1, h2, h3, h4, h5, h6, b {font-weight: bold;}
h1, h2, h3, h4, h5, h6 {font-size: 110%; text-align: left; color: #800;}

/* LINK - Definisco lo stile ed il colore dei link */
a:link {color: #1C308A;}
a:visited  {color: #1C308A;}
a:hover {color: #3366D3;}
a:active {color: #1AB7FE;}

h3, h4 {text-align: center;}
h5, h6 {text-align: right;}
h1, h3, h5 {font-style: italic;}


/* CONTAINER - Contenitore sito centrato nella pagina */
#container {width: 801px; margin: 10px auto;}


/* HEADER - Contenitore di testata (Contiene immagine random, logo, news e menu) */
#header {
	background: url(header.gif) 0 0 no-repeat;
	width: 801px;
	height: 185px;
	text-align: left;
	padding-left: 10px;
}


/* LOGO BOX - Contiene il logo */
#logo_box {
	background: url(logo_box.gif) 0 0 no-repeat;
	width: 221px;
	height: 130px;
	float: left;
	margin-top: 10px;
}

/*#terre {
	background: url(../terredellanima/terredellanima.png) 0 0 no-repeat;
	width: 180px;
	height: 110px;
	float: left;
	position: absolute;
	margin: 25px 11px 0px 800px;
}*/

#terrecard1 {width: 90px; height: 60px; margin-top: 180px; position: absolute;}
#terrecard2 {width: 90px; height: 60px; margin-top: 180px; margin-left: 310px; position: absolute;}


/* MENU BOX SECTION - Menu a tendina con contenuti compatibile con IE, stato normale ed hover */
.menu_box_section, .menu_box_section_hover {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", san-serif, Arial, Helvetica;
	font-size: 178%;
	color: #000;
	height: 22px;
	margin: 2px 0px 0px -3px;
	padding: 3px;
	overflow: hidden;
	float: left;
	line-height: 1.15em;
}

.menu_box_section_hover {color: #444; height: 125px;}


/* MENU BOX - Contenuto del MENU BOX SECTION, con sezioni in stato normale, hover ed active */
a.menu_box:link, a.menu_box:visited, a.menu_box:hover, a.menu_box:active {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", san-serif, Arial, Helvetica;
	font-size: 58%;
	line-height: 0.95em;
	font-weight: normal;
	color: #000;
}

a.menu_box:visited {color: #000;}
a.menu_box:hover {color: #444;}
a.menu_box:active {color: #888;}


/* NEWS BOX - Contenitore con immagine di sfondo del NEWS SCROLL */
.news_box {
	background: url(news_box.jpg) 0 0 no-repeat;
	width: 801px;
	height: 25px;
	float: left;
	padding: 5px;
}


/* NEWS SCROLL - Contenuto del NEWS BOX all'interno del quale scorrono le news */
#news_scroll {font-size: 90%; color: #800; width: 770px; height: 14px;}


/* CONTENT - Contenitore principale del sito (Contenuto fra HEADER e FOOTER) */
#content {background: url(content_backround.jpg); padding: 0px 20px 0px 20px;}


/* CONTENT TEXT - Vari stili di testo contenuti nel CONTENT */
/* GRIGIO ALLINEATO A SINISTRA */
.content_grey_left, .content_grey_left_italic, .content_grey_left_bold, .content_grey_left_italicbold {text-align: left;}
.content_grey_left_italic, .content_grey_left_italicbold {font-style: italic;}
.content_grey_left_bold, .content_grey_left_italicbold {font-weight: bold;}


/* GRIGIO ALLINEATO AL CENTRO */
.content_grey_center, .content_grey_center_italic, .content_grey_center_bold, .content_grey_center_italicbold {text-align: center;}
.content_grey_center_italic, .content_grey_center_italicbold {font-style: italic;}
.content_grey_center_bold, .content_grey_center_italicbold {font-weight: bold;}


/* GRIGIO ALLINEATO A DESTRA */
.content_grey_right, .content_grey_right_italic, .content_grey_right_bold, .content_grey_right_italicbold {text-align: right;}
.content_grey_right_italic, .content_grey_right_italicbold {font-style: italic;}
.content_grey_right_bold, .content_grey_right_italicbold {font-weight: bold;}


/* FOOTER - Contenitore di pie pagina con sfondo immagine */
#footer {
	background: url(footer.gif) 0 0 no-repeat;
	width: 801px;
	height: 55px;
	clear: both;
	font-size: 90%;
	padding-top: 25px !important;
	text-align: center;
	color: #800;
}


/* FOOTER - Testo di pie pagina con stato normale ed hover */
#footer a, #footer b {height: 35px; color: #800; margin-left: 5px; font-weight: normal; padding-bottom: 20px; padding-top: 5px; margin-top /* IE */: -5px;}
#footer a:hover {color: #444;}

#relaxing {background: url(music_player.png) 0px 4px no-repeat; padding-left: 28px;}
#pensieri {background: url(pensierini.png) 0px 1px no-repeat; padding-left: 70px;}
#contro {background: url(contro.png) 0px -1px no-repeat; padding-left: 70px;}
#clean {background: url(cleanandgreen.png) 0px 1px no-repeat; padding-left: 25px;}


/* CONTACT FORM */
.input_object_row {width: 750px; height: 40px;}

.input_box {
	float: left;
	display: block;
	color: #800;
	width:240px !important;
	width /* IE */: 243px;
	padding-left: 5px;
	background-color: #FFFFDA;
	border: 1px solid #800;
	margin-right: 10px;
	margin-bottom: 5px;
}

.spam_box1 {
	color: #800;
	width: 80px;
	background-color: #FFFFDA;
	border: 1px solid #800;
	margin: 5px 0px 5px 0px;
}

.spam_box2 {
	color: #800;
	width: 80px;
	padding-left: 5px;
	background-color: #FFFFDA;
	border: 1px solid #800;
	margin: 5px 0px 5px 0px;
}

.object_box {
	float: left;
	display: block;
	color: #800;
	width:240px !important;
	width /* IE */: 243px;
	border: 1px solid #800;
	background-color: #FFFFDA;
	margin-bottom: 5px;
}

#message_box {
	background-color: #FFFFDA;
	color: #800;
	height: 100px;
	float: left;
	width:100% !important;
	width /* IE */: 760px;
	border: 1px solid #800;
	padding-left: 5px;
	overflow: hidden;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.privacy_box {float: left;}
.buttons_box {float: right; width: 60px; display: block; margin-right: 10px; margin-top: 10px;}


/* PENSIERO DEL GIORNO - FACCIATA */
.postit_box {width: auto; height: 660px;}

.postit {
	background: url(postit.gif) 0 0 no-repeat;
	width: 233px !important;
	width: 230px;
	height: 185px !important;
	margin: 10px;
	float: left;
}

.postit p {
	width: 210px !important;
	width: 170px;
	height: 20px;
	margin: 25px 0px 15px 25px;
	float: left;
}

.postit a {
	height: 40px;
	color: #800;
	font-style: italic;
	float: left;
	margin: 0px 20px 10px 25px;
}

.postit a:hover {color: #444;}
.postit_navigazione {width: 760px; height: 30px;}


/* PENSIERO DEL GIORNO - CONTENUTI */
.pensiero_box span {color: #444; margin-bottom: 20px; clear: none;}


/* REPORTAGE DEI VISITATORI - FACCIATA */
.cartolina_box {
	background: url(cartolina.gif) 0 0 no-repeat;
	width: 370px;
	height: 160px;
	margin: 4px;
	float: left;
	font-size: 90%;
}

.cartolina_box img {width: 190px; height: 143px; margin: 9px; float: left;}
.cartolina_box ul {margin-top: 50px;}
.cartolina_box li {width: 150px; margin-bottom: 5px; float: left;}
.cartolina_box li span {background-color: #CCC; font-style: italic; color: #800; width: 150px; float: left;}


/* REPORTAGE DEI VISITATORI - CONTENUTI */
#reportage_box {width: 760px;}
#reportage_box p {float: left;}
#reportage_box span {font-style: italic; color: #800;}
.reportage_img, .pensiero_box img {width: 370px; margin: 10px 10px 0px 0px;}


/* RITAGLI D'AUTORE - FACCIATA */
#ritagli_img {
	background: url(taccuino_davide.jpg) 0 0 no-repeat;
	width: 350px;
	height: 437px;
	float: right;
}

#ritagli_box {
	width: 255px;
	height: 285px;
	padding: 5px;
	margin: 85px 30px 30px 55px;
	overflow: auto;	
}

#ritagli_box span {float: left; margin-bottom: 5px; color: #800; font-style: italic;}
#ritagli_box p {margin-bottom: 5px;}
#ritagli_box a {margin-bottom: 5px; font-size: 10px;}


/* RITAGLI D'AUTORE - CONTENUTI */
.ritagli_content {
	background: url(ritagli.gif) top left no-repeat;
	height: auto;
	margin-bottom: 10px;
	font-style: italic;
}

.ritagli_content div {background: url(ritagli.gif) bottom left no-repeat; height: 10px;}
.ritagli_content span {color: #800;}
.ritagli_content p {padding: 10px 10px 0px 10px;}


/* SERVIZI GIORNALISTICI */
.servizi_box {
	border: 1px dotted #800;
	text-align: center;
	width:231px !important;
	width /* IE */: 241px;
	height: 260px;
	margin: 5px;
	padding: 5px;
	float: left;
	font-weight: bold;
}

.servizi_box p {margin-top: 10px;}
.servizi_box span {color: #800;}
.servizi_box img {background-color: #EDC306; width: 130px; height: 170px; padding: 5px; margin: 5px;}


/* GUESTBOOK */
.content_guestbook {
	width: 100%;
	float: left;
	color: #800;
	margin: 0px;
	padding: 5px;
	text-align: left;
}

.content_guestbook2 {
	background-color: #EDC306;
	width: 100%;
	float: left;
	margin: 0px;
	color: #444;
	font-style: italic;
	text-align: left;
	padding: 5px;
}


/* GALLERY - FACCIATA */
.gallery_column_sx, .gallery_column_dx {float: left;}

.gallery_box, .gallery_box2 {
	border: 1px dotted #800;
	width:156px !important;
	width /* IE */: 180px;
	height: 165px;
	margin: 5px;
	padding: 11px;
	float: left;
	background-color: #BD5E38;
}

.gallery_box2 {background-color: #EDC306;}
.gallery_box a, .gallery_box2 a {font-size: 0.8em; text-align: center;}
.gallery_box img, .gallery_box2 img {width: 100%; height: 120px;}


/* GALLERY - CONTENUTI */
#slideshow {overflow: hidden; margin: 20px auto 10px; position: relative;}
#slideshow img {width: auto; height: 480px; margin: 0px auto; margin-bottom: 5px; border: 1px solid #FFF;}


/* ALTRE INIZIATIVE - FACCIATA */
.iniziative_box {
	background: url(iniziative_box.gif) 0 0 no-repeat;
	width: 362px;
	height: 202px;
	margin: 9px !important;
	margin/*IE*/: 7px;
	float: left;
}

.iniziative_box img {width: 340px; height: 180px; margin: 9px;}


/* ALTRE INIZIATIVE - CONTENUTI */
#pensieri_viaggio_sx {
	width: 400px;
	float: left;
	text-align: left;
	height: auto;
	margin-bottom: 10px;
}

#pensieri_viaggio_dx {
	width: 330px;
	float: right;
	height: auto;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #CCC;
}

#pensieri_viaggio_sx b, #pensieri_viaggio_sx p, #pensieri_viaggio_dx span {font-weight: bold; color: #800;}


/* ALTRO */
#clearer {float: none; clear: both; color: #FFF;}
.torna {width: 100%; float: left; margin-top: 10px; display: block;}
.hr_fantasma {margin: 0px; border: 0px #F0EFE1 solid; color: #F0EFE1; clear: both;}