/******************************************************************************
	Nome:				home01.css
	Autore:			Sandro Damiano
	Website:			www.unafotoalgiorno.it
	Note:				Stile homepage del sito, Personalizzazione 1
	Aggiornato:		25/01/2010
******************************************************************************/
/*---------------------------------------------------------
	Layout di pagina (homepage + giorno )
---------------------------------------------------------*/
/* tutta la pagina */
#pagehome {
	width: 1000px;
	margin: auto;
	padding: 0;
}

/* contenuto della pagina per fotografie orizzontali */
#contentpage {
	width: 970px;
	margin: auto;
	padding: 0; 
	overflow: hidden; /* istruzione fondamentale per Firefox */
	text-align: center;
	background: #fff;	
	border: 1px solid #aaa;
}

/* contenuto della pagina per fotografie verticali */
#contentpage_vert {
	width: 670px;
	margin: auto;
	padding: 0;
	overflow: hidden; /* istruzione fondamentale per Firefox */
	text-align: center;
	background: #fff;	
	border: 1px solid #aaa;
}

/* colonna principale per fotografia in formato orizzontale */
#photo {
	width: 712px;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
}

/* colonna principale per fotografia in formato veerticale */
#photo_vert {
	width: 412px;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
}

/* colonna per la data, descrizione e pulsanti */
#elements {
	width: 247px;
	margin: 0;
	padding: 5px;
	float: left;
	position: relative;
	text-align: center;
	/* usato per fotografie panoramiche... border-right: 1px solid #aaa; */
}

/* pič di pagina (footer) */
#footerhome {
	width: 960px;
	margin: 8px auto;
	padding: 0;
	position: relative;
	font-size: 11px;
	text-align: left;
	clear: both;
}

/*---------------------------------------------------------
	Layout di pagina (altre pagine)
---------------------------------------------------------*/
/* tutta la pagina */
#page {
	width: 800px;
	margin: auto;
	padding: 0;
}

/* contenuto della pagina */
#content {
	width: 900px;
	margin: auto;
	padding: 0; 
	clear: both;
	text-align: center;	
}

/* testa (header) */
#header {
	width: 800px;
	height: 80px;
	margin: auto;
	padding: 0;
	position: relative;
}

/* colonna principale */
#main {
	width: 800px;
	margin: 0;
	padding: 10px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #ccc;
	overflow: hidden;
	float: left;
}

/* pič di pagina (footer) */
#footer {
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 0px;
	position: relative;
	font-size: 11px;
	text-align: left;
	clear: both;
}

/*---------------------------------------------------------
	Elementi principali HTML
---------------------------------------------------------*/


/*---------------------------------------------------------
	Stili div "photo" (homepage + giorno)
---------------------------------------------------------*/
#photo img.box {
	padding: 5px;
	float: left;
	margin: 0;
	background: #fff;
	border-left: 1px solid #aaa;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #aaa;
}

#photo a:hover img.box {
	background: #999;
}

#photo_vert img.box {
	padding: 5px;
	float: left;
	margin: 0;
	background: #fff;
	border-left: 1px solid #aaa;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #aaa;
}

#photo_vert a:hover img.box {
	background: #999;
}

/*---------------------------------------------------------
	Stili div "elements" (homepage + giorno)
---------------------------------------------------------*/
#elements a img {padding: 3px; margin: 3px; background: #FFF; border: 1px solid #CCC;}
#elements a:hover img {background: #999; border: 1px solid #CCC;}
#elements .titolo {font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #000; width: 200px; }

/*---------------------------------------------------------
	Stile sidebar (menu laterale)
---------------------------------------------------------*/
#elements ul.sidemenu {list-style: none; margin-right: 30px; float: right; padding: 0;}
#elements ul.sidemenu li {margin-bottom: 2px;}
* html body #elements ul.sidemenu a {height: 15px;}
#elements ul.sidemenu a {
	display: block;
	padding: 3px 10px 3px 10px;
	width: 80px;
	background: #f2f2f2;
	border-right: 4px solid #CCC;
	text-align: right;
	color: #333;
	min-height: 15px;
	height: auto !important;
	height: 15px;
}
#elements ul.sidemenu a:hover {border-right: 4px solid #00f;}

