/*
---------------------------------------------------------------
Titolo:      Webfruits Blog -  Foglio di stile  (screen media)
Autore:      Sonia Anepeta - www.webfruits.it
Copyright:   Webfruits - www.webfruits.it
Versione:    3.0
Data:        02/2008
Ultimo agg.: 10/06/2008 
---------------------------------------------------------------
*/


/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
    background: url(gfx/body-bg.gif) repeat-x 0 0;
    color: #727272;
	font: 75%/150% Verdana, Arial, Geneva, Helvetica, sans-serif;
    margin: 0;
	padding: 0 0 20px 0;
}


ul {
	list-style: none;
}

img {
	border: none;
}

p {
	padding: 0 0 15px;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}

hr.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}

a,
a:active, 
a:visited {
	color: #FD1778;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #404A50;
	text-decoration: none;
}


/* _________________ Link esterni
                           ________________________ */

a.wikipedia {
    background: url(gfx/link_wikipedia.gif) no-repeat right;
    padding-right: 16px; }

a:hover.wikipedia {
    background: url(gfx/link_wikipedia.gif) no-repeat right;
    padding-right: 16px; }

/* -----------------------------------*/
/* ---------->>> TIPOGRAFIA <<<-----------*/
/* -----------------------------------*/


/* _________________ Titoli
                           ________________________ */

#header h1 {
	background: url(gfx/header.jpg) no-repeat;
	color: #c9eefe;	
	font: bold 36px/100% Verdana, Arial, Geneva, Helvetica, sans-serif;
	height: 144px;
	margin:0;
}

h1 a, h1 a:visited{
	color: #048EBC;
	margin: -9000px;
	text-decoration: none;
}

h1 a:hover{
	color: #CDE278;
	text-decoration: none;
}

h2 {
	color: #000;
	font: normal 180%/100% "Century Gothic", Verdana, Arial, Sans-Serif;
	margin: 0 0 2px;
	padding: 0 5px 3px 0;
	text-align: justify
}

h2 a, h2 a:visited {
	color: #404A50;
	text-decoration: none;
}

h2 a:hover {
	color: #000;
	text-decoration: none;
}

h3 {
    color: #404A50;
	font: normal 140%/100% Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin: 10px 0 10px;
}

h4 {
    color: #404A50;
	font: bold 110%/100% Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin: 10px 0 10px;
}


/* _________________ Testo
                           ________________________ */

.evid { color: #27B9DE }
	
.evid_light { color: #999 }

.light { color: #B5B5B5 }

.green { color: #ABCF2A }

.green2 { color: #BBDBF1 }

.evidenziato { background: #CAE02D; color: #000 } /* Parole Risultati Ricerca */

.small { font-size: 90%; }

.titolo { 
    color: #CCC;
    font-size: 18px;
    margin-bottom: 2em; 
}

.autore { color: #5D7C46; }

ABBR, ACRONYM {
    border-bottom: 1px dotted #999;
	cursor: help
}

blockquote {
    background-color: #E9F6FA;
    border-bottom: 3px solid #D9ECF2;
	border-top: 3px solid #D9ECF2;
	color: #727272;
	padding: 6px;
	font-size: 90%;
	margin-bottom: 20px
}


/* _________________ Allineamenti
                           ________________________ */

.fleft { float:left; }
.fright { float:right; }
.right { text-align:right; }
.center { text-align: center; }

img.center {
	display: block;
	margin: 10px auto 10px auto;
}

img.alignleft {
	float:left;
	margin: 2px 15px 0 0;
}

img.alignright {
	float:right;
	margin: 2px 0 0 15px;
}

.fleft_video { 
    float:left;
    margin-right: 10px;
	margin-top: 0px;
}


/* -----------------------------------*/
/* ---------->>> NAVIGAZIONE <<<-----------*/
/* -----------------------------------*/

#nav {
    bottom: 0px;
	margin: 0;
	position: absolute;
	right: 10px;
	top: 6px;
}

#nav li {
	float: left;
	margin-left: 0;
	width: 63px
}

#nav .home a, #nav .archivio a, #nav .portfolio a, #nav .freebies a {
	display: block;
	font: bold 10px/100% Verdana, Arial, Geneva, Helvetica, sans-serif;
	height: 88px;
	text-decoration: none;
	text-indent: -9000px
}

#nav .home a {
	background: url(gfx/nav-home-bg.gif) no-repeat;
}

#nav .archivio a {
    background: url(gfx/nav-archivio-bg.gif) no-repeat;
}

#nav .portfolio a {
	background: url(gfx/nav-portfolio-bg.gif) no-repeat;
}

#nav .freebies a {
	background: url(gfx/nav-freebies-bg.gif) no-repeat;
}


#nav .home a, #nav .archivio a, #nav .portfolio a, #nav .freebies a, #nav .home a:visited, #nav .archivio a:visited, #nav .portfolio a:visited, #nav .freebies a:visited {
	color: #0BACE0;
	text-decoration: none;
}

#nav .home a:hover, #nav .archivio a:hover, #nav .portfolio a:hover, #nav .freebies a:hover {
	color: #000;
	text-decoration: none;
}

#briciole {
    color: #ACD7EE;
    margin-bottom: 1em;
}
	
#briciole span { font-weight:normal; }


/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/

#main {
   background: url(gfx/main-bg.gif) no-repeat 50% 280px;
	margin: 0 auto;
}

#container {
    background: url(gfx/container-bg.gif) repeat-y;
	margin: 0 auto;
	width: 860px;
	padding-bottom: 0

}

/* _________________ Area HEADER
                           ________________________ */
 
#header {
   	background: #212629 url(gfx/header-bg.gif) repeat-x;
	height: 183px;
	position: relative;
}

#header1 {
    height: 60px;
	padding: 0 0 0 40px;
	position: relative;
}


#logo {
	background: #212629 url(gfx/header-bg.gif) top left no-repeat;
	display: block;
	position: absolute;
	width: 537px;
	height: 153px
}

