/*
Theme Name: Heiterlex
Description: 3 Column theme, Only supports Wordpress 2.7.x or higher. 
Author: Renata Durighello 

Version: 1.0
Tags: flexible-width, light, three-columns, left-sidebar, right-sidebar

3 column setup, left and right are fixed, center is fluid+max width
------ License Info ------

    The wordpress theme 'Heiterlex' is free software: you can redistribute it 
    and/or modify it under the terms of the GNU General Public License as published 
    by the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>

--------------------------

*/
 /* ------- Structure ---------------*/

html{
	padding:0;
	margin:0 auto;
}

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color:#222222;
	font-size: 80%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	background-color: #efefef;
}

#wrapper {
	padding:0;
	margin:0 auto;
	width: 96%;
	max-width:1150px;
	background-color: transparent;
}

/* palette dei colori dell'mmagine: 
 * 	#550022
 * 	#441133
 * 	#990044
 * 	#bb2266
 * 	#cccccc	*/

#container {
	margin:0;
	padding:0;
}

#leftsidebar{
	float:left;
	width: 20%;
	max-width:220px;
	min-width:110px;
	/*margin:0px;*/
	padding:0px;
	overflow: hidden;
	margin-top: -9px;
}

#centrecontent{
	float:left;
	width: 58%;
	max-width:710px;
	margin:0;
	padding:15px 5px 0px 5px;
}

#rightsidebar{
	float:right;
	width: 20%;
	max-width:220px;
	min-width:110px;
	margin:0px;
	padding:0px;
	margin-top: -9px;
}

/********************** Global **********************/

p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0;
}

ol, ul{
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	margin: 0.5em 0;
	color: #56C227;
}
h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
}
h1, h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}


a{
	text-decoration:underline;
}
a:link {
	color:#043308;
}
a:visited {
	color: #043308;
}
a:hover, a:active {
	color: #355795;
	
}
a:hover {
	text-decoration:none;
	
}

input, textarea, select  {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	background-color: #FAFAF0;
	color: #355795;
}

blockquote {
	font-size: 0.9em;
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #C4C4C4;
}

form, img {
	margin: 0;
	padding: 0;
	border: 0;
}

.hidden{
	visibility: hidden;
}

.nascosto {
	background: #fff;
	color: #000;
	left: -10000px;
	top: -10000px;
	position: absolute;
}

#searchCSS {
	margin:0;
	padding:0;
}

code {
	
}
.code {
	background: #F0F0F0;
	padding: 10px;
	margin: 10px 60px;
	border: 1px dotted black;
	color: #000;
	font-family: Monaco,"Courier New",Courier,monospace;
	font-size: 85%;
}



.small {
	font-size: 0.9em;
	color: #999;
}

/********************* Images ***********************/
p img {
	padding: 0;
	max-width: 100%;
}
	
.aligncenter, div.aligncenter, img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	/*display: inline;*/
	clear: both;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: block;
	clear:both;

}

.alignright {
	float: right;
}
	
.alignleft {
	float: left
}

.reallysmallthumbs a img{
	width: 60px;
	height:60px;
	float: left;
	margin: 1px;
}

.wp-caption {
	background: #F0F0F0;
}
.wp-caption-text {
	font-size: 90%;
	padding: 0 4px;
}

/* -------------    Header   ---------------  */


#header {
	background: #355795 url(images/1Shading.png) 0 0 no-repeat;
	border-bottom: 1px solid #ffffff;
	height:112px;
	margin-top: -9px;
}

#header ul li {
	margin: 0px;
	display: inline;
}

#header ul li a {
	text-decoration: none;
	color: #ffffff;
}
#header ul li a:hover{
	text-decoration: underline;
}

#header ul.sito {	
	height: 18px;
	width: 96%;
	padding: 0;	
	margin: 0px;
	background: transparent;
	font-size: 0.9em;
	color: #ffffff;	
}

#header ul.sito li a{
	padding: 0px 6px;
	float:right;
}


#header img.logo {
    float: right;
    margin-top: 2px;
    margin-bottom: 2px;
}

#header h1 {
	font-size: 2.2em;
	padding: 0px;
	margin: 0 0 0px 16px;	
	height: 38px;	
}
#header h1 a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#header h1 a{
	text-decoration: none;
	color: #ffffff;
}

#header p{
	font-size:.8em;
	color: #ffffff;
	margin: 0 0 0 18px;
	padding: 0;
	height: 23px;
}

/* ------   Topbar   --------  */

#topbar{	
	height: 28px;
	width: 100%;
	padding: 0;	
	margin: 0 0 0 0; 
	color: #fff;
	background: #56C227 url("images/hnavbg.png") repeat-x scroll 0 0;
}
#topbar ul{	
	font-size: 1em;
	text-align: left;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	line-height: 22px;
}

#topbar li a{
	padding: 3px 10px 3px 10px;
	float:left;
	border-right: 1px solid;
	border-right-color: #F0F0F0;
}
#topbar ul li{
	margin: 0px;
	display: inline;
}

