/* CSS Document */

/**
Theme Name: Educazione Fisica Macerata (Chucky)
Author URI: http://wpjunction.com
Theme URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description: Premium Wordpress theme
*/

/* -------------------------------------- */

body {
	margin:0 auto 10px;
	font:normal 12px Arial,Verdana,Tahoma;
	width: 1000px;
	color:black;
	background-color:#7d7d7d;
    background-image: url(images/bg1.jpg);
    background-repeat: repeat-y;
    background-position: 50% 205px;
}


  



/* header */
.cerca { 
height: 59px;
width: 250px;
float: left;
padding-left: 10px;
}
* html .cerca { 
height: 41px;

}
.ufficio {
width: 60px;
float: left;
border-right: 1px solid #000;
height: 18px;
padding-top: 4px;
text-align: center;
}
.ufficio a {
text-decoration: none;
color: #000;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
}
.ufficio a:hover {
text-decoration: none;
color: #8a0202;
text-transform: uppercase;
font-weight: bold;
}

.contatti {
width: 90px;
float: left;
border-right: 1px solid #000;
height: 18px;
padding-top: 4px;
text-align:center;
}
.contatti a {
text-decoration: none;
color: #000;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
}
.contatti a:hover {
text-decoration: none;
color: #8a0202;
text-transform: uppercase;
font-weight: bold;
}

.sopra_testata { 

float: right;
margin-top: 7px;
}

#header { 
width: 1000px;
	background: url(images/sfondo_body.gif) repeat-x;
}
.testata { 
padding-top: 25px;
width: 1000px;
}

h3 a:link {
	color: #FFF;
	text-decoration: none;

}
h3 a:visited {
	color: #FFF;
	text-decoration:none;
}
h3 a:hover {
	color: #FFF;
	text-decoration:none;
}

li a:link {
color: #000000;
text-decoration:none;
}
li a:visited {
color: #000000;
	text-decoration:none;
}
li a:hover {
color: #8a0202;
text-decoration:none;
}

#blog-description {
	display:block;
	float:left;
	line-height:52px;
}

#page-menu {
	
	position:relative;
	overflow:hidden;
	width:1000px;
	overflow:hidden;
	height:30px;
	margin-bottom:  10px;
}
 
#page-menu .left, #page-menu .right {

	position:absolute;
	width:0px;
	height:36px;
	top:0;
}

#page-menu .left {

	left:0;
}

#page-menu .right {

	right:0;
}

#page-menu ul {
	display:block;
	position:relative;
	height:29px;
	margin-top: 1px;
	margin-left: 10px;
}

#page-menu ul li  {

	float:left;
	display:block;
	height:29px;
}

#page-menu ul li a {
	display:block;
	font:14px Arial, Helvetica, sans-serif;
	color:white;
	height:29px;
	font-weight: 600;
	line-height: 27px;
	padding:0 39px 0 39px;
	width: 65px;
	text-align: center;
}

#page-menu ul li a:hover, #page-menu ul li.current_page_item a { 
        background: url(images/separatore_menu.gif) no-repeat;
	    padding-left: 16px;
	    padding-right: 16px;
 }

#page-menu ul#page-shadow {
	display:block;
	height:29px;
	top:0px;
	left:0px;
}

#page-menu ul#page-shadow li a {
    background: url(images/separatore_menu.gif) no-repeat;
	padding-left: 16px;
	padding-right: 16px;
        
}

#page-menu ul#page-shadow li a:hover {
    background: #8a0202 url(images/separatore_menu.gif) no-repeat;
	padding-left: 16px;
	padding-right: 16px;
        
}

.diversa {
	background: #d27036 url(images/pulsante.gif) no-repeat;
		
}
.diversa a {
	background: #d27036 url(images/pulsante.gif) no-repeat;
		
}
.diversa a:hover {
	background: #d27036 url(images/pulsante.gif) no-repeat;
	color: #000;
}

/* container */
#container {
	width:  1000px;
	float: left;
}

/* content */
#content {
	width: 630px;
	float:left;
	padding: 0px 10px 10px 10px;
	margin-bottom:10px;
}

.post .title {
	margin-bottom:10px;
	font-size:40px;
	font-weight:normal;
	color:#ffffff;

}


#mini-post-wrap { margin-bottom:10px; }

#mini-post-wrap .odd {
	float:left;
}

#mini-post-wrap .even { float:right; }

.mini-post {
	width:640px;
	margin-bottom:10px;
}


.mini-post .read-more {
	color:#680105;
	float:right;
	margin-right:8px;
}

.read-more a {
	color:black;
}

.mini-post .entry {
	padding:10px;
	background: url(images/sfondo_post_home.jpg) top no-repeat;
    border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	padding-top: 5px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	text-align: justify;
}

