/**************************************************************************

 C S S   H A N D C R A F T E D   B Y   M A M O K A           www.mamoka.com

 ..........................................................................
 ..........................................................................
 ..........................................................................
 ..........................................................................
 ..........................................................................

 **************************************************************************

 CODER

 Alexandre Bourdeaud'Hui - a.bourdeaudhui@mamoka.com

 **************************************************************************

 SECTIONS

 - Main tags and wrappers
 - Header
 - Menu 1
 - Menu 2
 - Menu 3
 - Content
 - Content sections
 - Content headings
 - Column
 - Column sections
 - Column headings
 - Column form labels
 - Carousel
 - Footer
 - Varie

 **************************************************************************/


html, body
	{
	margin: 0;
	padding: 0;
	height: 100%;
	background: #ffffff url(../pix/css/body.jpg) center top repeat-x;
	}
body
	{
	position: relative;
	z-index: 1;
	font: normal 62.5% "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	text-align: center;
	}
	/*
	06 px = 0.6 em = 60%
	07 px = 0.7 em = 70%
	08 px = 0.8 em = 80%
	09 px = 0.9 em = 90%
	10 px = 1.0 em = 100%
	11 px = 1.1 em = 110%
	12 px = 1.2 em = 120%
	13 px = 1.3 em = 130%
	14 px = 1.4 em = 140%
	15 px = 1.5 em = 150%
	16 px = 1.6 em = 160%
	17 px = 1.7 em = 170%
	18 px = 1.8 em = 180%
	19 px = 1.9 em = 190%
	20 px = 2.0 em = 200%
	21 px = 2.1 em = 210%
	22 px = 2.2 em = 220%
	23 px = 2.3 em = 230%
	24 px = 2.4 em = 240%
	*/
#mainwrapper
	{
	margin: 0 auto;
	width: 770px;
	text-align: left;
	background: url(../pix/css/section1.gif) left top repeat-y;
	}
#footerwrapper
	{
	position: relative;
	z-index: 1;
	clear: both;
	height: 15em;
	background: #d0ebf8 url(../pix/css/footerwrapper.jpg) left top repeat-x;
	}
	
/**************************************************************************

 H E A D E R

 **************************************************************************/
 
#header
	{
	margin: 0;
	height: 120px;
	overflow: hidden;
	color: #2593c7;
	background: url(../pix/css/header.jpg) center top no-repeat;
	}
	#header ul
		{
		position: absolute;
		margin: 0;
		padding: 0;
		top: -2em;
		height: 2em;
		overflow: hidden;
		}
		#header ul li
			{
			display: inline;
			margin: 0;
			padding: 0;
			}
	#header p
		{
		margin: 0;
		font-weight: normal;
		font-size: 1em;
		}
		#header p a
			{
			display: block;
			width: 160px;
			height: 120px;
			line-height: 120px;
			text-decoration: none;
			}
			#header p a strong
				{
				position: relative;
				z-index: -1;
				font-weight: bold;
				font-size: 3em;
				color: #a0c300;
				text-transform: lowercase;
				}
			#header p a em
				{
				position: absolute;
				z-index: 10;
				top: 0;
				right: 0;
				width: 100px;
				height: 100px;
				overflow: hidden;
				background: transparent url(../pix/css/betatag.png) top right no-repeat;
				}
			#header p a em span
				{
				display: none;
				}
		#header p br
			{
			display: none;
			}
		
/**************************************************************************

 M E N U   1   -   M A I N   S E C T I O N S

 **************************************************************************/

