/* FERRO STYLESHEET FOR MAGNOLIAPARADE */
@font-face {
    font-family: 'Museo';
    src: url('Museo.otf');
}
	
body{ font-family: Museo, Arial, Helvetica, sans-serif; font-size:12px; margin-top:0px; background:url(img/backbody.gif) no-repeat center 140px fixed; overflow-x:hidden;}
#entry{margin-left:auto; margin-right: auto; width:930px;}
#wrapper {padding-left:0px; margin:0px; background:none;height:auto; overflow:auto; overflow-x:hidden;}
#head{ width:100%; margin-left:0px; background:url(img/backhead.gif) no-repeat center center;}
#ferro_admin{position:absolute; top:10px; right:5px;}
#logo{margin-left:auto; margin-right: auto; width:973px;}
#superimage{ position:fixed; bottom:0px; width:100%; height:300px; z-index: -10; left:0px; background:url(img/backfoot.gif) no-repeat center center; }
#superimage img{ margin-left:100px; width:100%; }
/*------------liste------------*/
/*menu*/
ul{margin: 0; padding: 0; list-style-type: none;}
#nav-menu{ width:970px; margin:auto; background-color: white;}
#nav-menu a{background: #fff; padding:5px;} 
#nav-menu li{ display:inline-block; font-size:24px; padding:10px; }
#nav-menu li:hover{background:url(img/back2.gif) fixed;}
.menu{font-size:70%;}
li{ list-style-type:none;}
ul{ padding:0px; }
/*------------link------------*/
a:hover{ text-decoration: none;}




/*general Behave*/
img{ border:none;}
.clear{clear:both;}
.tag_tooltip{  padding:10px; background:url(img/back2.gif) fixed; z-index: 900; width: 300px; line-height: 40px; margin-left: -50px; margin-top: 10px;}
.tag_tooltip a{  white-space: nowrap;} 
#login{ width:300px; margin:auto; position:relative; top:10px; border: 1px solid #0099CC; padding:5px; }

