@import url("reset.css");
@import url("global.css");

body {background-color: #4F6F92;}

h1 {border-bottom: 1px solid #d0d0d0;color: #191919;font-family: "Trebuchet MS", "Arial", serif;font-size: 1.80em;letter-spacing: 0.05em;}

h2 {color: #191919;font-family: "Trebuchet MS", "Arial", serif; font-size: 1.5em;font-style: normal;margin: 0 0 25px 0; text-transform: none; border-bottom: 0px solid #dedede;}

	.sIFR-active h2 {visibility: hidden;font-family: "Trebuchet MS", "Arial", serif; line-height: 1.1em; font-size: 1.4em;color: #191919; text-transform: uppercase; margin: 0 0 3px 0;}

h3, h3 a, #right #resume h2 {border-bottom: 2px solid #ddd;color: #666;font-family: "Trebuchet MS", "Arial", serif;font-size: 0.90em;font-style: normal;font-weight: bold;letter-spacing: 0.04em;line-height: 1.35;}

	#right h3, #right #resume h2 {border-bottom: 1px solid #e5e5e5;margin: 30px 0 5px 0;padding: 6px 0 3px 0; color: #333;}

	.sIFR-active h3 {visibility: hidden;font-family: "Trebuchet MS", "Arial", serif;line-height: 1.1em;font-size: 1em; color: #333;}

h4 {color: #4F6F92; font-size: 0.8em;font-style: italic;line-height: 1.5;padding: 20px 0 4px 0; clear: both;}
    
    .sIFR-active h4 {margin-top:1px;visibility: hidden;font-family: "Trebuchet MS", "Arial", serif;line-height: 1.1em;font-size: 1.1em;color: #4F6F92; padding-bottom:4px}

	#right #resume h4 {color: #444;font-family: arial, "Tahoma", helvetica, sans-serif;font-size: 0.90em;font-weight: bold;line-height: 1.50;}

p {font-size: 0.75em;line-height: 1.55em;}

pre.code {border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;border-left: 8px solid #e0e0e0;background-color: #f7f7f7;color: #575757;font-family: "lucida console", "courier new", monospace;font-size: 0.91em;line-height: 1.3;margin: 0 0 15px 0;padding: 10px 20px 5px 25px;}

body pre code {width: 530px;}


/****
**
** header 
**
****/
#header {height: 25px; border:0px solid white;}

#header #logo { position:relative; float:left; background: url(../img/logo.gif) no-repeat left top; border:0; height: 65px; width: 255px; top: 30px }
#header #logo a {display: none; border:0; text-decoration:none;}
#header #logo h1 {border:0; text-decoration:none;}
/* #header a:hover#logo {background-position: left top;} */


/****
**
** nav 
**
****/
#nav {margin: 0;padding: 0; position:relative; top:30px; float:right; border: 0px solid #fff; width: 600px;}

#nav ul {font-family: "Trebuchet MS", arial, sans-serif; font-size: 1.05em; font-weight: normal; text-align: right; }

#nav ul li {display: inline;}

#nav ul li a {color: #555;margin: 0 5px 0 5px;padding: 2px 0px 1px 0px;text-decoration: none; text-transform: lowercase;}

#nav ul li a:hover {border-top: 3px solid #e4e4e4;color: #4F6F92;}

#nav ul li a.selected {border-top: 3px solid #e4e4e4;color: #4F6F92;}


/****
**
** menuSx 
**
****/
#menuSx {text-align:center; font-size: 0.6em; color: #4D8D43;border:0px solid red; font-family:verdana, arial;}

#menuSx a {color: #fff; font-size: 1.1em; text-decoration: none; text-transform: none;}

#menuSx a:hover {color: #FFB227;}

#menuSx a.selected {color: #FFB227;}


/****
**
** content 
**
****/
#content {height: auto !important;height: 200px;min-height: 200px;}

#content p { color: #242424; }



/****
**
** title 
**
****/
#titleBox, #resumeTitleBox {border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;margin: 0 0 40px 0;padding: 32px 0 2px 0;}

#titleHome, #titleWork, #titleAbout, #titleNotebook, #titleNotebookFull, #titleCategory, #titleYear, #titleResume, #titleWhoops {height: 32px;padding: 0 0 32px 0;text-indent: -9999px;width: 920px;}


/****
**
** Home welcomeBlurb 
**
****/
#welcomeBlurb {margin-left:10px;}

#welcomeBlurb h1 {border:0;font-size: 2.4em;font-family: "Trebuchet MS", "Arial", serif; letter-spacing: 0.05em;padding-bottom: 1px}

#welcomeBlurb h1 a {border:0; color: #191919; text-decoration: none}

#welcomeBlurb h1 a:hover {border: 0; color: #4F6F92; }

#welcomeBlurb h6 {color: #F35F0F; border:0; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; font-size: 1.3em; color: #F35F0F; text-transform: none; padding-bottom: 3px;}
    
    .sIFR-active #welcomeBlurb h6 {visibility: hidden;font-family: "Trebuchet MS", "Arial", serif; line-height: 1.35em; font-size: 1.2em; color: #F35F0F; text-transform: none; padding-bottom: 3px;}

#welcomeBlurb p {font-family: Arial, sans-serif; line-height: 1.35em; font-size: 1em;color: #777; text-transform: none; padding-top:22px;}
    
    .sIFR-active #welcomeBlurb p {visibility: hidden;font-family: "Trebuchet MS", "Arial", serif; line-height: 1.35em; font-size: 0.9em;color: #888; text-transform: none; padding-top:24px;}



/****
**
** left 
**
****/
#left, #left-thin {padding: 0 20px 0 0;margin: 0; }

#left {width: 270px !important;width: 260px; }

#left-thin {width: 195px !important; width: 192px;}

#left ul, #left-thin ul {color: #666666;margin: 0;padding: 0; margin-bottom:10px}

#left ul li, #left-thin ul li {border-bottom: 1px solid #eeeeee;font-family: arial, "Tahoma", helvetica, sans-serif;font-size: 0.75em;line-height: 2.20;padding: 0 0 0 5px;}

#left ul li:hover, #left ul li.hovered, #left-thin ul li:hover, #left-thin ul li.hovered {background-color: #fafafa;border-bottom: 1px solid #e5e5e5;}

#left ul li a, #left-thin ul li a {line-height: 2.20;}

#left ul li a img, #left-thin ul li a img {margin: 0 0 0 0; position: relative;top: 4px;}

a#moreEntries {background: #fbfbfb url(../img/more_entries.gif) no-repeat left top;display: block;height: 24px;margin: 8px 0 0 0;width: 96px;}

a:hover#moreEntries {background-position: left bottom;}

#left .notebookCount, #left-thin .notebookCount {color: #a0a0a0;float: right;padding: 0 5px 0 0;}

#left .partners {border-bottom: 1px solid #ccc;}


/****
**
** menuRight 
**
****/

#menuRight {margin-top: 12px; float: right;border: 0px solid white; color: #fff; width: 135px; font-family: verdana, arial;}

#menuRight p { clear:both; padding: 5px 0; border-bottom: 1px solid #aaa;}

#menuRight a {color: #fff; font-size: 0.9em; text-decoration: none; text-transform: none;}

#menuRight a:hover {color: #FFB227;}

#menuRight a.selected {color: #FFB227;}

/****
**
** right 
**
****/


#right {width: 590px;margin: 0 5px 0 1px; border:0px solid red; margin-top: 20px;}
		.rightRoundBox { width: 590px; background: #fff; }
		.rightRoundBoxtop div { font-size: 0.7em; float: right; width: 190px; padding: 15px 60px 5px 0; border: 0px solid red;}
		.rightRoundBoxtop { height:75px; width: 590px; background: url(../img/right_top.gif) no-repeat top; }
		.rightRoundBoxbot div {  }
		.rightRoundBoxbot {height:26px; width: 590px; background: url(../img/right_bottom.gif) no-repeat bottom; }
	.rightRoundBoxcontent { padding: 15px 15px; border: 0px solid green; min-height: 120px;}
		.rightRoundBoxcontentHome {text-align: center;}

#right a img {border: none;}

#right p a.blackButton, #right ul li a.blackButton {background-color: #7a7a7a; color: #fff; padding: 2px 4px;}

#right p a:hover.blackButton, #right ul li a:hover.blackButton {background-color: #242424;}

#right a, #full .workItem .workLeft a {color: #191919;border-bottom: 1px solid #d9d9d9;}

#right a:hover, #full .workItem .workLeft a:hover {color: #4F6F92;border: none;}

#right a[target="_blank"], #full .workItem .workLeft a[target="_blank"] {background: transparent url(../img/external_link.gif) no-repeat scroll 100% 3px;padding: 0 12px 0 0;margin: 0 1px 0 0;}

#right a#mattBangoPage {background: #fff url(../img/matt_bango_page.gif) no-repeat left top;border: none;display: block;margin: 0;padding: 0;height: 221px;width: 205px;}

#right a:hover#mattBangoPage {background-position: left bottom;}

#right ul {list-style-type: disc;padding: 0 0 0 40px;margin: 0;}

#right ol {list-style-type: upper-roman;padding: 0 0 0 40px;margin: 0;}

#right ul li, #right ol li {font-size: 0.75em;line-height: 2em;color: #505050;}

#right #catTitle p {background-color: #545454;color: #fbfbfb;padding: 0px 0px 0px 8px;margin: 0 4px 20px 4px;font-size: 0.70em;}

#right #currentProject {margin: 0;padding: 0;}

#right #currentProject p {color: #777;line-height: 1.75;padding: 5px 35px 0 15px;margin: 0 0 15px 0;}

#right #currentProject em {color: #454545;}

#right a#nbPreviousEntries, #right a#nbNextEntries {display: block;margin: 25px 0 30px 0;height: 24px;width: 140px;text-indent: -9999px;border: none;}

#right a#nbPreviousEntries {background: #fbfbfb url(../img/previous_entries.gif) no-repeat left top;}

#right a#nbNextEntries {background: #fbfbfb url(../img/next_entries.gif) no-repeat left top;}

#right a:hover#nbPreviousEntries, #right a:hover#nbNextEntries {background-position: left bottom;}

#right #notebookFirst {padding: 4px 8px 8px 8px;}

#right #notebookLast {padding: 8px;}

#right #rassegna table td { padding: 4px 6px;} 

#right #rassegna .nbPostingContainer {background-color: #fff; border-bottom:1px solid #fff}

#right #rassegna .nbPostingContainerAlt {background-color: #eee; border-bottom:1px solid #ddd}

#right #rassegna .nbPostingContainer p {padding: 2px 0;margin: 0; font-size: 0.85em; color: #333; line-height: 1.3em;}

#right .nbPostingContainer ul {list-style-type: disc;}

#right .nbPostingContainer ul li {color: #505050;font-size: 0.75em;line-height: 2.0;}

#right .nbPostingContainer h1 { border:0px solid red; font-size: 1.6em; color:#4F6F92; margin-bottom:12px;}

#right .nbPostingContainer h1 a { border: 0; text-decoration: none; color:#4F6F92;}

#right #rassegna td h2 {width:440px; border:0px solid red; margin-bottom:3px; font-size: 1em;}

#right #rassegna td h2 a {color: #4F6F92;text-decoration: none;border: none; }

#right #rassegna td h2 a:hover {color: #191919;}

#right #rassegna td.nbDateContainer {text-align: right;color: #707070; width: 150px;}

#right #rassegna .nbDateContainer span {font-size:0.8em; display:inline;}

#right #rassegna .nbMonth {font-style: italic;font-weight:normal;padding: 0 0 0 1px;text-transform: uppercase; font-size: 1em; color: #888;}

#right #rassegna .nbDay {font-weight: normal;font-style: italic; font-weight:bold; font-size: 1em; color: #777;}

#right #rassegna.nbTime {font-style: italic; color: #888; padding: 0 0 0 1px;text-transform: uppercase; font-size: 0.6em;}



#right #viewDateContainer {
	clear: both;
	font-size: 0.8em;
	color: #555;
	padding-bottom: 10px;
	text-align: left;
	border: 0px solid red;
}


#right .nbPostingContainer ul {list-style: none;padding: 0;margin: 0;}

#right .nbPostingContainer ul li {list-style: none; line-height: 1.0;padding: 0;margin: 0 4px 0 0;float: left;font-size: 0.70em;color: #bababa; }

#right .nbPostingContainer ul li {font-weight: bold;}

#right .nbPostingContainer p { font-size: 0.8em;}

#right .nbPostingContainer div.commento {
	padding-left: 15px; padding-bottom:4px; margin-bottom:10px; border-left: 5px solid #ccc; border-bottom: 1px solid #aaa;  vertical-align:top;}
	
	#right .nbPostingContainer div.commento p { font-size: 0.8em;}

#right .noBorder { border: none; text-decoration:none;}
#right .noBorder:hover { border: none; text-decoration:none;}
/****
**
** commentsContainer 
**
****/
#content #right .commentsContainer {border-bottom: 1px solid #ccc; padding: 0px 8px 20px 0px; margin-top:0;}

#content #right .commentsContainer a[target="_blank"] {background: none;padding: 0;margin: 0;}

#content #right .commentsContainer ul {list-style: none;padding: 0;margin: 0;}

#content #right .commentsContainer ul li {list-style: none; line-height: 1.1;padding: 0;margin: 0 4px 0 0;float: left;font-size: 0.7em;color: #555; display: block; clear:both;}

#content #right .commentsContainer ul li {font-weight: normal;}

#content #right .commentsContainer a {color: #333; background: url(../img/bullet_gray.png) bottom left no-repeat; border:0; text-decoration:none; padding: 3px 0px 0px 18px; font-size: 1em;}

#content #right .commentsContainer a:hover {color: #4F6F92; background: url(../img/bullet_gray_dark.png) bottom left no-repeat;}


/****
**
** linksContainer 
**
****/
#content #right .linksContainer {padding: 10px 8px 20px 0px; margin-top:21px;}

#content #right .linksContainer ul {list-style: none;padding: 0;margin: 0;}

#content #right .linksContainer ul li {list-style: none; line-height: 1.1;padding: 0;margin: 0 4px 0 0;float: left;font-size: 0.75em; display: block; clear:both;}

#content #right .linksContainer ul li {font-weight: normal; }

#content #right .linksContainer a {color: #333; border:0; text-decoration:none;}

#content #right .linksContainer a:hover {color: #4F6F92;}


/****
**
** full 
**
****/
#full {width: 100%;min-height: 50px;height: auto !important;height: 50px;}

#full .workItem {border-bottom: 1px solid #e5e5e5;clear: both;padding: 35px 0 35px 0;}

#full .workItem p {line-height: 1.5;}

#full #workFirst {padding: 0 0 35px 0;}

#full #workLast {padding: 35px 0 0 0;border: none;}

#full .workLeft {float: left;width: 300px;}

#full .workItem .workLeft a.launchProject, #full .workItem .workLeft a.caseStudy {display: block;margin: 8px 0 0 0;padding: 0;border: 0;height: 24px;text-indent: -9999px;}

#full .workItem .workLeft a.launchProject {background: #fbfbfb url(../img/work_launchProject.gif) no-repeat left top;width: 115px;}

#full .workItem .workLeft a.caseStudy {background: #fbfbfb url(../img/work_caseStudy.gif) no-repeat left top;width: 123px;}

#full .workItem .workLeft a:hover.launchProject, #full .workItem .workLeft a:hover.caseStudy {background-position: left bottom;}

#full .workItem .workLeft .pending p {background-color: #FCFAE9;border: 1px solid #f7f3ce;padding: 2px 5px 2px 5px;}

#full .workItem .workRight, #right #currentProject #currentProjImg {float: right;height: 196px;width: 600px;background: #fff url(../img/workRight_bg.gif) no-repeat left top;position: relative;}

#full .workItem .workRight img, #right #currentProject, #currentProjImg img {position: relative;left: 17px;top: 15px;}



/****
**
** right 2
**
****/
#right #currentProject #currentProjImg {float: none;}

.resume_block {padding: 0 0 0 16px;}

.resume_block p {line-height: 1.5;margin: 0;padding: 0;}

.resume_block em, .experience_block em {color: #c5c5c5;font-size: 0.90em;font-style: italic;line-height: 1.5;}

.resume_block ul {line-height: 1.5;margin: 0;padding: 0 0 0 40px;}

#right #resume .experience_block ul {line-height: 1.5;margin: 0;padding: 0 0 15px 40px;}

#right #resume .experience_block ul li {line-height: 1.75;margin: 0 0 5px 0;}

.experience_block {border-bottom: 1px solid #efefef;border-left: 8px solid #efefef;margin: 0 0 15px 0;padding: 0 0 0 8px;}

.experience_block em {font-size: 0.80em;}



.experience_block h4 {padding: 0 6px 0 0;}


/****
**
** workNav 
**
****/
#workNav {border-bottom: 1px solid #d5d5d5;height: 32px;position: relative;top: -39px;padding: 12px 10px 0 10px;margin: 0 0 20px 0;background-color: #fbfbfb;width: 900px;}

#workNav ul {padding: 0;}

#workNav ul li {float: left;}

#workNav ul li em {margin: 0 5px 0 0;color: #b3b3b3;font-size: 0.80em;}

#workNav ul li a {border-bottom: 1px solid #dfdfdf;color: #444;margin: 0 42px 0 42px;}

#workNav #resumeLink a {border-bottom: 1px solid #dfdfdf;color: #888;font-size: 0.75em;font-style: italic;}

#workNav #resumeLink a:hover {color: #4F6F92;border: none;}

#workNav #resumeLink img {border: none;position: relative;top: 4px;}

#workNav ul li a:hover {color: #4F6F92;border: none;}

#workNav ul li a.workSelected {font-weight: bold;}


/****
**
** footer 
**
****/
#footer {border-top: 0px solid #d6d6d6;text-align: center;margin: 0px 0 0 0;padding: 0 0 10px 0;width: 100%;}

    #footerHome {border-top: 9px solid #C4DEF0; text-align:center; padding: 0 0 10px 0; margin:25px 0 0 0; width:100%;}

#footer a {color: #999;}
    #footerHome a {color: #999;}

#footer img { margin: 0 5px 0 0; }
    #footerHome img { margin: 0 5px 0 0; }

#footer p {color: #999999; margin: 0; padding:0;font-size: 0.65em;font-weight: bold;}
    #footerHome p {color: #999999; margin: 0; padding:0;font-size: 0.65em;font-weight: bold;}

#footerNav {color: #b0b0b0;margin: 0;padding: 0;font-size: 0.65em; font-weight: bold;}

#footerNav li {display:inline;line-height: 1.5;}

#footerNav li a {color: #999999;text-decoration: none;}

#footerNav li a:hover, #footer a:hover {color: #333;border-bottom: 1px solid #d9d9d9;}

#footLeft {margin: 10px 0 0 0;text-align: center;}

#footer #footLeft p {line-height: 1.5;margin: 0;padding: 0;}
    #footerHome #footLeft p {line-height: 1.5;margin: 0;padding: 0;}

#footRight {margin: 10px 0 0 0;text-align: right;}


/****
**
** annuncio 
**
****/

#annuncio {width:247px; height: 202px; background: url(../img/sticker.jpg) top left no-repeat; text-align: center; padding-top: 24px; border: 0px solid red;}

#annuncio p {float: left; left: 15px; position: relative; color: #191919; font-size:1.1em; width:195px;}

    .sIFR-active #annuncio p {visibility: hidden; text-transform: none; color: #191919; font-size: 0.9em;}

#annuncioTitle {color: #333; font-family: "Trebuchet MS", Arial, tahoma; font-size: 1.25em; font-weight:bold; text-transform: uppercase; text-decoration: none;  text-align:center; letter-spacing: -1px;}
    
    .sIFR-active #annuncioTitle {visibility: hidden; font-weight:bold; text-transform: uppercase; color: #191919; font-size: 1.5em; line-height:1.7em; text-decoration: none;}
    
/****
**
** SIFR 
**
****/
.sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}

.sIFR-unloading .sIFR-flash {visibility: hidden !important;}

.sIFR-replaced, .sIFR-ignore {visibility: visible !important;margin: 0;padding: 0;}

.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}

.sIFR-dummy { width: 0px;height: 0px;margin-left: 42px;z-index: 0;}


/****
**
** Preloader 
**
****/
p.preloader {
    height: 300px;
    width: 600px;
    text-align: center;
    display: block;
}



    /****
    **
    ** Login  
    **
    ****/
    #login {color: #191919; font-size: 1em;text-align: left; padding:15px 0 0 0}
    
    #login h2 { text-transform: capitalize; font-size:1.2em; color:#4F6F92; margin: 3px 0; padding:3px 15px}
    
    #login label {color: #191919; font-weight: normal; padding:0 0 1px 15px; margin: 0; font-size:0.75em; text-align: left;}
    
   #login input.submit-btn
    	{
    	width: 54px;
    	height: 20px;
    	background: transparent url(../img/btn-login.gif) no-repeat;
    	outline: none;
    	padding:0;
    	border: 0;
    	vertical-align:bottom; 
    	margin-bottom:9px;
    }
    	
   #login input.submit-btn:hover {background: transparent url(../img/btn-login.gif) no-repeat 0 -20px; }
    
    #login input.inp
    	{
    	border: 1px solid #aaa;
    	width: 120px;
    	height:70%;
    	background: #eee;
    	font: 11px verdana, sans-serif;
    	color: #443;
    	padding: 3px;
    	margin-bottom: 10px;
    	outline: none;
    	}
    	
    #login input.inp:hover { border: 1px solid #777; background: #f2f2f2}
    #login input.inp:focus { border: 1px solid #777; background: #f2f2f2}


    /****
    **
    ** homeFaq  
    **
    ****/
    #homeFaq {color: #191919; font-size: 1em;text-align: left; padding:0}
    
    #homeFaq .spaceFaq {margin-top: 22px;	}
    
    #homeFaq h2 { text-transform: capitalize; font-size:1.2em; color:#4F6F92; margin: 3px 0;}
    
    #homeFaq p { font-family: Arial; font-size: 0.75em; text-align: left; border: 0;}
        
    #homeFaq input.submit-btn
    	{
    	width: 90px;
    	height: 20px;
    	background: transparent url(../img/btn-faq.gif) no-repeat;
    	outline: none;
    	padding:0;
    	border: 0;
    	vertical-align:bottom; 
    	margin-bottom:9px;
    }
    	
    #homeFaq input.submit-btn:hover {background: transparent url(../img/btn-faq.gif) no-repeat 0 -20px; }
    
#homeFaq .rbroundboxFaq { background: #fff; }
#homeFaq .rbtopFaq div { background: url(../img/tl_small.gif) no-repeat top left; }
#homeFaq .rbtopFaq { background: url(../img/tr_small.gif) no-repeat top right; }
#homeFaq .rbbotFaq div { background: url(../img/bl_small.gif) no-repeat bottom left; }
#homeFaq .rbbotFaq { background: url(../img/br_small.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#homeFaq .rbtopFaq div, .rbtop, .rbbotFaq div, .rbbotFaq {
width: 100%;
height: 10px;
font-size: 1px;
}
#homeFaq .rbcontentFaq { margin: 0 10px;}
#homeFaq .rbroundboxFaq { width: 100%; margin: .1em auto; text-align: center;}
#homeFaq .rbcontentFaq img {text-align: center; border: 0;}
#homeFaq .rbcontentFaq p {text-align: center; line-height:1.4em; font-size: 0.7em; padding-bottom: 10px; border:0;}
#homeFaq .rbcontentFaq h4 {margin: 0; padding: 4px 0;}


/* Comuni */
#homeFaq table {text-align: center; width: 100%;}
#homeFaq table td {text-align: center;}


    /****
    **
    ** User account tabs menu 
    **
    ****/
    div#userbar {
    	height: 24px;
    	width: 100%;
    	background: transparent;
    }
    div#userbar ul {
    	margin: 0px;
    	padding: 0px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: small;
    	color: #FFF;
    	line-height: 24px;
    	white-space: nowrap;
    }
    div#userbar li {
    	list-style-type: none;
    	display: inline;
    }
    div#userbar li a {
    	text-decoration: none;
    	padding: 5px 7px;
    	color: #FFF;
    	font-weight: bold;
    }
    div#userbar li a:link {
        color: #FFF;
    }
    div#userbar li a:visited {
        color: #FFF;
    }
    div#userbar li a:hover {
        color: #fff;
        background-color: #00B4F0;
    }
    
