﻿/*
Theme Name: Mutamento
Theme URI: www.eye-set.it
Description: Tema realizzato per Mutamento.org.
Version: 0.1
Author: Maurizio Lattanzio
Author URI: 
Tags: 
Text Domain: 


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Layout CSS */
* {padding:0px 0px 0px 0px;margin: 0px 0px 0px 0px;border: 0px;}
ul{ list-style-type:none;}
a:hover { color:#999999; text-decoration:none;}
a:link { color:#999999; text-decoration:none;}
a:visited { color:#999999; text-decoration:none;}
a { color:#003300; text-decoration:none;}
body {
	font-size: 12px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	background-color: #ffffff;
	color: #666666;
	text-align: center;
}
body {/*necessario per IE6*/margin-right:0px; margin-left:0px; margin-top:0px;}

.clear { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* ___________________________________________________________________________TESTI */

H1 { font-size:30px;}
H2 { font-size:24px;}
H3 { font-size:20px;}
H4 { font-size:14px;}
H5 { font-size:10px;}
H6 { font-size:8px;}
/* Stile singolo post */
.entry {color: #666666;  }
/* Titolo singolo post */
.entry-title {color: #999999; font-size:22px; }
/* Testo dettagli evento */
#tec-event-meta  {color: #666666;  }


.jqueryslidemenu{font:  12px "Trebuchet MS", Tahoma, Verdana, Arial;}

/* Titolo riquadro Evento */
.eventtitle {text-align: left;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;font-weight: bold;}
/* Testo riquadro Evento */
.eventtitle h3{
	text-align: left;
	font-size: 10px;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 12px;
}

.thickbox {z-index:300;  }

/* Titolo riquadro News1 */
.news1 li a {font-size:14px;  }
/* Titolo riquadro News2 */
.news2 li a {font-size:14px;  }
/* Testo Nome evento nel riquadro calendario */
.event {color:red; }
/* dati associazione nel footer*/
.footerdx { font-size:10px; text-align:left; color:#003399;}
.footerdx a:link { font-size:10px; text-align:left; color:#003399;}
.footerdx a:visited { font-size:10px; text-align:left; color:#003399;}

/* Titolo riquadro Evento Singolo Post */
.eventtitlepost {text-align: left;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;font-weight: bold;}
/* Testo riquadro Evento Evento Singolo Post */
.eventtitlepost h3{text-align: left;font-size: 10px;text-transform:none;font-weight:normal;letter-spacing: 1px;color:#ffffff; line-height:12px;}




#space { height:10px; margin: 0 auto;}

#page {width: 960px;margin: 0 auto;}
/* __________________________________________________________________________HEADER */
#header {width: 960px; height:100px;  padding-top:0px;/*necessario per IE6*/}
#logo {width: 960px; height:70px; padding-top:0px;/*necessario per IE6*/}
#menu {background-image: url('images/bgmenu.png'); height:30px; padding-left:16px; padding-top:0px;}
/* menu header */
.jqueryslidemenu{background: #003399;width: 710px;z-index:50; float:left; height:20px;padding-top:0px;z-index:300;}
.jqueryslidemenu ul{margin: 0 0 0 0px;padding: 0;list-style-type: none; }
/*Top level list items*/
.jqueryslidemenu ul li{position: relative;display: inline;float: left;z-index:50;padding-top:0px;}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{display: block;background: #003399; /*background of tabs (default state)*/color: white;padding: 1px 6px;border-right: 1px solid #778;color: #ffffff;text-decoration: none;}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color: white;}
.jqueryslidemenu ul li a:hover{background: black; /*tab link background during hover state*/color: white; border:0; border-right: 1px solid #778;}	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;z-index:50;}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{display: list-item;float: none;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{width: 200px; /*width of sub menus*/padding: 5px;margin: 0;border-top-width: 0;border-right: 0px solid #778; text-align:left;}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/background: #eff9ff;color: black; border:0}


/*__________________________________________________________________________ WRAP */
#wrap {background-image: url('images/bgwrap.png');width: 960px;position: relative;overflow:hidden; padding-bottom:10px;top: 0px;left: 0px; }

/* __________________________________________________________________________CONTENT Single Post*/
#contenthome {width: 730px; margin-left:10px;padding:10px 0px 10px 0px;overflow:hidden; background-color:#ffffff; float:left;}
.entry { padding: 0 20px 0 20px; }
.eventopost {float: left;margin-left:10px;width: 350px; height:260px;  padding: 0 0px 0px 0px;list-style-type: none; text-align:center;}
.eventtitlepost { z-index:2;float: left; height:50px; margin-top:210px;  position:absolute; margin-right: 0px;width: 350px;padding: 0px 0px 0px 0px;list-style-type: none;filter: “alpha(opacity=60)”; /*per Internet Explorer 8*/filter: alpha(opacity=50); z-index:2;opacity: 0.5;-moz-opacity:0.5; background-color:#000000;}
.eventtitlepost ul {list-style-type: none;  width:340px;padding: 5px 0px 0px 10px; }
.eventtitlepost li {display: inline;margin: 0px;padding: 0px;list-style-type: none; }
.eventtitlepost li a {padding: 0px;display: block;margin:  0;text-decoration:none; color:#ffffff; }
.eventtitlepost li a:hover {padding: 0px;display: block;margin:  0;text-decoration:none;color:#ffffff;}

#contentevent {width: 720px;  margin-left:10px;padding:10px 10px 10px 10px;overflow:hidden; background-color:#ffffff; float:left;}


/* __________________________________________________________________________CONTENT HOME PAGE*/
#contentmain {width: 730px; padding:0px 0px 0px 0px; float:left;}

/* content homepage superiore*/
#content {width: 730px; margin-left:10px; padding:10px 0px 10px 0px;overflow:hidden; background-color:#ffffff; float:left;}
/* Blocco BigPhoto */
.bigphoto {float: left;margin-left:10px;width: 350px; height:530px;  padding: 0 0px 0px 0px;list-style-type: none; text-align:justify; }
.bigphoto ul {list-style-type: none;  width:350px; padding: 0px 0px 0px 0px;}
.bigphoto li {display: inline;margin: 0px;padding: 0px;list-style-type: none; }
.bigphoto li a {padding: 0px;display: block;margin:  0;text-decoration:none; font-size:14px;  }
.bigphoto li a:hover {padding: 0px;display: block;margin:  0;text-decoration:none;}
/* Blocco News */
.news {float: left;margin-left:10px;width: 350px;padding: 0 0px 0px 0px;list-style-type: none; text-align:center; z-index:2; }
.evento {float: left;margin-left:0px;width: 350px; height:260px;  padding: 0 0px 0px 0px;list-style-type: none; text-align:center;}
.news1 {float: left;margin-left:0px;width: 170px;height:260px;padding: 0 0px 0px 0px;list-style-type: none; margin-top:10px;text-align:justify;}
.news2 {float: right;margin-left:10px;width: 170px;height:260px; padding: 0 0px 0px 0px;list-style-type: none; margin-top:10px;text-align:justify;}
/* Blocco Evento in Rilievo */
.eventtitle { z-index:2; float: left; height:50px; top:220px;  position:absolute; margin-right: 0px;width: 350px;padding: 0px 0px 0px 0px;list-style-type: none;filter: “alpha(opacity=60)”; /*per Internet Explorer 8*/filter: alpha(opacity=50); z-index:2;opacity: 0.5;-moz-opacity:0.5; background-color:#000000;}
.eventtitle ul {list-style-type: none;  width:340px;padding: 5px 0px 0px 10px; }
.eventtitle li {display: inline;margin: 0px;padding: 0px;list-style-type: none; }
.eventtitle li a {padding: 0px;display: block;margin:  0;text-decoration:none; color:#ffffff; }
.eventtitle li a:hover {padding: 0px;display: block;margin:  0;text-decoration:none;color:#ffffff;}
/* Blocco News1 */
.news1 ul {list-style-type: none;  width:166px; padding: 0px 2px 0px 2px;}
.news1 li {display: inline;margin: 0px;padding: 0px;list-style-type: none; }
.news1 li a {padding: 0px;display: block;margin:  0;text-decoration:none; font-size:12px; color:#000000;}
.news1 li a {padding: 0px;display: block;margin:  0;text-decoration:none;}
.news1 li a:hover {padding: 0px;display: block;margin:  0;text-decoration:none;}
/* Blocco News2 */
.news2 ul {list-style-type: none;  width:166px; padding: 0px 2px 0px 2px;}
.news2 li {display: inline;margin: 0px;padding: 0px;list-style-type: none; }
.news2 li a {padding: 0px;display: block;margin:  0;text-decoration:none; font-size:12px; color:#000000;}
.news2 li a:hover {padding: 0px;display: block;margin:  0;text-decoration:none;}
/* -----------------content homepage inferiore*/
#contenthomedown {width: 730px; margin-left:10px;padding:10px 0px 10px 0px;overflow:hidden; background-color:#ffffff; float:left; margin-top:10px; margin-top:20px;}
/* riquadro foto */
.miniphoto {float: left;margin-left:10px;width: 350px;   padding: 0 0px 0px 0px;list-style-type: none; text-align:left;}
/* riquadro calendario */
.calendario {float: left;margin-left:20px;width: 340px;padding: 0 0px 0px 0px;list-style-type: none; text-align:left;}
.when { text-align:left; width:350px;}






/* ______________________________________SIDEBAR */
#sidebar {width: 185px;float: right;top:0px; right:20px;position: relative; overflow:hidden; text-align:right; font-size:12px;}
#sidebar ul {list-style-type: none;  width:185px; padding: 0px 10px 0px 0px;}
#sidebar li {margin: 0px;padding: 0px;list-style-type: none; }
#sidebar li a {padding: 0px;display: block;margin:  0;text-decoration:none;}
#sidebar li a:hover {padding: 0px;display: block;margin:  0;text-decoration:none;}

.sidebar ul li li {
	border-bottom: 1px dotted #cacfd1;
	padding: 4px 0px 6px 0px;
	margin: 0px;
	
	}
	
.sidebar ul li ul li {
	
    border-bottom: 1px dotted #cacfd1;
	padding: 4px 0px 6px 0px;
	margin: 2px 0;
	}



/* _______________________________________FOOTER */
#footer {clear: both;background-image: url('images/bgfooter.png'); height:125px; padding-top:25px;}



.footersx {float: left;width: 740px;padding: 0px 0px 0px 0px;list-style-type: none; text-align:center;}
.footerdx {float: right;margin-right:0px;width: 175px;padding: 0 0px 0px 0px;list-style-type: none; margin-right:10px;line-height:11px;}

.footleft ul {list-style-type: none;}
.footleft li {display: inline;margin: 0px;padding: 0px;list-style-type: none;}
.footleft li a {padding: 0px;display: block;margin:  0;text-decoration:none;color:#ffffff;}



.postdate {
	font-size: 11px;
	padding: 2px 0px;
	font-family: Arial, Verdana;
	color: #5b5b5b;
	}


.postmeta {
	font-size: 11px;
	padding: 2px 4px;
	font-family: Arial, Verdana;
	}
	
.postdate img, .postmeta img {
	border: none;
	vertical-align: middle;
	margin:2px;
	}
	
.entry {
	text-align: justify;
	line-height: 20px;
	padding-top: 8px;
	font-family: Arial, Verdana;
	font-size: 14px;
	}
.entry p { margin-bottom:10px;	}


.post_thumbnail {
    padding: 6px;
    background: #eee;
    border: 1px solid #ddd;
    margin: 0 10px 10px 0;
}



