/*
Theme Name: Ferrari Web Design 4.0
Description: Tema per il sito ferrariwebdesign.it
Author: Alessandro Ferrari
Author URI: http://www.ferrariwebdesign.it
*/

/* INDICE SEZIONI
------------------------------
reset & minimal typography
general
logo
menu principale
sottomenu
testata
masthead
ultimi lavori
chi sono
effetto caption - ultimi lavori
effetto caption - portfolio
servizi
articoli
portfolio scheda
footer
classi
sidebar
-----------------------------*/

/* COLORI 
------------------------------
grigio scuro= #5c5c5c
grigio chiaro= #91928b
rosso=#900000
-----------------------------*/

/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,blockquote,th,td,span{margin:0;padding:0;font-size: 100.01%;}h1,h2,h3,h4,h5,h6{font-size:100%}ol,ul{list-style:none}a,a:link,a:visited,a:hover,a:active{text-decoration:none;outline:none;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}caption,th{text-align:left}q:before,q:after{content:""}blockquote,q{quotes:"" ""}
/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; font-weight:normal; }
/* For better-looking ampersands */
span.amp { font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; }

/* general */

html { font-size: 16px;}

body { font-size: 62.5%; border-top:5px solid #5c5c5c; padding-top:5px; }
	
strong { font-weight:bold; }

em { font-style:italic; }

h2 { 
	font-size:4.8em;
	line-height:1.2em;
	color:#900000;
	margin-bottom:0.3em;
	margin-top:0.3em;
	font-family: 'DistrictThinRegular', Arial, Helvetica, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
	}

h3 { 
	font-size:3em;
	line-height:1.2em;
	color:#91928b;
	margin-bottom:0.7em;
	font-family: 'DistrictThinRegular', Arial, Helvetica, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
	}

h4 {
	font-size:2.5em;
	color:#5c5c5c;
	line-height:1.5em;
	margin-bottom:0.8em;
	margin-top:0em;
	font-family: 'DistrictThinRegular', Arial, Helvetica, FreeSans, "Liberation Sans", "Nimbus Sans L", sans-serif;
	}

h5 {
	font-size:1.7em;
	line-height:1.8em;
	margin-left:10px;
	font-weight:bold;
	}

p { 
	color:#191919;
	font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	font-size:1.4em;
	line-height:1.8em;
	margin-bottom:1.8em; 
	}

pre { font-size:1.5em; }

ul li {
	font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	font-size:1.4em;
	line-height:1.8em;
	}

a:link { color:#900000; font-weight:normal; }

a:visited { color:#900000; font-weight:normal; }

a:hover { color:#91928b; }

/* a:active { position: relative; top: 1px; } */

/* logo */

h1 a, h1 a:visited {	
	background: #fff url('images/h1.gif') no-repeat 0 0;
	display: block;
	height: 81px;
	text-indent: -9999px;
	width: 185px;
	cursor:pointer;
	border:none;
	}

/* menu principale */

.main_menu  {
	margin:35px 0 0 0;
	width:458px;
	padding-left:0;
	border-top:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
	border-bottom:1px solid #c3c3c3;
	border-right:1px solid #f1f1f1;
	background-color:#f1f1f1;
	text-align:center;
	}

.main_menu li { 
	text-align:center;
	font-size:1.3em;
	line-height:2.8em;
	height:2.8em;
	display:inline;
	}

.main_menu li a {
	font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	color:#91928b;
	margin:0 5px 0 0;
	border:none;
	font-weight:bold;
	padding:5px;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	text-transform: uppercase;
	}

.main_menu li a:hover,
li.current_page_item a { 
	color:#900000;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	}

li.current_page_ancestor.current_page_parent a { 
	color:#900000; text-shadow: 1px 1px 1px rgba(255,255,255,1);
	}

/* sottomenu */

ul#subnav { margin-top:5px; }

ul#subnav li { line-height:1.8em; }

ul#subnav li:before { content: "\00BB \0020 \0020"; }

ul#subnav li a:link { color:#900000; text-decoration:none; }

ul#subnav li a:visited { color:#900000; }

ul#subnav li a:hover { color:#900000; text-decoration:underline; }

ul#subnav li a:active { }

ul#subnav .current_page_item a { font-weight:bold; }

/* testata */

div#header { 
	background: transparent url('images/fillet.gif') no-repeat 10px bottom; 
	padding-bottom:10px;
	margin-bottom:5px;
	}

/* masthead */

div#masthead { padding-bottom:10px; }

div#masthead h2,
div#servizi h2,
div.prodotti h2 { 
	font-size:4.8em; 
	line-height:1em;
	margin-bottom:0.5em;
	color:#91928b; 
	}

div#masthead h2 span,
div#servizi h2 span,
div.prodotti h2 span { 
	color:#5c5c5c;
	}

/* ultimi lavori */

.last-work { padding-top:20px;}

.last { margin-bottom:20px; }

/* chi sono */

.contatti p { margin:0; }

/* effetto caption - ultimi lavori */

.item, .item2 {
	width:220px;
	height:156px;	
	overflow:hidden;
	position:relative;
	float:left;
	}

.item .caption {
	width:220px;
	height:156px;
	background:#fff;
	color:#fff;	
	position:absolute;
	left:0;
	display:none;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

.item .caption a {
	text-decoration:none;
	width:200px;
	height:156px;
	color:#5c5c5c;
	font-size:1.8em;
	padding:20px 10px 0 20px;
	display:block;
	font-weight:bold;
	}

.item img { position:absolute; }

/* icona lente */

.glass {
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	z-index:300;
	top:120px;
	left:183px;
	background: transparent url('images/glass.png') no-repeat 0 0;
	text-indent:-5555px;
	}

/* effetto caption - portfolio */

.item3 {
	width:140px;
	height:100px;	
	overflow:hidden;
	position:relative;
	float:left;
	}

.item3 .caption1 {
	width:140px;
	height:100px;
	background:#000;
	color:#fff;	
	position:absolute;
	left:0;
	display:none;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

.item3 .caption1 a {
	font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	text-decoration:none;
	width:120px;
	height:100px;
	color:#fff;
	font-size:1.5em;
	line-height:1.4em;
	padding:10px;
	display:block;
	font-weight:normal;
	letter-spacing:1px;
	}

.item3 img { position:absolute; }		

/* servizi */

div#servizi { }

div#servizi h4 {
	line-height:1.2em;
	margin-bottom:0.5em; 
	}

div#servizi ul { margin:0em; }

div#servizi ul li { 
	margin:0 0 0.5em 0;
	line-height:1.8em;
	padding:0 0 8px 2.5em;
	text-indent: 0em;	
	border-bottom:1px dotted #fff;
	background: transparent url('images/plus.png') no-repeat 0 0;	
	}

/* prodotti */

#box-prodotti-wrapper { margin-top:20px; }

.box-prodotti {
	position:relative;
	height:0;
	overflow:hidden;	
	padding:0;
	margin:10px 0 10px 0;
	}

.box-prodotti p { margin:0 10px 0em 0; padding-bottom:0.3em; }

#box-prodotti-wrapper h4 {
	cursor:pointer;
	line-height:1.4em; font-weight:normal;
	font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	margin-bottom:0.5em;
	margin-left:0;
	color:#5c5c5c;
	font-size:1.7em;
	background:transparent url('images/prodotti-bg.gif') no-repeat 0 0;
	padding:6px 1.5em 6px 1.5em;
	text-shadow:0 1px 0 #fff;
	}

#box-prodotti-wrapper h4:hover { background:transparent url('images/prodotti-bg.gif') no-repeat 0 -36px; }

div.prodotti p { padding-right:40px; }

div.prodotti ul li { 
	color:#191919;
	font-size:1.4em;
	line-height:1.8em;
	}

div.prodotti ul li:before { content: ""; }

/* articoli */

.art-post {
	background-color:#f1f1f1;
	margin-bottom:15px;
	height:350px;
	border:solid 1px #ddd;
	}

h3.art-home {
	background: transparent url('images/articoli-recenti-bg.gif') no-repeat right 10px;
	margin:10px 0 0 0;
	color:#5c5c5c;
	font-size:4.8em;
	height:1.2em; 
	line-height:1.2em;
	text-shadow:none; position:relative;
	}

.articoli h2 { text-shadow: 1px 1px 1px rgba(255,255,255,1); }

.articoli h3, 
.art-post h3 { 
	font-size:2.6em;
	line-height:1.2em;
	color:#91928b;
	margin-bottom:0.1em;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	}
		
.articoli h3 a,  
.articoli h4 a,
.articoli h5,
.articoli p, 
.articoli span { margin-left:0; margin-right:0; }

.art-post h3 a { 
	display:block;
	color:#91928b;
	background-color:#f1f1f1;
	padding:10px 15px 0.1em 15px;
	}

.art-post p { padding:10px 15px 10px 15px; }

.art-post h5 { padding-left:15px; }

.articoli h3 a {  
	display:block;
	color:#91928b;
	background-color:#f1f1f1;
	}

.articoli h3 a:hover,
.art-post h3 a:hover { color:#900000; }

.articoli img { margin:10px 0 20px 0; }

div#post-nav {
	text-align:right;
	margin-right:10px;
	}

/* articoli home */

.last-post { 
	margin-bottom:15px;
	height:130px;
	border:1px solid #c3c3c3;
	}

.last-post h3 {
	font-size:1.9em;
	line-height:1.2em;
	margin:10px 5px 10px 10px;
	padding-bottom:0;
	}

.last-post h3 a {
	color:#5c5c5c;
	display:block;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	}

.last-post h3 a:hover { color:#900000; }

.last-post p {
	margin-right:15px;
	margin-left:15px;
	}

/* portfolio scheda */

div#scheda img { 
	margin-bottom:10px; margin-right:10px; 
	border:0px solid #a2a2a2;
	}

div#scheda h4, div#scheda p { margin-left:20px; }

/* footer */

div#footer {
	background: transparent url('images/fillet.gif') no-repeat 10px top;
	margin-top:20px;
	position:relative;
	}

div#footer p { 
	text-align:right; 
	padding-top:5px; 
	}

/* classi */

.clear { clear:both; }

/* date */

.box-data-home {
	color:#5c5c5c;
	font-family: 'DistrictThinRegular', sans-serif;
	padding:10px 0 0 0;
	text-align:center;
	width:50px;
	margin:5px 0 0 15px;
	height:85px;
	color:#91928b;
	border-right:1px solid #fff;
	font-weight:bold;
 	}
	
.giorno-home {
	font-size:3.8em;
	display:block;
	margin:0;
	line-height:0.8em;
	color:#900000;
	}
	
.mese-home {
	font-size:1.8em;
	font-weight:bold;
	display:block;
	text-transform:uppercase;
	line-height:1.5em;
	}
	
.anno-home {
	font-size:3em;
	display:block;
	line-height:0.7em;
	margin-bottom:5px;
	}

.box-data {
	width:70px;
	color:#5c5c5c;
	font-family: 'DistrictThinRegular', sans-serif;
	padding:0 5px;
	margin-left:25px;
	color:#91928b;
	text-align:center;
	}

.giorno {
	font-size:7em;
	display:block;
	margin:15px 0 0 0;
	line-height:0.7em;
	}

.mese {
	font-size:3.7em;
	font-weight:bold;
	display:block;
	line-height:1.3em;
	text-transform:uppercase;
	}

.anno {
	font-size:7em;
	display:block;
	line-height:0.7em;
	margin-bottom:5px;
	}

.twitter {  
	position:absolute;
	top:8px;
	left:5px;
	width:100%;
	}

.feed {  
	margin:5px 0 0 5px;
	display:inline;
	float:right;
	}

.linkcat {
	list-style:none !important;
	margin:0;
	}

div#link li h2 { 
	margin:0;
	padding:0;
	}

