/*
Theme Name: Apertamente
Description: 
Version: 1.0
Author: Federico Vezzoli
Author URI: http://federicovezzoli.com
Tags:
*/


/* COLORI

sky light blue: #aedfe5
arancione: #f5841f

*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


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

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto !important; }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */




/* typography */

h1, h2, h3, h5, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes. */

* {font-family: Myriad pro, Verdana;}

h1, h2, h3, h4, h5, h6 {
	color: #f5841f;
}

h1 {
	font-size:2.0em;
	line-height:1.65em;
	font-weight: bold;
	text-shadow: 0px 1px 1px #9F7102;

}

h2 {
	font-size:1.9em;
	line-height:1.0em;
	font-weight: bold;
	border-bottom: 2px solid #f5841f;
	text-shadow: 0px 1px 1px #9F7102;

}

h3 {
	font-size:1.3em;
	line-height:1.5em;
	text-shadow: 0px 1px 1px #9F7102;

}

h4 {
	font-size:0.9em;
	line-height:1.5em;
	text-shadow: 0px 1px 1px #9F7102;

}

h5 {
	font-size:0.9em !important;
	line-height:1.5em;
}

h6 {
	font-size:0.95em !important;
	line-height:1.5em;
}

h2 img {
padding: 0;
}

h1 img {
padding: 0;
}
img {
padding: 0px;
}

#post p img, .post p img {
	border: 10px solid #D5D5D5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 12px #ccc092;
	-moz-box-shadow: 3px 3px 12px #ccc092;
	-webkit-box-shadow: 3px 3px 12px #ccc092;
	margin: 10px;
	padding: 0px;
}

hr {
	color:#f5841f;
	background-color:#f5841f;
	height: 2px;
	border:0pt none;
	clear:both;
	margin:0 0 5px 0;
}

th {
border: 2px solid #CCCCCC;
padding: 5px;
}

tr {
border: 2px solid #CCCCCC;
padding: 5px;
}

table {
margin: 15px;
}

a {
	color: #f5841f;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#86d2f5;
}

a:active, a:focus {
	outline:0 !important;
}



p {	
	padding:10px 2% 10px 2%;
	text-align:justify;
}

blockquote {
margin: 0 3% 0 3%;
font-style: italic;
}

body {
	background: url(style/images/bg.png) repeat bottom left;
}

#wrapper {
	width: 100%;
	padding: 0px 0;
}

#wrapper_superouter {
	background: url(style/images/home_bg.png) repeat-x top left;	
}
/* HEADER */

#wrapper_outer {
	background: url(style/images/home_top.png) repeat-x 80% 0;
}

#wrapper_inner {
	background: url(style/images/home_top_bg.png) no-repeat top left;
}

#title {
 width: 960px;
 margin: 0 auto;
}

#left_title {
float: left;
margin-top: 50px;
}

#menu {
float: right;
}

.menu-main-container {
margin:15px auto 15px;
text-align: right;
}

#menu-main_menu{
/* height:19px; */
/* */
/* width:940px; */
}

#menu-main_menu li {
}

#menu-main_menu a {
text-align: left;
text-decoration: none;
font-size: 1.4em;
text-shadow: 0 0px 1px black;
}

/* #menu_list li a {
	background: url(style/images/buttons/sprite_bottoni.png) no-repeat top left;
	height: 25px;
	text-decoration: none;
	font-size: 1.5em;
	text-indent: -9999px;
	position: relative;
	display: block;
}

#menu_list li {
 display: inline;
} */

/* gruppo consiliare */

/* #menu_list .page-item-745 a {background-position: -10px -164px; width: 180px; }
#menu_list .page-item-745 a:hover {background-position: -209px -164px;}
#menu_list .page-item-745 a:active {background-position: -410px -164px;}
#menu_list .page-item-745.current_page_item a {background-position: -209px -164px;}
#menu_list .page-item-745.current_page_item a:hover {background-position:-209px -164px;} */

/* scuola */
/* #menu_list .page-item-637 a {background-position: -25px 0; width: 150px; }
#menu_list .page-item-637 a:hover {background-position: -225px 0;}
#menu_list .page-item-637 a:active {background-position: -425px 0;}
#menu_list .page-item-637.current_page_item a {background-position: -225px 0;}
#menu_list .page-item-637.current_page_item a:hover {background-position:-225px 0;} */

