/* CSS - by Ottimizzare.com 
Author: Dr. Claudio Santori  :: info@ottimizzare.com
www.claudiosantori.it
WebSite: RomaDiscoNight.com
Last Review: october 2005

--------------------------
		INDEX
--------------------------
Struttura del Sito
	- navigation bar
	- caratteri p h
	- contenuto 
	- copyright
Commenti Foto
Briciole
Vari + Messaggi Promozionali

*/

/* 		-------------------		STRUTTURA DEL SITO		-------------------		*/
body {
	background: #D4FF00;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;	padding: 0;
	height: 100%;
	scrollbar-face-color: BLACK;
	scrollbar-track-color: RED;
	scrollbar-arrow-color: RED;
	scrollbar-highlight-color: WHITE;
	scrollbar-3dlight-color: WHITE;
	scrollbar-shadow-color: YELLOW;
	scrollbar-darkshadow-color: WHITE;
	}
#cornice {margin: 0; padding:0;}
#head{
	width: 100%; padding: 0;
	background-color: #fff;
	}
li 	{  
	line-height: 125%
}

/* 		-------------------		navigation bar		-------------------		*/
#navbar {
	
	width: auto;
	background-color: #D4FF00;
	font-size: 1em; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px; margin: 0 0 15px;
	border-top: 1px solid #f00;
	word-spacing: 1px;
	text-align: center;
}

div#navbar a:link {
	font-weight: bold;
	padding: 3px;
	color: #FF1500;  
	text-decoration: none;
}
div#navbar a:visited {
	font-weight: bold;
	color: #FF1500; 
	text-decoration: none;
}
div#navbar a:hover {
	color: #000;
	text-decoration: underline;
	background-color: #f00;
}

/* 		-------------------		caratteri				-------------------		*/
p {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 100%;
	padding-right: 10px;
	padding-left: 10px}
h1 { 
	font-size: 152%;
	color: #F00;
	margin-left: 26px;
	}
h2 {
	font-size: 140%;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #0066FF;
	width: 50%;
	border-bottom: 1px solid dashed;
}

h3 {  
	font-size: 130%;
	padding-left: 8px; 
	}

/* 		-------------------		contenuto				-------------------		*/
#contenuto{
	padding: 10px; margin: 15px 60px;
	width: auto;
	color: #000;
	background-color: #fff;
	border-width: 2px 4px 4px 2px;
	border-color: #f00;
	border-style: solid;}
#contenuto img {border: 2px solid #000;margin: 10px;}

#fotografo {font-weight: bold; text-align: right; font-size: 10px; margin: 0px;}
#fotografo a {
	text-decoration: none;
	color: #0066FF;
	border-bottom: 1px dotted #0066FF;}
#fotografo a:hover {border: none; }


	
/* 		-------------------		copyright				-------------------		*/
#copyright {  
	margin-top: 10px 0;
	padding: 5px;	font-size: 11px; 
	color: #FF1500;
	background-attachment: fixed; 
	background-image: url('/images/ballerina.gif'); 
	background-repeat: no-repeat; 
	background-position: right top;
	text-align: Center;
	clear: both;
	}
	
div#copyright a:link {
	font-weight: bold;
	color: #1500E9;
	text-decoration: underline;

}
div#copyright a:visited {
	FONT-WEIGHT: bold; 
	COLOR: #1500E9;
	TEXT-DECORATION: underline;

}
div#copyright a:hover {
	font-weight: bold; 
	color: #000;
	text-decoration: none;
}


/*		 ------------------- 	COMMMENTI FOTO			-------------------		*/

#commentiserata {width: 70%;margin-left: 10px;}
a.nomecommento:link {text-decoration: none; color: #0066FF;}
a.nomecommento:visited {text-decoration: none; color: #06f;}
a.nomecommento:hover {text-decoration: underline;color: #0066FF;}

/*		 ------------------- 	BRICIOLE				-------------------		*/

div#briciole {
	border: 1px solid #000;
	margin: 20px;
	width: 80%;
	background: #3366FF;
	padding: 10px;
	font-size: x-small;
	color: #fff;
	font-weight: bold;
}
div#briciole a {color: #000; background: transparent; padding: 4px; margin: 0;}


/* 		-------------------		VARI				-------------------		*/

/* PRIMA PAGINA */

.fotocopertina {float: right; width: 200px; margin: 5px; }
.serata{clear: right;width: 550px;}
h1 a {color: #F00;}
h1 a:hover {color: #06f; text-decoration: none;}
	
#serate{width: 550px; float: left;}
#column{float:right; border-left: 1px solid #000; margin-left: 10px; padding-left: 26px;}

div#evidenza {
	padding: 3px;
	background: #FFE;
	line-height: 1em;
	margin: 1em;
	border-top: 2px solid #FFCC00;
	border-right: 2px solid #FFCC00;
	border-bottom: 2px solid #FFCC00;
	border-left: 2em solid #FFCC00;
	font-size: 0.8em;}
div#evidenza p {margin: 1px; padding: 2px;}

.lupin {
	display: none; }

acronym {
   cursor: help;  
}

abbr {
   cursor: help;
}
/* vecchie gallerie */
.photo{
	border: 2px solid #000;
	color: #000;
	margin: 10px;
		}
/* a:link{padding: 0px;} */
		
/* Messaggio Promozionale */
#messaggiopromozionale {border: 2px solid #000; background: #36c; color: #fff; padding: 20px;margin: 0;font-family: verdana;position: relative;}
#clau1 {width: 49%;}
#clau2 {position: absolute; top: 0; right:0; width: 49%;margin: 0px;}
#messaggiopromozionale h1 {font-size: 15px; color: #fff;margin: 0; padding: 5px;}
#messaggiopromozionale h2 {font-size: 14px; color: #CCCC33;margin: 0; padding: 0; width: 352px; border-bottom: 1px solid #CCCC33;}
#messaggiopromozionale p {font-size: 12px; color: #fff;margin: 3px; padding: 2px; width: 600px;}
#messaggiopromozionale a  {color: #3333CC; background-color: transparent}