/*
Theme Name: Twenty Eleven Layouts
Theme URI: http://zeaks.org/three-column-twenty-eleven
Author: Scott Dixon
Author URI: http://zeaks.org
Description: A Twenty Eleven child theme.
Version: 1.1
License: GNU General Public License
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support
Template: twentyeleven
*/
@import url("../twentyeleven/style.css");

.entry-content, .entry-summary {
	padding: 0;
}

.entry-title, .entry-title a {
    text-align: center;
	    width: 100%;
}

/* Three Column layout - left and right sidebars
--------------------------------------------------*/
.three-column #page { max-width: 1000px;}
.three-column #primary {
    float: left;
    margin: 0 -26.4% 0 0;
    width: 100%;
}
.three-column #content {
    margin: 0 20% 0 21%;
    width: 58%;
}
.three-column #secondary {
    float: right;
    margin-right: 0;
    width: 19%;
}
.three-column #extra-sidebar{
	position:relative;
    float: left;
    width: 19%;
    margin-left: -73.5%;
}
/* Three column - Two Right sidebar layout
------------------------------------------- */
.two-right #page { max-width: 1000px;}
.two-right #primary {
	float: left;
	margin: 0 -46.4% 0 0;
	width: 100%;
}
.two-right #content {
	margin: 0 46.4% 0 3.6%;
	width: 50.4%; /*slightly wider than alternate layout */
}
.two-right #secondary {
	float: right;
	margin-right: 2.6%;
	width: 19.2%; 
}
.two-right #extra-sidebar{
	position:relative;
	float: right;
	margin-right: 2.6%;
	width: 19.2%;
}
/* Three column - Two Left sidebar layout
------------------------------------------ */
.two-left #page { max-width: 1000px;}
.two-left #primary {
	float: right;
	margin: 0 0 0 -46.4%;
	width: 100%;
}
.two-left #content {
	margin: 0 5.6% 0 46.4%;
	width: 49.4%;
}
.two-left #secondary {
	float: left;
	margin-left: 3.6%;
	margin-right: 0;
	width: 18.8%;
}
.two-left #extra-sidebar{
	position:relative;
	float: left;
	margin-left: 2.6%;
	margin-right: 0;
	width: 18.8%;
}
/* Adjust the comments */
.commentlist, #respond {
   -margin-right: -2%;
}
/* Extra sidebar fix for narrow browsers/media devices */
@media (max-width: 800px) {
#main #extra-sidebar{
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
}
/* Default right sidebar (Twenty Elevens) with extra sidebar alignment fix*/
#extra-sidebar{
	position:relative;
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}
/* Left sidebar layout (Twenty Elevens) extra sidebar alignment fix */
.left-sidebar #extra-sidebar {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}
/* Fix for gallery attachment pages 1.5 */
.image-attachment #content{
    margin: 0 7.6% 0 7.7%;
    width: 84.8%;
}
/* Better Comments (makes better use of space in comments)
--------------------------------------------------------- */

/* Make comments as wide as possible*/
.page-template-sidebar-page-php .commentlist,
.single  .commentlist { width: auto; }
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Talking avatars take up too much room at this size */
.page-template-sidebar-page-php .commentlist > li.comment,
.singular  .commentlist > li.comment,
.single  .commentlist > li.comment {
	margin-left: 0;
}
.page-template-sidebar-page-php .commentlist > li.comment .comment-meta,
.page-template-sidebar-page-php .commentlist > li.comment .comment-content,
.singular  .commentlist > li.comment .comment-meta,
.singular  .commentlist > li.comment .comment-content,
.single  .commentlist > li.comment .comment-meta,
.single  .commentlist > li.comment .comment-content {
	margin-right: 75px;
}
/* fix the margin for narrow content in threaded comments */
.commentlist .children li.comment .comment-content,
.commentlist .children > li.bypostauthor, .commentlist > li.bypostauthor {
	margin-right: 0;
}
.page-template-sidebar-page-php .commentlist .avatar,
.singular  .commentlist .avatar,
.single  .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.page-template-sidebar-page-php .commentlist .children .avatar,
.singular .commentlist .children .avatar,
.single  .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}