#menu1
	{
	position: relative;
	z-index: 1;
	height: 4em;
	overflow: hidden;
	background: #36abe2 url(../pix/css/menu1.jpg) center top no-repeat;
	}
	#menu1 p
		{
		float: right;
		margin: 0;
		background: url(../pix/css/menu1comune.jpg) center top no-repeat;
		}
		#menu1 p a
			{
			display: block;
			padding: 1.5em 0;
			width: 220px;
			overflow: hidden;
			font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
			line-height: 1;
			color: #ffffff;
			text-align: right;
			text-decoration: none;
			}
			#menu1 p a strong
				{
				position: relative;
				z-index: -1;
				}
	#menu1 h3
		{
		display: none;
		}
	#menu1 ul
		{
		float: right;
		margin: 0;
		padding: 0;
		height: 4em;
		overflow: hidden;
		list-style: none;
		}
		#menu1 ul li
			{
			display: inline;
			margin: 0;
			padding: 0;
			}
			#menu1 ul li a
				{
				display: block;
				float: left;
				margin: 0 6px 0 0;
				padding: 1.1em 5px;
				font-weight: bold;
				font-size: 1.2em;
				line-height: 1;
				color: #ffffff;
				text-decoration: none;
				text-shadow: #096b99 0px 1px 3px;
				}
			#menu1 ul li.logout a
				{
				margin: 0;
				color: #d9eff9;
				}
				#menu1 ul li a:hover
					{
					text-decoration: underline;
					text-shadow: #096b99 0px -1px 3px;
					background: url(../pix/css/menu1hover.jpg) left top repeat-x;
					}
				#menu1 ul li.logout a:hover
					{
					color: #ffffff;
					background: #ff4400;
					}
				#menu1 ul li a:focus
					{
					text-decoration: underline;
					background: #a0c300;
					}
		
/**************************************************************************

 M E N U   2   -   U S E R   M E N U

 **************************************************************************/

#menu2
	{
	height: 4em;
	overflow: hidden;
	background: #36abe2;
	}
	#menu2 h3
		{
		display: none;
		}
	#menu2 ul
		{
		float: left;
		margin: 0;
		padding: 0;
		height: 4em;
		overflow: hidden;
		list-style: none;
		}
		#menu2 ul li
			{
			display: inline;
			margin: 0;
			padding: 0;
			}
			#menu2 ul li a
				{
				display: block;
				float: left;
				margin: 0 10px 0 0;
				padding: 1.2em 10px;
				font-weight: bold;
				font-size: 1.2em;
				line-height: 1;
				color: #ffffff;
				text-decoration: none;
				text-shadow: #096b99 0px 1px 3px;
				}
			#menu2 ul li.logout a
				{
				margin: 0;
				color: #d9eff9;
				}
				#menu2 ul li a:hover
					{
					text-decoration: underline;
					text-shadow: #096b99 0px -1px 3px;
					background: url(../pix/css/menu1hover.jpg) left top repeat-x;
					}
				#menu2 ul li.logout a:hover
					{
					color: #ffffff;
					background: #ff4400;
					}
				#menu2 ul li a:focus
					{
					text-decoration: underline;
					background: #a0c300;
					}

/**************************************************************************

 M E N U   3   -   U P D A T E S

 **************************************************************************/

#menu3
	{
	position: relative;
	z-index: 10;
	float: right;
	margin: 0 0 -3em 0;
	height: 3em;
	overflow: hidden;
	background: #36abe2;
	}
	#menu3 h3
		{
		display: none;
		}
	#menu3 ul
		{
		float: right;
		margin: 0;
		padding: 0 10px;
		height: 3em;
		overflow: hidden;
		list-style: none;
		}
		#menu3 ul li
			{
			display: inline;
			margin: 0;
			padding: 0;
			}
			#menu3 ul li a
				{
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 1.1em 5px 0.8em 5px;
				font-weight: bold;
				font-size: 1.1em;
				line-height: 1;
				color: #ffffff;
				text-decoration: none;
				text-shadow: #096b99 0px 1px 3px;
				}
			#menu3 ul li.logout a
				{
				margin: 0;
				color: #d9eff9;
				}
				#menu3 ul li a:hover
					{
					text-decoration: underline;
					text-shadow: #096b99 0px -1px 3px;
					background: url(../pix/css/menu1hover.jpg) left top repeat-x;
					}
				#menu3 ul li.logout a:hover
					{
					color: #ffffff;
					background: #ff4400;
					}
				#menu3 ul li a:focus,
				#menu3 ul li a.menu-aggiornamenti-selected
					{
					text-decoration: underline;
					background: #a0c300;
					}

/**************************************************************************

 C O N T E N T   -   M A I N   C O N T E N T   A R E A

 **************************************************************************/