#topbar ul li a{
	text-decoration: none;
	color: #F0F0F0;
}
#topbar ul li a:hover{
	text-decoration: underline;
}


#topbar ul h2{
	margin: 0px;
	display: inline;
	font-size: 1em;
	display: none;
}

/* Essential Layout (IE7 Fix) */
*+html #topbar li a {
	/*margin-top: 14px;*/
}

/******************* Search  ******************/

#searchform
{
	margin: -15px 4px 15px 0px;
	text-align:right;
	padding-top: 1.35 px;
}

#searchform #s
{
	width: 155px;
	margin-top: 2px;

}

/* -------------- sottomenu sotto header ---------------- */

#sez_utenti {
	padding: 0;
	list-style: none;
	margin: -20px 0 0 0; /* si infila nel margine di topbar */
	font-size: 0.9em;
    text-align: left;
   
}
#sez_utenti li {
	display: inline;
	color: #000;
}
#sez_utenti li a {
	background-color: transparent;
	border: 0;
	color: #000;
	height: auto;
	margin-right: 0.5em;
	padding: 0em 0.2em;
	text-decoration: underline;
    font-size: 0.9em;
    font-weight: normal;
 } 
 
 #sez_utenti li a:hover{
 text-decoration:none;
 }
 
 
/* Essential Layout (IE7 Fix) */
*+html #sez_utenti  {
	margin-top: 14px;
}


/* --------------   leftsidebar  -----------------  */




#leftsidebar h2 
{
	background:#355795;
	color: #ffffff;
	margin: 12px 0 0 0;
	padding:0 6px 0 6px;
	text-decoration:none;
	font-size: 1.0em;
	/*border-bottom: 3px solid #355795;*/

}

#leftsidebar h2 a{
	color: #355795;
	text-decoration:none;
}
#leftsidebar h2 a:hover {
	background: #C4C4C4;
	color: #355795;
}

#leftsidebar ul {
	list-style-type: none;
	margin:0;
	padding: 0;
	background:#CFD9E2;
}
#leftsidebar ul li a {
	text-decoration: none;
	
	}
#leftsidebar ul li a:hover {
	text-decoration:underline;
}

#leftsidebar ul ul {
	margin: 6px 0 0 6px;
	list-style-image: url(images/list_image.gif);

}

#leftsidebar ul ul li {
	margin: 0 0 0 12px;
	padding: 0px;
}

#leftsidebar ul ul li a{
	color: #000;
	margin: 0;
	padding: 0;
	text-decoration: none;
	line-height: 14px;


}

/******** colonna centrale ************/

#centrecontent h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none; 
}
#centrecontent h2 a{
display: block;
padding-left: 10px;
border-bottom: 1px #111 dotted
}

/********************** Blog ************************/
/* da controllare*/


.postentry, .postfeedback{
	margin-left: 1em;
}


.postmeta {
	font-size: 0.9em;
	margin-top: 0;
	padding-top: 1px;
} 

.posttitle a:link, .posttitle a:visited {
	color: #355795;	
}

.posttitle a:hover, .posttitle a:active{
	color: #355795;
}
.circ {
	margin-top: -20px;
	padding-top: 1px;
}
.postmeta .postauthor{
	color: #355795;
}
.permalink {
	margin: 0 1.8em 0 0;
	padding: 0 0 0 14px;
	background: url(images/permalink.gif) no-repeat center left;
}

.commentslink, .trackbacklink{
	margin: 0 1.8em 0 0;
	padding: 0 0 0 17px;
	background: url(images/commentslink.gif) no-repeat center left;
}

#comments{
	width: 98%;
	float: left;
	margin: 0em;
	padding-bottom: 0.5em;
}

#commentlist {
	list-style-type: none;
}

#commentlist {
	clear:left;
	margin: 0em;
	padding: 0;
	border-bottom: 1px solid #E8E8CE;
}

#commentlist li {
	padding: 1px 20px 20px 20px;
	border-top: 1px solid #C4C4C4;
	background-color: #FFF;
}

.comment-author {
	font-size: 1.1em;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	margin: 0.5em 0em 0em 0em;
	color: #355795;
}

.comment-author .avatar{
	float:left;
	margin: 0px 10px 5px 0px;
}

.fn{
	font-style: normal;
}
.comment-meta {
	font-size: 0.9em;
	color: #999;
	margin-top: 0px;
}

.alt {
	background-color: #FAFAF0 !important;
}
.bypostauthor{
	background-color: #F0F0F0 !important;
}

.reply{
	font-size: smaller;
	text-align: right;
	display: block;
	margin-top: -1.8em;
}

#cancel-comment-reply{
	margin-right: 2em;
}

#respond{
	clear: both;
	margin-top: 10px;
}
li #respond{
	border-top: 1px solid black;
}

