/*
-----------------------------------------------
Sito Festa dell'Unicorno 2007
Name:     Unicorn I
Designer: Veracini Alessio
Date:     Feb 2007
----------------------------------------------- */

body {
	margin-top:0px;
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	background-color:#DEFFDD;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
	color: #0C1010;
	text-align: justify;
	}
form {
	margin-bottom: 0;
}
input {
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	color: #000000;
	text-decoration: none;
	background-color: #DDFFDD;
	border: 1px solid #96C896;
}
/*Formattazione tag A e sottotag*/
a:link {
    color: #323264;
	/*text-decoration: none;*/
}
a:visited {
	text-decoration: none;
	color: #323264;
}
a:hover {
	color: #009696;
	text-decoration: none;
}
/*Formattazione Testi*/
hr {
	border: 0;
	width: 80%;
	text-align: center;
	height: 1;
	color: #5E9635;
	background-color: #5E6A35;
	text-decoration: none;
}
.spacer {
height:6px;
}
.Titolone {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.4em;
	line-height: 1.2em;
	font-weight: bold;
	color: #649664;
	font-variant: small-caps;
	text-align: center;
}
.Titolini {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	line-height: 1em;
	font-weight: bold;
	color: #326432;
	text-align: center;
}
.newsbox {
	font-size: 0.8em;
	line-height: 1em;
	font-weight: normal;
	text-align: right;
	padding: 20px;
}
.newsbox a{
    color: #640000;
	font-weight: bold;
	/*text-decoration: none;*/
}
.titolosezione {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	line-height: 1em;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	color: #324D64;
}
.littletext {
	font-size: 0.7em;
	color: #000032;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
.viptext {
	font-size: 0.8em;
	color: #000000;
	font-variant: normal;
}
.tagstext {
	font-size: 1em;
	color: #000000;
	font-variant: normal;
}
.viptext  a, .tagstext  a{
	color: #224466;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}
.viptext  a:hover, .tagstext  a:hover{
	color: #6688AA;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}
.spacedtext {
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: normal;
	text-align: left;
	padding: 15px;
}
.smallcapsblue{
	font-size: 1em;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #33AACC;
}
/*Formattazione Elenchi*/
.elencobordato {
	border: thick solid #96C896;
	list-style-type: square;
	background-color: #96C896;
	text-align: left;
	text-indent: 15px;
	font-size: 0.9em;
	font-style: normal;
	vertical-align: baseline;
	height: auto;
	width: 90%;
}
/*Formattazione Tabelle*/
.caselle{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: justify;
}
.casellemenu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1em;
	color: #CDCC99;
	text-align: right;
}
.casellemenu a:link{
	color: #CDCC99;
	text-decoration: none;
}
.casellemenu a:visited {
	text-decoration: none;
	color: #78AAAA;
}
.casellemenu a:hover{
	color: #895500;
	text-decoration: none;
}
.casellariquadrata {
	display: block;
	border: 2px solid #96C896;
	background-color: #BCEEBB;
	vertical-align: top;
	padding: 4px 5px 2px 5px;
	height: auto;
	width: auto;
}
.casellariquadrata_rossa {
	display: block;
	border: 2px solid #CC1111;
	background-color: #DD7777;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	height: auto;
	width: auto;
}
.casellaalbumfoto {
	display: auto;
	border: 2px solid #96C896;
	background-color: #BCEEBB;
	vertical-align: top;
	padding: 4px 5px 2px 5px;
	height: auto;
	width: auto;
}
#casellatrasparente {
	border: 3px solid #326432;
	position: relative;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	height: auto;
	width: auto;
}
#casellatrasparente{
	background: transparent url(../images/bgtabella.png) repeat;
}
.darklink {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1em;
	color: #895500;
	text-align: right;
}
.darklink a:link{
	color: #895500;
	text-decoration: none;
}
.darklink a:visited {
	text-decoration: none;
	color: #78AAAA;
}
.darklink a:hover{
	color: #CDCC99;
	text-decoration: none;
}