#content
	{
	float: left;
	padding-bottom: 20px;
	width: 550px;
	}
	#content h1
		{
		margin: 0;
		padding: 20px 10px;
		font-size: 2.1em;
		color: #a0c300;
        background: #f2fafd url(../pix/css/carousel.jpg) left top no-repeat;
		}
	#content h1 em
		{
		display: block;
		margin: 0;
		padding: 10px 0 0 0;
		font-size: 0.8em;
		color: #444444;
		}
    #content h1 input.titolo-blog
        {
        margin: 0 0 8px 0;
        border: 1px solid #b3dff4;
        padding: 0.2em 5px;
        width: 280px;
        font-weight: bolder;
        font-size: 1.1em;
        color: #36abe2;
        line-height: 1;
        background: #ffffff url(../pix/css/input.gif) left top repeat-x;
        }
    #content h1 span.titolo-blog
        {
        margin: 0 0 12px 0;
        font-weight: bolder;
        font-size: 1.1em;
        color: #36abe2;
        line-height: 1.4;
        }
	body.p1 #content h1
		{
		clear: both;
		padding: 10px;
		color: #ffffff;
		background: #a0c300 url(../pix/css/h1.gif) left bottom no-repeat;
		}
	#content div.section
		{
		padding: 1px 0;
		font-size: 1.2em;
		line-height: 1.8;
		color: #444444;
		background: #ffffff url(../pix/css/section1.gif) right top repeat-y;
		}
	#content h2
		{
		margin: 10px 0 8px 10px;
		font-size: 1.2em;
		}
	#content h3, #content h4
		{
		}
	#content p
		{
		margin: 8px 20px 8px 10px;
		}
		#content p b, #content p strong
			{
			}
		#content p i, #content p em
			{
			}
		#content p a
			{
			color: #36abe2;
			}
			#content p a:hover
				{
				}
		#content ul, #content ol
			{
			}
			#content ul li, #content ol li
				{
				}
				#content ul li a, #content ol li a
					{
					}
					#content ul li:hover, #content ol li a:hover
						{
						}
				#content ul li ul, #content ol li ul, #content ul li ol, #content ol li ol
					{
					}
	#content blockquote
		{
		}
	#content pre
		{
		}
	#content form
		{
		margin: 8px 20px 8px 10px;
		}
		#content form fieldset
			{
			margin: 0;
			border: 0;
			padding: 0;
			}
			#content form fieldset legend
				{
				padding: 0;
				margin: 0;
				font-size: 1.2em;
				color: #a0c300;
				}
			#content form fieldset label
				{
				margin: 0;
				color: #444444;
				}
				#content form fieldset label input, #content form fieldset label textarea, #content form fieldset label select
					{
					}
			#content form fieldset input
				{
				width: 100px;
				}
				#content form fieldset input.field
					{
					margin: 0;
					border: 1px solid #b3dff4;
					padding: 0.5em 10px;
					width: 250px;
					font-weight: normal;
					font-size: 1em;
					color: #36abe2;
					line-height: 1;
					background: #ffffff url(../pix/css/input.gif) left top repeat-x;
					}
					#content form fieldset input.field:hover
						{
						}
					#content form fieldset input.field:focus
						{
						color: #444444;
						background: #ffffff;
						}
					#content form fieldset input.button
						{
						margin: 10px 0 10px 10px;
						border: 0px solid #2593c7;
						padding: 0.6em 0;
						width: 78px;
						font-weight: bold;
						font-size: 1em;
						color: #ffffff;
						line-height: 1;
						text-align: center;
						background-color: #2593c7;
						}
					#content form fieldset input.button.xl
						{
						width: 148px;
						}
					#content form fieldset input.button:hover
						{
						border-color: #36abe2;
						background-color: #36abe2;
						}
					#content form fieldset input.button:focus
						{
						border-color: #444444;
						background-color: #444444;
						}
                #content form fieldset textarea.area-lavagna {
                    height: 3em;
                }
				#content form fieldset textarea
					{
					margin: 0;
					border: 1px solid #b3dff4;
					padding: 0.5em 10px;
					width: 300px;
					height: 150px;
					font: normal 1em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
					color: #36abe2;
					line-height: 1;
					background: #f2fafd;
					}
					#content form fieldset textarea:hover
						{
						}
					#content form fieldset textarea:focus
						{
						color: #444444;
						background: #ffffff;
						}
				#content form fieldset select
					{
					}
					#content form fieldset select:hover
						{
						}
					#content form fieldset select:focus
						{
						}
						
