* { margin:0; padding:0;  }

html, body {	height: 100%; }

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background:#303934 url('../images/bg-body.png') top center repeat-y;
	color:#edf6e3;
	}
	
a { outline:none; }

h1 a { 	text-indent:-9999px; display:block;
				width:220px; height:200px;
				position:absolute; margin:20px 0 0 50px;
			}

h2 { height:27px; text-indent:-9999px; margin-bottom:40px; background-repeat:no-repeat;  }
h2.rules { background-image:url('../images/title-rules.png'); }
h2.come-funziona { background-image:url('../images/title-come-funziona.png'); }
h2.vota { background-image:url('../images/title-vota.png'); }
h2.pastwinners { background-image:url('../images/title-pastwinners.png'); }

h3 { text-indent:-9999px; background-position:left top; background-repeat:no-repeat; }

input { 	background:url(../images/bg-field.png) left center repeat-x; 
				border:0; padding:0 3px; font-size:0.9em; 
				margin-left:5px;
				}
				
select { 	display:block; margin-bottom:5px; background:#bcdc99; }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}

/* header*/
	
#header { 	width:900px; height:550px;
					margin:0 auto;
					background:url('../images/header.png') top center no-repeat;
					}

#header ul { position:absolute;  margin-left:330px; margin-top:106px; }

#header li { 	background-image:url('../images/menu.png');  background-repeat:no-repeat;
					display:block; position:absolute; 
					height:78px; 
					}
#header li a { display:block; width:100%; height:100%; text-indent:-9999px; }

#header li.home { background-position:-16px 15px; width:50px; }
#header li.rules { margin-left:60px;  background-position:-80px 15px; width:50px; } 
#header li.pastwinners { margin-left:120px; background-position:-140px 15px; width:112px; }

#header li.home:hover { background-position:-16px -76px;  }
#header li.rules:hover { background-position:-80px -76px; } 
#header li.pastwinners:hover { background-position:-140px -76px; }

#header li.home.current { background-position:-16px -76px; }
#header li.rules.current { background-position:-80px -76px; } 
#header li.pastwinners.current { background-position:-140px -76px; }
 
/* Coontent */

#content { 	width:810px; padding:0 45px; 
					margin:0 auto; 
					margin-top:-200px; 
					font-size:1.3em; line-height:1.7em;
					}
					
/* rules */
#content ul li { list-style:none; padding:5px 0;}
#content ul  li  { 	background:url(../images/bullet.png) left center no-repeat;
								padding-left:50px; margin-left:-13px; }

/* login */
#content div.login { float:left; height:121px; background-position:left top; background-repeat:no-repeat; }


#content div.login.uno a, 
#content div.login.tre a { display:block; width:100%; height:100%; text-indent:-9999px;}
#content div.login.due a { font-weight:bold; text-transform:uppercase; }

#content div.login.uno { width:160px; background-image:url('../images/vota-1.png'); margin-right:100px; }
#content div.login.due { width:230px; background-image:url('../images/vota-2.png'); margin-right:50px; padding-top:40px; height:81px;}
#content div.login.due div.actions { position:absolute; margin-left:150px; }

#content div.login.tre { width:213px; background-image:url('../images/vota-3.png'); }

#content p { margin-bottom:20px; }
/* vota */

small.error { display:block; color:#ff0000; position:absolute; margin-top:-40px; }

div.cat { 	background:url(../images/arzigogolo.png) left top no-repeat; 
					padding-left:40px; height:140px; 
					float:left; margin:0 20px 0 0;
					text-align:left;
					font-weight:normal;
					}

label { font-weight:normal; }

div.cat h3 { height:17px; background-image:url('../images/titoli-votazioni.png'); margin-bottom:10px; width:170px; 	}
div.cat.skater h3 { background-position:0px -0px;  }
div.cat.rookie h3 { background-position:-170px -0px; }
div.cat.team h3 { background-position:-340px -0px; }
div.cat.spot h3 { background-position:-0px -23px; }
div.cat.video h3 { background-position:-170px -23px; }
div.cat.videopart h3 { background-position:-340px -23px; width:200px; }

div.votabutt a,
div.graziebutt  { display:block; text-indent:-9999px; margin:0 auto; }

div.votabutt a { 	width:87px; height:85px;
								background:url('../images/butt-invia.png');
								}
								
div.graziebutt 	{ 	width:89px; height:131px;
								background:url('../images/butt-grazie.png');
								}
								
	
/* fOOOOOOOOOter */

#footer, #push {
	height: 100px; /* .push must be the same height as .footer */
	clear: both;
}

#footer  {
    background:url('../images/footer.png') top center no-repeat;
	
}

#footer #credits { background:url('../images/mini-logo-skatemap.png') left bottom no-repeat;
							width:220px; padding-left:72px;
							margin:0 auto;
							padding-top:50px;
							font-size:0.9em; color:#333;
							}

a, a:visited { color:#489428; text-decoration:none; }
a:hover { text-decoration:underline; }


/* misc */
.inactive { filter:alpha(opacity=20);
					-moz-opacity:0.2;
					-khtml-opacity: 0.2;
					opacity: 0.2;
					}