/* dove */
/* #menu_list .page-item-6 a {background-position: -25px -67px; width: 150px; }
#menu_list .page-item-6 a:hover {background-position: -225px -67px;}
#menu_list .page-item-6 a:active {background-position: -425px -67px;}
#menu_list .page-item-6.current_page_item a {background-position: -225px -67px;}
#menu_list .page-item-6.current_page_item a:hover {background-position: -225px -67px;} */

/* perch� */
/* #menu_list .page-item-2 a {background-position: -25px -133px; width: 150px; }
#menu_list .page-item-2 a:hover {background-position: -225px -133px;}
#menu_list .page-item-2 a:active {background-position: -425px -133px;}
#menu_list .page-item-2.current_page_item a {background-position: -225px -133px;}
#menu_list .page-item-2.current_page_item a:hover {background-position: -225px -133px;} */

/* programma */
/* #menu_list .page-item-12 a {background-position: -25px -100px; width: 150px;}
#menu_list .page-item-12 a:hover {background-position: -225px -100px;}
#menu_list .page-item-12 a:active {background-position: -425px -100px;}
#menu_list .page-item-12.current_page_item a {background-position: -225px -100px;}
#menu_list .page-item-12.current_page_item a:hover {background-position: -225px -100px;} */

/* persone */
/* #menu_list .page-item-8 a {background-position: -25px -34px; width: 150px;}
#menu_list .page-item-8 a:hover {background-position: -225px -34px;}
#menu_list .page-item-8 a:active {background-position: -425px -34px;}
#menu_list .page-item-8.current_page_item a {background-position: -225px -34px;}
#menu_list .page-item-8.current_page_item a:hover {background-position: -225px -34px;} */


/* CONTENT */

#bg_page_top {
	background: url(style/images/menu_bg.png) repeat-x top left;
	height: 41px;
	width: 100%;
}

#bg_page {
	
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	background: url(style/images/bg_page.png) repeat top left;
	position: relative;
}

#content {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 30px;
}

#content_left {
	float: left;
	width: 65%;
}

#content_right {
	float: right;
	width: 27%;
	padding: 2%;
	margin: 10px 0 0 0;
	background: url("style/images/bg.png") repeat top left;
	box-shadow: 0px 0px 10px #af892c;
	-moz-box-shadow: 0px 0px 10px #af892c;
	-webkit-box-shadow: 0px 0px 10px #af892c;
}

#content_left h1 {
	 border-bottom: 4px solid #f5841f;
	 margin: 0 0 30px 0;
}
#post li {
	list-style-position: inside;
	margin: 0 0 0 3%;
	list-style: disc;
}

#post h1 {
border-bottom: 4px solid #f5841f;
}

#post h2 {
	/* border: none; */
}

iframe {
	border: 10px solid #D5D5D5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 12px #ccc092;
	-moz-box-shadow: 3px 3px 12px #ccc092;
	-webkit-box-shadow: 3px 3px 12px #ccc092;
	margin: 2%;
	background: #D5D5D5;
	}
	
#post center {	
	margin: 0 0 25px 0;
}	

.related_post {
margin: 0 0 15px 0;
}

.related_post_title {
border-top: 1px solid #F5841F;
padding: 10px 0 0 0;
}
/* PERSONE */

#persone {
width: 100%;
margin: 0 0 40px 0;
overflow: hidden;
}

.persona {
	display: block;
	float: left;
	width: 200px;
	height: 300px;
	border: 10px solid #D5D5D5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 12px #ccc092;
	-moz-box-shadow: 3px 3px 12px #ccc092;
	-webkit-box-shadow: 3px 3px 12px #ccc092;
	margin: 10px;
	background: #D5D5D5;
}

.testo {
display: none;
height: 117%;
width: 100%;
}

.testo h3 {
border-bottom: 2px solid #f5841f;
margin-bottom: 5px;
line-height: 1.3em;
}

.persona p {
font-size: 0.65em;
text-align: left;
}