/**************************************************************************

	C O N T E N T   S E C T I O N S

 **************************************************************************/
 
#content div.section ul#menu-aggiornamenti {
    border-bottom: 3px solid #b3dff4;
    background-color: #36abe2;
}

#content div.section ul#menu-aggiornamenti li {
    display: inline;
}
#content div.section ul#menu-aggiornamenti li a.menu-aggiornamenti-voce {
    color: #fff;
    font-weight: bolder;
    text-decoration: none;
}
#content div.section ul#menu-aggiornamenti li a.menu-aggiornamenti-voce:hover {
    background-color: #36abe2;
    text-decoration: underline;
}
#content div.section ul#menu-aggiornamenti li a.menu-aggiornamenti-selected {
    color: #444;
}

#content div.section#recent_events
	{
	clear: both;
	}
#content div.section#latest_post
	{
	height: 310px;
	overflow: hidden;
	background: #f2fafd url(../pix/css/section2.gif) right top repeat-y;
	}
#content div.section#latest_post div.scrollbox
	{
	height: 270px;
	overflow: auto;
	}
#content div.section#latest_post div.scrollbox h3
	{
	margin: 8px 10px;
	}
#content div.section#latest_post div.scrollbox p
	{
	margin: 8px 10px;
	}
#content div.section#recent_events,
#content div.section#board,
#content div.section#blog
	{
	background: #f2fafd url(../pix/css/section2.gif) right top repeat-y;
	}
#content div.section#recent_events ul,
#content div.section#board ul,
#content div.section#blog ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}
#content div.section#recent_events ul li,
#content div.section#board ul li,
#content div.section#blog ul li
	{
	margin: 0;
	border-bottom: 1px solid #d9eff9;
	padding: 10px;
	font-size: 0.9em;
	}
#content div.section#blog ul li
	{
	padding: 0;
	}
#content div.section#recent_events ul li img,
#content div.section#board ul li img,
#content div.section#blog ul li img
	{
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	}
#content div.section#recent_events ul li a,
#content div.section#board ul li a,
#content div.section#blog ul li a
	{
	color: #444444;
	}
#content div.section#recent_events ul li strong a,
#content div.section#board ul li strong a,
#content div.section#blog ul li strong a
	{
	text-decoration: none;
	}
#content div.section#recent_events ul li a:hover,
#content div.section#board ul li a:hover,
#content div.section#blog ul li a:hover
	{
	color: #222222;
	text-decoration: underline;
	}
#content div.section#recent_events ul li span,
#content div.section#board ul li span,
#content div.section#blog ul li span
	{
	display: block;
	margin-bottom: -5px;
	font-size: 0.8em;
	color: #36abe2;
	}
#content div.section#recent_events ul li cite.lavagna,
#content div.section#board ul li cite.lavagna
	{
	display: block;
	margin-left: 42px;
	padding: 10px;
	font-size: 1.1em;
    font-style: normal;
	color: #666666;
	background-color: #ffffff;
	}
#content div.section#recent_events ul li cite.blog
	{
	display: block;
	margin-left: 42px;
	padding: 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #444444;
	font-style: normal;
	background-color: #d9eff9;
	}
#content div.section#recent_events ul li cite.status,
#content div.section#recent_events ul li a.status
	{
	display: inline;
	color: #a0c300;
	font-style: normal;
	}
#content div.section#editor
	{
	border-top: 5px solid #b3dff4;
	padding: 0 10px 0 0;
	}