#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:active  {
	display: block;
	height: 153px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 537px;
}




/* _________________ SUBTop (tagcloud)
                           ________________________ */

#subtop {
    background: #404A4F;
	clear: both;
	line-height: 150%;
	padding: 10px 10px 20px 10px !important;
	text-align: justify;
}

#subtop a, #subtop a:visited {
	background: none;
	border-bottom: 1px dotted #404A4F!important;
	color: #627179;
}

#subtop a:hover {
	background: none;
	border-bottom: 1px dotted #FD1778!important;
	color: #526067;
}

.toggle-btn {
    height: 26px;
    float: left;
    margin: -27px 0 0 0;
	padding: 0px 0 0 0;
	position: absolute
}

.toggle-btn a {
	padding-left: 14px
}

/* _________________ Area TOP
                           ________________________ */

#top {
    background: url(gfx/top-bg.gif) no-repeat;
	clear: both;
	color: #9DE5FB;
	font-size: 95%;
	height: 200px;
	line-height: 130%;
	padding-bottom: 0
}

#top a, #top a:visited {
	color: #fff;
}

#top a:hover {
	color: #9DE5FB;
}

#top .title {
    color: #ACD7EE;
	font: normal 146%/100% Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin: 10px 0 5px;
}

#top .title span { color: #000; }

#top .title .green { color: #D7EB84; }

/* Articoli recenti - Commenti recenti */

.top-recent-art, .top-recent-comments {
	float: left;
	margin: 20px 0 0 10px;
	width: 280px;
}

 .top-recent-art {
	background: url(gfx/top-recent-ART.gif) no-repeat 0 0px;
}

.top-recent-comments {
	background: url(gfx/top-recent-com.gif) no-repeat 0 0px;
}

.top-recent-art ul {
	line-height: 110%;
	margin: 0 0 0 4px;
	padding: 0 0 8px 40px;
	width: 240px;
}

.top-recent-comments ul {
	line-height: 120%;
	margin: 0;
	padding: 0 0 8px 40px;
	width: 260px;
}

.top-recent-art ul li, .top-recent-comments ul li  {
    border-bottom: 1px dotted #60CDF2;
	padding: 0 0 4px 20px;
	text-align: justify;
	min-height: 20px
}

.top-recent-art ul li {
	background: url(gfx/mini-art.gif) no-repeat 0 7px;
	height: 1%;
}

.top-recent-comments ul li {
	background: url(gfx/mini-comm.gif) no-repeat 0 7px;
}

.top-recent-art span {
	font-weight: normal;
	line-height: 129%;
}

.top-recent-comments span {
	font-weight: normal;
	line-height: 115%;
}

* html .top-recent-comments  li {
	height: 1%
}

/* Top Right */

.top-right {
    background: url(gfx/top-right-bg.gif) no-repeat;
	float: right;
	height: 200px;
	padding: 0;
	width: 234px;
}

/* - feed rss button - */

a.rssbtn {
    background: url(gfx/rssbtn.png) no-repeat !important;
    display: block;
    margin: 20px auto 10px auto;
	height: 88px;
    width: 146px;
}

a.rssbtn:hover {background: url(gfx/rssbtn.png) no-repeat 0 -88px !important;}

/* - custom feedburner readers - */

img.fc_custom01 {
    clip: rect(4px, 40px, 14px, 12px);
	display: block;
	margin: 0 auto 10px 20px;
	position: absolute;
  }

span.custom_caption {
    color: #FFF;
	font-size: 10px;
    margin: 2px 0 0 62px;
	padding: 0;
    position: absolute;
}


/* _________________ Sidebar
                           ________________________ */

#sidebar {
	color: #8DD1DD;
	float: right;
	padding: 0 10px 20px 0;
	overflow: hidden;
	width: 224px;
}

/* Sidebar Titoli */

.sidebartitle {
    background: url(gfx/boxholder-bg.gif) no-repeat top center;
    color: #414C54!important;
	font: normal 180%/100% "Century Gothic", Verdana, Arial, Sans-Serif;
	text-align: center;
	padding: 5px 0 5px 0;
	margin-left: 10px
}

.sidebartitle span {
        color: #27B9DE
}


.sidebartitle.catart, .sidebartitle.arcmese, .sidebartitle.lettrec, .sidebartitle.topusers  {
	height: 40px;
	color: #414C54!important;
}

.sidebartitle.catart {
}

.sidebartitle.arcmese {

}

.sidebartitle.lettrec {

}

.sidebartitle.topusers {

}


/* Sidebar Link */

#sidebar a, #sidebar a:visited {
	color: #414C54;
	font-size: 100%;
	padding: 0;
}

#sidebar a:hover{
	color: #27B9DE;
	font-size: 100%;
}

/* Sidebar List */

#sidebar ul {
	margin: 0 0 20px 0px;
	padding: 0;
}

#sidebar ul li {
	font-size: 95%;
	height: 1%;
	margin: 0;
	padding: 0;
}

#sidebar ul.list-cat li, #sidebar ul.list-arc li {
	padding-left: 20px !important;
}

#sidebar ul.list-cat li {
	background: url(gfx/mini-cat.gif) no-repeat !important;
}

#sidebar ul.list-arc li {
	background: url(gfx/mini-arc.gif) no-repeat !important;
}

#sidebar ul.list-cat, #sidebar ul.list-arc {
	margin-left: 10px;
}

#sidebar ul.topusers {
    background: none;
    color: #8DD1DD;
	font-size: 95%;
	margin-left: 34px;
	list-style: decimal!important;
	line-height: 20px;
}

#sidebar ul.topusers img{
    vertical-align: middle
}

/* Utenti Connessi */

.utentionline {
    color: #BBDBF1;
    font-size: 95%;
	margin: 10px 0 0 0;
    text-align:center;
}

.utentionline span { font-weight: bold; }

/* Form Ricerca */

