.unoottobre { position:fixed; top:0px; left:50px; }

BODY {background:#000000 url('../img/pattern.jpg'); font-family:'Muli', Tahoma, sans-serif; font-size:14px; color:#333333; text-align:center; padding:0px; margin:0px; line-height:16px; }
A {color:#FFF; text-decoration:none;}
A:hover {text-decoration:underline;}
A IMG { border:0px; }
A:focus {outline: 0px solid transparent;}

INPUT, TEXTAREA {background-color:#151515; font-family:'Muli', Tahoma, sans-serif; border:1px solid #2f2f2f; padding:0 2px; font-size:13px; color:#333333; margin:5px 0;}
TD { font-family:'Muli', Tahoma, sans-serif; font-size:13px; color:#9f9f9f;}
UL, LI { margin:0px; padding:0px; list-style-type:none; }
H1, H2, H3, P, DIV, UL, LI {margin:0px; padding:0px;}

.clear { clear:both; }

DIV#container {width:700px; margin:30px auto 20px auto; text-align:left; position:relative; }
DIV#header #logo H1 A { display:block; width:141px; height:60px; background:url('../img/site/anija.png') top left no-repeat; text-indent:-9999px; margin:0 auto; }

DIV#header #menu { margin: 20px auto 0; width:311px; background:url('../img/site/bgk_menu.gif') center bottom no-repeat; padding-bottom:40px; position:relative; z-index:2; }
DIV#header #menu UL { margin: 0 0 0 25px; }
DIV#header #menu LI { float:left; padding:0 15px 0 5px; list-style-type:none; font-size:18px; color:#7e7e7e; background:url('../img/site/dot_menu.png') right 8px no-repeat; line-height:20px; }
DIV#header #menu LI.nodot { background-image:none; }
DIV#header #menu LI A { color:#7e7e7e; text-shadow:1px 1px 0px #000; }
DIV#header #menu LI:hover A, DIV#header #menu LI.active A { color:#c8c8c8; text-decoration:none; }

DIV#content { padding:40px 40px 80px 40px; background-color:#FFF; position:relative; top:-18px; z-index:1; -moz-border-radius:20px; border-radius:20px; -webkit-border-radius: 20px; -moz-box-shadow:3px 3px 3px #000000; -webkit-box-shadow: 3px 3px 3px #000000; }
DIV#content #footer { background:url('../img/site/bgk_footer.png') center top no-repeat; height:50px; position:absolute; bottom:0px; width:620px; }
DIV#content #footer #social { float:left; padding:20px 0 0 0px; position:relative; left:-20px; }
DIV#content #footer #social A { font-size:12px; color:#333333; }
DIV#content #footer #social A:hover { text-decoration:none; }
DIV#content #footer #social A SPAN { position:relative; top:-3px; padding-left:0px; }
DIV#content #footer .footernav { display:none; margin:20px auto 0; text-align:center; width:200px; }
DIV#content #footer .footernav LI { font-size:16px; color:#b8b8b8; list-style-type:none; display:inline; background:url('../img/site/dot_footermenu.png') right 4px no-repeat; line-height:20px; }
DIV#content #footer .footernav LI.nodot { background-image:none; }
DIV#content #footer .footernav LI A { color:#b8b8b8; padding:0 15px 0 5px; }

DIV#content #temp { display:none; }
DIV#content #inner { height:250px; }
DIV#container.dvd DIV#content { padding:40px 10px 60px 35px; }

div#twitter { position:absolute; bottom:4px; right:20px; background:url('../img/site/twitter.png') right 2px no-repeat; width:202px; height:48px; z-index:3; }
div#twitter P { margin-top:-1px; margin:0px 41px 0px 0px; padding:2px 5px; color:#FFF; font-size:11px; overflow:hidden; font-family:"Muli"; background-color:#000; -moz-border-radius: 5px; border-radius:5px; -webkit-border-radius: 5px; }
div#twitter A { color:#FFF; }
div#twitter A:hover { text-decoration:none; }

IMG.polaroid { border:5px solid #FFF; -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, .5); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .5); }
IMG.right { float:right; margin:10px 4px 10px 10px; }

DIV#content H2 { padding:5px 0 5px 0; text-transform:lowercase; font-size:32px; color:#d8d8d8; font-weight:normal; line-height:30px; font-family:'Lobster Two', Tahoma, sans-serif; }
DIV#content H3 { position:relative; top:-5px; padding:0px 0 5px 0; text-transform:lowercase; font-family:'Muli', Tahoma, sans-serif; font-size:15px; color:#bfbfbf; font-weight:normal; }

P#welcome { font-family:'Muli', Tahoma, sans-serif; font-size:35px; text-align:center; padding:20px 0 40px ; color:#b8b8b8; line-height:40px; }
P#welcome STRONG { font-family:'Lobster Two', Tahoma, sans-serif; }
DIV#lastprj { width:600px; margin:0 auto; text-align:center; }
DIV#lastprj H2 { font-size:25px; }
DIV#lastprj IMG { margin:6px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius: 5px; -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, .2); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2); }

div#dvd { margin:0 0px; }

UL#cv { margin-top:20px; }
UL#cv LI { background-color:#EEE; -moz-border-radius:20px; border-radius:20px; -webkit-border-radius: 20px; margin-bottom:10px; padding:10px 20px; position:relative; }
UL#cv IMG { position:absolute; bottom:10px; right:10px; border:10px solid #FFF; -moz-border-radius:20px; border-radius:20px; -webkit-border-radius: 20px; }
UL#cv STRONG { color:#666; font-size:18px; font-weight:normal; line-height:20px; font-family:'Lobster Two', Tahoma, sans-serif; font }
UL#cv STRONG SPAN { color:#666; font-size:12px; font-weight:normal; padding-left:5px; }
UL#cv P { font-size:11px; }
UL#cv P.ruolo { font-style:italic; padding-bottom:10px; font-size:13px; }
UL#cv P .data { color:#666; text-transform:lowercase; font-size:12px; padding-right:20px; }

DIV#inside { position:relative; }

DIV#content .portfolio { width:620px; margin:0 auto; float:left; }
DIV#content .portfolio DIV.scheda { cursor:pointer; position:relative; float:left; margin:20px 25px; -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .5); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
DIV#content .portfolio DIV.scheda .who { z-index:1; width:250px; height:30px; position:absolute; bottom:37px; background-color:#000; background:#000 url('../img/site/cv/anija.gif') 5px center no-repeat; }
DIV#content .portfolio DIV.roomor .who { background:#000 url('../img/site/cv/roomor.gif') 10px center no-repeat; }
DIV#content .portfolio DIV.condenast .who { background:#000 url('../img/site/cv/conde.gif') 10px center no-repeat; }
DIV#content .portfolio DIV.pixelized .who { background:#000 url('../img/site/cv/pixelized.gif') 10px center no-repeat; }
DIV#content .portfolio DIV.sit .who { background:#000 url('../img/site/cv/sit.gif') 10px center no-repeat; }
DIV#content .portfolio DIV.preview { width:250px; height:256px; }
DIV#content .portfolio DIV.preview IMG { margin-top:38px; }
DIV#content .portfolio DIV.preview .ombra { width: 250px; height:188px; position:absolute; top:38px; left:0px; -moz-box-shadow:inset 0px 0px 10px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .2); }
DIV#content .portfolio DIV.scheda .preview { display:block;}
DIV#content .portfolio DIV.scheda .mini { display:none; }
DIV#content .portfolio DIV.hover { position:absolute; text-align:center; top:0px; left:0px; width:250px; height:293px; color:#333333; }
DIV#content .portfolio DIV.hover .desc { display:none; padding:50px 10px 0; font-size:13px; color:#FFF; background-color:#000; height:168px; }
DIV#content .portfolio DIV.hover .desc A.what-i-like { display:block; width:16px; height:16; text-indent:-9999px; background:url('../img/site/heart.png') top left no-repeat; margin:10px auto 0; opacity:0.6; }
DIV#content .portfolio DIV.hover .desc A.what-i-like:hover { opacity:1; }
DIV#content .portfolio DIV.hover .desc P.what-i-like { display:none; }
DIV#content .portfolio DIV.hover H2 { background-color:#000; padding:4px 0; font-size:20px }
DIV#content .portfolio DIV.hover P.anno { position:absolute; bottom:41px; right:10px; z-index:2; font-size:13px; font-weight:normal; color:#666; padding:0px; }
.next A { display:block; width:40px; height:38px; font-family:'Lobster Two', Tahoma, sans-serif; text-indent:-9999px; position:absolute; top:280px; right:20px; text-transform:lowercase; color:#c8c8c8; font-size:15px; background:url('../img/site/prevnext.png') top right no-repeat; }
.prev A { display:block; width:40px; height:38px; font-family:'Lobster Two', Tahoma, sans-serif; text-indent:-9999px; position:absolute; top:280px; left:0px;  text-transform:lowercase; color:#c8c8c8; font-size:15px; background:url('../img/site/prevnext.png') top left no-repeat; }
.next A:hover { background-position:right -38px; }
.prev A:hover { background-position:left -38px; }

#flickr IMG { margin:6px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius: 5px; -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, .2); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .2); }

div#popup-mask { position:absolute; z-index:9000000; background:#000000; display:none; top:0px; left:0px; }  
div#popup { position:absolute; width:250px; background-color:#FFF; display:none; z-index:9999999; top:100px; left:150px; color:#666; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow: 0px 0px 5px #333; -webkit-box-shadow: 0px 0px 5px #333; box-shadow: 0px 0px 5px #333; }
div#popup A#chiudi { display:block; background-color:#AAA; color:#FFF; font-size:10px; text-transform:uppercase; padding:2px 5px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:absolute; top:10px; right:10px; }
div#popup #contentAjax { padding:40px; }