#content div.section#profile
	{
	border-top: 5px solid #b3dff4;
	padding: 10px 10px 0 0;
	font-size: 1em;
	line-height: 1;
	}
	#content div.section#profile img
		{
		display: block;
		float: left;
		margin: 0;
		}
	#content div.section#profile table
		{
		margin: 0;
		border: 0;
		width: 100%;
		background-color: #ffffff;
		}
	#content div.section#profile table th
		{
		border-bottom: 2px solid #b3dff4;
		padding: 8px 10px;
		font: bold 1.1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #444444;
		text-transform: uppercase;
		background-color: #d9eff9;
		}
	#content div.section#profile table td
		{
		width: 33%;
		padding: 10px;
		font-size: 1.2em;
		font-weight: normal;
		color: #444444;
		line-height: 1.4;
		}
		#content div.section#profile table td a
			{
			color: #444444;
			}
		#content div.section#profile table td a:hover
			{
			color: #36abe2;
			}
		#content div.section#profile p a.button,
		#content div.section#blog_post p a.button
			{
			display: block;
			margin: 10px 0;
			border: 0px solid #2593c7;
			padding: 0.6em 0;
			width: 128px;
			font-weight: bold;
			font-size: 1em;
			color: #ffffff;
			line-height: 1;
			text-align: center;
			text-decoration: none;
			background-color: #2593c7;
			}
		#content div.section#profile p a.button:hover,
		#content div.section#blog_post p a.button:hover
			{
			border-color: #36abe2;
			background-color: #36abe2;
			}
		#content div.section#profile p a.button:focus,
		#content div.section#blog_post p a.button:focus
			{
			border-color: #444444;
			background-color: #444444;
			}
	
        #content div.section div.album-photobox
            {
            float: left;
            padding: 4px;
            margin: 12px;
            border: 1px solid #444;
            background-color: #fff;
            }
            #content div.section div.album-photobox a.lightbox img
                {
                border: none;
                }
            #content div.section div.album-photobox a.album-delete {
                position: absolute;
                display: block;
                padding: 2px;
                background-color: #fff;
                text-decoration: none;
                font-weight: bolder;
                color: #444;
            }
            #content div.section div.album-photobox p.dida {
                max-width: 100px;
            }
/**************************************************************************

 C O N T E N T   H E A D I N G S

 **************************************************************************/

#content h2 span
	{
	position: relative;
	z-index: -1;
	display: block;
	padding: 0.1em 10px;
	height: 30px;
	font-size: 1em;
	font-style: normal;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	background-color: #d9eff9;
	}
#content div.section#latest_post,
#content div.section#recent_posts,
#content div.section#recent_events,
#content div.section#board,
#content div.section#blog,
#content div.section#board_post,
#content div.section#blog_post
	{
	position: relative;
	z-index: 1;
	}
#content div.section#latest_post h2,
#content div.section#recent_posts h2,
#content div.section#recent_events h2,
#content div.section#board h2,
#content div.section#blog h2,
#content div.section#board_post h2,
#content div.section#blog_post h2
	{
	margin: 0;
	height: 30px;
	overflow: hidden;
	}
#content div.section#latest_post h2		{ background: url(../pix/css/h2.gif) 0 0 no-repeat; }
#content div.section#recent_posts h2	{ background: url(../pix/css/h2.gif) 0 -30px no-repeat; }
#content div.section#recent_events h2	{ background: url(../pix/css/h2.gif) 0 -60px no-repeat; }
#content div.section#board h2				{ background: url(../pix/css/h2.gif) 0 -90px no-repeat; }
#content div.section#blog h2				{ background: url(../pix/css/h2.gif) 0 -120px no-repeat; }
#content div.section#board_post h2		{ background: url(../pix/css/h2.gif) 0 -150px no-repeat; }
#content div.section#blog_post h2		{ background: url(../pix/css/h2.gif) 0 -180px no-repeat; }

/**************************************************************************

 C O L U M N

 **************************************************************************/