.persona .testo p {
padding: 5px 2% 5px 2%;
}

.persona img {
height: 100%;
width: 100%;
padding: 0;

}

.elimina_img {
	display: none;
}

.mostra_p {
	display: inline !important;
}

/* BLOG */

#map_canvas {
border: 10px solid #D5D5D5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 12px #ccc092;
	-moz-box-shadow: 3px 3px 12px #ccc092;
	-webkit-box-shadow: 3px 3px 12px #ccc092;
}

.post {
margin: 0 0 25px 0; 
}

.post_title h2 {
 border-bottom: 2px solid #f5841f;
 padding-right: 60px;
 min-height: 50px;
}

.post_title h2 a {
	text-decoration: none;
}

.post_info {
	background: #d5d5d5;
	width: 98%;
	padding: 1%;
	font-size: 0.85em;
	clear: both;
}

.navigation {
	margin: 0 0 0 0;
	border-top: 5px solid #f5841f;
	padding: 15px 0 0 0;
}

.navigation a {
font-size: 1.5em;
}

.postdate {
  position: relative;
  width: 50px;
  height: 50px;
  float: right;
  margin-top:-54px;
}
.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image: url(style/images/sprite_data.png);
  background-repeat: no-repeat;
}

.month { top: 2px; left: -9px; width: 40px; height: 20px;}
.day { top: 22px; left: 0px; width: 40px; height: 25px;}
.year { bottom: -2px; right: 2px; width: 15px; height: 50px;}

.m-01 { background-position:0 0px;}
.m-02 { background-position:0 -25px;}
.m-03 { background-position:0 -50px;}
.m-04 { background-position:0 -75px; }
.m-05 { background-position:0 -100px; }
.m-06 { background-position:0 -125px; }
.m-07 { background-position:0 -150px; }
.m-08 { background-position:0 -175px; }
.m-09 { background-position:0 -200px; }
.m-10 { background-position:0 -225px; }
.m-11 { background-position:0 -250px; }
.m-12 { background-position:0 -275px; }

.d-01 { background-position:-50px 0;}
.d-02 { background-position:-50px -25px;}
.d-03 { background-position:-50px -50px;}
.d-04 { background-position:-50px -75px; }
.d-05 { background-position:-50px -100px; }
.d-06 { background-position:-50px -125px; }
.d-07 { background-position:-50px -150px; }
.d-08 { background-position:-50px -175px; }
.d-09 { background-position:-50px -200px; }
.d-10 { background-position:-50px -225px; }
.d-11 { background-position:-50px -250px; }
.d-12 { background-position:-50px -275px; }
.d-13 { background-position:-50px -300px; }
.d-14 { background-position:-50px -325px; }
.d-15 { background-position:-50px -350px; }
.d-16 { background-position:-50px -375px; }
.d-17 { background-position:-100px 0; }
.d-18 { background-position:-100px -25px; }
.d-19 { background-position:-100px -50px; }
.d-20 { background-position:-100px -75px; }
.d-21 { background-position:-100px -100px; }
.d-22 { background-position:-100px -125px; }
.d-23 { background-position:-100px -150px; }
.d-24 { background-position:-100px -175px; }
.d-25 { background-position:-100px -200px; }
.d-26 { background-position:-100px -225px; }
.d-27 { background-position:-100px -250px; }
.d-28 { background-position:-100px -275px; }
.d-29 { background-position:-100px -300px; }
.d-30 { background-position:-100px -325px; }
.d-31 { background-position:-100px -350px; }

.y-2009 { background-position:-150px 0; }
.y-2010 { background-position:-150px -50px; }
.y-2011 { background-position:-150px -98px; }
.y-2012 { background-position:-150px -149px; }
.y-2013 { background-position:-150px -164px; }
.y-2014 { background-position:-150px -205px; }

/* SIDEBAR */

#content_right ul li h2 {
	border-bottom: 2px solid #f5841f;
}

#content_right h2 {
	border-bottom: 2px solid #f5841f;
	margin-top: 25px;
}

#content_right ul {
	margin-bottom: 20px;
}

#content_right ul li {
margin-bottom: 5px;
font-size: 1.0em;
line-height: 1.0em;
}