.mini-post img {
	background: #f8f8fa;
    border:1px solid #dddddd;
	padding: 6px;
}

.mini-post .title {
	font-size: 17px;
	font-color: white;
    width: 430px;
    text-align: left;
    background: #8a0202;
	line-height:20px;
	color: #FFFFFF;
    padding:5px 0px 5px 10px;
	margin-top: 10px;
	display: block;
	position: relative;
	left: 10px;
	top: 15px;
	z-index: 2;	
}
.mini-post .title a{
    color: #FFF;
}
.mini-post .title a:hover{
    color: #FFF;
}


.mini-post .thumbnail {
	background-color:#202020;
	float:left;
	padding:5px;
	margin-right:8px;
}

.pagetitle {
	margin-bottom:3px;
	font-weight:normal;
	font-size:20px;
	color: #000;
}

.navigation .alignleft a, .navigation .alignright a {
	background-color:#f1f5fa;
	display:block;
	float:left;
	font:normal 11px Tahoma, Verdana;
	color:#ECE9D8;
	height:27px;
	line-height:27px;


}

.navigation a:hover { color:white; }

/* wp-pagenavi */
#wp-pagenavi-wrapper {
	background:#faf7f3 url(images/pagenavi-bg.gif) repeat-x 0 0;
	height:46px;
	position:relative;
}

#wp-pagenavi-left, #wp-pagenavi-right {
	background:transparent url(images/pagenavi-left-bg.gif) no-repeat 0 0;
	position:absolute;
	top:0;
	width:12px;
	height:46px;
}

#wp-pagenavi-left { left:0; }

#wp-pagenavi-right {
	background-image:url(images/pagenavi-right-bg.gif);
	right:0;
}


.wp-pagenavi {
	height:29px;
	padding:15px 10px 0;
	font-size:13px;
	text-align:center;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:link, .wp-pagenavi span.extend  {
	background-color:#fbfbfb !important;
	
}

.wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	background:#f1f1f1 !important;
	color:#390000 !important;
}

.wp-pagenavi span.current { color:#390000 !important; }

/* sidebar */
#sidebar {
    background: #FFF;
	width:335px;
	float:left;
    margin-top: 10px;
	margin-left: 15px;
}
* html #sidebar {
	margin-left: 0px;
}
#riquadro {
  
	
}
.sidebar_alto_news {
	background: url(images/news_scuole.jpg) no-repeat;
	height: 87px;
}
.sidebar_alto_sondaggio {
	background: url(images/sondaggio.jpg) no-repeat;
	height: 87px;
}
.sidebar_alto_video {
	background: url(images/video.jpg) no-repeat;
	height: 87px;
}

.sidebar_alto_archivio {
	background: url(images/archivio.jpg) no-repeat;
	height: 87px;
}
.sidebar_alto {
	background: url(images/sidebar_alto.jpg) no-repeat;
	height: 51px;
}
.blocco_sidebar {
	background: url(images/sidebar_centro.jpg) repeat-y;
	padding-left: 5px;
	padding-top: 5px;
}

.blocco_sidebar ul {
	padding-top: 10px;
	width: 310px;
}

.blocco_sidebar ul li{
	list-style-type: none;
	line-height: 20px;
	padding-bottom: 10px;
	color: #8a0202;
}


.istituto {
	border-top: 1px dotted #666;
}

.blocco_sidebar1 {
	background: url(images/sidebar_centro.jpg) repeat-y;
	padding-left: 10px;
	padding-right: 20px;
	line-height: 18px;
	text-align: justify;
}
.sidebar_basso {
	background: url(images/sidebar_basso.jpg) no-repeat;
	height: 31px;
}
.titolo_sidebar {
	font-size: 18px;
	font-weight: bold;
	padding: 45px 0px 0px 125px;
}
.titolo_sidebar1 {
	font-size: 18px;
	font-weight: bold;
	padding: 17px 0px 0px 10px;
}


/* footer */
.footer {
	background: url(images/footer.jpg) repeat-x;
	height:49px;
	width: 100%;
	clear: left;
	float: left;
	color:#000;
}
.footer_content {
	font-size:12px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	padding-top: 29px;
}

.footer a:link {
    color: #000;
	text-decoration: none;
}
.footer a:hover {
    color: #8a0202;
	text-decoration: none;
}
.footer a:visited {
    color: #000;
	text-decoration: none;
}
.footer a:visited:hover {
    color: #8a0202;
	text-decoration: none;
}

#blog-name {
	font:normal 12px Tahoma,Verdana,Arial;
}


#credit {
	float:right;
	height:33px;
}

.clearfix {
	float:left;
}

#slideshow {
	width: 620px;
	padding: 10px;
	background: #f8f8fa;
    border:1px solid #dddddd;
	margin-top: 10px;
}

.more-link {
	display: none;
}
.meta {
	width: 618px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 0px 20px 10px 0px;
	text-align: right;
    
}