#column
	{
	float: right;
	width: 220px;
	}
	#column p.colbanner
		{
		margin: 0;
		padding: 10px 5px 10px 5px;
		font-size: 1.3em;
		font-weight: bold;
		color: #94b400;
		background: url(../pix/css/colbanner.jpg) left top no-repeat;
		}
		#column p.colbanner br
			{
			display: none;
			}
		#column p.colbanner span.userscount
			{
			display: block;
			float: left;
			margin: 0 10px 0 0;
			width: 80px;
			height: 60px;
			font-size: 2.6em;
			font-weight: bold;
			color: #def1fa;
			letter-spacing: -0.1em;
			text-align: center;
			background: url(../pix/css/userscount.gif) left top no-repeat;
			}
		#column p.colbanner img
			{
			display: block;
			}
		#column p.colbanner strong
			{
			clear: both;
			display: block;
			margin: 0;
			font-size: 1.6em;
			font-weight: bold;
			color: #444444;
			letter-spacing: -0.05em;
			text-align: center;
			text-transform: uppercase;
			}
		#column p.colbanner em
			{
			display: block;
			margin: 0;
			font-size: 0.8em;
			font-weight: normal;
			color: #444444;
			text-align: center;
			}
		#column p.colbanner a
			{
			display: block;
			margin: 0;
			font-size: 0.7em;
			font-weight: normal;
			color: #36abe2;
			text-align: center;
			}
	#column p.userbanner
		{
		margin: 0;
		padding: 15px 10px 10px 10px;
		font-size: 1em;
		font-weight: bold;
		color: #94b400;
		background: url(../pix/css/colbanner.jpg) left top no-repeat;
		}
		#column p.userbanner br
			{
			display: none;
			}
		#column p.userbanner strong
			{
			clear: both;
			display: block;
			margin: 0;
			font-size: 1.1em;
			font-weight: bold;
			color: #444444;
			letter-spacing: -0.05em;
			text-align: center;
			text-transform: uppercase;
			}
		#column p.userbanner em
			{
			display: block;
			margin: 0;
			font-size: 0.9em;
			font-weight: normal;
			color: #444444;
			text-align: center;
			}
		#column p.userbanner a
			{
			display: block;
			margin: 0;
			font-size: 0.9em;
			font-weight: normal;
			color: #36abe2;
			text-align: center;
			}
	#column form
		{
		margin: 0;
		padding: 0;
		}
		#column form fieldset
			{
			margin: 0;
			border: 0;
			padding: 0;
			text-align: right;
			}
		#column form fieldset br
			{
			display: block;
			width: 10px;
			height: 10px;
			}
		#column form fieldset label
			{
			margin: 10px 5px 0 0;
			padding: 0.65em 0;
			width: 60px;
			font-weight: bold;
			font-size: 1em;
			line-height: 1;
			text-transform: uppercase;
			}
		#column form fieldset input.field
			{
			margin: 10px 0 0 0;
			border: 1px solid #b3dff4;
			padding: 0.5em 10px;
			width: 118px;
			font-weight: normal;
			font-size: 1.2em;
			line-height: 1;
			background: url(../pix/css/input.gif) left top repeat-x;
			}
		#column form fieldset input.incremental
			{
			margin: 10px 0 10px 0;
			width: 178px;
			}
		#column form fieldset input.error
			{
			border: 1px solid #ff4400;
			color: #ff4400;
			}
			#column form fieldset input.field:hover
				{
				border-color: #36abe2;
				}
			#column form fieldset input.field:focus
				{
				border-color: #36abe2;
				background: #ffffff;
				}
			#column form fieldset input.error:focus
				{
				border-color: #ff4400;
				}
		#column form fieldset input.button
			{
			margin: 10px 0 10px 10px;
			border: 0px solid #2593c7;
			padding: 0.6em 0;
			width: 58px;
			font-weight: bold;
			font-size: 1em;
			color: #ffffff;
			line-height: 1;
			text-align: center;
			background-color: #2593c7;
			}
		#column form fieldset input.button:hover
			{
			border-color: #36abe2;
			background-color: #36abe2;
			}
		#column form fieldset input.button:focus
			{
			border-color: #444444;
			background-color: #444444;
			}

/**************************************************************************

	C O L U M N   S E C T I O N S

 **************************************************************************/

#column div.section#login
	{
	}
#column div.section#login p
	{
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	}
	#column div.section#login p a
		{
		color: #36abe2;
		text-decoration: none;
		}
	#column div.section#login p a:hover
		{
		text-decoration: underline;
		}
	#column div.section#login p.error
		{
		margin: 0;
		padding: 10px;
		font-size: 1.1em;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		background-color: #ff5500;
		}