#search {	
    background: url(gfx/btn-cerca-bg.gif) no-repeat 0 0;
    margin:30px 0 0 40px;
}


.searchform {
    background: none;
    border: 0;
	color: #000;
    margin: 0 auto 0 auto;
	padding: 18px 0px 0 2px;
	width: 107px;
}

.submit {
	background: transparent;
	border: none;
	color: #FFF;
	cursor: pointer;
	height: 20px;
	margin: 16px 0px 0 10px;
	padding: 0;
	width: 24px;        
}

#searchform input[type="text"]:focus {
	background: url(gfx/btn-cerca-bg.gif) no-repeat 0 0
}

/* MyBlogLog Widget */

.widget_mybloglog   {
   border:0;
   margin-bottom: 20px;
   padding: 0 0 0 20px;
 }

body table#MBL_COMM td.mbl_mem {
    background:#fff;
	font-family:Verdana, sans-serif;
}

body table#MBL_COMM td.mbl_mem {
    background:#fff;
	font-family:Verdana, sans-serif;
}

body table#MBL_COMM {border: 0}

body table#MBL_COMM td.mbl_img { background: #fff }

body table#MBL_COMM img { border:1px solid #B9E8F8; }

body table#MBL_COMM td.mbl_fo_hidden { background: #fff }

body table#MBL_COMM td.mbl_fo_hidden a, table#bc_foot a { color:#414C54 !important }

body table#MBL_COMM td.mbl_fo_hidden a:hover, table#bc_foot a:hover, 
body table#MBL_COMM td.mbl_fo_hidden a:visited:hover, table#bc_foot a:visited:hover { color:#27B9DE !important}

body table#MBL_COMM th.mbl_h, #bc_head { display: none }

body table#MBL_COMM td.mbl_join_img { display: none}

body table#MBL_COMM td.mbl_join { display: none}


/* Side-Extra */

.side-extra   {
   margin: 0 auto 10px 21px;
 }


/* _________________ Area FOOTER
                           ________________________ */

#footer {
    background: url(gfx/footer-bg.gif) no-repeat;
	clear: both;
	color: #9DE5FB;
	font-size: 95%;
	line-height: 130%;
	padding-bottom: 0!important;
	height: 200px
}

#footer a, #footer a:visited {
	color: #FFF;
}

#footer a:hover {
	color: #9DE5FB;
}

#footer .title {
    color: #9DE5FB;
	font: normal 146%/100% Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin: 0 0 5px;
}

/*---- Top Commenti - Top Letture ---- */

.footer-topcomm, .footer-postmark {
	float: left;
	height: 175px;
	margin: 20px 0 0 10px;
	width: 280px;
}

.footer-topcomm {
    background: url(gfx/footer-top-comm.gif) no-repeat 0 0;
}

.footer-postmark {
	background: url(gfx/footer-top-lett.gif) no-repeat 0 0px;
}

.footer-topcomm ul {
	margin: 0 0 0 4px;
	padding: 0 0 0 40px;
	width: 240px;
}

.footer-postmark ul {
	margin: 0;
	padding: 0 0 0 40px;
	width: 260px;
}

.footer-topcomm ul li, .footer-postmark ul li {
	border-bottom: 1px dotted #60CDF2;
	height: 1%;
	padding: 0 0 4px 20px;
	text-align: justify;
}

.footer-topcomm ul li {
	background: url(gfx/mini-pmark.gif) no-repeat 0 3px;
}

.footer-postmark ul li {
	background: url(gfx/mini-pmark.gif) no-repeat 0 3px;
}

.footer-topcomm span, .footer-postmark span {
    color: #34ADE2;
	font-weight: normal;
	line-height: 129%;
}

/*---- Foot Right ---- */

.footer-right {
	background: url(gfx/footer-right-bg.gif) repeat-x;
	float: right;
	font-size: 100%;
	height: 200px;
	margin-top: 0px;
	padding: 0;
	text-align: justify;
	width: 234px;
}

.footer-right p {
	font-weight: normal;
    line-height: 100%;
	padding: 10px;
	text-align: justify;
}

a.firefoxbtn {
    display:block;
	float: right;
    margin: 68px 0 0 0;
	height: 133px;
    width: 123px;
}

* html a.firefoxbtn { background: transparent none no-repeat top left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
sizingMethod='scale', src='gfx/firefoxbtn.png'); } /*Per IE6 */

* html a.firefoxbtn { margin: 73px 0 0 0; } /*Per IE */


/* Credits */

#credits {
background: #404A4F;
	color: #727272;
	font-size: 85%;
	line-height: 130%;
	margin: 0px auto 0 auto;
	width: 860px;
	height: 30px;
	border-top: 1px solid #fff;
	padding: 10px 0 0 0;
		text-align: center;
}

#credits a {
	color: #47C1E0;
	}
	
#credits a:hover {
	color: #727272;
	}


/* -----------------------------------*/
/* ---------->>> CONTENUTI <<<-----------*/
/* -----------------------------------*/

.divider { 
    border-top: 1px dotted #212629;
    margin-top:1em; 
    width:98%; }

#content {
	padding: 10px 0 30px 13px;
	float: left;
	overflow: hidden;
	width: 592px;
}

/* _________________ Post
                           ________________________ */

.avviso {
    background: #fff;
	color: #CAE02D;
    font-size: 90%;
	font-weight: bold;
	line-height:30px;
    padding: 0;
	text-align: right;
}
	
.avviso_agg {
    background: #fff;
	color: #B5B5B5;
    font-size: 90%;
    padding: 0;
	text-align: right;
}


.sopra { margin-bottom: 1em; }

.giustificato { 
    line-height: 150%;
    margin-right: 7px;
    text-align: justify; 
}

.piccolo {
    color: #B5B5B5;
    font-size: 95%;
	padding-right: 5px;
	text-align: justify
}

