/******************************************************************************
	Nome:				portfolio.css
	Autore:			Sandro Damiano
	Website:			www.sandrodamiano.com
	Note:				Stile del sito (colori scuri)
	Aggiornato:		12/07/2011
******************************************************************************/
/*---------------------------------------------------------
	Layout di pagina
---------------------------------------------------------*/
/* tutta la pagina */
#page {
	width: 900px;
	margin: auto;
	padding: 0;
}

/* testa (header) */
#header {
	width: 900px;
	height: 80px;
	margin: auto;
	padding: 0;
	background: #222;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	font: 11px Tahoma, Arial, Verdana, sans-serif;
	text-align: left;
	position: relative;
}

/* contenuti della pagina */
#contentpage {
	width: 900px;
	padding: 0 0 10px 0;
	margin: auto;
	overflow: hidden;
	background: #222;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
}

/* menu orizzontale */
#menubar	{
	float: left;
	width: 900px;
	margin-top: 10px;
	padding: 0;
	background: url(../images/texture01.jpg) repeat;
	font: 12px Tahoma, Arial, Verdana, sans-serif;
	text-align: left;
}

/* colonna principale (dentro "contentpage") */
#main {
	float: left;
	width: 880px;
	margin-left: 10px;
	padding: 0;
	font: 12px Tahoma, Arial, Verdana, sans-serif;
	text-align: left;
}

/* colonna principale per fotografia (dentro "contentpage") */
#photo {
	width: 880px;
	margin: auto;
	padding: 0;
}

/* pič di pagina (footer) */
#footer {
	width: 900px;
	height: 100px;
	margin: 10px auto 0 5px;
	font: 11px Tahoma, Arial, Verdana, sans-serif;
	text-align: left;
	position: relative;
	clear: both;
}

/*---------------------------------------------------------
	Elementi principali HTML
---------------------------------------------------------*/
* { margin:0; padding: 0; }	/* Top Elements */

body {
	background: #000 url(../images/gradiente1.jpg) top repeat-x;
 	text-align: center;
 	color: #BBB;
}