#column div.section#users
	{
	}
	#column div.section#users p
		{
		font-size: 1em;
		}
		#column div.section#users p img
			{
			display: block;
			float: left;
			margin: 0 10px 10px 10px;
			}
		#column div.section#users p strong
			{
			display: block;
			margin: -10px 0 -10px 0;
			font-size: 1.1em;
			font-weight: bold;
			}
		#column div.section#users p a
			{
			display: block;
			font-size: 1em;
			font-weight: bold;
			color: #36abe2;
			}
	#column div.section#users ul
		{
		margin: 0;
		padding: 0;
		font-size: 1em;
		list-style: none;
		text-align: right;
		}
		#column div.section#users ul li
			{
			clear: both;
			margin-top: 1px;
			border-bottom: 1px solid #d9eff9;
			height: 3.9em;
			font-size: 1.1em;
			font-weight: bold;
			line-height: 1.8;
			background-color: #f2fafd;
			}
			#column div.section#users ul li a
				{
				font-size: 1em;
				font-weight: normal;
				color: #36abe2;
				}
			#column div.section#users ul li img
				{
				display: block;
				float: right;
				margin: 5px 5px 5px 10px;
				}

	
/**************************************************************************

 C O L U M N   H E A D I N G S

 **************************************************************************/

#column h3,
#column h4
	{
	clear: both;
	font-size: 1.2em;
	}
#column h3 span
	{
	position: relative;
	z-index: -1;
	display: block;
	padding: 0.4em 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	background-color: #a0c300;
	}
#column h4 span
	{
	position: relative;
	z-index: -1;
	display: block;
	padding: 0.8em 10px;
	font-style: normal;
	color: #2593c7;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	text-align: right;
	background-color: #d9eff9;
	}
#column div.section#login,
#column div.section#search,
#column div.section#users,
#column div.section#userstatus
	{
	position: relative;
	z-index: 1;
	}
#column div.section#login h3,
#column div.section#search h3,
#column div.section#users h3,
#column div.section#userstatus h3,
#column div.section#users h4.users_latest,
#column div.section#users h4.users_recent
	{
	margin: 0;
	height: 30px;
	overflow: hidden;
	}
#column div.section#login h3		{ background: url(../pix/css/colh3.gif) 0 0 no-repeat; }
#column div.section#search h3		{ background: url(../pix/css/colh3.gif) 0 -30px no-repeat; }
#column div.section#users h3		{ background: url(../pix/css/colh3.gif) 0 -60px no-repeat; }
#column div.section#userstatus h3		{ background: url(../pix/css/colh3.gif) 0 -180px no-repeat; }

#column div.section#users h4.users_latest { background: url(../pix/css/colh3.gif) 0 -360px no-repeat; }
#column div.section#users h4.users_recent { background: url(../pix/css/colh3.gif) 0 -390px no-repeat; }

/**************************************************************************

 C O L U M N   L A B E L S

 **************************************************************************/

#column label span
	{
	position: relative;
	z-index: -1;
	display: block;
	padding: 0.8em 10px;
	font-size: 1.2em;
	font-style: normal;
	color: #2593c7;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	text-align: right;
	background-color: #d9eff9;
	}
#column div.section#search label
	{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	overflow: hidden;
	}

#column div.section#search label.search_blogs	{ background: url(../pix/css/colh3.gif) 0 -300px no-repeat; }
#column div.section#search label.search_users	{ background: url(../pix/css/colh3.gif) 0 -330px no-repeat; }

/**************************************************************************

 C A R O U S E L

 **************************************************************************/

#content #carousel
	{
	float: left;
	width: 550px;
	background: #ffffff url(../pix/css/carousel.jpg) left top no-repeat;
	}
#content #carousel.active
	{
	height: 200px;
	overflow: hidden;
	}
.jcarousel-container
	{
	position: relative;
	margin-top: 20px;
	}
.jcarousel-container-horizontal
	{
	width: 530px;
	}
.jcarousel-clip-horizontal
	{
	width:  530px;
	}
.jcarousel-clip
	{
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	}
.jcarousel-list
	{
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	}
.jcarousel-list li,
.jcarousel-item
	{
	float: left;
	margin: 20px 20px 0 0;
	list-style: none;
	width: 530px;
	}
.jcarousel-next
	{
	z-index: 3;
	display: none;
	}
.jcarousel-prev
	{
	z-index: 3;
	display: none;
	}
.jcarousel-next-horizontal
	{
	position: absolute;
	top: 140px;
	right: 0px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../pix/css/next.gif) center center no-repeat;
	}