#content_right a {
	color: black;
}

#content_right a:hover {
	color: #86D2F5;
}

#content_right ul {
	margin: 15px 0 0 0;
}

input, textarea	{
	border: none;
	font-size:0.7em;
 	background: #d5d5d5;
	padding: 5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	width: 150px;
}

input:focus, textarea:focus	{
	background: #fff;
}

input.searchButton {
	background: #f5841f;
	color: black;
	cursor:pointer;
	font-size:0.7em;
	height:auto;
	width: auto;
	letter-spacing:1px;
	margin-left:2px;
	text-align:center;
	border-top: 1px solid #cd6d17;
	border-left: 1px solid #cd6d17;
	padding: 5px;
}

input.searchButton:hover {
 background: #86d2f5;
border-top: 1px solid #86d2f5;
border-left: 1px solid #86d2f5;
}

#content_right fieldset {
	margin: 0 0 20px 0; 
}

#content_right p {
	margin: 0 0 20px 0;
	padding: 0;
}

#content_right .ec3_events {
margin: 15px 0 15px 0;
}

.ec3_list {
letter-spacing: 0 !important;
margin: 0 0 5% 0 !important;
word-spacing: 0 !important;
font-weight: bold !important;
}

.ec3_list ul {
margin:0 !important;
font-weight: normal !important;
}

table.ec3_schedule {
margin: 15px 2% !important;
}

/* Commenti */

#respond {
	margin: 40px 0 0 0;
}

#respond h3 {
	border-bottom: 1px solid #f5841f;
	margin: 40px 0 0 0;

}

#respond p {
	margin: 2%;
	padding: 0;
}

#commentform {
	
}

#commentform input {
	width: 150px;
	margin: 0 2% 0 0;
}

#commentform textarea {
	width: 330px;
	margin: 0 2% 0 0;
}

#commentform input.bottone {
	border: none;
	background: #f5841f;
	color: black;
	cursor:pointer;
	font-size:0.8em;
	height:28px;
	width: 150px;
	letter-spacing:1px;
	margin-left:2px;
	text-align:center;
	border-top: 1px solid #cd6d17;
	border-left: 1px solid #cd6d17;
}

#commentform input.bottone:hover {
 background: #86d2f5;
}

#comments h3 {
	border-bottom: 1px solid #f5841f;
	margin: 40px 0 0 0;
}

.comment-body {
	margin: 2%;
	border-bottom: 1px solid #f5841f;
}

.comment-body p {
	margin: 10px 0 0 3%;
}

.comment-meta {
	float: right;
	font-size: 0.8em;
}

.avatar {
	display: none;
}
.comment-meta {
float: left;
}
.comment-author {
font-size: 1.5em;
}

/* FOOTER */

#footer {
	margin: -38px 0 0 0;
	clear: both;
	width: 100%;
	background: url(style/images/footer_bg.png) repeat-x top left;
	display: block;
	height: 95px;
	position: relative;
	z-index: 200;
}

#footer p {
	margin:0 auto;
	width:80%;
	padding: 2%;
}

#footer_content {
	width: 80%;
	margin: 0 auto;
}

#contatti {
padding: 15px;
float: left;
text-align: left;
width: 45%;
margin: 0 0 25px 0;
}

#contatti h2 {
border-bottom: 2px solid #f5841f;
}

#contatti a {
text-decoration: none;
font-size: 1.3em;
}

#contatti a img {
margin: 0 10px 0 0;
vertical-align: middle;
}

#contatti p {
 padding: 1%;
}

#sondaggi {
	padding: 2%;
	float: right;
	text-align: left;
	width: 45%;
	margin: 0 0 25px 0;
}

#sondaggi h2 {
border-bottom: 2px solid #f5841f;
}

#sondaggi a {
text-decoration: none;
font-size: 1.3em;
}

#sondaggi a img {
margin: 0 2% 0 0;
vertical-align: middle;
}

#sondaggi p {
 padding: 2%;
}

.MioNome {
font-size: 0.8em;
}

.webdesign {
font-size: 0.8em;
}

/* facebook like button */
#facebook iframe {
background: none;
	border-radius: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}