.singular #respond,
.single #respond {
	width: 62.9%;
}
/* comment fix for single pages and attachment pages */
#sidebar-page-custom #respond, .single-post #respond {width: auto;}
.commentlist .children  #respond {width:auto;}
.image-attachment .commentlist{width: 68.9%;}
.image-attachment #respond {width: 62.9%;}
.one-column #respond, .wide-column  #respond,
.wide-column .commentlist, .one-column .commentlist, .page-template-default .children  > li#respond {width: auto;}
/* remove the talking arrow, unless you want it */
.commentlist > li.bypostauthor:before , .commentlist > li:before  {
    content: '';
}
/* Change the post author comment look as well */
/* Post Author threaded comments background */
.custom-layouts .commentlist .children > li.bypostauthor,
.custom-layouts .commentlist > li.bypostauthor  {
	background: #efefef;
}

/* Use our own way to author highlight :D~ */
.bypostauthor img.avatar {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: 5px solid #F5D800;
	padding-bottom: 2px !important;
}

/* Singular - one column page template css for extra layouts
/*------------------------------------------------------------*/
.singular #primary {	margin: 0; }
.custom-layouts.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}
.custom-layouts.singular .entry-header,
.custom-layouts.singular .entry-content,
.custom-layouts.singular footer.entry-meta,
.custom-layouts.singular #comments-title {
	margin: 0 auto;
	width: 68.9%;
}
.custom-layouts.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.custom-layouts.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}

.widget a {
	font-weight: lighter;
	font-family: "PostTitleFont", Helvetica Neu;
	font-weight: 300;
}

/* TABLE by HSR
/*------------------------------------------------------------*/


.entry-content td {
    	border: 0!important;
	vertical-align: top;
}

.entry-content table {
    	border-bottom: 0!important;
}

/* CUSTOMIZED by HSR
/*------------------------------------------------------------*/

#page {
	margin-top: 0px;	
}

p {
	text-align: justify;	
}
#access div {
	margin: 0px;
	font-family: "PostTitleFont", Helvetica Neu;	
}
#access ul {
	float: right;
	font-size: inherit;
}
#access ul ul ul {
	left: -100%;
}
#site-title, #site-description {
	width: 100%
}
#site-title {
	margin-bottom: 20px;
}
#site-title a {
	font-family: "TitleFont", Helvetica Neu;
	font-size: 70px;
	text-transform: none;
	
}
#site-description {
	margin-top: 20px;
	margin-bottom: 0px;
	border-top: 1px solid #7A7A7A;
	
}
.widget ul {
	list-style: none;
}
h1 {
	font-size: 130%;
}
h2 {
	font-size: 110%;
}
.widget-title {
	font-size: 150%;
}
.entry-title {
	font-family: "PostTitleFont", Helvetica Neu;
	font-size: 190%;
	padding-top: 0;
}
#site-description {
	font-family: inherit;
	margin: 0 170px 1.65625em 0;
	border-top: 0px solid #7A7A7A;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 30px;
	line-height: 1;
}
.hentry, .no-results {
    border-bottom: 0px solid #DDDDDD;
	
}
h1, h2, h3, h4, h5, h6 {	
	font-family: "PostTitleFont", Helvetica Neu;
}
#branding {
	border-top: 0px;
}
#branding hgroup {
	margin: 0 0 20px 0;
}
.widget ul li {
	font-size: 110%;
}
#content nav {
	padding: 0;
}
#logo{
	display: block;
	width: 150px;
	float: right;
	position: relative;
	margin-top: -170px;
}
.widget-center p {
	text-align: center;
}
a:hover {
	color: inherit;
}
#reg {
	font-size: 24px;
	bottom: 3.5ex;
	color: #0000A8;
}
#supplementary {
	padding: 1.625em 0%;
}
.entry-content td {
	border: 1px solid #DDD;
}
#access {
	background: #0C0C0C url(http://www.siafitalia.it/wp-content/plugins/jquery-vertical-accordion-menu/skins/images/bg_black.png) repeat-x 0 -1px !important; 
}
#site-generator {
	background: none;
	color: #0000A8;
}
#site-generator a {
	color: #0000A8;
}

.entry-meta {
	display:none;
}

#comments {
	display:none;
}

/* EVENTS STYLES by HSR
/*------------------------------------------------------------*/

.events-table th, .events-table tr, .events-table td {
	border: 0;
}

.events-table th{
	border-bottom: 6px solid #DDDDDD;
	font-size: 120%!important;
}

div.css-search div.em-search-advanced label {
	min-width: 150px!important;
}

table.em-calendar td.eventful a, table.em-calendar td.eventful-today a, td.eventful-post a, table.em-calendar td.eventful-pre a{
	font-size: 75%;
}