#content #carousel ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#content #carousel ul li
		{
		margin: 0;
		padding: 0;
		font-size: 1.1em;
		}
		#content #carousel ul li strong
			{
			display: block;
			font-size: 2.6em;
			font-weight: bold;
			color: #a0c300;
			}
		#content #carousel ul li em
			{
			display: block;
			font-size: 1.4em;
			font-weight: bold;
			font-style: normal;
			color: #444444;
			}


/**************************************************************************

 F O O T E R

 **************************************************************************/

#footer
	{
	margin: 0 auto;
	width: 770px;
	height: 15em;
	background: url(../pix/css/footer.jpg) center top repeat-x;
	}
	#footer p,
	#footer ul
		{
		float: left;
		margin: 0;
		padding: 30px 0 20px 0;
		font: normal 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #36abe2;
		text-align: left;
		}
	#footer p.logo
		{
		position: relative;
		z-index: -1;
		width: 130px;
		}
	#footer ul
		{
		margin: 0;
		width: 120px;
		list-style: none;
		}
		#footer ul li
			{
			margin: 0;
			padding: 0;
			}
		#footer p a,
		#footer ul a
			{
			color: #36abe2;
			}
			#footer p a:hover
				{
				}

/**************************************************************************

 V A R I E

 **************************************************************************/
div.clear
	{
	clear: both;
	}
#combo-list-box
	{
	display: none;
	position: relative;
	z-index: 20;
	margin: 0;
	border-bottom: 1px solid #b3dff4;
	padding: 0;
	height: 90px;
	overflow: auto;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.2;
	background-color: #ffffff;		
	}
#combo-list-box ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#combo-list-box ul li
	{
	padding: 5px 10px;
	color: #666666;
	}

#combo-list-box ul li:hover
	{
	color: #2593c7;
	background-color: #f2fafd;
	}
	
/**************************************************************************/

#blog-list
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#blog-list li div.blog-list-title
	{
	margin: 0;
	padding: 10px 10px 5px 10px;
	}
#blog-list li div.blog-list-title:hover
	{
	background-color: #d9eff9;
	}
#blog-list li h3
	{
	padding: 0;
	margin: 0;
	}
#blog-list li p
	{
	font-size: 0.8em;
	padding: 2px;
	margin: 2px;
	}
#blog-list li div.blog-list-content
	{
	padding: 0 10px 10px 10px;
	}
#blog-list li div.blog-list-content .blog-list-text
	{
	padding: 10px;
	background: #ffffff;
	}
#blog-list li div.blog-list-content .blog-list-commands
	{
	background-color: #d9eff9;
	}

#lista-forum li {
    background-color: #d9eff9;
    border-top: 1px solid #66bfe9;
}
#lista-forum li h3 a {
    display: block;
}
#lista-forum li h3 a:hover {
    background-color: #66bfe9;
}

/**************************************************************************/

ol#listaUtentiNavigator {
    list-style-type: none;
    margin: 0 auto;
    text-align: center;
}
ol#listaUtentiNavigator li {
    display: inline;
    padding: 4px;
}
ol#listaUtentiNavigator li a{
    color: #444;
    font-size: 1.1em;
    text-decoration: none;
}
ol#listaUtentiNavigator li a:hover{
    text-decoration: underline;
}
ol#listaUtentiNavigator li.listaUtentiNavCurrentPage a{
    font-weight: bolder;
    color: #a0c300;
}

#column div.section#search p.searchall {
    text-align: right;
    padding: 2px;
    margin: 0;
    color: #444;
}
#column div.section#search p.searchall a{
    text-decoration: none;
    font-weight: bolder;
    color: #444;
}
#column div.section#search p.searchall a:hover{
    text-decoration: underline;
    color: #000;
}

#username-message
	{
	font-weight: bold;
	color: #ff4400;
	}
.required-class
	{
	border-left: 3px solid #ff5500;
	padding-left: 5px;
	font-weight: bold;
	font-style: italic;
	}
#registrazione-errore
	{
	display: block;
	padding: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff5500;
	}
#registrazione-msg
	{
	display: block;
	padding: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #a0c300;
	}
p.error
    {
    margin: 0;
    padding: 10px;
    font-size: 1.1em;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    background-color: #ff5500;
    }