/*
Theme Name: childTheme
Description: modifica di Thematic base.
Template: thematic
*/
/* file per resettare i valori */
@import url('../thematic/library/styles/reset.css');

/* stili tipografici base */
@import url('../thematic/library/styles/typography.css');

/* layout base a tre colonne */
@import url('../thematic/library/layouts/3c-r-fixed.css');

/* stili per le immagini */
@import url('../thematic/library/styles/images.css');

/* stili di default */
@import url('../thematic/library/styles/default.css');

/* stili predefiniti per i plugin */
@import url('../thematic/library/styles/plugins.css');

/* re-define base font-face and size */
body, input, textarea {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
       line-height: 18px;
text-align: justify;
}

#access{
border-bottom:0px;
margin-bottom:0px;
}

#siteinfo a{
color: #494848;
}

#siteinfo {
color: #000000;
}


/* apply the same background color tofooter */
#footer {
border-top:0px;
background:url(images/pattern_084g.jpg) repeat fixed 0 0 transparent;
margin-top:0px;

}

#subsidiary {
background-color: #222222;
border-top:1px solid #cccccc;

}


/* re-define blog-title font-face */
#blog-title {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
top:3px;
position:absolute;
}


/* blog-title color must be redifined inside <a> tag */
#blog-title a{
color: #000000;
}
#blog-title a {
background:url(images/logoWPold.png) no-repeat bottom left;
padding-bottom:62px;

}

/* blog-description color must be redifined inside <a> tag */
#blog-description {
color:#666666;
font-size:12px;
font-style:italic;
top:30px;
position:absolute;
text-transform: none;
}

#header {
background:url(images/immagine_ombNUOVO.png) no-repeat top center;
padding-top:90px;

}

/* add a border to separate posts */
div.post{
border-bottom:1px dotted #000000;
}
/* too much space between end of post and the border caused by the div.entry-utility margin: we clear the margin*/
div.entry-utility{
margin-bottom:0;
}
/* we add some top margin to .entry-title to separate them from the above borders*/
.entry-title{
margin-top:7px;
}
/* since we have added top margin to .entry-title we reduce a little the #main top padding */
#main {
padding-top:44px; /* default is 66px */
background-color: #ffffff
}


.entry-title {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#113242;
}

/* let's do so, instead */
a:active, a:hover {
color:#5098fc !important/* deep blue as for links on #primary is for ALL links*/
}

/*items have same background color of #subsidiary #first*/
.sf-menu li {
background-color:#222222;
}

.sf-menu a, .sf-menu a:visited {
color:#ffffff;
}

.menu {
width:960px;
 font-weight: bolder; 

}
/*on mouse over*/
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-color:#cccccc; font-weight: bolder; text-decoration: none; border-color: #ffffff;
}
.sf-menu li:hover a, .sf-menu li.sfHover a {
background-color:#cccccc;  font-weight: bolder; text-decoration: none; border-color: #ffffff;
}



/*I forgot to style the comment area!
#respond {
background-color:#cbefff;
padding:18px; */

/* 
}
#comments h3 {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}*/

/* common styles (both #primary and #secondary have .main-aside class*/
.main-aside h3.widgettitle{


font-style:normal;/* overwrite the default italic style */
margin-bottom:7px; /* a small margin on the bottom */
}
/* primary is blu */
#primary h3.widgettitle{
color:#000000;
font-weight: bold;/* color blue (same color of header background) */
border-bottom:1px dotted #000000;/* a thin blue line on the bottom */
}

#primary {
background-color: #ffffff;
}



/* secondary is white */
#secondary h3.widgettitle{
color:#000000;
font-weight: bold;/* color white */
border-bottom:1px dotted #000000;/* a thin white line on the bottom */
}
/* common text styles */
.main-aside{
font-size:12px;
color:#666666;
text-align: left;
}
.main-aside a{
text-decoration:none;/* links on both primary and secondary are not underlined */

}
.main-aside a:active, .main-aside a:hover {
text-decoration:underline; /* but they are underlined on mouse over */
}
/* links on primary are blu */
#primary a{
color:#666666;
}
#primary a:active, #primary a:hover{
color:#113242;
}
/* links on secondary are and bold */
#secondary a {
color:#666666;

}

.navigation {
background-color:#e4e4e4;
padding:18px;
border: 1px solid #AECED2;
}


#nav-above, #nav-below {
width:auto;
}
#nav-above {
margin-bottom:24px;
}
#nav-below {
margin-top:24px;
}
.paged #nav-above {
padding:18px; /* to reset the default */
}

#wrapper {
background:url(images/pattern_084g.jpg) repeat fixed 0 0 transparent;

}