.navigation-bottom{
	height: 1em;
	margin-top: 5px;
	margin-bottom: 15px;
}

.navigation-top{
	height: 1em;
	margin: 0px;
	padding-top: 1em;
}

.navigation-bottom p{
	margin-top: 0px;
	margin-bottom: 0px;
}

.navigation-top p{
	margin-top: 0px;
	margin-bottom: 0px;
}

/******** HOME PAGE ************/

#home-left {
         width: 64%;
         float: left;
}
#home-right {
         width: 34%;
         float: right;
         font-size: 90%;
}

#home-right h3 {
         
         font-size: 1em;
}

/**************** tabelle categorie *******************/

#centrecontent table {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	border: 1px solid #355795;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 80%;
	background-color: #BFDFFF;	
}
#centrecontent caption {
	display: none;
}
#centrecontent table th, #centrecontent table td {
	padding: 2px;
}
#centrecontent table th {
	background-color: #355795;
	color: #fff;
}
#centrecontent table td {
	background-color: #fff;
}

/**************** pagina categorie *******************/

.news {
margin-top:10px;
padding: 0 0.4em;
font-size: 95%;
}
.news h3 {
color: #000;
border-bottom: 1px dotted #424242;
} 
.news .postmeta {
margin-top: -6px;
} 
.news .postmeta a {
color: #000;
} 
.news p {
} 

.read_more {
display:block;
float:right;
text-align:right;
font-size: 80%;
margin-top: -16px;
}

.read_more a{
text-decoration:none;
}


/***************** mappa *********************/
#left {
         width: 64%;
         float: left;
}
#right {
         width: 34%;
         float: right;
}


/**************** sottopagine *******************/

.gerarchia {
	font-size: 0.9em;
	float: right;
	border: 1px dotted #ccc;
	padding: 4px 6px;
	list-style-type: none;
	background: #F0F0F0;
}


/****************** Per menu espandibili *********************/

ul ul ul {

display: none;

}

ul ul .current_page_item ul,
ul ul .current_page_ancestor ul {

	list-style-image: url(/wp-content/themes/Heiterrock/images/list_small.gif) !important;
	display: block;
	font-size: 90%;
}

ul ul .current_page_item ul ul,
ul ul .current_page_ancestor ul ul {

display: none;

}

ul ul .current_page_ancestor ul .current_page_item ul,
ul ul .current_page_ancestor ul .current_page_ancestor ul {

display: block;

}

/*  aree widget fondo pagina   */


#footbar1 {
clear:both;
float:left;
border-top: 4px solid #ccc;
background: url(/wp-content/themes/Heiterrock/images/grad_grigio.jpg) 0 0 repeat-x;
}

#footbar2 {
float:right;
border-top: 4px solid #ccc;
background: url(/wp-content/themes/Heiterrock/images/grad_grigio.jpg) 0 0 repeat-x;
}

.w-area-foot {
width: 49%;
}

.w-area-foot ul {
padding: 4px;
}

.w-area-foot ul li {
list-style-type: none;
}

.w-area-foot ul ul li {
list-style-type: square !important;
padding-bottom:2px;
}

.w-area-foot ul li li a{
text-decoration:none;
}

.w-area-foot ul li li a:hover{
text-decoration:underline;
}


/* --------------   rightsidebar  -----------------  */


#rightsidebar h2 
{
	color: #ffffff;
	background: #56C227 url("images/hnavbg.png") repeat-x scroll 0 0;
	margin: 12px 0 0 0;
	padding:0 6px 0 6px;
	text-decoration:none;
	font-size: 1.0em;

}

#rightsidebar h2 a{
	color: #355795;
	text-decoration:none;
	
}
#rightsidebar h2 a:hover {
	background: #C4C4C4;
	color: #355795;
}

#rightsidebar ul {
	list-style-type: none;
	margin:0;
	padding: 0;

}

#rightsidebar ul li a {
	text-decoration: none;
	
	}
#rightsidebar ul li a:hover {
	text-decoration:underline;
}

#rightsidebar ul ul {
    background: none repeat scroll 0 0 #EEEEEE;
    line-height: 1.8em;
    list-style-type: none;
    list-style-image: url(images/sm-arrow.gif);
    margin: 0;
    padding: 0;
	margin: 0;

}

#rightsidebar ul ul li {
	margin: 0 0 0 16px;
	padding: 0;
}


#rightsidebar ul ul li a:hover{
    color: #000;
    background: #ccc;
    text-decoration: none;
}

/********************** Footer **********************/

#footer {
	font-size: 0.9em;
	text-align: center;
	clear: both;
}

#footer p {
	font-size: 0.9em;
	text-align: center;
	margin: 0;
	padding: 10px 10px 0px 0px;
	background-color: #FFFFFF;
	border-top: 10px solid #355795;
}

.hidden{
	visibility: hidden;
}

.nascosto {
	background: #fff;
	color: #000;
	left: -10000px;
	top: -10000px;
	position: absolute;
}