.alignleft { float:left; }

.alignright { float:right; }

.social {
	background-color:#dcdcdc;
	padding:5px 10px 10px 10px;
	border: 1px solid #c3c3c3;
	margin-bottom: 10px;
	}

.social h4 { margin-bottom: 5px; color:#191919; }

.social h5 { margin:5px 0 0 5px; }

.social a { margin-top:10px; }

.title { text-shadow: 1px 1px 0 rgba(255,255,255,0.7); }

.subtitle { text-shadow: -1px -1px 0 rgba(255,255,255,0.7); }

.rounded-corners {
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

/* tags */

div#scheda p.tags a {
	display:inline;
	text-transform:lowercase;
	text-align:left;
	color:#5c5c5c;
	background-color:white;
	padding:5px;
	}

div#scheda p.tags a:hover {
	background-color:white;
	color:#5c5c5c;
	text-decoration:underline;
	}

/* sidebar */

div.sidebar a img { }

div.sidebar a {  }

div.sidebar ul { margin-bottom:20px; margin-top:0px;}

div.sidebar li:before { content: "\00BB \0020 \0020"; }

/* form contatti */

.wpcf7 {  margin-top:0; }

.wpcf7-form fieldset { margin-top:0; }

.wpcf7-form p {
	position:relative;
	display:block;
	}