/* typo */
h1{ font-family:Futuram, Arial, Helvetica, sans-serif; color:#00CCFF; margin-bottom:0px; font-size:16px;}
h2{  margin:0px; font-size:12px;}
h2 a{ text-decoration:none;}
h2 ul{ text-decoration:none; padding:3px; font-size:70%; background:#000000; margin-left:70px; }
h2 ul a{ color:#00FFFF;}
h3{  margin:0px; color:#fff; font-size:18px; background:#000000; padding-right:15px; padding-top:7px; padding-bottom:3px; height:21px; color:#CCCCCC;}
h3 a{ color:#CCCCCC; text-decoration:none;}

div.scrollTo {
	width: 600px;
	overflow: hidden;
}

div.scrollTo ul{
	width:4900px;
}

div.scrollTo li{
	float:left;
	margin:0px;
}
#brevi{ position:relative; clear:both; overflow:hidden; padding:10px; padding:10px; padding-bottom:50px; padding-left:15px;background:url(img/back2.gif) fixed; width:860px; margin:auto;}
/*#brevi_scrollTo{width: 99%; overflow: hidden; padding-left:1%;}
#brevi .scrollTo_container {width:4900px;}
#brevi .controls{ background-color:#FFFFFF; padding:5px; float:left; padding-left:1%; padding-right:1%;}
#cont{width:4000px;}*/
	.post_breve{
	float:left;
	padding:5px 5px 5px 5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;
	/*background: url(img/leftpost.gif) top left no-repeat;*/
min-height:310px;
	overflow:hidden;
	width:195px;
	background:#fff;}
.post_breve:hover{color: #ff9900; background:url(img/bgbreve.jpg) fixed #000;}
.post_breve h2{position:absolute; font-weight: 300; margin:0px; margin-left:5px; margin-top:150px; color:#ccc; font-size:20px; background:#fff; padding:5px; padding-top:7px; height:auto; max-width:150px; text-shadow: 1px 1px 1px #D2D2D2;}
.post_breve .tagsinfo a:hover{background:#fff;}
.post_breve .tagsinfo a{ padding:2px; }
.tagsinfo {background:#fff;}
/*da scommentare se si vuole il post in posizione relativa #post{z-index:300; width:100%; clear:both; margin-left:0px; height:auto; padding-top:2px; padding-bottom:5px; padding-right:0px; padding-left:10px; background:#000; top:0px;}*/
.centering_post{width:910px; margin:auto; padding:10px; background: #fff; height: 100%;}
.centering{width:910px; margin:auto; padding:10px; background: #fff; min-height:370px;}

#post{
position:fixed;
left:0px;
top:0px;
z-index:300;
width:100%;
height:100%;
padding:10px;
padding-top:10px;
background:#fff;
-moz-box-shadow:0 0 90px 5px #ccc;
-webkit-box-shadow: 0 0 90px #ccc;
background:url(img/back2.gif) fixed;
}
#post_close{z-index: 900; float: right; padding:10px; background: #fff;}
#post_close:hover{background: #ff9900;}
#post_gallery{float:left; padding:10px; background-color: #fff;  padding-top:25px;  min-height: 400px;}
#post_gallery_scrollTo{ width: 300px; margin-left:0px; overflow: hidden;}
#post_gallery_scrollTo .items {width:2000em; position:relative;}
#post h3{ margin-top:0px; margin-left:0px; background:#fff; color:#ff9900; font-size:40px; text-shadow: 1px 1px 1px #D2D2D2;  white-space:nowrap; padding:10px; min-height:50px; float:left; width: 810px;
}
#post_txt{ float:left; width:400px; padding:10px; padding-top:0px; font-size: 14px; font-weight: 100; background-color: #fff; height: 430px; 
 }
#post_txt h2{font-size: 18px; margin:0px; line-height: 18px; margin-bottom:5px;}
.txt_breve{ width:300px; float:left;  }
#post_files{background: #fff; padding:10px; width: 400px; float:left; margin-top: 3px; 	border-bottom: 1px solid #ff9900; margin-left: 14px;
}
/*controls*/
#post_gallery .controls{ width:150px; height:30px; cursor:pointer;}
#post_gallery_scrollTo img{ margin-left:10px;}
.immagini_breve{ background:#fff; clear:both;}
.expand{ float:right; margin-right:3px; padding-bottom:5px;}

/*admin*/
#panel { clear:both; margin:auto; width:930px; padding:10px; background:#FFFFFF; border: 3px solid #ff9900;}
#panel h2{ background:none; color:#ff9900; font-size:20px; height: 40px;}
#admin_posts{width:65%; float:left;}
#admin_posts, #create_post, #edit_post{ background:url(img/back2.gif) fixed; padding:10px;}
#admin_posts .post_title{ background:#000000; padding:5px; font-size:16px; font-weight:bold;}
#admin_posts .even{float:left; width:260px; background:#ccc; padding:5px; margin:5px 5px 0px 0px;}
#admin_posts .even:hover{background: #666666;}
.short_text{background:#fff; width:200px; padding:5px; border:4px solid black;}
#admin_posts .delete_post{float:right; background:#000000;}
#admin_posts .delete_post a {padding:3px;}
#admin_posts h1{ font-size: 20px; background: #FFF; padding:5px; margin-top:3px;}
#footer{ background-color:#FFF; clear:both; color: #ff9900; width:970px; padding:1%; z-index:200; margin:auto; }
#tag-list{width:30%; background:url(img/back2.gif) fixed; padding:10px; border-right: 1px solid black; float:left; }
#tag-list ul li{background-color: #fff; padding:5px; margin:5px; float:left; font-size: 18px;}
/* the overlayed element */ 
.simple_overlay { 
position:absolute;
top:10px;
left:20px;
    display:none; 
    z-index:10000; 
    background-color:#333;
padding:0px; 
    max-width:auto;
    text-align: left;
    min-height:200px; 
    border:0px solid #666; 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
.simple_overlay .close { 
    background-image:url(img/post_close.png); 
    position:absolute;
	right:-25px;
	top:-25px;
	cursor:pointer;
	height:50px;
	width:50px;
}
.next_img, .prev_img {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev_img {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next_img {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next_img:hover, .prev_img:hover {
	text-decoration:underline;
	background-color:#000;
}
.progress {
	position:absolute;
	top:2%;
	left:2%;
	display:none;
}

/*buttons*/
a.button, button {display:block; margin:0.7em 0.5em 0.7em 0;padding:5px 10px 5px 7px;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;}
button {width:auto;overflow:visible;padding:4px 10px 3px 7px;}
button[type] {padding:4px 10px 4px 7px;line-height:17px;}
button:hover, a.button:hover {background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;}
a.button:active {background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
input:focus,  input:hover{background-color:#FFFFFF;}


div {outline:0;}
a {text-decoration:none; outline:0; color:#ff9900;}
a:hover{ text-decoration: none;}
a .post_tooltip{ background-color:#ffffff; color:#ff9900; font-size:20px;  padding:5px; margin-right:5px;}
a .post_tooltip:hover {color:#000;}
.subtitle{font-size:23px; width: 970px; margin:auto;}