td.eventful ul {
	margin: 0;
}

td.eventful li {
	line-height: 1em;
	padding-bottom: 8px;
	padding-right: 8px;
	text-indent: -4px;
}

/* CUSTOM FORM STYLES by HSR
/*------------------------------------------------------------*/

li.vfb-left-half .vfb-small, li.vfb-left-half .vfb-medium, li.vfb-left-half .vfb-large, li.vfb-right-half .vfb-small, li.vfb-right-half .vfb-medium, li.vfb-right-half .vfb-large, li.vfb-left-third .vfb-small, li.vfb-left-third .vfb-medium, li.vfb-left-third .vfb-large, li.vfb-middle-third .vfb-small, li.vfb-middle-third .vfb-medium, li.vfb-middle-third .vfb-large, li.vfb-right-third .vfb-small, li.vfb-right-third .vfb-medium, li.vfb-right-third .vfb-large, .visual-form-builder li.vfb-left-two-thirds .vfb-small, .visual-form-builder li.vfb-left-two-thirds .vfb-medium, .visual-form-builder li.vfb-left-two-thirds .vfb-large, .visual-form-builder li.vfb-right-two-thirds .vfb-small, .visual-form-builder li.vfb-right-two-thirds .vfb-medium, .visual-form-builder li.vfb-right-two-thirds .vfb-large, span.full input, span.left input, .visual-form-builder span.right input, input.vfb-medium, input.vfb-large, select.vfb-large, textarea.vfb-textarea, input.vfb-medium, select.vfb-medium {
	padding-left: 5px!important;
	border: 1px solid #F3F3F0;
	border-radius: 5px;
	font-size: 1.3em!important;
	line-height: 1.625;
}

.visual-form-builder fieldset {
	padding-bottom: 15px;
}

select.vfb-select {
	height: 33px;
}


/* MENU SEDI REGIONALI by HSR
/*------------------------------------------------------------*/
.sedi-regionali-menu ul  {
	width: 120px !important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	background: white!important;
}
.sedi-regionali-menu ul a {
	width: 100px !important;
	color: #ffffff;
}
.centro a {
	border: 1px solid #ffe100 !important;
	background: #ffe100 !important;
	color: black!important;
	margin-bottom: 1px!important;
	margin-right: 1px!important;
}
.centro a:hover {
	background: #ffe100!important;
	color: black!important;
}
.sub-menu-centro a {
	border: 1px solid #ffe100 !important;
	background: #ffffff !important;
	color: black!important;
	margin-bottom: 1px!important;
	margin-right: 1px!important;
}
.centro a:hover {
	background: #ffe100!important;
	color: black!important;
}
.nord-ovest a {
	border: 1px solid red !important;
	background: red !important;
	color: white!important;
	margin-bottom: 1px!important;
	margin-right: 1px!important;
}
.nord-ovest a:hover {
	background: red!important;
	color: white!important;
}
.sub-menu-nord-ovest a {
	border: 1px solid red !important;
	background: #ffffff !important;
	color: red!important;
	margin-bottom: 1px!important;
	margin-right: 1px!important;
}
.nord-est a {
	border: 1px solid green !important;
	background: green!important;
	color: white!important;
	margin-bottom: 1px!important;
	margin-right: 1px!important;
}
.nord-est a:hover {
	background: green!important;
	color: white!important;
}
.sub-menu-nord-est a {
	border: 1px solid green !important;
	background: #ffffff !important;
	color: green!important;
	margin-bottom: 1px!important;
	margin-right: 1px!important;
}
.isole a {
	border: 1px solid blue !important;
	background: blue!important;
	color: white!important;
	margin-bottom: 1px!important;
	margin-right: 1px!important;
}
.isole a:hover {
	background: blue!important;
	color: white!important;
}
.sub-menu-isole a {
	border: 1px solid blue !important;
	background: #ffffff !important;
	color: blue!important;
	margin-bottom: 1px!important;
	margin-right: 1px!important;
}
.sud a {
	border: 1px solid #f60 !important;
	background: #f60 !important;
	color: white!important;
	margin-bottom: 1px!important;
	margin-right: 1px!important;
}
.sud a:hover {
	background: #f60!important;
	color: white!important;
}
.sub-menu-sud a {
	border: 1px solid #f60 !important;
	background: #ffffff !important;
	color: #f60!important;
	margin-bottom: 1px!important;
	margin-right: 1px!important;
}
#tabella-elenco-sedi td{
	width: 100px;
}
#list-red, #list-yellow, #list-green, #list-blue, #list-orange {
	margin: 0px;
}
#list-red li {
	margin: 0px 0px 2px 2px;
	border: 1px solid red;
	padding: 2px 2px 2px 5px;
	list-style-type: none;
}
#list-green li {
	margin: 0px 0px 2px 0px;
	border: 1px solid green;
	padding: 2px 2px 2px 5px;
	list-style-type: none;
}
#list-yellow li {
	margin: 0px 0px 2px 0px;
	border: 1px solid #f5d909;
	padding: 2px 2px 2px 5px;
	list-style-type: none;
}
#list-blue li {
	margin: 0px 0px 2px 0px;
	border: 1px solid blue;
	padding: 2px 2px 2px 5px;
	list-style-type: none;
}
#list-orange li {
	margin: 0px 0px 2px 0px;
	border: 1px solid #ff6000;
	padding: 2px 2px 2px 5px;
	list-style-type: none;
}
	