/****
**
** Immagini e gallery
**
****/ 

p.partners-list {padding: 0; margin:6px 0; }

.partners-list a {
	background: transparent;
	padding: 0;
}

.partners-list a img {
	padding: 5px;
	border: 1px solid #f2f2f2;
	width: 160px;
}
  
.partners-list a:hover img { 
    border: 1px solid #ccc;
} 
  
.gallery-list a {
	background: transparent;
	padding: 0;
}
	
.gallery-list a span {
	color: #888;
	font-weight: normal;
}
	
.gallery-list a:hover span { color: #443; }

.gallery-list a img {
	padding: 5px;
	background: transparent url(../img/img-bg.gif) no-repeat;
	border: none;
}
	
.gallery-list a:hover img { background-position: 0 -130px; }



/****
**
** Ombre
**
****/ 
.img-shadow {
  /*clear: both;*/
  float:left;
  background: url(../img/shadow.png) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 20px 0 0 17px !important;
  margin: 20px 0 0 8px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  /* width: 154px;
  height: 203px; 
  */
}

.p-shadow {
  clear: both;
  width: 90%;
  float:left;
  background: url(../img/shadow.png) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.p-shadow div {
  background: none !important;
  background: url(../img/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em "Trebuchet MS", serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

.thumb {
    width: 170px;
    float:right;
    margin-left: 10px;
}

/****
**
** rbroundbox
**
****/ 

.rbroundbox { background: #ffffff; }
.rbtop div { background: url(../img/tl.gif) no-repeat top left; }
.rbtop { background: url(../img/tr.gif) no-repeat top right; }
.rbbot div { background: url(../img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 22px;
font-size: 1px;
}
.rbcontent { margin: 0 22px; border: 0px solid red;}
.rbroundbox { width: 100%; margin: .5em auto; text-align: center;}
.rbcontent img {text-align: center; border: 0;}
.rbcontent p {text-align: center; line-height:1.4em; font-size: 0.75em; margin:13px 0;}

.rbcontent h4 {margin: 0; padding: 4px 0;}


/****
**
** scuole
**
****/

#scuole ul {list-style: none;padding: 0;margin: 10px 0 0 0; width:600px; min-height:300px;}

#scuole ul li {list-style: none; width:600px; line-height: 1.2em; padding: 0 0 10px 25px;margin: 0 4px 0 0;float: left;font-size: 0.8em;color: #555; display: block; clear:both; font-weight: normal; font-family:  "Arial", serif; background: url(../img/green_arr.png) no-repeat top left; clear:both; display:block;}

#scuole ul li a {color: #787878; border:0; text-decoration:none; padding: 0px; line-height:1.1em; font-size:1.1em;}

#scuole ul li a:hover {color: #191919; }

#scuole p {
line-height: 1.2em; padding: 0 0 0 10px;margin: 0 4px 0 0;float: left;font-size: 0.8em;color: #555; display: block; clear:both; font-weight: normal; font-family: "Trebuchet MS", "Arial", serif; background: url(../img/green_arr.png) no-repeat top left; clear:both; display:block;
}
 
 

/****
**
** user dashboard 
**
****/

#dashboard ul {list-style: none;padding: 0;margin: 6px 0 0 0;}

#dashboard ul li {list-style: none; line-height: 1.2em; padding: 0 0 5px 0px;margin: 0 4px 0 0;float: left;font-size: 0.8em;color: #555; display: block; clear:both; font-weight: normal; font-family:  "Arial", serif; clear:both; display:block;}

#dashboard ul li a {color: #191919; border:0; text-decoration:none; padding: 0px; line-height:1.2em; font-size:1.1em;}

#dashboard ul li a:hover {color: #4F6F92; }

#dashboard p {
line-height: 1.2em; padding: 0 0 0 10px;margin: 0 4px 0 0;float: left;font-size: 0.8em;color: #555; display: block; clear:both; font-weight: normal;
} 

#dashboard img {
	border:  0;
	text-decoration:none;
}

#dashboard a {
	text-decoration:none;
	font-size: 0.9em;
}

#dashboard a:hover {
	text-decoration:none;
}

#dashboard h3 {
	font-size: 1.2em; clear:both; font-weight:normal; margin: 10px 0;
}