.piccolo span { color: #404A50; }

.sotto {
    color: #B5B5B5;
    margin-bottom: 1em;
	margin-top: 1em; 
	font-size: 90%;
	width: 98%
}

.sotto a,
.sotto a:active,
.sotto a:visited { color:#FD1778}

.sotto a:hover { 
    color: #404A50;
    text-decoration:none;  }


/* Google Ads 1 */					   

.gads-left {
    margin: 0 20px 0 00;
    float: left;
	width: 210px}

/* Google Ads 2 */

.gads-post {
    margin: 25px 0 20px 0;
    text-align: center;}
	
/* Google Ads 3 */
.gads-storico {
    margin: 0 0 20px 0;
    text-align: center;}

/* Social Bookmark */

.toggle-social {
    height: 22px;
    margin: 0;
	padding: 0;
}

.toggle-social a {
	padding-left: 14px;
}

#social {
    margin-top: 15px;
	position: relative;
	width: 100%
}	

#social li {
    float:left;
    list-style-type:none;
	margin:0;
}	

#social a {
    background-repeat: no-repeat;
	background-position: 0 -30px !important;
	display: block !important;
	height: 30px;
	padding-right: 8px;
	text-indent: -8000px;
	width: 30px;
}

#social a:hover {
	background-position: 0 0 !important;
}

#wikio-s a {
	background-image: url(gfx/icon-social/wikio.gif)!important;
}
#oknotizie-s a {
	background-image: url(gfx/icon-social/oknotizie.gif)!important;
}
#segnalo-s a {
	background-image: url(gfx/icon-social/segnalo.gif)!important;
}
#diggita-s a {
	background-image: url(gfx/icon-social/diggita.gif)!important;
}
#ziczac-s a {
	background-image: url(gfx/icon-social/ziczac.gif)!important;
}
#technotizie-s a {
	background-image: url(gfx/icon-social/technotizie.gif)!important;
}
#dicevi-s a {
	background-image: url(gfx/icon-social/dicevi.gif)!important;
}
#delicious-s a {
	background-image: url(gfx/icon-social/delicious.gif)!important;
}
#technorati-s a {
	background-image: url(gfx/icon-social/technorati.gif)!important;
}
#magnolia-s a {
	background-image: url(gfx/icon-social/magnolia.gif)!important;
}
#digg-s a {
	background-image: url(gfx/icon-social/digg.gif)!important;
}
#blinklist-s a {
	background-image: url(gfx/icon-social/blinklist.gif)!important;
}
#google-s a {
	background-image: url(gfx/icon-social/google.gif)!important;
}
#blogmarks-s a {
	background-image: url(gfx/icon-social/blogmarks.gif)!important;
}
#dzone-s a {
	background-image: url(gfx/icon-social/dzone.gif)!important;
}
#yahoo-s a {
	background-image: url(gfx/icon-social/yahoo.gif)!important;
}

/* Technorati Tag */

.techno_tag { 
    color: #b5b5b5;
	font-size: 90%;
    margin-bottom: 15px;
	margin: 10px 0 0 4px;
	margin-left: 4px;
	text-align: justify;
}

