body,p,div,h1,h2,h3,h4,h5,ul,form {margin:0;padding:0}

html {font-size:72%}
body {background:#000 url(img/body_bg.jpg) repeat-x top;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}


/* generali */
#container {
width:960px;
/*background:#fff;*/
margin:0 auto;
text-align:left
}
#container h2,#container h3,#container h4{
font-family:helvetica;
letter-spacing:1px
}

a:link,a:visited {text-decoration:none;color:#920a0a}
a:hover,a:active {text-decoration:underline;color:#920a0a}
/* testata */
#header {color:#fff;
height:120px;
background:#232323 url(img/testata.jpg) no-repeat;
position:relative
}
#header h1{
text-indent:-9999px
}
#header h1 a{
position:absolute;
display:block;
top:20px;left:40px;
height:90px;width:100px
}


#follow {
position:absolute;
left:200px;
top:43px
}
#follow ul{
position: relative;
top: 0;
left: 0;
width: 117px;
margin: 0;
height: 65px;
list-style-type: none;
overflow: hidden;
background: transparent url(img/menu.jpg) no-repeat 0 0;


}
#follow ul li a {
	position: absolute;
	top: 0;
	width: 24px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 0;
	overflow: hidden;
	height :25px; 
	background: transparent url(img/menu.jpg) no-repeat;
}
#follow ul li#del a {
	left:9px;top:2px;
	background-position: -9px -2px;
}
#follow ul li#del a:hover {
	background-position: -9px -67px;
}
#follow ul li#twi a {
	left:48px;top:2px;
	background-position: -48px -2px;
}
#follow ul li#twi a:hover {
	background-position: -48px -132px;
}
#follow ul li#rss a {
	left:85px;top:2px;
	background-position: -85px -2px;
}
#follow ul li#rss a:hover {
	background-position: -85px -197px;
}
#follow ul li#fac a {
	left:9px;top:38px;
	background-position: -9px -38px;
}
#follow ul li#fac a:hover {
	left:9px;top:38px;
	background-position: -9px -300px;
}
#follow ul li#fli a {
	left:48px;top:38px;
	background-position: -48px -38px;
}
#follow ul li#fli a:hover {
	background-position: -48px -365px;
}

#about {width:480px;
position:absolute;
left:350px;bottom:15px;
line-height:1.3em
}
#menublog,#menuservizio {
font-family:Helvetica,Arial,  sans-serif;
font-size:1.1em;
letter-spacing:1px;
}
#menublog {/*width:120px;*/
position:absolute;
right:180px;bottom:15px;
}
#menublog ul{
list-style-type:none;
border-right:1px solid #000;
text-align:right;
padding-right:30px
}
#menuservizio {/*width:120px;*/
position:absolute;
right:50px;bottom:15px;
}
#menublog ul li,#menuservizio ul li{
font-size:1.2em;
padding-top:12px
}
#menublog a{color:#fff;
text-decoration:none
}
#menuservizio ul{
/*background: url(img/graffa.jpg) no-repeat 0;*/
list-style-type:none;
text-align:right
}
#menuservizio a{color:#fff;
text-decoration:none
}

/* blog */
#blog,#sottopagina {
width:100%;
float:left;
padding:30px 0 20px;
background:#e9e7e8 url(img/filotto.jpg) no-repeat 4px 0;
border: 2px solid #232323;
border-top:none;
-moz-border-radius-bottomleft:8px;
-webkit-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-radius-bottomright:8px;
margin-bottom:20px
}
#lastPost {
width:360px;
float:left}
#lastPost h2,#articolo h2{
font-size:1.5em;
font-family:Helvetica;
letter-spacing:1px;
padding:0 12px
}
#lastPost p,#articolo p{
padding:0 12px;
line-height:1.6em}


#recentPosts {
float:left;
width:360px
}

#navigazioneBlog {
float:left;
width:240px
}
#navigazioneBlog p,#navigazioneBlog h3,#navigazioneBlog ul{
padding:0 12px;
margin-bottom:8px
}
#navigazioneBlog h3{
font-size:1.6em
}
#navigazioneBlog p{
font-size:.95em;
line-height:1.5em
}

#blog h2, #blog h3, #blog li {padding:0 12px}
#recentPosts h3,#dallaRete h3{
font-size:1.6em;
margin-bottom:8px;
}
#recentPosts h4{
font-size:1.1em
}
#recentPosts h3:before,#dallaRete h3:before,#colonnaservizio h3:before,#colonnanavigazione h3:before,#navigazioneBlog h3:before{
content:"{";
color:#232323;
padding-right:3px
}
#recentPosts h3:after,#dallaRete h3:after,#colonnaservizio h3:after,#colonnanavigazione h3:after,#navigazioneBlog h3:after{
content:"}";
color:#232323;
padding-left:3px;
}

#recentPosts ul{
list-style-type:none;
border-left:1px solid #8d8d8d;
border-right:1px solid #8d8d8d;
}
#recentPosts ul li{
margin-bottom:8px;
color:#767575;
/*padding-left:8px;*/
/*background: url(img/elenco.png) no-repeat 0 5px*/}
#recentPosts li p,#lastPost .date,#articolo .date{
font-size:.9em;
color:#767575;
}
#lastPost .date{
margin-bottom:5px
}

