/*
Design: Alberto Ferrari
HTML and CSS: Alberto Ferrari
URL: www.zancudodesign.com
Email: info[at]zancudodesign.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body * {
margin: 0;
padding: 0;
}
body {
font: .9em Arial, Verdana, sans-serif;
text-align: center;
font-size: 85%;
color: #000;
background: url(http://www.albertoferrari.com/images/raster.png) repeat; z-index:8;
}
a {
color: #000;
text-decoration: none;
font-weight:bold;
}
acronym {
color: #dedede;
border-bottom: 1px dotted #dedede;
text-decoration: none;
cursor: help;
}
/* GLOBAL WRAPPER */
.wrapper {
padding: 0;
margin: 0 auto;
overflow: hidden;
width: 800px;
}
/* CONTAINER */
#container {
padding: 0;
margin: 0 auto;
text-align: left;
overflow: hidden;
width: 100%;
}
/* HEADER */
#container #header {
position: relative;
overflow: hidden;
height: 450px;
width: 100%;
background: #fff repeat;
}
#container #header h1 {
float: left;
margin: 0;
padding: 0;
}
#container #header h1 a {
display: block;
overflow: hidden;
text-indent: -1000em;
background: url(http://www.albertoferrari.com/images/header.jpg) no-repeat 0 0;
width: 800px;
height: 450px;
}
#container #header h2 {
display: none;
float: left;
margin: 21px 0 0 -30px;
padding: 3px 0 0 10px;
height: 20px;
color: #000;
font-weight: normal;
font-size: 1em;
letter-spacing: -0.07em;
border-left: 1px solid #aaaaaa;
}
/* CONTENT */
#container #content {
position: relative;
width: 100%;
margin: 0;
padding: 15px 0 0 0;
background: #fff url(http://www.albertoferrari.com/images/spazio.jpg) repeat-x;
}
#container #content h3 {
font: Helvetica, sans-serif;
color: #000;
font-weight: normal;
font-size: 1.5em;
letter-spacing: -0.04em;
line-height: 1.2em;
text-align:justify;
}
#container #content h3 em {
font-style: italic;
}
#container #content p {
margin: 0 0 1em 0;
line-height: 1.5em;
font-size: .9em;
text-align: justify;
}
/* JQUERY */
#container #content p.subContent_head {
color: #000;
cursor: pointer;
margin: 1em 0;
padding: 0;
}
#container #content .subContent {
display: none;
margin-bottom: 20px;
}
#container #content .subContent p {
margin: 0;
padding: 0;
color:#000;
line-height: 1.5em;
font-size: 1.0em;
letter-spacing: -0.01em;
text-align: justify;
}
/* FOOTER */
#container #footer {
position: relative;
clear: both;
display: block;
margin: 0;
padding: 0;
font: .8em "Trebuchet MS", Helvetica, sans-serif;
color: #000;
width: 100%;
height: 160px;
text-align: center;
background: #fff url(http://www.albertoferrari.com/images/spazio.jpg) repeat-x;
}
/* COLOPHON */
#container #colophon {
padding: 20px 0 0 0;
text-align: left;
}
/* columns */
#container #colophon .column {
float: left;
display: block;
width: 250px;
}
/* social */
#container #colophon .social {
padding: 0 25px 0 0;
}
#container #colophon .contact {
padding: 0 25px 0 0;
}
#container #colophon dl.icons {
list-style: none;
margin: 0;
padding: 0;
display: inline;
}
#container #colophon dl dt {
margin: 0;
padding: 0;
color: #999;
}
#container #colophon dl dd {
margin: .3em 0;
background: #fff url(http://www.albertoferrari.com/images/stripe_bg.png) repeat;
}
#container #colophon dl.icons dd:hover {
margin: .3em 0;
background: #4cbcc5 url(http://www.albertoferrari.com/images/stripe_bg.png) repeat;
}
/* GLOBAL */
#container #colophon a {
display: block;
height: 16px;
margin: 0 .05em;
padding: 0 0 0 2em;
width: 100%;
}
#container #colophon a:link,
#container #colophon a:visited {
color: #000;
opacity: 0.9;
}
#container #colophon a:hover,
#container #colophon a:active {
color: #000000;
opacity: 1.0;
}
/* VCARD */
#container #colophon a#vcard {
background: url(http://www.albertoferrari.com/images/icon-vcard.png) no-repeat;
}
/* EMAIL */
#container #colophon a#email {
background: url(http://www.albertoferrari.com/images/icon-email.png) no-repeat;
}
/* behance */
#container #colophon a#behance{
background: url(http://www.albertoferrari.com/images/behance.png) no-repeat;
}
/* myspace */
#container #colophon a#myspace{
background: url(http://www.albertoferrari.com/images/myspace.png) no-repeat;
}
/* facebook */
#container #colophon a#facebook{
background: url(http://www.albertoferrari.com/images/icon-facebook.png) no-repeat;
}
/* vimeo */
#container #colophon a#vimeo {
background: url(http://www.albertoferrari.com/images/icon-vimeo.png) no-repeat;
}
/* pwi */
#container #colophon a#pwi {
background: url(http://www.albertoferrari.com/images/pwi.png) no-repeat;
}
/* skype */
#container #colophon a#skype {
background: url(http://www.albertoferrari.com/images/skype.png) no-repeat;
}
/* assoweb */
#container #colophon a#assoweb {
background: url(http://www.albertoferrari.com/images/assoweb.png) no-repeat;
}
/* pepper */
#container #colophon a#pepper {
background: url(http://www.albertoferrari.com/images/pepper.png) no-repeat;
}
/* sbrokked */
#container #colophon a#sbrokked {
background: url(http://www.albertoferrari.com/images/sbrokked.png) no-repeat;
}
/* blogger */
#container #colophon a#blogger {
background: url(http://www.albertoferrari.com/images/blogger.png) no-repeat;
}
/* copyright */
#container #footer a.creative-commons-license {
display: inline-block;
width: 15px;
height: 20px;
margin: 0;
padding: 0;
}
#container #footer a.creative-commons-license span {
display: none;
}
/* ABOUT */
#container #footer a.about {
margin: 0;
padding: 0;
border-bottom-style: none;
text-decoration: none;
}
#container #footer a.about:link, #footer a.about:visited {
color: #000;
}
#container #footer a.about:hover, #footer a.about:active {
color: #000;
}
/*#container #footer span {
margin: 0 4px 0 0;
padding: 0;
color: #595959;
border-bottom: 1px dotted #595959;
text-decoration: none;
}
#container #footer span:hover {
color: #4cbcc5;
border-bottom: 1px dotted #4cbcc5;
}*/
/* COLOPHON */
#container #footer a.colophon:link, #footer a.colophon:visited {
margin: 0 4px 0 0;
padding: 0;
color: #000;
border-bottom: 1px dotted #595959;
text-decoration: none;
}
#container #footer a.colophon:hover, #footer a.colophon:active {
color: #4cbcc5;
border-bottom: 1px dotted #4cbcc5;
}