.techno_tag a, .techno_tag a:active,  .techno_tag a a:visited { color: #7AD7F7 }


.techno_tag a:hover { 
    background: #B9E8F8;
    border-bottom: 1px dotted #27B9DE;
    color: #27B9DE; }
	
/* Affinity (articoli correlati) */

.art_correlati { 
    color: #b5b5b5;
    margin: 0px;
	text-align: justify;
	font-size: 90%;
    background: url(gfx/art-correlati.gif) no-repeat 0 20px!important;
	padding: 0px 0 0 22px!important
}

.art_correlati a, .art_correlati a:active, .art_correlati a:visited { 
    color: #7AD7F7;
}

.art_correlati a:hover { 
    background: none;
	border: none;
    color: #27B9DE;
}

/* _________________ Commenti
                           ________________________ */
						   
/* Form Invio Commenti */

.formcommenti {
    color: #727272;
	font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin: 0 auto 20px auto;
	width: 392px;
}

.formcommenti p {
    margin: 0px;
	padding: 6px 0;
}

.formcommenti label {
	color: #727272;
	font-size: 87%;
}

.formcommenti input {
	background: #FBEDF3;
	border: 0;
	border-bottom: 1px solid #FCCADF;
	color: #000;
	font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin: 3px 0 10px 0;
	padding: 3px;
	width: 392px;
}

.formcommenti textarea {
	background: #FBEDF3;
	border: 0;
	border-bottom: 1px solid #FCCADF;
	color: #000;
	font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
	height: 115px;
	margin: 3px 0 8px 0;
	padding: 2px;
	width: 392px;
}

.formcommenti textarea:focus, .formcommenti input[type="text"]:focus {
	background: #FFF;
	border-bottom: 1px solid #FD1778;
}

.formcommenti .submit {
	background: #fff;
	border: none;
	color: #FFF;
	cursor: pointer;
	font: bold 12px Verdana, Arial, Geneva, Helvetica, sans-serif;
	height: 35px;
	text-align: left;
	width: 142px;
}


.formpopcommenti { 
    margin: auto;
    width: 280px;
}

/* Testo Commenti */

.titolo_com { 
padding-bottom: 15px
}

.titolo_com a { 
    color: #404A50;
	font: normal 180%/100% "Century Gothic", Verdana, Arial, Sans-Serif;
	margin: 15px 0 0 0;
	text-align: center
}

.compari, .comdispari { 
    margin-bottom: 30px!important;
    margin-top: 1em;
	padding: 0 0 7px 0;
}

.compari .comnumero, .comdispari .comnumero {
	font-size: 17px;
	padding: 0;
}

.compari .comnumero {
    color: #CAE02D;
}

.comdispari .comnumero {
    color: #7AD7F7;
}

.comdata {
	font-size: 11px;
	padding: 0;
}

.compari .comautore a,
.comdispari .comautore a {
    background: none;
	margin: 0;
    padding: 0;
}

.comtesto { 
    color: #727272;
	font-size: 11px;
	margin: 0 10px 10px 0;
	padding: 0 0 10px 0;
	text-align: justify;
}

.compari .comtesto    { border-bottom: 1px solid #CAE02D; }
.comdispari .comtesto  { border-bottom: 1px solid #7AD7F7;}

.compari .comautore, .comdispari .comautore { 
	font-size: 11px;
    padding: 0px 0 0px 0;
}


.comdispari .comdati { 
    background: url(gfx/comdati-dispari_bg2.gif) no-repeat;
	padding: 0;
}

.compari .comdati { 
    background: url(gfx/comdati-dispari_bg2.gif) no-repeat;
	padding: 0;
}

.compari .comautore, .comdispari .comautore { 
   color: #B5B5B5
}


.disclaimer { 
    color:#C5C5C5;
    font-size: 90%;
}


/* Navigazione Pagine */

.pagine { }
.pagine span { }


/* _________________ Contenuti Post
                           ________________________ */

/* Tutoriali */

.tutorials {
    background:url(gfx/tutorials_bg.gif) no-repeat;
	height:280px;
    margin: 0 auto 0 auto;
	width: 427px;
}
	
.tutorials H1 {
    color: #DEFDB4;
	font-weight:bold;
	font-size: 12px;
	padding: 15px 0 0 60px;
}
	
.tutorials img {
    border: 0;
    margin: 15px 0 0 70px;
	text-align:center;
}
	
.tutorials .linkT { 
	margin-left: 70px;
	margin-top: 20px;
	color: #BFBEBE;
}
	
* html .tutorials .linkT { margin-left: 70px; }

.tutorials .icon {
    border: 0;
    margin: 0px 0 0 0px;
    text-align:left;
}

/* Download Button */

a.downloadbtn {
    background: url(gfx/downloadbtn.gif) no-repeat !important;
    display:block;
	float: left;
    margin: 6px 0 0 0;
	height: 37px;
    width: 143px;
}

a.downloadbtn:hover {background: url(gfx/downloadbtn.gif) no-repeat 0 -39px !important;}

a.downloadbtn-right {
    background: url(gfx/downloadbtn.gif) no-repeat !important;
    display:block;
	float: right;
    margin: 15px 20px 0 0;
	height: 37px;
    width: 143px;
}

a.downloadbtn-right:hover {background: url(gfx/downloadbtn.gif) no-repeat 0 -39px !important;}

.download-desc  {
	float: left;
	margin: 15px 0 0 24px;
    width: 65%;
}

/* Lista Link 1 (2 colonne) */

.linklist {
	margin: 0 0px 0 32px;
	padding: 0px;
}

ul.linklist {
   	float: left;
	list-style:none;
	margin-right: 15px;
	padding: 0px;
	width: 240px;
}

ul.linklist li {
    border-top: 1px solid #E0EBC2;
	font-size: 90%;
	margin: 0;
	padding: 4px 0 4px 0;
	text-align: justify
}

ul.linklist li.first {
    border: 0;
	color: #0580A9;
	font: normal 140%/100% Verdana, Arial, Geneva, Helvetica, sans-serif;
	padding-top: 10px
}

ul.linklist li img {
	border:2px solid #DCECA5;
	height:16px;
	margin:0 6px -4px 0;
	width:16px;
}

ul.linklist li a {
    background: url(gfx/listlink1.gif) no-repeat 5px 0 !important;
	border: 0;
	color: #5D7C46;
	display: block;
	padding-left: 20px !important;
}

ul.linklist li a:hover {
    background: #E0EBC2 url(gfx/listlink2.gif) no-repeat 5px 0!important;
	color: #8AB31A;
	display: block;
	padding-left: 20px !important;
}

ul.linklist li a span { visibility:hidden; }

ul.linklist li a:hover span {
    color: #048EBC;
	padding-left: 100px;
	visibility:visible;
}

/* Lista Link 2 (1 colonna - 100%) */

ul.linklist2 {
	list-style:none;
	margin: 0 0 6px 0;
	padding: 0;
}

ul.linklist2 li {
    border-top: 1px solid #FCCADF;
	font-size: 90%;
	margin: 0;
	padding: 4px 0 4px 0;
	text-align: justify
}

ul.linklist2 li.first {
    border: 0;
}

ul.linklist2 li a {
    background: url(gfx/listlink2-bull1.gif) no-repeat 4px 5px !important;
	border: 0;
	color: #FD1778;
	display: block;
	padding: 4px 10px 4px 15px !important;
}

ul.linklist2 li a:hover {
    background: #FBEDF3 url(gfx/listlink2-bull2.gif) no-repeat 4px 5px !important;
	color: #FD1778;
	padding: 4px 10px 4px 15px !important;
}

ul.linklist2 li a span { color: #727272; }

ul.linklist2 li a:hover span { color: #404A50; }

/* -----------------------------------*/
/* ---------->>> ORIGINAL DBLOG <<<-----------*/
/* -----------------------------------*/

/* --- popup --- */

#mainPopup { 
    background-color:#FFF;
    border:0;
    border-spacing:0;
    margin:auto;
    margin-top: 8px;
    width:320px;
 }
 
.mainPopup { 
    padding:15px; 
	text-align:left;
	vertical-align:top; 
}

#popupContent { 
	border:0;
	border-spacing:0;
	padding:0;
	width:320px;}
	
#popupContentLeft { 
    padding:0;
	padding-right:5px;
	text-align:left;
	vertical-align:top;
	width:320px; }

/* --- 404.asp --- */

#form404 { text-align:center; }

/* --- autori.asp --- */

.fotoautore { margin: 2em 0 2em 0; }
	
.fotoautore .evid { color: #0048EB }

.elencoautori li { 
    list-style-type: none;
    margin-left: -40px;
}

/* --- foto.asp --- */

.foto { 
    background-color:#fbfbfb;
    margin:1em 0 4em 0; 
	padding:7px; 
	text-align:center;
}

.elencofoto li { margin:0.5em; }

/* --- code --- */
#code-tv {
	color:#727272;
	border-width:1px 1px 1px 3px ;
	border-style:solid;
	border-color: #D6EC8A;
	margin:50px 0 0 0; 
	background: #E9F6FA;
    overflow: auto;
	font-size:10px;
	padding:8px;
	float: right;
	width: 292px
}

.codeleft-tv {
	color:#727272;
	margin:50px 0 0 0; 
	float: left;
	width: 260px;
	text-align: justify
}

/* -----------------------------------*/
/* ---------->>> TABACCORDION <<<-----------*/
/* -----------------------------------*/

#wrapper {
    margin: 0 auto;
    width: 224px;
}

#cont-tab {
    background: url(gfx/cont-tab-bg1.gif) no-repeat top center;
    margin: 0 auto 0 auto;
	padding: 0 0px 0 10px;
}

#cont-tab h3 {
    font-size: 76%;
    margin: 0;
    padding: 0;
}

