/*
	Project: Nazionale Italiana Cantanti
	Author: Andrea Bindi | andrea.bindi@gmail.com
	Developed by: Alchimedia.com
	Release date: 2006
	CSS Level 2.1
*/

/* Generali */
*	{margin: 0; padding: 0; border: none;}

body {
	background: #c8deec url(../images/bg_body.gif) top left repeat-x;
	font: .6em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #777;
}

h2, h3, h4	{
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	border-bottom: 1px dashed #ccc;
	font-weight: bolder;
	text-align: center;
}

h2	{padding: 8px 0; background: #fff; color: #274cae; font-size: 1.6em;}
h3	{padding: 8px 10px; background: transparent; color: #f70; font-size: 1.5em;}
h4	{color: #0068b4; border: none; text-align: left; font-size: 1.4em; line-height: 1.1;}

h5	{color: #f90; font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bolder; margin-bottom: 3px;}

h6	{font-size: 1em;}

p	{margin: 3px 10px;}

a	{color: #0068b4; text-decoration: none; font-weight: bolder;}
a:hover	{color: #666;}

a img, img	{background: #fff;}

.clearthis	{clear: both;}

.noimage	{display: none;}

/* Wrapper */
#wrapper	{width: 770px; margin: auto; text-align: left; clear: both;}

/* Head */
#head	{
	width: 770px;
	height: 160px;
	overflow: hidden;
	background: transparent url(../images/head/bg_head.jpg) top right no-repeat;
}

/* Logo */
#logo, #logo a	{
	width: 170px;
	height: 160px;
	background: transparent url(../images/head/logo_ita.jpg) no-repeat;
	text-indent: -9999px;
}

#logo a	{display: block;}

/* Scelta lingua */
#head ul	{width: 65px; height: 16px; margin-top: 12px; list-style: none; float: right; display: block;}
#head li {float: left; display: block;}
#head li a	{width: 24px; height: 16px; text-decoration: none; display: block; text-indent: -9999px;}
#ita	{background: #fff url(../images/head/flags/ita.gif) no-repeat; margin-right: 12px;}
#eng	{background: #fff url(../images/head/flags/eng.gif) no-repeat;}

/* Form - Ricerca evento */
form	{padding: 8px 30px 2px 2px; border-bottom: 1px dashed #ccc; background: #fff; text-align: right;}

label	{font-weight: bolder; color: #888; margin: 0 4px 0 8px; position: relative; top: -7px;}

input, select	{margin-bottom: 8px; border: 1px solid #bbb; font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666;}
input	 {width: 120px;}
select {width: 40px;}

.anno		{width: 55px;}
#stato	{width: 80px;}

#cerca	{width: auto; border: none; margin-bottom: 6px;}

/* Barra di navigazione */
#nav	{width: 770px; background: #fff; float: left;}

#nav ul 	{background: #fff; list-style: none; float: left; border: solid #ccc; border-width: 1px 0 1px 1px; border-bottom-color: #ddd;}
#nav li 	{background-image: none; line-height: normal; text-indent: 0; float: left;}

#nav a	{
	display: block;
	padding: 5px 26px;
	border: solid #ddd;
	border-width: 0 1px 0 0;
	background: #fff url(../images/nav/bg_nav.gif) top left repeat-x;
	text-decoration: none;
	font-weight: bolder;
	color: #777;
	white-space: nowrap;
}

#nav a:hover, #nav a.current	{color: #0068b4; background: #f9f9f9;}

#n7 a	{padding: 5px 26px 5px 27px;}

/* Area del pulsante cliccabile in IE/Win. */
* html #nav a	{width: 1%;}

/* Area principale */
#main	{
	width: 768px;
	padding-bottom: 25px;
	border: solid #ccc;
	border-width: 0 1px 1px 1px;
	background: url(../images/bg_main.gif) top left repeat-y;
	clear: both;
}

/* Gallery */
#gall	{
	width: 764px;
	height: 114px;
	padding: 3px 2px 1px;
	border: solid #ccc;
	border-width: 0 1px 1px 1px;
	border-bottom-style: dashed;
	background: #fff url(../images/bg_gall.gif);
	text-align: center;
	white-space: nowrap;
	overflow: auto;
	clear: both;
}

* html #gall	{height: 111px;}

#gall img	{margin: 3px 2px; padding: 2px; border: 1px solid #ccc; background: #fff;}
#gall img:hover	{border: 1px solid #666;}

/* Area contenuto */
#cont, #rightColumn, #leftColumn, #secondnav	{float: left; display: inline; background: #fff;}

/* Colonna di destra */
#rightColumn		{width: 136px; background: transparent; text-align: center;}
#rightColumn h3	{margin-bottom: 10px;}
#rightColumn img	{margin: 5px auto 0;}

/* Colonna di sinistra */
#leftColumn, #secondnav		{width: 200px;}

#leftColumn h3, #secondnav h3	{background: #edfbff;}

#leftColumn img, #cont img	{float: left; margin: 3px 5px 0 0;}

#leftColumn ul, #cont ul	{list-style: none;}

#leftColumn a, #cont li a, #secondnav a	{
	height: 1%;
	padding: 8px 10px;
	background: #fff;
	border-bottom: 1px dashed #ccc;
	font-weight: normal;
	text-decoration: none;
	color: #0071a2;
	display: block;
}

#leftColumn a:hover	{background: #fffeee; color: #333;}
#cont li a:hover	{background: #fff1e5; color: #333;}

/* Clearing elenco */
#cont ul li span	{display: block; clear: both;}
* html #cont ul li span	{display: none;}
#cont ul li img	{margin-right: 10px; padding: 2px; border: 1px solid #ddd;}

/* I nostri amici */
#amici #cont li	{clear: both;}

#amici #cont li strong	{
	margin: 18px 0 0 142px;
	font: 1.7em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	display: block;
}

* html #amici #cont li strong	{margin-top: 20px; font-size: 1.8em;}

#amici #cont li a	{width: 425px; padding: 3px; float: left; text-align: left;}

#amici #cont li img	{margin: 0; padding: 2px; border: 1px solid #ddd; background: #fff;}

/* Menu di secondo livello */
#secondnav p	{margin: 0; padding: 0; border-bottom: 1px dashed #ccc;}

/* Level 1st */
#secondnav a	{
	padding: 4px 5px 4px 20px;
	border: none;
	background: url(../images/secnav/bg_1st.gif) 7px 6px no-repeat;
	font-weight: bolder;
	color: #999;
}

#secondnav a:hover, #secondnav a.current, #secondnav a.current:hover
{background: #f9f9f9 url(../images/secnav/bg_1st.gif) 7px 6px no-repeat; color: #0068b4;}

/* Level 2nd */
#secondnav .level_second a	{
	padding: 4px 5px 4px 30px;
	background: url(../images/secnav/bg_2nd.gif) 16px 6px no-repeat;
	font-weight: bolder;
	color: #777;
}

#secondnav .level_second a:hover, #secondnav .level_second a.current, #secondnav .level_second a.current:hover
{background: #f9f9f9 url(../images/secnav/bg_2nd.gif) 16px 6px no-repeat; color: #f70;}

/* Level 3rd */
#secondnav .level_third a	{
	padding: 4px 5px 4px 40px;
	background: url(../images/secnav/bg_3rd.gif) 26px 6px no-repeat;
	font-weight: bolder;
	color: #555;
}

#secondnav .level_third a:hover, #secondnav .level_third a.current, #secondnav .level_third a.current:hover
{background: #f9f9f9 url(../images/secnav/bg_3rd.gif) 26px 6px no-repeat; color: #f4406a;}

/* Area contenuto */
#cont	{width: 431px; margin-left: 1px;}
#cont h3	{background: #f9f9f9;}

/* Scheda Partita */
.info1, .info2	{width: 411px; padding: 10px; border-bottom: 1px dashed #ccc; clear: both;}
.info2	{padding-bottom: 5px;}

/* Partita - Formattazione */
.info1 p	{margin: 0; padding: 0; border: none; text-align: left;}
#cont .info1 img	{margin: 0 10px 0 0; padding: 2px; border: 1px solid #ccc;}
#cont .info1 ul	{list-style: disc; margin: 0 20px;}
#cont .info1 ul a	{margin: 0; padding: 0; border: none; background: transparent; font-weight: bolder; display: inline;}
#cont .info1 li	{margin-bottom: 3px;}

.info2 h6	{margin: 0; padding: 2px 5px; background: #eee; border: solid #ddd; border-width: 1px 0;}
.info2 p	{margin: 0; padding: 5px; border: none; text-align: left;}

/* Tabella */
table	{
	width: 406px;
	margin-top: 10px;
	border: solid #ddd;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
	background: #fff;
	clear: both;
}

th	{background: #f9f9f9; width: 140px;} 
th, td	{padding: 3px 3px 3px 8px; border: solid #ddd; border-width: 0 1px 1px 0; vertical-align: top;}

/* Ordinamento */
#cont #ordina, #ordina li, #ordina li a	{margin: 0; padding: 0; border: none; display: block; float: left;}

#cont #ordina		{width: 431px; padding: 12px 0; border-bottom: 1px dashed #ccc;}

#cont #ordina a	{width: 80px; height: 16px; margin-left: 20px; text-indent: -9999px; border: 1px solid #bbb; display: inline;}

#cont li #profilo	 {background: #f9f9f9 url(../images/associati/profilo.gif) center no-repeat;}
#cont li #esordi	 {background: #f9f9f9 url(../images/associati/esordi.gif) center no-repeat;}
#cont li #anni		 {background: #f9f9f9 url(../images/associati/anni.gif) center no-repeat;}
#cont li #contatti {background: #f9f9f9 url(../images/associati/contatti.gif) center no-repeat;}

#cont #ordina a:hover, #cont #ordina a.current, #cont #ordina a.current:hover	{border-color: #f4406a;}

/* Pagine testuali */
.box1, #cont .box3	{margin: 0; padding: 12px; border-bottom: 1px dashed #ccc;}
#cont .box3	{padding: 8px 8px 0; text-align: center;}

.box1 h4, .box1 ul, .box1 li, .box1 p	{margin: 0 0 3px 0; padding: 0; border: none;}

.box1 ul {padding-left: 18px; margin: 5px 0;}
.box1 li	{list-style: disc;}

#cont .box1 img	{float: left; margin: 3px 10px 0 0;}
#cont .box1 .imgScheda	{margin-top: 0; padding: 2px; border: 1px solid #ccc;}
#cont .box2 img	{margin: 7px 0 10px; float: none;}
#cont .box3 img	{margin: 0 3px 8px; padding: 2px; border: 1px solid #ccc; float: none;}

/* Contatti */
h4.contatti, p.contatti	{margin: 0 0 8px 132px;}

/* Nessun risultato */
.noresult	{margin: 0; padding: 12px; border-bottom: 1px dashed #ccc; text-align: center; color: #333;}

/* Footer */
#footer	{width: 760px; clear: both; margin: 5px 0 20px; padding: 5px;}
#footer p		 {width: 520px; float: left; display: inline; margin: 0 20px 0 0; color: #333;}
#footer .right	 {width: 220px; margin: 0; text-align: right;}
#footer a		 {color: #333; text-decoration: none; font-weight: normal;}
#footer a:hover {text-decoration: underline;}

/* Paginatore */
#pager	{width: 411px; padding: 0 10px 10px; border-bottom: 1px dashed #ccc; background: #fff; color: #999;}
#pager table	{width: 100%; border-color: #ccc;}
#pager td, #pager th	{padding: 2px; border-color: #bbb;  text-align: center;}
#pager th	{width: 25px; background: #f9f9f9;}
#pager a 	{padding: 0 2px; color: #f70;}