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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before,blockquote:after,q:before, q:after
{ content: ''; content: none }
:focus { outline: 0 }/* remember to define focus styles! */
ins { text-decoration: none }/* remember to highlight inserts somehow! */
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }/* tables still need 'cellspacing="0"' in the markup */
/***** STYLE ****/
html, body { background-color: #111; color: #666;
font-family: Corbel,
"Lucida Grande",
"Lucida Sans Unicode",
"Lucida Sans",
"DejaVu Sans",
"Bitstream Vera Sans",
"Liberation Sans",
Verdana,
sans-serif}
.clear { clear: both }
a, a:visited { color: #ddd }
a:hover { color: #fff }
#fotografo { position: relative; width: 1024px; margin: 0 auto; text-align: center; height: 1% }
#header,#content { text-align: left }
#header { padding-top: 20px; }
#header h2 { color: #fff; font-size: 1.4em }
#header h1 { margin-left: 20px; margin-top: -4px; margin: -4px 0 10px 20px }
#header h2 a,
#header h2 a:visited,
#header h2 a:hover {color: #fff; text-decoration: none; border: none }
#header h1 a,
#header h1 a:visited,
#header h1 a:hover {color: #666; text-decoration: none; border: none }
#headerMenu { position: absolute; top: 40px; right: 0; }
#headerMenu li { float: left; margin-left: 40px }
#headerMenu a,
#headerMenu a:visited { text-decoration: none }
#imagerotator {position: relative; margin-top: 0px; height: 100px }
#imagerotator img {position: absolute; top: 0; left: 0 }
#content { margin-top: 20px; position: relative; }
.home #content { height: 360px }
#footer { clear: both; margin-top: 20px; margin-bottom: 5px; border-top: 2px solid #222; text-align: left }
#copyright { margin-top: 5px; text-align: left; line-height: 1.2em }
#copyright span { color: #444; margin-left: 10px }
#copyright a,
#copyright a:visited,
#copyright a:hover { color: #444; text-decoration: none; }
#copyright a:hover { color: #666; }
#copyright .cName { color: #555; font-weight: bold }
/***** HOME ****/
.box { width: 300px; height: 360px; float: left; position: relative;}
#box1 { background: transparent url(box1.png) }
#box2 { background: transparent url(box2.png); margin: 0 62px }
#box3 { background: transparent url(box3.png) }
.boxContainer { position: absolute; top:0; left: 0; width: 300px; height: 360px; background: transparent url(box.png) }
.boxInfo { position: absolute; top: 0; left: 0; color: #111; margin: 20px 30px }
.boxInfo h1 { font-size: 1.4em; margin-bottom: 40px }
.boxInfo .promo { margin-bottom: 30px; font-size: 1.2em; font-weight: bold }
.boxInfo .promo strong { display: block; color: #fff}
.boxInfo .promo em { font-weight: 700; color: #fff }
.boxInfo .testo { color: #111; font-size: 1.2em; }
.boxInfo .more { margin-top: 30px; font-size: 0.8em }
.boxThumbs { display: none; height: 360px; margin: 0; }
.thumbs { margin: 23px 0 0 13px; }
.thumbs img { width: 50px; height: 50px; margin: 0; padding: 0; border: 1px solid #900 }
.linkContainer { position: absolute; bottom: 0; left: 0; width: 300px; height: 96px;
background: transparent url(boxLink.png) bottom left no-repeat }
.linkContainer .link { text-align: right; margin: 35px 17px 0 0 }
.linkContainer .link a,
.linkContainer .link a:visited { text-decoration: none; font-weight: 700 }
.boxImg { width: 300px; height: 360px; cursor: pointer }
.boxImg .boxClose { display: none; width: 300px; height: 30px; background: transparent url(boxClose.png) }
#box1img { background: transparent url(box1img.jpg) }
#box2img { background: transparent url(box2img.jpg) }
#box3img { background: transparent url(box3img.jpg) }
/***** ABOUT ****/
#lucianoAmodio { float: left }
#aboutMe { float: right; width: 694px; height: 527px; background: transparent url('../skin/chi-sono-scheda.png'); overflow: hidden }
#aboutMe p { margin: 0 50px 10px 85px; font-size: 1.32em; color: #000; line-height: 1.3em }
#aboutMe p.first { margin-top: 140px }
#aboutMe a,
#aboutMe a:visited { color: #333; text-decoration: none }
#aboutMe a:hover { color: #333; text-decoration: underline }
#contacts { width: 1024px; background: transparent url(../skin/1024bgLime.png); }
#contacts .content { height: 400px; position: relative; }
#contacts .footer { width: 1024px; height: 10px; background: transparent url(../skin/1024bgLimeFooter.png) bottom left; }
#contacts p.mailMe { position: absolute; top: 100px; right: 280px; font-size: 3.7em; font-weight: 700; color: #bbee00; }
#contacts .mail { margin-left: 1em; font-size: 5em; line-height: 5em; color: #222}
#contacts .mail div { float: left; }
#contacts .mail .chiocciola { font-size: 2em;}
#contacts .mail a,
#contacts .mail a:visited,
#contacts .mail a:hover { color: #000; text-decoration: none; }
#contacts .mail a:hover { color: #440; }
#text { width: 650px; color: #000; text-align: left; font-size: 1.2em; line-height: 1.3em;
background: transparent url(../skin/textBg.png); }
#text .footer { overflow: hidden; width: 650px; height: 10px; background: transparent url(../skin/textFooter.png) scroll; }
#text p,
#text ul,
#text h1,
#text h3 { padding: 10px 30px }
#text p.first,
#text h1 { padding-top: 30px }
#text li { list-style: square; margin-left: 25px; }
#text.bookPromo p { font-size: 0.9em; }
#menu { position: absolute; top: 0; left: 664px; width: 364px; text-align: left;
background: transparent url(../skin/364bgOrange.png) top right }
#menu .footer { overflow: hidden; width: 364px; height: 10px; background: transparent url(../skin/364bgOrangeFooter.png); }
#menu ul { margin: 10px 0 }
#menu li { margin: 3px 20px }
#menu a,
#menu a:visited { color: #444; font-weight: bold; text-decoration: none}
#menu a:hover { color: #000; font-weight: bold; text-decoration: underline }