/*FarmGames.net style 2009*/

html body{margin:0; padding:0; text-align:center; font:82%/1.1 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; color:#999; background:#f5f5f5 url(../images/bodybg.jpg) 0 0 repeat-x}
div#main{margin:0 auto; padding:0; width:800px; background-color:#fff; border:1px solid #ccc; border-bottom:0}

#header{margin:0; padding:0 0 10px}
#header h1{margin:0; padding:0}
#header span{position: absolute; top:-200px}
/*#header a#logo{margin:5px 0 0 5px; padding:0; width:300px; height:97px; display:block; float:left; background:url(../images/farmlogo.jpg) 0 0 no-repeat; border:0; outline:0}*/
#header a#logo{margin:5px 0 0 5px; padding:0; width:300px; height:97px; display:block; float:left; border:0; outline:0}
#header a#logo img {border:0;}
#header div#navigation{clear:both; margin:0; padding:5px 0 4px; background:#bbb url(../images/navbg2.jpg) 0 0 repeat-x; border:0; border-bottom:1px solid #aaa; width:800px}
#header div#navigation ul{margin:0; padding:0}
#header div#navigation ul li{margin:0; padding:4px 0;display:inline}
#header div#navigation ul li a{margin:0; padding:3px 7px 3px 6px; font-weight:600; color:#600; text-decoration:none}
#header div#navigation ul li a:hover, #header div#navigation ul li a#qui{margin:0;padding:3px 7px 3px 6px; color:#c33} /* ID="qui" da usare su a per mantenere l'hover di sezione*/
/*titoli*/
h2#lastit{margin:10px 25px; padding:0; text-align:left; color:#039}/* comune a tutte le pagine del sito */
h2{margin:10px 0; padding:0; text-align:left; color:#039}
h4{margin:0; padding:5px 0 3px; text-align:left; color:#039; font-size:1em; background:#ccc url(../images/navbg2.jpg) 0 0 repeat-x;border-bottom:1px solid #aaa;}
h4 span{margin:0; padding:0 10px}
div#ungioco div#ungiocontent h4{width:auto}
div#farm div.notizia h4{margin:0; padding:0; color:#69c; font-size:1em; border:0}
div#divright div#langs h4{margin:0 0 10px; padding:0 10px; color:#999; font-size:1em; background:#fff; width:auto; border:0}
div#ungioco h4, div#farm h4{margin:0; padding:0; color:#600; background:#fff; border:0}
div#tabscontent h4{margin:0; padding:0 0 12px; color:#69c; font-size:1em; background:#fff; border:0}
div#tabscontent span{margin:0; padding:0; color:#69c; font-size:1em; font-weight:600; background:#fff; border:0}
/*Banner*/
#header div#bannerh{margin:30px 10px 20px; padding:0; width:468px; height:60px; float:right }
#header div#bannerh a, #header div#bannerh img{border:0}
div.banner2{margin:10px auto 20px; padding:10px 0 0; width:728px; height:90px; clear:both }
div.banner2 a, div.banner2 img{border:0}
div#banner3{margin:10px 0; padding:0; width:468px; height:60px }
div#banner3 a, div#banner3 img{border:0}
div.banner4{margin:10px auto; padding:0; width:120px; height:60px }/*la classe banner 4 per 120*60 può essere ripetuta sia a dx che a sx*/
div.banner4 a, div.banner4 img{border:0}
/*Home page - div ultimi giochi*/
#lastgame ul#lastlist{margin:10px; padding:0; list-style-type:none; display:block;}
#lastgame ul#lastlist li{margin:0; padding:0 2px 0; width:107px; float:left}
#lastgame ul#lastlist img{display:block; margin:0 auto 5px; padding:2px; border:1px solid #999}
#lastgame ul#lastlist span{margin:0 5px 10px; padding:0}
#lastgame ul#lastlist a{font-size:11px;font-weight:600; color:#666; text-decoration:none; margin:0 ; padding:0}
#lastgame ul#lastlist a:hover{color:#333; text-decoration:underline}
/*tre colonne*/
div#divleft, div#divcenter{float:left}
div#divright{float:right}
div#divleft, div#divright{width:155px}
div#divcenter {width:468px; margin:0 0 0 12px}
/*colonna SINISTRA */
div#divleft ul{margin:0 0 0 20px; padding:10px 0; text-align:left}
div#divleft ul li{margin:0 0 .2em; padding:0; font-size:11px; font-weight:600}
div#divleft ul li a{color:#666; text-decoration:none}
div#divleft ul li a:hover{color:#c33}
div#divleft ul#devlist li{margin:0 0 5px -10px;list-style-type:none}
div#divleft ul#devlist li a{margin:0; padding: 0 20px}

div#categorie, div#catspec, div#svilupp{margin:0 0 15px 0; padding:0; width:155px;border:1px solid #ccc; border-top:0;border-left:0}
div#topgame{margin:10px 0 15px 0;padding:0; width:154px;border:1px solid #ccc; border-top:0;border-right:0}
/*colonna CENTRALE*/
/*cerca*/
div#divcenter a{color:#600; text-decoration:none}
div#divcenter a:hover{color:#c33; text-decoration:underline}
div#cerca div#cercacontent {margin:0 10px; text-align:left}
div#cerca, div#ungioco, div#farm{border:1px solid #ccc}
div#cerca form{text-align:center; margin:0; padding:0}
div#cerca form p{margin:0 0 10px; padding:0}
div#cerca form p#logoricerca{margin:0 auto; padding:5px 0; background:url(http://www.google.com/logos/Logo_25gry.gif) 0 50% no-repeat; width:395px}
div#cerca form input[type=text]{margin:0 15px 0 65px; width:210px}
div#cerca form input[type=radio]{margin:5px; padding:0}
div#cerca form label{margin:0 10px; padding:0}
/*un gioco a caso*/
div#ungioco{margin:0 0 15px}
div#ungioco div#ungiocontent {margin:0 10px; text-align:left}
div#ungioco div#ungiocontent img{margin:0 5px 0 0 ; padding:2px; border:1px solid #999; float:left}
/* Pagine speciali*/
div#special {margin:0}
div#special {margin:0 10px; text-align:left}
div#special div.notizia h4+p{margin:.2em 0; padding:0}
div#special p.notiziacol{margin:5px 0 1.2em; padding:0 0 0 10px; font-size:76%; color:#666; background:url(../images/freccia.gif) 3px 50% no-repeat}

/*farm*/
div#farm {margin:15px 0 0}
div#farm div#farmcontent{margin:0 10px; text-align:left}
div#farm div.notizia h4+p{margin:.2em 0; padding:0}
div#farm p.notiziacol{margin:5px 0 1.2em; padding:0 0 0 10px; font-size:76%; color:#666; background:url(../images/freccia.gif) 3px 50% no-repeat}
/*colonna DESTRA*/
/*lingue*/
div#langs img{border:0; margin:0 0 8px}
div#langs ul{margin:0; padding:0}
div#langs ul li{margin:0 5px; padding:0; display:inline}
div#topgame table{margin:0; padding:0; text-align:center}
div#topgame table th{color:#039; padding:5px 0 5px 5px; text-align:left}
div#topgame table td{ margin:0; padding:5px; font-size:11px; font-weight:600;border-top: 1px dotted #ccc}
div#topgame table td.topname{text-align:left;padding:5px 0 5px 5px}
div#topgame table a{color:#600; text-decoration:none}
div#topgame table a:hover{color:#c33; text-decoration:none}
div.getplayer{margin:13px 0 0; padding:5px 3px; border:1px solid #ccc; font-size:11px; text-align:left;width:148px;}
div.getplayer img{border:0; vertical-align:middle; margin:0 2px 0 0; padding:0}
div.getplayer a{color:#999; text-decoration:none}
div.getplayer a:hover{color:#c33; text-decoration:none}
div.clear{clear:both}
/*footer*/
div#footer{margin:0; padding:10px 0; background-color:#d9d9d9;border-top: 1px dotted #999}
div#footer a{margin:0; padding:0 30px; color:#333; text-decoration:none}
div#footer a:hover{color:#333; text-decoration:underline}
div#footer p{margin:10px 0; padding:10px; font-size:80%; border-top:1px dotted #fff}
/*PAGINA CATEGORIA*/
/*div CATEGORIA contiene tutto - l'header + navigazione principale è comune a tutte le pagine*/
div#search{margin:0; padding:5px}
div#categoria{margin:0; padding:0}
div#categoria h4{background:#fff; border:0; margin:0 25px; padding:0; color:#69c; font-size:1em}
div#categoria p{margin:0 25px; padding:0; text-align:left}
div#catlist{margin:10px 37px; padding:0}
div.catitem{margin:0 5px 10px; padding:0; width:230px; height:77px; border:1px solid #ccc; float:left; text-align:left}
div#catlist div.catitem h4{margin:3px 0 0}
div.catitem img{border:0; margin:6px; padding:2px; border:1px solid #999; float:left}
div.catitem a{margin:0; padding:0;line-height:1.4em;color:#600; text-decoration:none}
div.catitem a:hover{color:#c33; text-decoration:underline}
div#catlist div.catitem p{margin:0; padding:0; font-size:11px; height:49px; width:132px;overflow:hidden}
/*Paging*/
div.paging{font-size:8px}
div.paging a{margin:0; padding:3px; font-size:11px; font-weight:600;color:#999; text-decoration:none}
div.paging a:hover, div.paging a#pagqui{color:#c33; text-decoration:underline} /*ID=pagqui da usare per indicare la pagina corrente*/
/*PAGINA GIOCO*/
div#gioco p#gamepath{text-align:left; margin:0 25px 2em; color:#69c; font-weight:600}
div#gioco p#gamepath a{margin:0; padding:3px; font-size:11px; font-weight:600;color:#999; text-decoration:none}
div#gioco p#gamepath a:hover{color:#c33; text-decoration:underline}
/*TABS e contenuto*/
div#tabsgame{margin:0 25px; padding:10px 0 0; text-align:left}
div#tabsgame ul{margin:0; padding:12px 0; display:block;border-bottom:0; border-bottom:1px solid #ccc }
div#tabsgame ul li{margin:0; padding:0; display:inline}
div#tabsgame ul li a{margin:0; padding:12px 40px; color:#999; border:1px solid #ccc; border-bottom:0; font-weight:600; text-decoration:none}
ul.idTabs li a.selected {color:#600; padding-bottom:13px; background-color:#fff}
div#tabsgame ul li a#tabqui{color:#600; padding-bottom:13px; background-color:#fff}/*ID=tabqui da usare per indicare la tab corrente*/
div#tabsgame ul li a:hover{color:#c33; text-decoration:underline}
div#tabscontent{margin:0; padding:15px 15px 0; border:1px solid #ccc; border-top:0; background-color:#fff; font-size:90%}
div#tabscontent a{color:#600; text-decoration:none}
div#tabscontent a:hover, div#istruzioni a:hover{color:#c33; text-decoration:underline}
/*generali dei 4 div*/
/* div#istruzioni{display:none}
div#info{display:none}
div#preferiti{}
div#metti{display:none}commento da rimuovere è attivo per visualizzare insieme tutte le tabs*/
/*Istruzioni*/
div.colsx{margin:0; padding:3px 12px 0 0; float:left;width:48%}
div.coldx {margin:0; padding:3px 0 3px 12px; float:left; width:48%; border-left:1px solid #ccc}

div#istruzioni ul{margin:0; padding:12px 0; display:block;border:0 }
div#istruzioni ul li{margin:0 0 .5em; padding:0; display:block; border:0}
div#istruzioni ul li img{margin:0; padding:0; vertical-align:middle}
div#istruzioni p{margin:0 0 1em; padding:0; line-height:1.5em}
/*Info*/
div#info img{float:left; padding:2px; border:1px solid #999; margin:10px 10px 10px 0}
div#info img.tech {float:none; border:0; padding:0; margin:0;}
/*Metti sul sito/codice*/
div#metti textarea{margin:0; padding:10px; display:block;border:1px solid #999; font-size:11px; color:#333; background-color:#ddd; overflow-x:hidden; overflow-y:auto}
/*Preferiti/condividi*/
div#preferiti form fieldset{margin:0; padding:0; border:0}
div#preferiti form label{display:block;margin:0; padding:5px 0 }
div#preferiti form input[type=text]{margin:0 15px 0 30px; font-size:12px; border:1px solid #ccc; width:250px}
div#preferiti form input[type=submit]{margin:10px 20px; float:right}
div#preferiti form textarea{margin:-18px 0 0 68px; padding:0; font-size:12px; border:1px solid #ccc;width:250px; height:75px}
div#preferiti img{border:0; padding:1px; vertical-align:middle}
div#preferiti p{margin:0; padding:10px 0}
div#preferiti a:hover{text-decoration:none}

div#errname, div#errmail, div#errtext  {float:left; height:20px; width:20px; }


/*  styles for the unit rater
---------------------------------------------------------
ryan masuga, masugadesign.com
ryan@masugadesign.com
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
        height: 18px;
	}

.loading {
	height: 15px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}

.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url('../images/starrating.png') top left repeat-x;
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}

.unit-rating li a {
	outline: none;
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}

.unit-rating li a:hover{
	background: url('../images/starrating.png') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}
.unit-rating a.r6-unit{left: 75px;}
.unit-rating a.r6-unit:hover{width: 90px;}
.unit-rating a.r7-unit{left: 90px;}
.unit-rating a.r7-unit:hover{width: 105px;}
.unit-rating a.r8-unit{left: 105px;}
.unit-rating a.r8-unit:hover{width: 120px;}
.unit-rating a.r9-unit{left: 120px;}
.unit-rating a.r9-unit:hover{width: 135px;}
.unit-rating a.r10-unit{left: 135px;}
.unit-rating a.r10-unit:hover{width: 150px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.png') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}