/*
Theme Name: FerraraFoto

Description: Il tema per il sito del concorso fotografico Ferrarafoto
Version: 1.0
Author: Giancarlo Basso

*/


body {
	margin: 0;
	background-color: #FFF;
	background-image: url(images/ferrarafoto_bg.jpg);
	background-repeat: no-repeat;
	background-position:top;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
width: 720px;
margin: 0 auto;
	
}

#pagina{
width: 720px;
padding: 10px;
background-color: #FFF;

}

#riquadro{
width: 720px;
color: #FFF;
padding-bottom: 20px;
background-color: #0F0F0F;
background-image: url(images/riquadro_bg.png);
background-position: bottom;
background-repeat: no-repeat;
}

a {
text-decoration: none;
color: #D9202D;
}

a:hover {
text-decoration: underline;
color: #D9202D;
}

/* Float Properties*/

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

.clearfloat {
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;*/
	display: inline-block;
	clear: both;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
.left, .alignleft {
	float:left;
	}

#blocco1 {
margin-right: 30px;
margin-kleft: 15px;
	width: 375px;
	}
#blocco2 {
	width: 255px;
	}
#blocco2 h2{
	width: 240px;
	}
#blocco2 img {
	max-height: 200px;
	}
#blocco3, #blocco4 {
	width: 225px;
	margin: 20px 20px 20px 0;
	}
#blocco3 h1, #riquadro div.bvoto h2 {
font-size: 12px;
font-weight: bold;
margin: 0 0 10px 0;
}

#riquadro div.bvoto h2 {
color: #999999;
}

#riquadro h1 {
font-size: 30px; 
font-weight: normal;
margin: 10px;
}

#blocco3 h1 a{
text-decoration: none;
color: #000;
}

#blocco3 h1 a:hover{
text-decoration: underline;
color: #000;
}

#blocco3 p {
font-size: 12px;
margin: 0;
}

#blocco2 p {
font-size: 12px;
margin: 10px 0;
}

.data {
font-size: 11px;
color: #999;
}

.pulsante {
text-align: center;
margin:  0 0 10px 0;
width: 300px;
}

#blocco5 {
	width: 225px;
	margin: 20px 0;
	
	}
#blocco3 h2, #blocco4 h2, #blocco5 h2  {
font-size: 12px;
text-transform: uppercase;
color: #D9202D;
	}
	
.bsinistra {
	width: 70px;
	margin: 10px 0 10px 10px;
	float: left;	
}

.bdestra ul {
	margin-top: 20px;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
	}

.bdestra li {
	list-style:none;
	display:block;
	}
#sharebar li { float: left; margin:10px 0 0 5px;
	}
.bcentro {
	width: 200px;
	margin: 10px 0 10px 10px;
	float: left;
	text-align: center;	
}

.bcentrosingolo {
	width: 480px;
	margin: 10px 0 10px 10px;
	float: left;	
}

.bcentro img{
	max-height: 200px;
	
}  

.bdestra {
	width: 400px;
	margin: 10px 0 10px 10px;
	float: left;	
}

.bfoto {
	width: 700px;
	margin: 0 0 10px 10px;
	text-align: center;
}

.bvoto {
	width: 700px;
	margin: 0 0 10px 10px;
	
}


#riquadro div.bdestra h1, #riquadro div.bcentrosingolo h1 {
	font-size: 30px; 
	font-weight: normal;
	margin: 0;
}

#riquadro div.bdestra h1 a {
	color: #FFF;
	text-decoration: none;
}

#riquadro div.bdestra h1 a:hover {
	color: #FFF;
	text-decoration: underline;
}

.evidenza { color: #D9202D; font-style: normal; }
em.evidenzianumero { font-size: 30px; font-style: normal; }

.right, .alignright {
	float:right;
	}

a img {
	border: 0;
	}

.navbar { 
	margin: 100px auto 0 auto;
	padding:0px 10px;
	font-size: 14px;
	width: 700px 
	}

#riquadro .navbar { 
	margin: 0 10px;
	padding:0;
	border-bottom: 1px solid #333;
}

.navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.navbar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	margin-right: 1px;
	text-align: center;
	}

.navbar a {
	display: block;
	padding: 10px 11px;
	font-weight: bold;
	color:#FFF;
	text-decoration:none;
	}
.navbar .active a{
color: #D9202D;


}


.navbar a:hover {
	background: #FFF;
	filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
	color: #D9202D;
	text-decoration:none;
	}

#riquadro .navbar a:hover {
	background: transparent;
	color: #D9202D;
	}
#riquadro h2 {
font-size: 18px;
font-weight: normal;
color: #FFF;
margin: 10px 0;

}

#riquadro .left {
	margin-left: 10px;
	}


hr {
    
    background:transparent;
    margin: 0 10px 10px 10px;
    
    border:0;
    border-bottom: 1px solid #333;

}

.navigation {
	margin-left: 10px;
	width: 700px;
	}
.navigation .alignleft{
	width: 340px;
	}
.navigation .alignright{
	width: 340px;
	text-align: right;
	}
.p_inglese {
font-style: italic;
color: #999;
	
	}