/* Links */
a, a:visited, a:active {color: #FFF; text-decoration: none;}
a:hover {color: #F00; text-decoration: none;}

/* Altri elementi */
.data {font: 14px Tahoma, Arial, Verdana, sans-serif; margin: 5px; text-align: left; color: #333;}
.elements {width: 160px; float: right; margin: 0; padding: 5px; text-align: center; background: #FFF; border: 1px solid #CCC; }
.elements a img {padding: 3px; margin: 0; background: #FFF; border: 1px solid #CCC;}
.elements a:hover img {background: #EEE; border: 1px solid #CCC;}
.titphoto {font: Bold 14px Tahoma, Arial, Verdana, sans-serif; margin: 10px auto; text-align: left; color: #333;}

/*---------------------------------------------------------
	Stile immagini con cornice
---------------------------------------------------------*/
img.box_sx {float: left; background: #222; border: 1px solid #666; padding: 5px; margin-right: 10px;}
a:hover img.box_sx {background: #444; border:1px solid #666;}

img.box_dx {float: right; background: #222; border: 1px solid #666; padding: 5px; margin-left: 10px;}
a:hover img.box_dx {background: #444; border:1px solid #666;}

img.box {background: #222; border: 1px solid #666; padding: 5px; margin: auto;}
a:hover img.box {background: #444; border:1px solid #666;}

img.random {background: #222;	border: 1px solid #666; width: 130px; margin-top: 5px; padding: 5px;}
a:hover img.random {background: #444; border:1px solid #666;}

/*---------------------------------------------------------
	Stili div header
---------------------------------------------------------*/
#logo {margin: auto; text-align: center; top:0px; left:0px; width:600px; height:80px; position:relative; z-index:1;}

/*---------------------------------------------------------
	Stili div main
---------------------------------------------------------*/
/*#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;
}

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

/* paragrafi */
#main p 			{margin: 5px 5px 5px 10px; text-align: justify; padding: 3px; font: 13px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #bbb;}
#main p.center	{margin: 5px 5px 10px 5px;	text-align: center;}
#main p.left	{margin: 5px 5px 10px 5px; text-align: left;}
/* titoli */
#main img.title {border: 0px; margin: 5px 0 5px 20px;}
/* divisori */
#main .divisor {background: url(../images/divisor01.jpg) center no-repeat; margin: 7px 0 7px 0; border: 0px;}
/* capitoli */
#main h1 {width: 600px; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 5px; background: url(../images/paragrafi.jpg) center no-repeat; font: bold 14px Tahoma, Arial, Verdana, sans-serif;	text-align: center; color: #FFF; }

/*---------------------------------------------------------
	Moduli form generici
---------------------------------------------------------*/
form.img {background: url(../images/texture01.jpg) repeat;}
label {display:block; font-weight:bold;}
textarea {font: normal 1em Tahoma, Arial, Verdana, sans-serif;	padding: 2px; border: 1px solid #999; display: block; color: #000;}
input.button {background: url(../images/texture02.jpg); margin: 5px; padding: 7px; border: 1px solid #FFF; text-align: center; font: normal 12px Tahoma, Arial, Verdana, sans-serif; color: #FFF;}
.captcha {text-align: center; margin: 0; padding: 0;}

/*---------------------------------------------------------
	Stile Footer
---------------------------------------------------------*/
#footer a {font: 11px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; background: none;}
#footer a:hover {	font: 11px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; background: none; }
#footer h1 {font: 11px Tahoma, Arial, Verdana, sans-serif; color: #999; margin: 10px 0 0 0; padding: 0; text-align: left;}
#footer h2 {font: 11px Tahoma, Arial, Verdana, sans-serif; color: #999; margin: 0; padding: 0; text-align: left;}
#footer .divisor {background: url(../images/divider01.jpg) left no-repeat; margin: 4px 0 4px 0; border: 0px;}
#footerlink {margin: 0 0 5px 0;}

/*---------------------------------------------------------
	Stile Fotografia
---------------------------------------------------------*/
#photo img.box {padding: 5px; float: left; margin: 0;	background: #FFF;	border: 1px solid #CCC;}
#photo a:hover img.box {background: #EEE; border: 1px solid #CCC;}
#photo img.home {padding: 10px; margin: 0 10px 0 10px; background: #111; border: 1px solid #666;}
#photo a:hover img.home {background: #333; border: 1px solid #666;}

/*---------------------------------------------------------
	Immagini slideshow
---------------------------------------------------------*/
#rotater {position:relative; width:800px; height:350px; border:0; margin: auto;}
#rotater .slideintro {position:absolute; width:800px; height:350px; padding: 5px; background: #333; border: 1px solid #444;}

/*---------------------------------------------------------
	Stile Tabelle
---------------------------------------------------------*/
.tableimg1 {background: url(../images/texture03.jpg) repeat center; border: 1px solid #666; font: 12px Tahoma, Arial, Verdana, sans-serif; margin-left: 15px;}
.tableimg1 td {padding: 5px;}
.tableimg1 td.title {text-align: center; color: #900; }
.tableimg1 img {background: #222; padding: 3px; border: 1px solid #999;}
.tableimg1 a:hover img {background: #444;}

.tablecenterimg1 {background: url(../images/texture03.jpg) repeat center; border: 1px solid #666; font: 12px Tahoma, Arial, Verdana, sans-serif; margin-left: auto; margin-right: auto;}
.tablecenterimg1 td {padding: 5px;}
.tablecenterimg1 td.title {text-align: center; color: #900; }
.tablecenterimg1 img {background: #222; padding: 3px; border: 1px solid #999;}
.tablecenterimg1 a:hover img {background: #444;}

.tableimg2 {background: url(../images/texture02.jpg) repeat center; font: 12px Tahoma, Arial, Verdana, sans-serif; margin-left: auto; margin-right: auto;}
.tableimg2 td {padding: 5px;}
.tableimg2 td.title {text-align: center; color: #900; }
.tableimg2 img {background: #222; padding: 3px; border: 1px solid #999;}
.tableimg2 a:hover img {background: #444;}

.tableintro {margin-left: auto; margin-right: auto; font: 12px Tahoma, Arial, Verdana, sans-serif; border: 0;}
.tableintro td.icon {width: 120px; padding: 8px; border: 1px solid #444; text-align: center;}
.tableintro img {margin-left: auto; margin-right: auto;}

.tablelist {font: 12px Tahoma, Arial, Verdana, sans-serif; margin-left: auto; margin-right: auto;}
.tablelist td {padding: 7px; border: 1px solid #333;}
.tablelist tr.style1 {background: #333;}
.tablelist tr.style2 {background: #444;}
.tablelist img {padding: 3px; background: #222; border: 1px solid #666;}
.tablelist a:hover img {background: #444;}

/*---------------------------------------------------------
	Div dati sinistro / destro
---------------------------------------------------------*/
#divleft {margin-left: 40px; padding: 0px; float: left; text-align: left;}
#divright {margin-right: 40px; padding: 0px; float: right; text-align: center;}
#divintro {margin-top: 10px; margin-left: 10px; padding: 10px; float: right; text-align: center; border: 1px solid #444; width: 510px;}

/*---------------------------------------------------------
	Tabella riepilogo Gallerie a Tema
---------------------------------------------------------*/
#tablegalleryindex {margin: auto; font: 12px Tahoma, Arial, Verdana, sans-serif; color: #AAA; text-align: center;}
#tablegalleryindex .td32 {background: url(../images/diapo32.png) center no-repeat; width: 200px; height: 140px;}
#tablegalleryindex .td43 {background: url(../images/diapo43.jpg) center no-repeat; width: 200px; height: 140px;}
#tablegalleryindex .blank {width: 200px; height: 140px; background-color: #222;}
#tablegalleryindex img {border: 1px solid #FFF; margin: auto;}
#tablegalleryindex img.noborder {border: 0px; margin: auto;}
#tablegalleryindex a:hover img {border: 1px solid #F00;}

/*---------------------------------------------------------
	Tabella riepilogo Diapositive per una Galleria
---------------------------------------------------------*/
#tablegallery {margin: auto; font: 12px Tahoma, Arial, Verdana, sans-serif; color: #AAA; text-align: center;}
#tablegallery .diapo {padding: 10px; width: 200px; height: 180px; background: url(../images/sfondo_diapo.jpg) center no-repeat;}
#tablegallery .blank {padding: 10px; width: 200px; height: 180px; background-color: #222;}
#tablegallery .txt {padding: 10px; width: 200px; height: 15px; background-color: #222;}
#tablegallery img {border: 1px solid #444; margin: auto;}
#tablegallery a:hover img {border: 1px solid #AAA;}

/*---------------------------------------------------------
	Stile pulsanti per navigazione tra la gallerie
---------------------------------------------------------*/
#tableprevnext {font: 13px Tahoma, Arial, Verdana, sans-serif; margin: auto;}
#tableprevnext td.pages {padding: 2px 1px; text-align: center;}
#tableprevnext td.pages a {display: block; padding: 2px 1px; color: #CCC; border: 1px solid #666; text-decoration:none;}
#tableprevnext td.pages a:hover {padding: 2px 1px; color: #F00; border: 1px solid #F00; text-decoration:none;}
#tableprevnext td span.current {display: block; padding: 2px 1px; border: 1px solid #666; background: #666; color: #FFF; text-decoration:none;}
.hvert130 {height: 130px;}

/*---------------------------------------------------------
	Stile testi alternativi
---------------------------------------------------------*/
/* rosso */
.txt01		{font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #F00; }
.txt01b		{font: Bold 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #F00; }
.txt011		{font: 14px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #F00; }
/* blu */
.txt02		{font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #00F; }
.txt02b		{font: Bold 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #00F; }
.txt021		{font: 14px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #00F; }
/* arancione */
.txt03		{font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #F90; }
.txt03b		{font: Bold 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #F90; }
.txt031		{font: 14px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #F90; }
.txt031b		{font: Bold 14px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #F90; }
/* verde */
.txt04		{font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #0F0; }
.txt04b		{font: Bold 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #0F0; }
.txt041		{font: 14px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #0F0; }
/* grigio */
.txt05		{font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #888; }
.txt05b		{font: Bold 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #888; }
.txt051		{font: 14px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #888; }

/*---------------------------------------------------------
	Stile immagini generiche
---------------------------------------------------------*/
img.border {border: 2px solid #CCC;}
img.sx {float: left;	margin-right: 5px;}
img.dx {float: right; margin-left: 5px;}
img.noborder {border: 0px;}
img.leftnoborder {float:left; border: 0px; padding: 5px 10px 0 0;}
img.rightnoborder {float:right; border: 0px; padding: 5px 0 0 10px;}

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

/*---------------------------------------------------------
	Altro non usato al momento...
---------------------------------------------------------*/
.areehome {margin: 5px; font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #000; }
.noborder {margin-top: 5px; border: 0px;}
.divisorhome {background: url(../images/linea_grigia.jpg) left no-repeat; margin: 10px auto 3px auto; border: 0px;}

code {
	margin: 5px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
	/* white-space: pre; */
	background: #FAFAFA;
	border: 1px solid #f2f2f2;
}

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