#dashboard table {
	border: 0;
	font-size: 0.9em;
}

#dashboard table th {
	font-size: 0.8em;
	text-align: left;
}


#dashboard table td {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: 4px;
}

#dashboard table a {
	border: 0;
	text-decoration: none;
}


/****
**
** lavori
**
****/
#lavori a {
	text-decoration:none;
}

#lavori a:hover {
	text-decoration:none;
}

#lavori h3 {
	font-size: 1.2em; clear:both; font-weight:normal; margin: 10px 0;
}

#lavori table {
	width: 100%;
	padding: 0;
	margin: 0;
}

#lavori caption {
	padding: 0 0 5px 0;
	width: 100%; 
	font: italic 0.9em arial, Helvetica, sans-serif;
	text-align: right;
}

#lavori th {
	font: bold 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../img/bg_header.jpg) no-repeat;
}

#lavori th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#lavori td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font-size:0.75em;
}

#lavori td.trColorAlt {
	background: #f7f7f7;
}

#lavori td.trColorAlt {
	background: #f7f7f7;
}

#lavori .line tr:hover {
	background-color: #FFFDDD;
}


#lavori td.alt {
	background: #F5FAFA;
	color: #797268;
}

#lavori th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../img/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#lavori th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../img/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}





/****
**
** insert commento
**
****/
#commento {
	font-size: 0.8em;
}