.box {
    background: #fff;
}

.boxholder {
    background: #fff;
    clear: both;
    padding: 0;

}

.boxholder p {
    font-size: 85%;
    line-height: 1.5em;
	margin: 0;
    padding: 5px 0 5px 0;
    text-align: justify;
}

.boxholder p.title {
    background: url(gfx/boxholder-bg.gif) no-repeat top center;
    color: #414C54;
	font: normal 180%/100% "Century Gothic", Verdana, Arial, Sans-Serif;
	text-align: center;
	height: 40px

}
	
.boxholder p.title span {
    color: #27B9DE
}

.tab {
    float: left;
    height: 78px;
    margin: 0;
    text-align: center;
}

.tab a {
    display: block !important;
    height: 45px;
    width: 71px;
}

.tab h3 a span {
    float: left;
    padding-top: 40px;
    width: 71px;
	visibility:hidden;
}

.tab h3 a:hover span {
	color: #404A50;
	visibility: visible;

}



* html .tab h3 a span {
    display: none
}

.tab h3.t-wfonline a{
    background: url(gfx/t-wfonline.gif) no-repeat 0 0!important;
}

.tab h3.t-wfonline a:hover {
    background: url(gfx/t-wfonline.gif) no-repeat 0 -50px!important;
}

.tab h3.t-bloglove a {
    background: url(gfx/t-bloglove.gif) no-repeat 0 0!important;

}

.tab h3.t-bloglove a:hover {
    background: url(gfx/t-bloglove.gif) no-repeat 0 -50px!important;
}

.tab h3.t-referrer a {
    background: url(gfx/t-referrer.gif) no-repeat 0 -0!important;
}

.tab h3.t-referrer a:hover {
background: url(gfx/t-referrer.gif) no-repeat 0 -50px!important;
}

/* _________________ ContenutoTab
                           ________________________ */
						   
/* technorati tag (cloud) -  technorati info (widget=tr_authority - tr-info) -  technorati search topics (topics)- clipmarks links (Clipmarks) - delicious link - ereferrer)
*/

.cloud h3, .cloud h4, .cloud img { display: none; }

.cloud .tr-blog-top-tags {
    margin: 0;
    padding: 0 0 10px 0;
    width: 210px!important;
}

.cloud a {
    color: #07B4ED!important;
    font-weight: normal;
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif
}

.cloud a:hover, .tr-info a:hover, .Clipmarks a:hover {
    color: #8DD1DD!important
}

.cloud ul { background-color: #e9f6fa; }

.cloud .tr-blog-top-tags ul li {
    margin: 0px;
    padding: 0px;
    font: 0.8em Verdana, Arial, Geneva, Helvetica, sans-serif!important;
}

.cloud li a, ul#tags-tagdel li a, #tr-topics a { color: #ABCF2A!important; }

.cloud .tr-blog-top-tags li a:hover, ul#tags-tagdel li a:hover, #tr-topics a:hover {
    background: #D9ECF2!important;
    border-bottom: 1px dotted #000!important;
	color: #07B4ED!important;
}

.cloud p, #tr-widget p, #tr-topics p, .Clipmarks p, .identity p {
    color: #BBDBF1;
    font-size: 17px;
	text-align: right
}

#tr-widget, #tr-topics, #delbadge, .identity, .blogroll {
    font-size: 80%;
    margin-top: 0;
    padding-bottom: 10px;
    text-align: justify
}

#tr-topics, #delbadge, .identity, .blogroll { border-bottom: 0px solid #D9ECF2; }

.tr-info, .tr_authority_t_js {
    margin-top: 7px
}

.tr_authority_t_js {
    float: right;
    width: 74px;
}

.tr_authority_t_js a{
    color: #ABCF2A!important;
}

.Clipmarks {
    margin: 5px 0 0 0;
    padding: 0 0 10px 0;
    text-align: justify;
}

.ClipmarkLink, #delbadge, #delicious-posts-webfruits, #ereferrer {
    color: #BBB;
}

p.Clipmarks {
    color: #BBDBF1;
    font-size: 17px;
	text-align: right
}

#delicious-posts-webfruits {
    font-size: 85%;
    margin-top: 0px;
    padding: 0 0 5px 0;
    text-align: justify
}

a.delicious-tag {
    color: #ABCF2A!important;
}

a:hover.delicious-tag {
    background: #D9ECF2!important;
    border-bottom: 1px dotted #07B4ED!important;
	color: #07B4ED!important;
}

.delicious-banner { display: none }

ul#tags-tagdel {
    background: #E9F6FA;
    margin: 0;
	padding:0;
    text-align: justify;
    width: 210px;
}

ul#tags-tagdel li{
    display: inline;
}

#ereferrer {
	font-size: 90%;
	margin: 0 0 0 4px;
}

#ereferrer a {
	color: #7AD7F7!important;
}

#ereferrer a:hover {
	color: #27B9DE!important;
}

