*{
margin: 0px;
padding: 0px;}

body {
line-height: 17px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-size: 14px;}

a {
color: #d20018;}
a:hover {
color: #000000;}

.date {
color: #4d4d4d;
font-size: 12px;
font-weight: normal;}
h1 {width: 176px; height: 175px;
overflow: hidden;
display: block;
background-repeat: no-repeat;
text-indent: -9999px;
background-image: url(../images/logo.gif);
float: left;
margin-top: 20px;
margin-bottom: 16px;}

#page {width: 900px;
margin-left: auto;
margin-right: auto;}

#header {width: 900px;float: left;}

#intestazione{width: 640px;float: left;
margin-top: 54px;
margin-left: 46px;}
#intestazione h2 {width: 322px; height: 17px;
overflow: hidden;
display: block;
background-repeat: no-repeat;
text-indent: -9999px;
background-image: url(../images/sbloogfarm.gif);
margin-bottom: 12px;}
#intestazione p {
color: #707070;
line-height: 22px;}



#navbar{width: 900px;height: 45px;
float: left;
background-color: #d20018;}
#navbar li {
display: inline;}
#navbar li a {float: left;}
a.home{width: 78px;height: 45px;
overflow: hidden;
display: block;
background-repeat: no-repeat;
text-indent: -9999px;
background-image: url(../images/home.gif.gif);}
a.home:hover {
background-image: url(../images/home-p.gif);}

a.ebookstore{width: 123px;height: 45px;overflow: hidden;
display: block;
background-repeat: no-repeat;
text-indent: -9999px;
background-image: url(../images/e-book.gif.gif);}
a.ebookstore:hover {
background-image: url(../images/e-book-p.gif.gif);}
a.forum{width: 75px;height: 45px;
overflow: hidden;
display: block;
background-repeat: no-repeat;
text-indent: -9999px;
background-image: url(../images/forum.gif.gif);}
a.forum:hover {
background-image: url(../images/forum-p.gif.gif);}

.socialnetwork{width: 156px;height: 45px;
overflow: hidden;
display: block;
background-repeat: no-repeat;
text-indent: -9999px;
background-image: url(../images/social.gif.gif);
border-right: 1px #ffffff solid;}
.socialnetwork:hover {
background-image: url(../images/social-p.gif.gif);}
a.rss{width: 365px;height: 45px;
overflow: hidden;
display: block;
background-repeat: no-repeat;
text-indent: -9999px;
background-image: url(../images/rss.gif);
margin-left: 90px;
background-color: #d20018;}



/*--------content-------*/



#treepoint{width: 900px; float: left;
margin-top: 11px;}
.box {width: 290px;height: 140px;
 float: left;margin-right:11px;
border: 1px #d7d6d6 solid;}
.box p {
margin-top: 50px;
padding-left: 18px;
padding-right: 18px;
padding-top: 8px;}
.uno {width: 291px;
background-image: url(../images/bg-uno.gif);}
.due {
background-image: url(../images/bg-due.gif);}
.tre {margin-right:0px;
background-image: url(../images/bg-tre.gif);}



#perle{width:294px; float: left;margin-right:10px;
background-image: url(../images/bg-perle.gif);
background-repeat: no-repeat;
background-position: 3px 12px;}


#perle h2 {width: 192px; height: 38px;
overflow: hidden;
display: block;
background-repeat: no-repeat;
text-indent: -9999px;
background-image: url(../images/SBF_BLOG.gif);
margin-bottom: 30px;
margin-left: 22px;
margin-top: 38px;}

#perle .headline {
font-size: 14px;
font-weight: normal;
line-height: 17px;
text-transform: uppercase;
margin-bottom: 3px;
padding-right: 22px;}
#perle li div {
padding-right: 22px;
margin-bottom: 20px;}

#perle .date {margin-bottom: 20px;
padding-right: 22px;}

#perle li {margin-bottom: 20px;
padding-left: 0px;
padding-right: 22px;
list-style-type: none;
list-style-position: outside;}

.banner {width: 593px;height: 91px;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
margin-top:29px;
background-image: url(../images/bg-banner.gif);
background-repeat: no-repeat;
overflow: hidden;
float: left;}

.banner img {
margin-top: 13px;
margin-left: 65px;
border: none;}

#blog{width: 593px; float: left;}

#blog ul { clear: both; }
#blog ul li { list-style-type: none; margin-bottom: 20px; }

h2#ultimipost {width:202px; height: 35px;
background-image: url(../images/ultimi-post.gif);
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: -9999px;
margin-top: 42px;
margin-bottom: 28px;
margin-left: 25px;
_margin-left: 13px;
float: left;}

#blog .post {width: 541px;
margin-left: 25px;
_margin-left: 13px;
margin-bottom: 25px;float: left;}
#blog .headline {
font-weight: normal;
margin-bottom: 0px;
text-transform: uppercase;
font-size: 14px;}
#blog .date{margin-bottom: 18px;
margin-top: 0px;}

#content form {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	width: 858px;
	margin-right: 20px;
	border-top: 1px solid #c0c0c0;
}

#content  h2#dicci {
	background: url(../images/dicci.gif) no-repeat;
	display: block;
	width: 167px;
	height: 28px;
	overflow: hidden;
	text-indent: -99999px;
	margin-left: 20px;
	margin-top: 40px;
	float: left;
}

#content form fieldset {
	border-style: none;
	width: 50%;
	float: left;
	margin-top: 20px;
	line-height: 33px;
}

#content form fieldset#racconta {
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #c0c0c0;
	padding-top: 20px;
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#content form fieldset.submit {
	width: 100%;
	text-align: center;
}

#content form label {
	width: 135px;
	display: block;
	float: left;
	font-weight: bold;
}

#content form .tf {
	border: 1px solid #c0c0c0;
	padding: 3px;
	color: #5e5e5e;
	width: 270px;
	font-size: 13px;
	background-color: #f7f7f7;
	_margin-bottom:10px;
}

#content form input.submit {
	background-color: #d20018;
	border-style: none;
	color: #fff;
	padding: 13px;
	font-size: 14px;
	font-weight: bold;
	margin-top: -10px;
}

#content form textarea {
	width: 699px;
	border: 1px solid #c0c0c0;
	height: 110px;
	margin-top: 5px;
	background-color: #f7f7f7;
	padding: 3px;
	margin-bottom: 0;
}




/*------------footer----------*/

#footer{width: 900px;float: left;
padding-bottom: 30px;
margin-top: 40px;
padding-top: 13px;
border-top: 1px #000000 solid;
font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;}
#footer h2{width:208px; height: 13px;
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: -9999px;
background-image: url(../images/simplicissimobf.gif);
margin-top:2px;}
#footer div{width:476px; float: left;
margin-left: 23px;
_margin-left: 11px;}
#footer div a {
text-decoration: none;}
#footer ul{width:150px;
float: left;
margin-left: 250px;
font-family: Verdana, Helvetica, Arial, sans-serif;}
#footer li{
display: list-item;
list-style-type: none;
width:150px;float: left;}
#footer li a {float: right;
color: #8d8d8d;
text-decoration: none;
font-size: 14px;}
#footer li a:hover {
color: #000000;}