/*
Theme Name: 77click
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1
*/




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
}