td#enumber {
	font-size: 85%;
}

.box span a{
	display: none!important;
}

#FJ_TListC, #FJ_TListC #FJ_TList, #FJ_TListC #FJ_TList table, #FJ_TListC #FJ_TList div, #FJ_TListC #FJ_TList tr, #FJ_TListC #FJ_TList td {
    background-color: #FFF; 
    color: #BBB;
    font-size: 10px!important;
	line-height: 1; 
	padding: 0;
	margin: 0;
	text-align: justify!important;
}

table#FJ_TListC {
	margin: 0;
    padding: 10px 0 5px 0!important;
    text-align: justify!important;
	width: 210px!important;
}

#FJ_TListC #FJ_TList img {
	border-width: 0; 
	margin: 0px;
	padding: 0px; 
	vertical-align: middle;
}

#FJ_TListC #FJ_TList .FJ_Heading {
	color: #BBB!important;
    font: 17px "Century Gothic", Verdana, Arial, Sans-Serif!important;
	font-weight: normal!important;
	padding: 0 0 10px 0!important;
	text-align: right!important;
}
#FJ_TListC #FJ_TList .FJ_Line {
	color: #BBB; 
	line-height: 12px; 
    border-width: 0;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	text-align: justify;
}
#FJ_TListC #FJ_TList .FJ_Line a:link, #FJ_TListC #FJ_TList, #FJ_TListC #FJ_TList .FJ_Line a:visited {
	border-width: 0;
	color: #7AD7F7!important; 
	display: inline;
	font-size: 10px!important;
	line-height: 12px;
	margin: 0;
	padding: 0;
}

#FJ_TListC #FJ_TList .FJ_Line a:hover {
	color: #27B9DE!important; 
}

#FJ_TListC #FJ_TList .FJ_TrafFoot {
    font-size:10px!important;
	padding:0;
	margin: 0;
	text-align: center!important;
}

#FJ_TListC #FJ_TList .FJ_TrafFoot a:link, #FJ_TListC #FJ_TList .FJ_TrafFoot a:hover, #FJ_TListC #FJ_TList .FJ_TrafFoot a:visited {
    border-width: 0;
	display: inline;
	color: #BBB!important;
    font-size:10px!important;
	line-height: 1;
	margin: 0px;
	padding: 0px;
}

#FJ_TListC #FJ_TList .FJ_TrafFoot .FJ_Wrd {
    color: #7AD7F7!important;
	font-size: 10px!important;
	font-weight: bold;
	line-height: 1;
}


/* ----Identity---- */

.text-extra  {
    padding: 0px 10px 0px 4px;
    width: 204px;
	color: #727272;
    font-size: 85%;
    line-height: 1.5em;
    text-align: justify;
} 

.identity ul {
	text-indent: -8000px;
	margin: 8px 0 0 5px!important;
}

.identity li {
	float: left;
	margin: 0 0px 0px 0!important;
}

.identity a {
	background-repeat:no-repeat;
	background-position:0px -68px !important;
	display: block !important;
	height: 68px;
	width: 68px;
}

.identity a span {
	visibility: hidden
}

.identity a:hover {
	background-position: 0px 0px !important;
}

.identity h1 {
    color: #727272!important;
	font: bold 120%/100% "Century Gothic", Verdana, Arial, Sans-Serif;
	padding: 0 2px 0 2px;
	text-align: center;
}

/* Identity Icon */

#wfsito a {
	background-image: url(gfx/id_wf-portfolio.jpg)!important;
}
#pagineimperfette a {
	background-image: url(gfx/id_pagineimperfette.jpg)!important;
}
#wftumblr a {
    background-image: url(gfx/id_wf-tumblr.jpg)!important;
}
#colourlovers a {
	background-image: url(gfx/id_colourlovers.jpg)!important;
}
#flickr a {
	background-image: url(gfx/id_flickr.jpg)!important;
}
#deviantart a {
	background-image: url(gfx/id_deviantart.jpg)!important;
}
#delicious a {
	background-image: url(gfx/id_delicious.jpg)!important;
}
#technorati a {
	background-image: url(gfx/id_technorati.jpg)!important;
}
#finelista a {
	background-image: url(gfx/id_finelista.jpg)!important;
}

#email a {
	background-image: url(gfx/btn-email.gif)!important;
}
#msn a {
	background-image: url(gfx/btn-msn.gif)!important;
}
#skype a {
	background-image: url(gfx/btn-skype.gif)!important;
}

/* ----Blogroll---- */

.blogroll ul {
	text-indent: -8000px;
	margin: 8px 0 0 10px!important;
}

.blogroll li {
	float: left;
	margin: 0 2px 2px 0!important;
}

.blogroll a {
	background-repeat: no-repeat;
	background-position: 0px -20px !important;
	border:1px solid #B9E8F8;
	display: block !important;
	height: 20px;
	width: 20px;
}

.blogroll a:hover {
	background-position: 0px 0px !important;
	border: 1px solid #414C54;
}

/*  Blogroll Icon */

#veerle a {
	background-image: url(gfx/icon-blogroll/veerle.gif)!important;
}
#cssjuice a {
	background-image: url(gfx/icon-blogroll/cssjuice.gif)!important;
}

#csstricks a {
	background-image: url(gfx/icon-blogroll/csstricks.gif)!important;
}