/*---------------------------------------------------------
	Stile div "header" (per altre pagine)
---------------------------------------------------------*/
#logo {margin: auto; text-align: center; top:0px; left:0px; width:400px; height:60px; position:relative; z-index:1;}

/*---------------------------------------------------------
	Stile div "main" (per altre pagine)
---------------------------------------------------------*/
#main h1 {
	margin: 15px 0px 5px 0px;
	padding: 4px;
	border-bottom: 1px solid #CCC;
	background: #FFF url(../images/sfumato_titoli_up.jpg) repeat-x 3px;
	font: Bold 14px Tahoma, Arial, Verdana, sans-serif;
	text-align: center;
	color: #3333FF;
}

/*---------------------------------------------------------
	Stile div "menu" (per altre pagine)
---------------------------------------------------------*/
#menu {margin: 3px; padding: 0; text-align: right;	text-decoration: none;}

/*---------------------------------------------------------
	Stili div "footer" (tutte le pagine)
---------------------------------------------------------*/
#footerhome a {font: 12px Tahoma, Arial, Verdana, sans-serif;}
#footerhome a.linksmall {font: 11px Tahoma, Arial, Verdana, sans-serif;}
#footer a {font: 12px Tahoma, Arial, Verdana, sans-serif;}
#footer a.linksmall {font: 11px Tahoma, Arial, Verdana, sans-serif;}
#footerlink {margin: auto;}
#footerlinkvert {margin: 0 0 0 150px;}

/*---------------------------------------------------------
	Stile tabelle
---------------------------------------------------------*/
#tablenews {font: 13px Tahoma, Arial, Verdana, sans-serif; text-align: justify; margin-left: auto; margin-right: auto;}
#tablenews td {background: url(../images/texture/bianco01.jpg) repeat center; padding: 10px; border: 1px solid #CCCCCC;}
#tablenews img {padding: 5px; float: left; margin-right: 5px; background: #FFF; border: 1px solid #CCC;}
#tablenews a:hover img {background: #EEE; border: 1px solid #CCC;}

/*---------------------------------------------------------
	Stile testi alternativi
---------------------------------------------------------*/
/* nero */
.txt01		{font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #000; }
.txt01b		{font: Bold 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #000; }
/* rosso */
.txt02		{font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #900; }
.txt02b		{font: Bold 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #900; }
/* blu */
.txt03		{font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #00F; }
.txt03b		{font: Bold 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #00F; }
.txt032		{font: 14px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #00F; }

/*---------------------------------------------------------
	Allineamenti generici
---------------------------------------------------------*/
.fl_sx {float: left;}
.fl_dx {float: right;}
.sx {text-align: left;}
.dx {text-align: right;}
.center {text-align: center;}

/*---------------------------------------------------------
	Altro...
---------------------------------------------------------*/
.areehome {margin: 5px 0px 0px 0px; width: 200px; font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #000; }
.noborder {margin-top: 5px; border: 0px;}
.divisorhome {background: url(../images/linea_grigia950.jpg) left no-repeat; margin: 5px 0 3px 0; border: 0px;}
.divisor {background: url(../images/divider01.jpg) center no-repeat; margin: 7px 0 7px 0; border: 0px;}

/* headers */
h1, h2, h3 	{font-family: Tahoma, Arial, Verdana, sans-serif;}
h1 			{font-size: 120%;}
h2 			{font-size: 110%; text-transform: uppercase;	color: #88ac0b;}
h3 			{font-size: 110%; color: #666666;}

/*-------------------- FINE DOCUMENTO --------------------*/