html,body{margin:0;padding:0}
body{font: 10px verdana,arial,helvetica,sans-serif;text-align:center; background-image: url(images/bg.gif);padding-bottom:0px;padding-top:0px}
p{margin:5px 55px 10px 0px} /*l'ordine è top-right-bottom-left (a left avevo 10px)*/
ul li {margin:5px 55px 10px 0px}
div#container{margin:0 auto; width:1024px; background-image: url(images/blank.gif)}
/*min-width: 800px; /*da guida html.it*/
div#banners{float:left;clear:left;width:350px}
div#header{float:right;width:640px}
div#menu{float:right;width:640px}
div#content{float:right;width:640px;position:relative;top: 0;right: 0;text-align:justify} /*per non far uscire i cuoricini in basso, avevo messo min-height: 600px, ma mi crea anche una barra orizzontale e non capisco perché :P */
div#footer p{font: 9px verdana,arial,helvetica,sans-serif;margin:0;padding:2px 10px 10px 10px}
div#footer{clear:both;width:100%}


/* ----- LINKS ----- */

a:link{color: green; text-decoration: underline}
a:visited{color: green; text-decoration: none}
a:hover{color: red; text-decoration: underline}


/* ----- HEADINGS ----- */

h1{}
h2{color: #BC1220} /*lo uso per i titoli dei post del blog e delle pagine*/
h3{font-style: bold} /*lo uso per i sottotitoli all'interno delle pagine*/
h4{}


.biglist{font: bold; font-size: 14px} /*usata nella lista partner, per rendere più visibili gli elementi della lista*/

.thumb {
	display: block;
	margin: auto;
  /*margin: 7px 7px 7px 7px;*/
	border: solid 1px #ccc; /*1px*/
	padding: *5px 5px 5px 5px;
	background: #F3F3F3;
}