/*

Forseti.it

----------------------
Css by Patrick Palombo
www.piquadro.net
----------------------

Obey Your Master

MASTER.CSS */

@import url('../css/advance_reset.css');
@import url('../css/form.css');



/*MAIN STYLES*/
/*#9FC53B*/

/* BODY ------------------------------------------------------------------ */
html, body { height: 100%; }
body { background:url(../images/bg_noise.gif) top left; border-top:5px solid #9FC53B; position:relative; display:none; }
body.evento150body { background:transparent url(../images/150_entry.jpg) top center no-repeat; }
::selection {background: #9FC53B; color:white;}
::-moz-selection {	background: #9FC53B; color:white;}
iframe { border:4px double #9FC53B;  }


/* HEADINGS ------------------------------------------------------------------ */
h1, h2, h3, h4 { font-family:Ubuntu, Arial, Helvetica, sans-serif; text-rendering : optimizeLegibility; color:#333;}
h1 { font-size:5.5em;}
	h1:after {content:"."; color:#9FC53B}
h2 { font-size: 1.5em; padding:0 0 10px; color:#999; }

/* TYPOGRAPHY ----------------------------------------------------------- */
p { /* 14 / 16 = 1 */ line-height:1.8em; }
ul { list-style-type : none; margin-bottom : 1.5em; font-size : .87em; /* 14 / 16 = 1 */ }
ol { list-style-type:none; }
blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em;  }



/* LINKS ------------------------------------------------------------------ */
a { color: #9FC53B;  text-decoration: none; }
a:hover { text-decoration: underline; }

/* LAYOUT ------------------------------------------------------------------ */

.fixed_band a { display:block; position:fixed; top:0; right:0; text-indent:-999em; background:url(../images/tag_sid.png) top left no-repeat; opacity:1; width:122px; height:122px; }
	.fixed_band a:hover { opacity:.8; }
header, .content, aside { width:90%; margin:0 auto; overflow:hidden; }
header { margin:50px auto; }
	h1.logo a { display:block; text-indent:-999em; width:162px; height:36px; background:url(../images/logo_forseti.png) top left no-repeat; float:left;  }
		h1.logo a:hover { opacity:.7; }
		h1.logo:after { content:""; }
	/*Navigation*/	
	#primary { float: right; margin:10px 0 0; } 	
	nav li { display:block; float:left; }
		nav li a { font-family:ubuntu; display:block; float:left; padding:7px; font-size:1.15em; text-transform:uppercase; font-weight:bold; color:#787878; margin:0 5px; }
		nav li a.selected { background:white; color:#9FC53B }
		nav li a:hover { color:#9FC53B; text-decoration:none; }
		/*Secondary navigation*/
		.ui-tabs-hide { display: none !important; }
	
		#secondary ul { width:100%; margin:20px auto 0; border-bottom:1px dashed #ccc; clear:both; overflow:hidden; text-align:center }
			#secondary ul li { display:inline-block; float:none; padding:10px 15px;  }
			#secondary ul li a { display:block; text-transform:none; font-size:1.6em; color: #c3c3c3; }
			#secondary ul li a:hover { color:#000; }
			.ui-tabs-selected a{ color:#9FC53B!important; }
section { text-align:center; }
.content { padding:0 5% 5% 5%; }
.featured {padding:0 5% 20% 5% ;  background:transparent url(../images/generic_entry_bg.png) bottom center no-repeat; -moz-background-size: contain;  background-size: contain;  }
	section p { display:block; width:80%; margin:0 auto; font-size:1em; line-height:1.8em; padding:1em 0 0; } 
	.featured li { text-align:left; list-style-type:circle; list-style-position:inside; }
	.featured p { text-align:center;  }
	.dualcol p, .dualcol h1, .dualcol h2 { text-align:left; display:block; margin:0 0 0 39%; }
	.dualcol p { width:auto; }
	.dualcol .link {display:inline-block; margin:20px 0 0 39%; padding:5px 10px; color:#fff; background:#9FC53B; font-weight:bold; }
	
	/*FEATURED POSTS PARTICOLARI*/
	.linuxday { text-align:left;  background:transparent url(../images/linuxday_entry.png) top center no-repeat; padding:6% 5% 11% 5%!important; -moz-background-size: cover;  background-size: cover; }
	.evento150 {  text-align:left; background:none;  padding:5% 5% 200px 5%!important; -moz-background-size: cover;  background-size: cover;  }
		.evento150 h1 { font-size:4.3em; }
		

	
#associazione { background:none;  }
	.tabs > section { padding: 50px 0 0 ;}
	.tabs > section > p { font-size:1.2em; }
	.content > section h1 { font-size:4.5em;}
	.content > section h2 { font-weight:normal; margin:10px 0 15px;}
	#direttivo, #fondatori { width:100%; overflow:hidden; margin:40px 0 0; }
		#direttivo li {  background:transparent url(../images/sfondo_soci.png) 50% 10px no-repeat; display:inline-block;   width:16%; vertical-align:top; border-right:1px dashed #dedede; }
		#direttivo li:hover { background-position:50% 0; }
		#direttivo li:last-child { border:none; }
			#direttivo figure {  margin:0 0 30px; opacity:1;}
			#direttivo figure:hover {  opacity:.8; }
			#direttivo figcaption { }
			#direttivo h4 { font-size:1.3em; margin:20px 0 10px; }
			#direttivo h5 { color:#999; font-weight:normal; }
			#direttivo p { font-size:.9em; display:block; width:80%; margin:0 auto; text-align:center; }
	.events { margin:0 auto!important;  }
		.events article { overflow:hidden;  }
		.prev_events { padding:70px 0 0 ; }
			.events h2, .press h2 { margin:5% 0 2% 0!important; padding:0 0 0 30px; font-weight:bold!important; color:#9FC53B; font-size:2em; display:inline-block; }
			.two_col h2 { background:url(../images/progect_forseti_current.png) center left no-repeat; }
			.two_col h3 { font-size:1.4em; color:#000; }
			.two_col p { width:100%; font-size:1.1em; }
			.three_col h2 { color:#666;  background: url(../images/progect_forseti_past.png) center left no-repeat; }
			.events ul, .press ul {  border-top:1px dashed #ccc;  }
				.events li, .press li { display:block; float:left; width:42%; text-align:left;  padding:3% 3% 0 3.5%; border-right:1px dashed #ccc; }
				.press li { padding:5% 3% 0 3.5%;}
				.two_col li:nth-child(2n) { border-right:none; }
				.three_col li { background-color:none; border-top:1px solid #dedede; padding:2% 3% 2% 3.5%; width:26%; height:65px;  }
				.three_col li:hover { background-color:#ededed; }
				.three_col li:nth-child(3n) { border-right:none; }
				.three_col li:nth-child(-n+3) { border-top:none }
					.two_col li time { color:#9FC53B; text-transform:uppercase; font-size:1.3em;  }
					.events li h3 {  font-size:1.3em; padding:0 0 10px;  }
					.three_col li a, .two_col li a { display:inline-block; padding:4px 10px; font-size:1em; background:#9FC53B; width:auto; color:white; font-weight:bold; }
					.two_col li a { text-transform:uppercase; font-weight:bold; font-family:Ubuntu; padding:10px; margin:10px 0 0;}
					.three_col li time { color: #999; font-weight:bold;}
					.three_col li h3 { font-size:1.1em; color: #aaa; font-weight:normal; }
	.next_events { margin:0;   }
	.showcase { border-top:1px dashed #ccc; margin:70px auto 0;}
		.showcase article { width:23%; display:block; float:left; border-right:1px dashed #ccc; padding:0 5%; }
		.showcase article:nth-child(1) {}
		.showcase article:last-child {border:none;}
			.showcase article img { padding:20px 0 0; }
			.showcase article h2 { font-weight:bold; margin:20px 0 10px; color:#9FC53B; padding:0; }
			.showcase article h3 { font-size:1em; }
			.showcase article p { width:100%; }
aside[role="abstracts"] { background:#333; bottom:0; width:100%; color:white;  border-top:5px solid #9FC53B;  }
	aside[role="abstracts"] h2 { color:white; border-bottom:1px solid #434343; margin:0 0 10%; font-size:1.7em; padding:0 0 10px 35px; }
		aside[role="abstracts"] h2 a { display:block; float:right; font-size:.65em; text-transform:uppercase; color: #666 ; font-weight:normal; margin:10px 0 0;  }
	aside[role="abstracts"] h3 { color:white; font-size:1.4em; margin:0 0 10px; font-weight:normal; }
	aside[role="abstracts"] p { color:white; font-size:1.1em; line-height:1.9em; color:#c2c2c2; margin:10px 0 0; }
		aside[role="abstracts"] img[alt="busta forseti"] { width:214px;  margin:0 auto;  }
		aside[role="abstracts"] form { background:#454545; padding:3px; margin:120px 0 0 0; width:100%; overflow:hidden; float:none;  }
		aside[role="abstracts"] input[type="email"] { background:white; border:2px solid white; padding:3%; font-style:italic; font-size:1.2em; width:72%; box-shadow:none; display:block; float:left;  }
		aside[role="abstracts"] input[type="email"]:focus { box-shadow: #CEDD45 0 0 10px !important; outline:none;}
		aside[role="abstracts"] input[type="submit"] { background:#9FC53B; border:none; color:white; font-weight:bold; padding:3% 2%; width:19%; display:block; float:right; font-size:1.4em; }
		aside[role="abstracts"] input[type="submit"]:hover { background:#666; }
		aside[role="abstracts"] input[type="submit"]:invalid { background:#666; color:red; }
			aside[role="abstracts"] blockquote p { line-height:1.2em; padding:0 20px 20px 20px; color:#666;}
			aside[role="abstracts"] blockquote p:hover { color:#9FC53B; }
			.dida { font-size:.7em; line-height:1.3em; display:block; border-top:1px dashed #434343; padding:20px 20px 0;  }
	aside[role="abstracts"] > ul { width:90%; margin:4em auto 4px auto; overflow:hidden; border-bottom:1px solid #434343; padding:0 0 30px;  }
	aside[role="abstracts"] > ul > li { display:block; float:left; width:21%; margin:0 5% 0 0; }
	aside[role="abstracts"] > ul > li:nth-child(1) h2 { background:url(../images/newsletter.png) 0 3% no-repeat; }
	aside[role="abstracts"] > ul > li:nth-child(2) h2 { background:url(../images/dicono_di_noi_icon.png) 0 3% no-repeat; }
	aside[role="abstracts"] > ul > li:nth-child(3) h2 { background:url(../images/blog_icon.png) 0 3% no-repeat; }
	aside[role="abstracts"] > ul > li:nth-child(4) h2 { background:url(../images/eventi.png) 0 3% no-repeat; }
	aside[role="abstracts"] li:first-child { background:url(../images/busta_nletter.jpg) 50% 75px  no-repeat; }
	aside[role="abstracts"] li:first-child:hover {background:url(../images/busta_nletter.jpg) 50% 65px  no-repeat;}
	aside[role="abstracts"] li:last-child { margin:0; }
		.time_list { margin:0; padding:0;}
		.time_list li { display:block; float:none; font-size:1.5em; padding:10px 0; border-top:1px solid #434343;  }
		.time_list li:first-child { border:none; padding:0 0 10px 0; background:none!important;  }
			.time_list li time { font-size:.9em; }
			.time_list li p { margin:0; line-height:1.3em; }
footer { width:100%; background:#333; }
	footer div { width:90%; margin:0 auto; padding:10px 0 60px; overflow:hidden; border-top:1px solid #434343; }
	footer p { display:block; float:left; color:#666; font-size:1em; padding:0 0 0 30px; background:transparent url(../images/symbol_forseti_small.png) center left no-repeat; }
	footer iframe { float:right; margin:0 20px 0 0; width:100px; }
	footer a.facebook_logo { display:block; float:right; text-indent:-999em; width:85px; height:17px; background:#999 url(../images/facebook_logo.png) top left no-repeat; margin:0 15px 0 0; }
	footer a.facebook_logo:hover { background-color:#9FC53B }


/* MODERNIZR ------------------------------------------------------------------ */
		/* Good guys styles */
		.csstransitions .global-search input:focus { width:160px;  }
		.csstransitions .bx-next:hover, .csstransitions .bx-prev:hover  { width:40px; background-color:#efefef;  }
		
		/* Transitions */
		.csstransitions h1.logo a, .csstransitions nav li a, .csstransitions a.facebook_logo, .csstransitions blockquote p, .csstransitions .three_col li, .csstransitions aside[role="abstracts"] input[type="email"] , .csstransitions aside[role="abstracts"] input[type="submit"], .csstransitions aside[role="abstracts"] li:first-child, .csstransitions #direttivo figure, .csstransitions #submit_btn, .csstransitions label input, .csstransitions label textarea, .csstransitions #direttivo li { -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
		
		/* Rounded Corners */
		.borderradius nav li a  {border-radius: 8px; -moz-border-radius: 8px ;-webkit-border-radius: 8px;}
		.borderradius .three_col li a {border-radius: 8px; -moz-border-radius: 8px ;-webkit-border-radius: 8px;}
		
		/* Multicolums */
		.featured {}
		  



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 569px) {
	
h1 { line-height:1em; font-size:3em; margin:0 0 15px 0; }
ul, ol { margin:0; }

body.evento150body { background-position:  25% 230px;}
.evento150 { margin:400px 0 0 0; padding:5% 5% 50px 5%!important; }
	.dualcol p, .dualcol h1, .dualcol h2 { text-align:center; display:block; margin:0 2% }
	.dualcol p { width:100%!important; text-align:center;}
	.dualcol .link {display:inline-block; text-align:center; padding:5px 10px; color:#fff; background:#9FC53B; font-weight:bold; }

header { margin:20px auto;  }
	h1.logo a { float:none; margin:0 auto; }
	nav { float: none; width:100%; margin:50px auto; padding:0 0 40px; } 	
		nav li { float:none; }
			nav li a { float:none; padding:15px; border-bottom:1px solid white; }
			.showcase article, .events li, .press li { width:100%; float:none; }
			.events li { padding:15% 0 0; border:0; }
			#direttivo li { width:auto; border:none; }
			#passati { padding:15% 0 0; }
			#passati li { padding:5% 0 0; border:none; border-top:1px dashed #ccc; }
			.featured {-moz-background-size: 150%;  background-size: 150%;}
				.featured p { width:90%; }
			aside[role="abstracts"] > ul > li { float:none; width: 100%; clear:both; padding:0 0 15%;}
			
		aside[role="abstracts"] blockquote p, .dida { padding:20px 0 20px; }
			aside[role="abstracts"] blockquote p { padding-top:0; }
			iframe { display:block; float:none; width:95%; height:200px; }
			form { width:90%; float:left; padding:15% 0 0; }
			#submit_btn { width:108%; padding:20px; }
  
}

@media only screen and (min-width : 570px) and (max-width : 1220px) {
#direttivo li { width:30%; }
}

@media only screen and (min-width : 1281px) {
header, .content, aside, aside[role="abstracts"] > ul, footer div { width:1200px;}
.content { padding:0 0 5%; }
.featured {padding:0 5% 15% 5% ;}
.linuxday { padding:6% 5% 11% 5%!important; }

}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}