.wpcf7-form label {
    font-weight: bold;
    color:#900000; z-index:100;
    left:10px;
    top:4px;
    position:absolute;
	}

.wpcf7-form input[type="text"],
.wpcf7-form textarea {
    border:1px solid #CCCCCC;
    display: block;
    color:#516064;
    font-family: Helvetica,arial,sans-serif;
    margin-bottom:5px;
    padding:8px;
    width:350px;
    display:block; 
    line-height: 100%;
    text-indent:100px;
	}

.wpcf7-form textarea  { height:120px; }

div#explain { margin-top:20px; }

div#explain p { line-height:2em; }

div#explain a:hover {
	color:#91928b;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	}

/* Capolettera */

div#explain span.first {
	color:#91928b;
	font-family:Georgia,"Bitstream Charter","Century Schoolbook L","Liberation Serif",Times,serif;
	font-size:5em;
	line-height:0.9em;
	float:left;
	margin:0 10px 0 0;
	display:inline;
	padding:3px;
	width:70px;
	text-align:center;
	text-shadow: -1px -1px 5px rgba(255,255,255,1);
	}

.fillet { background: transparent url('images/fillet.gif') no-repeat 0 top; }

.bottone {
	color:#900000;
	text-align:center;
	background-color:#f1f1f1; font-size:1.4em;
	display:block; width:90px;
	border-bottom:1px solid #c3c3c3;
	margin:0 0 0 10px; padding:4px 8px;
	text-shadow: 0 -1px 0 rgba(255,255,255,1);
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.bottone-tag { 
	color:#900000;
	text-align:center;
	background-color:#f1f1f1; font-size:1.4em; float:left;
	display:block; width:90px;
	border-bottom:1px solid #c3c3c3;
	margin:0 10px 10px 0; padding:4px 8px;
	text-shadow: 0 -1px 0 rgba(255,255,255,1);
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.bottone-normal {
	color:#900000;
	background-color:#f1f1f1;
	border-bottom:1px solid #c3c3c3;
	margin:0 0px 0px 0; padding:4px 8px;
	text-shadow: 0px -1px 0px rgba(255,255,255,1);
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.bottone-float { 
	color:#900000;
	font-size:0.9em;
	font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	letter-spacing:-0.02em;
	background-color:#f1f1f1; font-weight:bold;
	border:1px solid #c3c3c3;
	margin:0;
	padding:8px 8px;
	text-shadow: 0px -1px 0px rgba(255,255,255,1);
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

/* corners */
/* ----------------------------------------------------------- */

/* The Box */
.cornerBox { width:460px; margin-bottom:10px; margin-top:0px; }
.cornerBox-content {padding:10px 20px;}
			
/* The Corners */
.c, .c span {height:1px;}	
.c span {display:block; overflow:hidden;}
/* borders */
.cornerBox-content,
.c span {border-left:1px solid; border-right:1px solid;}				
			
/* Change margins to change curve ( curve bigger more elements) */
.t1, .b6 {margin:0 7px;}
.t2, .b5 {margin:0 5px;}
.t3, .b4 {margin:0 3px;}
.t4, .b3 {margin:0 2px;}
.t5, .b2 {margin:0 2px;}
.t6, .b1 {margin:0 1px;}
.t1 span {border-top:1px solid;}
.b6 span {border-bottom:1px solid; }
								
/* Box 1 */

.cBox1 .cornerBox-content,
.cBox1 .c span { border-color:#f1f1f1; }
.cBox1 .t span {background:#fff;}
.cBox1 .b span {background:#f1f1f1; border-color:#c3c3c3; }
.cBox1 .cornerBox-content { background:#f1f1f1 url('images/sfumatura.jpg') repeat-x 0 0; }

/* ----------------------------------------------------------- */