/*
Theme Name: MecdataReti2
Theme URI: http://www.mecdata.it/
Description: Design by <a href="http://www.mecdata.it">Mecdata Web Design</a>.  WordPressed by <a href="http://www.mecdata.it">MECDATA SRL</a>
Author: Andrea Cicchelli
Author URI: http://www.mecdata.it/
Template: thematic
Version: 0.1
.
This work is released under the GNU General Public License 2:
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* 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 due colonne 
@import url('../thematic/library/layouts/2c-r-fixed.css');
*/
/* layout base a 3 colonne, una a destra, una a sinistra */ 
@import url('../thematic/library/layouts/3c-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:13px;
}

/* apply a background color to the whole page */
body {
	background-color: #ffffff;
}

/* apply the same background color to header and footer */
#header, #footer {
background-color: #FFA500;
}

/* Header */

#header {
margin:0;
padding:0;
background-position:0 0;
background-repeat:no-repeat;
border-bottom:10px solid #FFF;
}

#footer {
border-top:10px solid #FFF;
margin-top:0px; /* remove the default top margin on footer */
}

/* thin borders on top and bottom borders of content area */
#main {
border-bottom:1px solid #4B8AA9;
border-top:1px solid #4B8AA9;
}

/* re-define blog-title font-face */
#blog-title {
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.04em;
word-spacing:0.1em;
}

#branding {
padding-top:1;
padding-bottom:0;
}

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


/* add a border to separate posts */
div.post{
border-bottom:3px dashed #FFF;
}

/* 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;
}

/*titolo degli articoli  nel singolo post*/
/* we add some top margin to .entry-title to separate them from the above borders*/
.entry-title{
margin-top:5px;
font-size:24px;
color:#800000;
}
/* since we have added top margin to .entry-title we reduce a little the #main top padding */
#main {
padding-top:44px; /* default is 66px */
}

/* remove the border on sigle post pages */
body.single div.post{
border-bottom:none;
}

/*Navigation Areas*/
.navigation {
background-color:#C7EDF0;
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 */
}

/*Widgets Area*/
/* common styles (both #primary and #secondary have .main-aside class*/
.main-aside h3.widgettitle{
font-weight:bold;/* bold */
text-transform:uppercase;/* uppercase */
font-style:normal;/* overwrite the default italic style */
margin-bottom:7px; /* a small margin on the bottom */
}

/* primary is blu */
#primary h3.widgettitle{
color:#113242;/* color blue (same color of header background) */
border-bottom:1px solid #113242;/* a thin blue line on the bottom */
}

/* secondary */
#secondary h3.widgettitle{
color:#9C291D;
border-bottom:1px solid #113242;/* a thin blue line on the bottom */
}

/* common text styles */
.main-aside{
font-size:12px;
color:#1A4E66;
}
.main-aside a{
text-decoration:none;/* links on both primary and secondary are not underlined */
font-weight:bold;
}
.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:#1A4E66;
}
#primary a:active, #primary a:hover{
color:#113242;
}
/* links on secondary are black and bold */
#secondary a {
color:#800000;
text-transform:uppercase;
letter-spacing:0.05em;
}

/* bullet images on list inside widgets */
#primary .widgetcontainer ul li {
list-style-image: url(images/bullet_dark.gif);
}
#secondary .widgetcontainer ul li {
list-style-image: url(images/bullet_dark.gif);
}

/* we move the 1st Subsidiary (#subsidiary #first) on the header, where we can put search box or banners or whatever else*/
#subsidiary #first {
position:absolute;
right:20px;
top:30px;
z-index:100; /* we put it on top, elsewhere it stays on the back and it doesn't appear*/
}

/* add a different backround and some borders to the 1st Subsidiary*/

#subsidiary #first {
background-color: #13394C;
border: 1px solid #1D5570;
padding:20px;
}

/*MENU*/

/*same width of #main to have menu left-aligned with it*/
.menu {
width:960px;
}

/*items have same background color of #subsidiary #first*/
.sf-menu li {
background-color:#13394C;
}
/*no bottom borders on items. left borders has color used for #subsidiary #first border*. Top border is just a little darker than header background*/
.sf-menu a {
border-bottom:none;
border-top-color:#10303F;
border-left-color:#1D5570;
}
/*same color must be applied to the end-of-menu border*/
.sf-menu {
border-right-color:#1D5570;
}

/*change font style for the menu*/
.sf-menu {
font-size:14px;
font-variant:small-caps;
}
.sf-menu a, .sf-menu a:visited {
color:#FFF;
}

/*we give more space to items tabs*/
.sf-menu a {
padding:13px 28px; /*default is 9px 13px*/
height:19px;
}

/*we must change also the height of #access (it's the menu container)*/
#access {
height:22px;
}

/*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:#B3E4E9;
}
.sf-menu li:hover a, .sf-menu li.sfHover a {
color: #113242;
}


/*Superfish is a drop-down menu so we have to style also sub-items*/	

/*sub-items*/
.sf-menu ul, .sf-menu ul a {
border-color:#4B8AA9;
}

.sf-menu ul a {
background-color:#B3E4E9;
border-left:none;
padding:9px 13px;
height:auto;
color: #113242;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
top:50px;
left:1px;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {
background-color:#CEF0F2;
}

/*Box di Ricerca*/
input#s{
background:#C0C0C0;
border-bottom:1px dotted #000;
}
input#s:focus{
background:#FFFF33;
}
input#searchsubmit{
background:#c3c3c3;
color:#fff;
}

/*
body.s-author-admin{
	background:#000;
        color:#fff;
}
*/