.meta a {
	text-decoration: none;
	color: #8a0202;
	font-weight: bold;
}
.meta1 {
	width: 618px;
	padding: 15px 20px 10px 0px;
	text-align: right;
    
}

.meta1 a {
	text-decoration: none;
	color: #8a0202;
	font-weight: bold;
}

.data {
	color: #c8c8c8;
	width: 618px;
	padding: 5px 0px 10px 0px;
	text-align: right;

}

.titolo {
	color: #000;
	font-size: 18px;
	padding: 20px 0px 0px 0px;
    font-weight: bold;
	clear: left;
}
.titolo a:link {
	color: #000;
	text-decoration: none;
}
.titolo a:hover {
	color: #8a0202;
	text-decoration: none;
}
.titolo a:visited {
	color: #000;
	text-decoration: none;
}
.titolo a:visited:hover {
	color: #8a0202;
	text-decoration: none;
}

/* MENU */
#nav2{
	display: block;
	font: 14px Arial,Verdana,Tahoma;
	height: 59px;
	width:100%;
	font-weight: bold;
	background: url(images/background_menu.gif) repeat-x;
	margin-top: 8px;
}

#nav2, #nav2 ul {
	list-style: none;
}

#nav2 a ,#nav2 a:hover{
	border:none;
	display: block;
	text-decoration: none;
}

#nav2 li {
	float: left;
    list-style:none;
    width: 100px;
	text-align:center;
	}

#nav2 a,#nav2 a:visited {
	background: url(images/separatore_menu.gif) no-repeat right; 
	color:#FFF; 
	display:block;  
	padding:6px 12px;}

#nav2 a:hover, #nav2 a:active {
	background: #8a0202 url(images/separatore_menu.gif) no-repeat right; 
	text-decoration:none}

#nav2 li ul {
	height: auto; 
	left: -999em; 
	position: absolute; 
	width: 900px; 
	z-index:999;
}

	
#nav2 li li {width: auto; background: none; margin-top:2px;}

#nav2 li li a,#nav2 li li a:visited {
	color:#000;
	font-weight:bold;
	font-size:1em;
	display:block;
	background: none;
	}
	
#nav2 li li a:hover,#nav2 li li a:active { color:#8a0202; font-weight: bold; background: none;}	
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {left: 150px; background: none;}


/**** udhfkshfkdhhklasfjdhjdflsdh****/

#divNav {

		height: 59x;
		width: 1000px;
	}

	#nav {
		position: relative;
		height: 65px;
		width: 1000px;
        top: 8px;
	}
	* html #nav {
        top: 1px;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		text-align: center;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		left: 0;	
		height: 30px;
		width: 1000px;

	}

	#nav li.on ul {
		
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		
	}

	#nav li a {
		color: #FFF;
		font-weight: bold;
		display: block;
		width: 90px;
		background: url(images/separatore_menu.gif) no-repeat right;
		
	}

	#nav li a {
		color: #FFF;
		font-weight: bold;
		display: block;
		width: 90px;
		background: url(images/separatore_menu.gif) no-repeat right;		
	}

	#nav li.on a {
		color: #FFF;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #FFF;
		width: auto;
		margin-right: 0px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		background: #8a0202 url(images/separatore_menu.gif) no-repeat right; 
	}
	
	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a {
		display: block;
		position: relative;
		background: none;
		padding-top:  7px;
		padding-bottom:  7px;
		
	}

/*first, put the initial states in place*/

#liRenaissance a {
	background-position: 0 0;
}

#liArtNouveau a {
	background-position: -102px 0;
}

#liModern a {
	background-position: -204px 0;
}

#liPostModern a {
	background-position: -306px 0;
}

#liDigital a {
	background-position: -408px 0;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liModern.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background-position: 0 -73px;
}

#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background-position: -102px -73px;
}

#liModern a:hover, #liModern:hover a, #liModern.over a {
	background-position: -204px -73px;
}

#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
	background-position: -306px -73px;
}

#liDigital a:hover, #liDigital:hover a, #liDigital.over a {
	background-position: -408px -73px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	color: #000;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	background: none;
	padding-right: 10px;
	padding-left: 10px;
}	
#nav li.off ul a:hover, #nav li.on ul a:hover {
	display: block;
	color: #8a0202;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	background: none;
	padding-right: 10px;
	padding-left: 10px;
}		

*html #nav_sotto {
	margin-left: 0px;
}
	
/********************jhkldsahfklhsfhkd****************/

.breadcrumb {
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 95%;
}
.linea {
	border-bottom: 1px solid #CCC;
	padding-top: 5px;
}
.elenco ul {
	margin-left: 20px;
	margin-right: 200px;
}
.elenco ul li {
	list-style-type: square;
	padding-top:10px;
}