/*--------------------------------------------------------------------------------------*/
/*
/*	LUCA PANDINI's WEBSITE
/*	Professioal photographer from Ferrara (Italy)
/*	Copyright 2012-2013
/*	
/*	Web Design & Front-End Development: Filippo Zaffoni
/*	Filippo Zaffoni is on:
/*	nekonora.com
/*	@nknor
/*
/*	Theme: Pandini dark
/*	Version: 2.0
/*
/*	COLOR PALETTE
/*		white: #F8F8F8
/*		black: #021021 or rgba(2, 16, 33, 1.0)
/*		red: #D11F29
/*
/*--------------------------------------------------------------------------------------*/

/*--- UNIVERSAL ELEMENTS   -------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Raleway:300,500);
@import url(http://fonts.googleapis.com/css?family=La+Belle+Aurore);

* {                  margin: 0;
			        padding: 0;}

body {          font-family: 'Raleway', sans-serif;
	            font-weight: 300;
	                  color: #F8F8F8;
	              font-size: 16px;
	       background-image: url(../images/black_lozenge.png);
	  background-attachment: fixed;}

section { 		      width: 100%;
					 height: 100%;
					z-index: 0;}
					
		   
/*--- LINKS ---------------------------*/

a {					  color: #f8f8f8;
			text-decoration: none;}
			
	a:hover {			  color: #f8f8f8;
				text-decoration: none;}
	
	a:visited {			  color: #f8f8f8;
				text-decoration: none;}
			
/*-------- HEADER ---------------------*/

header {           position: fixed; 
			            top: 0;
			           left: 0;
			        z-index: 1;
	
        		      width: 100%;
			         height: 60px;
	
		   background-color: #021021;
		      border-bottom: 2px solid #D11F29;
		   			opacity: 0.95;
		   		 box-shadow: 0px 2px 5px rgba(17,17,17,0.80);
		   
		 -webkit-transition: all 325ms ease;
              -o-transition: all 325ms ease;
                 transition: all 325ms ease;}

header h1 {		      width: auto;
					  float: left;
			    margin-left: 35px;

				line-height: 60px;
	            font-weight: 500;
	     	          color: #FFF;}

header nav { 		  width: auto;
					  float: right;
			   margin-right: 35px;
				 
				 text-align: right;}
				 
header nav a { 	line-height: 60px;
			    margin-left: 20px;
			 
			 text-transform: uppercase;
			    font-weight: 500;
			 
	     -webkit-transition: all 325ms ease;
              -o-transition: all 325ms ease;
                 transition: all 325ms ease;}
			 
	header nav a:hover {  color: #D11F29;
				  border-bottom: 3px solid #D11F29;}
	
.currentpage {		  color: #676767;
					 cursor: default;
			 pointer-events: none;}

/*-------- FOOTER ---------------------*/

footer {		   position: fixed;
					 bottom: 0;
					   left: 0;
				    z-index: 1;
					   
					  width: 100%;
					 height: 26px;
					 
		   background-color: #160e0e;
		         border-top: 1px solid #7e7e7e;
		   			opacity: 0.95;
		   
				 text-align: center;
				line-height: 25px;
				  font-size: 12px;
				      color: #a7a7a7;}
				  
span {				display: inline-block;
					  width: 30%;
				 text-align: center;}
				  
footer span a { text-decoration: underline;}

	footer span a:hover {  color: #d12028;}
	
/*--- Resp -----------*/

@media (max-width: 480px) {
				footer { 	height: 35px;
				
					   line-height: 16px;
					     font-size: 14px;
					   font-family: 'helvetica neue', 'Arial', sans-serif;
					   font-weight: 500;}
						 
				span { 		 width: auto;
						   opacity: 0.6;}
						 
				#piva {    display: none;}}
	
/*--- HOME         ---------------------------------------------------------------------*/

#home {               width: 100%;
  					 height: 350px;
  					 
  			     margin-top: 150px;}

#home img {         display: block;
  					  width: 500px;
  					 height: auto;
  					 
  			   margin-right: auto;
  			    margin-left: auto;
  			    
  				 text-align: center;}

#address {		 margin-top: 20px;

					  color: #b3b3b3;
  				  font-size: 18px;
  				font-weight: 100;
  				 text-align: center;}

blockquote { 		  width: 500px;
					 margin: 50px auto 0 auto; 
  						
  				font-family: 'La Belle Aurore', cursive;
  					  color: #F8F8F8;
  			      font-size: 1.6em;
  				line-height: 32px;
  				 text-align: justify;}
  				 
 /*--- Resp -----------*/

@media (max-height: 800px) {

		#home {		 margin-top: 8%;}
		
		#address { 	 margin-top: 0px;}
		
		blockquote { margin-top: 30px;
					  font-size: 1.2em;}}

@media (max-width: 490px) {

		#home { height: 400px;}
		
		#home img {     display: none;}
		
		#address { 	 margin-top: 130px;}
		
		blockquote {      width: 90%;
				    line-height: 28px;}}

/*--- PORTFOLIO    ---------------------------------------------------------------------*/
		   
section ul {          width: 100%;
	   -webkit-column-count: 2;
	      -moz-column-count: 2;
			   column-count: 2;
			   
			     margin-top: 120px;
			   
			     text-align: left;
			     list-style: none;}
			    
section ul li {   max-width: 520px;
                     margin: 0px auto 40px auto;}

section ul li a { font-size: 3.2em;
				font-weight: 300;
				text-shadow: 1px 1px 4px rgba(0,0,0,1);
				
		 -webkit-transition: all 325ms ease;
              -o-transition: all 325ms ease;
                 transition: all 325ms ease;}

section ul li a img {
			  margin-bottom: -45px;
			    margin-left: 10px;
			    
	             box-shadow: 0px 2px 8px rgba(6,6,6,1);
	          border-radius: 5px;}
	             
	section ul li a:hover { 
						  color: #D11F29;
				   padding-left: 20px;}
					
/*--- Resp -----------*/

@media (max-width: 480px) {

	section ul { margin-top: 150px;
	   -webkit-column-count: 1;
	      -moz-column-count: 1;
			   column-count: 1;}
	
	section ul li { margin: 0px auto 30px auto;
					 width: 100%;}
	
	section ul li a { font-size: 2em;}
	
	section ul li a img { margin-bottom: -28px;
						    margin-left: 10px;
						     	  width: 95%;
							 	 height: auto;}
						    
	section ul li a:hover { padding-left: 0px;}}

/*--- ABOUT        ---------------------------------------------------------------------*/