/* dalla rete */
#container h2.dallarete {color:#fff;
font-size:2em;
font-weight:normal;
margin-left:8px;
clear:both;
line-height:10px;
z-index:10;
position:relative
}
#dallaRete {
background:#d1d1d1;
width:100%;float:left;
padding:20px 0;
border:2px solid #232323;
-moz-border-radius:8px;
-webkit-border-radius:8px;

}
#delicious {
width:360px;float:left;
}
#dallaRete li, #dallaRete h3 {
padding:0 12px;
font-size:1.3em;
}
#dallaRete h3 {
padding-bottom:5px
}
#dallaRete h4 {
font-size:1em;
font-weight:normal
}
#dallaRete ul {
list-style-type:none
}
#dallaRete li {
margin-bottom:8px;
font-size:.95em;
font-famimily:helvetica
}
#sitiamici {
float:left;width:240px
}
#sitiamici ul{
border-left:1px solid #8d8d8d;
border-right:1px solid #8d8d8d;

}

#flickr {
float:left;width:360px
}
#flickr li{
float:left;width:78px;height:78px;
margin:0 10px 15px 0
}
#flickr li img{
border:3px solid #535353
}
#flickr p{
font-size:.95em;
padding:0 12px
}



/* sottopagina */
#articolo {
width:500px;
float:left;
border-right:1px dashed #8d8d8d}
#articolo p{
padding:0 12px;
margin-top:12px;
font-size:1em}
#articolo ul{
margin-top:8px;margin-left:45px;margin-bottom:20px;
list-style-type:square
}
#articolo ul li{
margin-bottom:8px
}
#articolo .archivio {

padding:8px 0
}
#articolo .archivio h4{
font-size:1.3em;
letter-spacing:1px;
padding:0 12px
}
#articolo .archivio p{
margin:0;
font-size:.95em
}

#colonnaservizio h3,#colonnanavigazione h3{
font-size:1.2em;
margin:0 12px 8px;
}
#colonnaservizio p, #colonnanavigazione p, #colonnaservizio ul, #colonnanavigazione ul {
font-size:.95em;
margin:0 12px 8px;
} 
 #colonnaservizio ul, #colonnanavigazione ul {
list-style-type:none
} 
 #colonnaservizio li, #colonnanavigazione li {
margin-bottom:5px
} 
#colonnaservizio{
float:left;
width:240px;
border-right:1px solid #8d8d8d}
#contatti {
clear:both;
padding-top:12px
}
#contatti label{
display:block;
font-size:.95em;
font-weight:bold;
margin:8px 0 2px
}
#contatti input,#contatti textarea {
background:#ddd;
border:1px solid #cbcbcb;
width:100%;
/*padding:2px 3px 1px*/
}
#contatti input {font-size:.95em}
#condividi ul {list-style-type:none}
#condividi li {float:left;
width:20px;margin-right:5px;margin-bottom:3px;
}
#condividi li a img{
border:2px solid #e0e0e0
}
#condividi li a:hover img{
border:2px solid #d4d4d4
}

#colonnanavigazione{
float:left;
width:200px}

/* elencocommenti */
#articolo #elencoCommenti {
list-style-type:none;
margin:20px 12px;
padding:8px;
background:#ddd;
}
#articolo #elencoCommenti li{
background:#e9e7e8;
padding:5px;
border:1px solid #dadada;

}
#articolo #elencoCommenti h3{
font-size:1.1em;
margin:0 0 3px;padding:0
}
#articolo #elencoCommenti p{
margin:0;padding:0;
font-size:.95em;
}

/* portfolio */
#articolo .sgGallery {
float:left;
width:206px;
margin:0 12px 0 12px;
padding-top:20px
}
#articolo .sgAlbum .sgGallery {
float:left;
width:150px;
margin:0 0px 8px 12px;
padding-top:8px;
text-align:center;
background:#ddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border:1px solid #d4d4d4
}
#articolo .sgGallery a img{
/*width:200px;
height:133px;*/
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border:3px solid #c9c9c9
}
#articolo .sgAlbum .sgGallery a img{
/*width:140px;
height:93px;*/
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border:2px solid #c9c9c9
}
#articolo .sgGallery a:hover img{
border:3px solid #920a0a
}

#articolo .sgAlbum .sgGallery a:hover img{
border:2px solid #920a0a
}
#articolo h4{
font-size:1.3em;padding:20px 12px 0;
font-family:helvetica;
letter-spacing:1px;
}
#articolo .sgGallery h5{
font-size:1.3em;
font-family:helvetica;
letter-spacing:1px;
padding-top:3px
}
#articolo .sgGallery p{
margin:0;padding:0;
font-size:.95em;
color:#767575;
}
/* footer */
#footer {
clear:both;
color:#4c4c4c;
font-size:.95em;
}
#footer .caratteristichesito{
float:left;
width:600px;
}
#footer .disclaimer{
float:left;
width:360px;
}
#footer .disclaimer p{
border-left:1px solid #191919
}
#footer div p{
padding:0 12px;
margin:12px 0
}