#askcssguy a {
	background-image: url(gfx/icon-blogroll/askcssguy.gif)!important;
}
#css4design a {
	background-image: url(gfx/icon-blogroll/css4design.gif)!important;
}
#alsacreations a {
	background-image: url(gfx/icon-blogroll/alsacreations.gif)!important;
}
#bittbox a {
	background-image: url(gfx/icon-blogroll/bittbox.gif)!important;
}
#dezinerfolio a {
	background-image: url(gfx/icon-blogroll/dezinerfolio.gif)!important;
}
#tutorialblog a {
	background-image: url(gfx/icon-blogroll/tutorialblog.gif)!important;
}
#smashing a {
	background-image: url(gfx/icon-blogroll/smashing.gif)!important;
}
#xyberneticos a {
	background-image: url(gfx/icon-blogroll/xyberneticos.gif)!important;
}
#infectedfx a {
	background-image: url(gfx/icon-blogroll/infectedfx.gif)!important;
}
#clazh a {
	background-image: url(gfx/icon-blogroll/clazh.gif)!important;
}
#sizlopedia a {
	background-image: url(gfx/icon-blogroll/sizlopedia.gif)!important;
}
#mashable a {
	background-image: url(gfx/icon-blogroll/mashable.gif)!important;
}
#go2web2 a {
	background-image: url(gfx/icon-blogroll/go2web2.gif)!important;
}
#accessoweb a {
	background-image: url(gfx/icon-blogroll/accessoweb.gif)!important;
}

#edit a {
	background-image: url(gfx/icon-blogroll/edit.gif)!important;
}
#oneweb20 a {
	background-image: url(gfx/icon-blogroll/oneweb20.gif)!important;
}
#italianwebdesign a {
	background-image: url(gfx/icon-blogroll/italianwebdesign.gif)!important;
}
#blographik a {
	background-image: url(gfx/icon-blogroll/blographik.gif)!important;
}
#sid05 a {
	background-image: url(gfx/icon-blogroll/sid05.gif)!important;
}
#raptxt a {
	background-image: url(gfx/icon-blogroll/raptxt.gif)!important;
}
#gl a {
	background-image: url(gfx/icon-blogroll/gl.gif)!important;
}
#laburno a {
	background-image: url(gfx/icon-blogroll/laburno.gif)!important;
}

#daguanno a {
	background-image: url(gfx/icon-blogroll/daguanno.gif)!important;
}

#youon a {
	background-image: url(gfx/icon-blogroll/youon.gif)!important;
}
#weblogin a {
	background-image: url(gfx/icon-blogroll/weblogin.gif)!important;
}
#simonerodriguez a {
	background-image: url(gfx/icon-blogroll/simonerodriguez.gif)!important;
}
#flashmotus a {
	background-image: url(gfx/icon-blogroll/flashmotus.gif)!important;
}

#websomethingelse a {
	background-image: url(gfx/icon-blogroll/websomethingelse.gif)!important;
}

#bluevolvox a {
	background-image: url(gfx/icon-blogroll/bluevolvox.gif)!important;
}

#cristianofino a {
	background-image: url(gfx/icon-blogroll/cristianofino.gif)!important;
}

#milla a {
	background-image: url(gfx/icon-blogroll/milla.gif)!important;
}

#splesh a {
	background-image: url(gfx/icon-blogroll/splesh.gif)!important;
}

#sw a {
	background-image: url(gfx/icon-blogroll/sw.gif)!important;
}

#matteomoro a {
	background-image: url(gfx/icon-blogroll/matteomoro.gif)!important;
}

/* -----------------------------------*/
/* ---------->>> tagCloud 2.0.0  <<<-----------*/
/* -----------------------------------*/

a.tcmpiccolo,a.tcmpiccolo:link, a.tcmpiccolo:active  { 
    color: #C3E3ED;
	font-size: xx-small;
} 

a.tcpiccolo, a.tcpiccolo:link, a.tcpiccolo:active { 
    color: #A6DBED;
	font-size: small;
} 

a.tcmedio,a.tcmedio:link,a.tcmedio:active { 
    color: #7AD1EE;
	font-size: medium;
} 

a.tcgrande,a.tcgrande:link,a.tcgrande:active { 
    color: #44C2EC;
	font-size: large;
} 

a.tcmgrande,a.tcmgrande:link,a.tcmgrande:active {
    color: #07B4ED;
	font-size: xx-large;
}

a.tcmpiccolo:hover, a.tcpiccolo:hover, a.tcmedio:hover, a.tcgrande:hover, a.tcmgrande:hover  {
    border-bottom: 1px dotted #ABCF2A!important; 
    color: #ABCF2A; 
} 

a.tcmpiccolo:hover { font-size: xx-small; } 
a.tcpiccolo:hover { font-size: small; } 
a.tcmedio:hover { font-size: medium; }
a.tcgrande:hover { font-size: large; } 
a.tcmgrande:hover { font-size: xx-large; } 

/* Pagine Imperfette - Ultimo post */

#pagimp  {
    background: url(gfx/pagimp-bg.gif) no-repeat top center;
    height: 366px;
    margin: 0 0 40px 10px;
    padding: 65px 10px 0px 10px;
    width: 204px
} 

#pagimp .title {
    color: #727272!important;
	font: bold 150%/100% Verdana, Arial, Sans-Serif;
	padding: 25px 0 15px 0;
	text-align: center;
}

#pagimp p {
    color: #727272;
    font-size: 85%;
    line-height: 1.5em;
	margin: 0;
    text-align: justify;
}

/* Raccolta Indifferenziata - Ultimo post */

#raccindiff {
    background: url(gfx/raccindiff-bg.jpg) no-repeat top center;
    height: 560px;
    margin: 0 0 40px 10px;
    padding: 85px 10px 0px 10px;
    width: 204px
} 

#raccindiff .title {
    color: #727272!important;
	font: bold 150%/100% Verdana, Arial, Sans-Serif;
	padding: 25px 0 15px 0;
	text-align: center;
}

#raccindiff p {
    color: #727272;
    font-size: 85%;
    line-height: 1.5em;
	margin: 0;
    text-align: justify;
}

/* -------->> PAYPAL DONATION <<<-----------*/


.donation {

color: #58656D;

font-size: 11px;

padding-bottom: 25px;

width: 100%

}

.donation p {
color: #27B9DE;
line-height: 16px;
text-align: justify!important;

}

.donation form {

float: left!important;
padding-right: 10px!important;
margin: 0 0 0 0

}