.dashed_cell{
border-color: #326432;
border-width: thin;
/*border-top-style: ;*/
border-right-style: dashed;
/*border-bottom-style: ;*/
border-left-style: dashed;
}
.dashed_row{
width: 50%;
height: 8px;
border-color: #326432;
border-width: 1;
border-bottom-style: dashed;
}
.tabella_righe{
	/*background: #CDFFCC;*/
	border: 1px solid #1188AA;
	border-collapse: collapse;
	border-spacing: 1px 1px;
	/*border-left: 2px solid <?php print $Bottoni; ?>;
	border-right: 2px solid <?php print $Bottoni; ?>;*/
}
.jcaption {
	margin:5px;
	font-size: 0.8em;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	letter-spacing:1px;
	height: 24px;
	border-top:1px dashed #336633;
}
.simplebutton{
	display:inline;
	padding: 3px;
	margin: 2px;
	font-weight: bold;
	background: #99CC99;
    text-align:center;
	text-decoration: none;
	border: 1px solid #000000;
}
.simplebutton a:link{
	display:inline;
    text-align:center;
	text-decoration: none;
}
.simplebutton a:visited{
	display:inline;
    text-align:center;
	text-decoration: none;
}
.wall_concorso{
	display: inline-table;
	padding: 6px;
	margin: 1px;
	background: #CCCCFF url('../images/Star Blue.png') no-repeat;
	background-position:-6px -6px;
    text-align: center;
	text-decoration: none;
	border: 2px solid #222255;
}
.wall_normale{
	display: inline-table;
	padding: 6px;
	margin: 1px;
	background: #CCFFCC;
    text-align: center;
	text-decoration: none;
	border: 2px solid #99CC99;
}
/* MENU */
#mainMenu{
	background-color: #8AB07C;	/* Background color */
	font-size:17px;	/* Font size of main menu items */
	border-bottom:1px solid #000000;	/* Bottom border of main menu */
	height:23px;	/* Height of main menu */
	position:relative;	/* Don't change this position attribute */
	letter-spacing: 0.1em;
	font-weight: bold;
	font-variant: normal;
}
#mainMenu a{
	padding-left:5px;	/* Spaces at the left of main menu items */
	padding-right:5px;	/* Spaces at the right of main menu items */
	padding-top:1px;
	padding-bottom:3px;
	font-weight:bold;
	/* Don't change these two options */
	position:absolute;
	bottom:-2px;	/* Change this value to -2px if you're not using a strict doctype */
}
#submenu{
	font-family: Verdana, Verdana, Helvetica, sans-serif;	/* Font  of sub menu items */
	background-color:#ACD29E;	/* Background color of sub menu items */
	padding-top:3px;
	padding-bottom:3px;
	width:100%;	/* Don't change this option */
	text-align: left;
}	
#submenu div{
	white-space:nowrap;	/* Don't change this option */
}
/*
Style attributes of active menu item 
*/
#mainMenu .activeMenuItem{
	color: #009632;
	/* Border options */
	border-left:1px solid #000000;
	/*border-top:1px solid #000000;*/
	border-right:1px solid #000000;		
	background-color: #ACD29E;	/* Background color */
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
}

/*
Style attributes of inactive menu items
*/
#mainMenu .inactiveMenuItem{		
	color: #004816;	/* Text color */
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
}

#submenu a{
	text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
	font-weight:bold;
	padding-left:0px;	/* Space at the left of each sub menu item */
	padding-right:6px;	/* Space at the right of each sub menu item */
	color: #000000;	/* Text color */
	font-size:13px;
}

#submenu a:hover{
	color: #009696;	/*  color when the user moves the mouse over sub menu items */
}
/* FINE MENU */
/* SEZIONE CONCORSO FUOCo */
.casellapole {
	border: 2px solid #44BB44;
	background-color: #CCDDCC;
	vertical-align: middle;
	padding: 3px;
	height: auto;
	width: auto;
}
.casellapoleoff {
	border: 2px solid #BB4444;
	background-color: #DDCCCC;
	vertical-align: middle;
	padding: 3px;
	height: auto;
	width: auto;
}