#commento input.submit-btn
    	{
    	width: 54px;
    	height: 20px;
    	background: transparent url(../img/btn-submit.gif) no-repeat;
    	outline: none;
    	padding:0;
    	border: 0;
    	vertical-align:bottom; 
    	margin-bottom:9px;
    }
    	
#commento  input.submit-btn:hover {background: transparent url(../img/btn-submit.gif) no-repeat 0 -20px; border: 0;}


#commento textarea {
		height: 150px;
}

table#comuni_aderenti {text-align: center; background-color: #e7e7e7;}

table#comuni_aderenti td {
	text-align: center; 
	vertical-align:top;
	width:130px;
	font-size:11px;
	background-color: #fff;
	padding:8px 4px;
	border: 1px solid #ddd;
	margin: 4px 0;
}

table#comuni_aderenti td.sfondo img { 
	width:80px;
	height:80px;
	-ms-interpolation-mode: bicubic;	
}

table#comuni_aderenti a img {
	border:0px solid #bbb;
}

#accordion {font-size:100%;}

#accordion p {
	background: url(../img/pdf.gif) no-repeat top left;
	padding-left:29px;
	margin:8px 0px;
}



/*Gallery disegni dei bambini */

#galleria img {text-decoration: none;}

#galleria a img,
#galleria a:link img,
#galleria a:visited img
{
	
	border:1px solid #ccc;
	padding:4px;
	background-color:#fff;
	margin:4px 10px;
	text-decoration: none;
	width:100px;
	height:100px;
	-ms-interpolation-mode: bicubic;
}

#galleria a:focus img,
#galleria a:hover img {
	text-decoration: none;
	border:1px solid #4F6F92;
}

#galleria a:active img
{
	text-decoration: none;
	border:1px solid #ccc;
	padding:4px;
	background-color:#fff;
}

a, a:link, a:visited, a:active {text-decoration: none;}