/* CUSTOM ARCHIVE PAGE by HSR
/*------------------------------------------------------------*/

.text-slider {
	font-weight: 800;
	font-size: 150%;
	color: #0000a8;	
	text-align: center;
}

.custom-archive-list ul {
	margin-top: 20px;
	
}
.last-event {
	border: 1px #0C0C0C solid;
	margin-bottom: 30px;
	padding: 0px 0px 10px 0px;
}
.last-event h1 {
	background: #0C0C0C url(http://www.siafitalia.it/wp-content/plugins/jquery-vertical-accordion-menu/skins/images/bg_black.png) repeat-x 0 -1px;
	margin-bottom: 20px;
	color: #FFF;
	padding: 10px;
	line-height: normal;
	/*font-size: 150%;*/
}
.last-event h2 {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	font-size: 150%;
}
.last-event p {
	font-style: italic;
	margin: 0px;
	padding: 0px 10px 10px 20px;
}
.customer-service-box {
	clear: both;
}

/* FONTS by HSR
/*------------------------------------------------------------*/
@font-face {  
  font-family: TitleFont ;  
  src: url( http://www.siafitalia.it/wp-content/uploads/2012/10/logo-title-font.ttf ) format("truetype");  
}
@font-face {  
  font-family: PostTitleFont ;  
  src: url( http://www.siafitalia.it/wp-content/uploads/2012/10/post-title-font.otf ) format("truetype");  
}

/* EDITED POST LIST
----------------------------------------------- */ 
.w4_post_list {
	margin-bottom: 20px;
	float: left;	
	clear: both;
	text-align: center;
	width: 100%;	
}
.w4_post_list ul li:nth-child(3n+1) {
    	clear: both;	
}
.w4_post_list ul {
	list-style-type: none;
	margin-bottom: 20px;
	margin-left: 0px;
}
.w4_post_list li {
	/*margin-bottom: 10px;*/
	/*margin-right: 5px;*/
	padding: 10px;
	width: 150px;
	float:left;
	/*background-color: #333;*/
}
.w4_post_list li:hover {
	/*background-color: #44a3e6;*/
}
.w4_post_list img {
	/*margin-right: 10px;*/
}
.w4_post_list a {
	color: #333 !important;		
}
.w4_post_list a:hover{
	color: #333 !important;
}	
.w4_post_list .post_title .w4pl_post_title a {
	
}
.post_excerpt {
	
}
.post_title {
	
}
a.read_more{
	font-size:12px;
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
	#MainSlidercontainer {
		display: none;
		}
}
@media screen and (max-width: 999px) {
	.lof-container {
		display: none;
		}
	#access {
		margin-top: 20px;
		}
}
@media screen and (max-width: 800px) {
	.widget-center {
		display: none;
		}
	#site-title a {
		font-size: 50px;
		}
	#site-title {
		padding: 10px 0 0 0;
		}
	#site-description {
		font-size: 14px;
		}
	#reg {
		font-size: 12px;
		bottom: 3.8ex;
	}	
	#logo {
		display: none;
		}
	#access {
		margin-top: 20px;
		}
	#access ul {
    		float: left;
		margin-left: 10px;
	}
	#access a {
		font-size: 80%;   		
	}
	#access ul ul {
    		top: 2.6em;
	}
	#access ul ul ul {
	 	left: 100%;
	}
	#colophon {
    		margin: 3% 7.6%;
	}
	#branding {
    		margin: 3% 2%;
	}
	
}