/* FORMATTAZIONE CASELLE PER BORDO OMBREGGIATO*/
.top_sx_sh{
	background: url(../images/elenco_top_sx.gif) bottom right no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: 14px;
}
.top_sh {
	background: url(../images/elenco_top.gif) bottom center repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: auto;
}
.top_dx_sh {
	background: url(../images/elenco_top_dx.gif) bottom left no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: 14px;
}
.sx_sh {
	background: url(../images/elenco_sx.gif) right repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 14px;
}
.center_white {
	background: url(../images/elenco_back.gif) center repeat;
	background-position: 0px 0px;
	padding: 5px 5px 5px 5px;
	height: auto;
	width: auto;
}
.dx_sh {
	background: url(../images/elenco_dx.gif) left repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 14px;
}
.bot_sx_sh {
	background: url(../images/elenco_bot_sx.gif) top right no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: 14px;
}
.bot_sh {
	background: url(../images/elenco_bot.gif) top center repeat;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: auto;
}
.bot_dx_sh {
	background: url(../images/elenco_bot_dx.gif) top left no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: 14px;
}
/* FINE CASELLA OMBREGGIATA */

.infoalert {
	background: #BCEEBB url(../images/info.gif) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 5px 5px 40px;
	border-top: 2px solid #1188AA;
	border-bottom: 2px solid #1188AA;
}
.staralert {
	background: url(../images/star.gif) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 5px 5px 40px;
	border-top: 2px solid #7777AA;
	border-bottom: 2px solid #7777AA;
}
.votealert {
	text-align: left;
	padding: 5px 20px 5px 20px;
	border: 2px solid #1188AA;
	background: #CCCCFF;
}
.okalert {
	background: #BCEEBB url(../images/tick.gif) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 5px 5px 40px;
	border-top: 2px solid #33AACC;
	border-bottom: 2px solid #33AACC;
}
.erroralert {
	background: #F9D9C9 url(../images/cancel.gif) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 5px 5px 40px;
	border-top: 2px solid #AA0000;
	border-bottom: 2px solid #AA0000;
}
.IDCard {
	background: #F6F5F3 url(../images/IDCard.gif) center no-repeat;
	background-position: 100% 5px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 5px 5px 35px;
	/*border-top: 2px solid #8A5E4A;
	border-bottom: 2px solid #8A5E4A;*/
}
.shortIDCard {
	background: #F6F5F3;
	background-position: 100% 5px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 6px 5px 6px;
	border-top: 2px dotted #8A5E4A;
	border-bottom: 2px dotted #8A5E4A;
}
/* LITEBOX THUMBNAIL VIEWER */
#lightbox{
	position: absolute;
	top: 40px;
	left: 50 px;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 2000px;
	height: 2000px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* FINE LITEBOX */

/* COMMENTI */
#comments {
    margin:0px;
	width:100%;
	text-align:left;
	}
	
#comments ul {
	margin-bottom:10px;
	margin-right:10px;
	list-style:none;
	display:block;
	}
	
#comments li {
	margin-bottom:10px;
	background-color: #BCEEBB;
	color:#000000;
	font-size: 0.9em;
	text-decoration:none;
	padding:8px;
	border:1px solid #96C896;
	}
	
#comments li a {
	color:#000000;
	text-decoration:none;
	}
	
#comments li a:hover {
	background:#AACCAA;
	}

#comment-middle {
	background:#F0FFF0;
	font-size: 0.9em;
	border: 1px solid #96C896;
	padding:5px;
	margin-bottom:5px;
	height:15px;
	} 

#addcomment {
    width:90%;
	text-align:left;
	padding:8px;
	margin:0px auto;
	border:1px solid #96C896;
	background:#CDFFCC;
	}
	
#addcomment textarea {
	width:90%;
	height:70px;
	font-size:1em;
	border:1px solid #96C896;
	color:#000;
	padding:5px;
	}