/*-------------------------------------
    Grey color scheme -  #9CAEBB --> #9CAEBB
--------------------------------------*/


html, body {background-color:#9CAEBB !important;  height:100%; }    /* Overlay Color of bottom color  */  


body.twentyeleven-subtheme.fullwidth-header { 
     
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 400px, #9CAEBB 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(400px,#eeeeee), color-stop(100%,#9CAEBB)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 400px,#9CAEBB 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 400px,#9CAEBB 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 400px,#9CAEBB 100%); /* IE10+ */
    background: linear-gradient(top,  #eeeeee 400px,#9CAEBB 100%); /* W3C */
    filter: none;
}

/* Fix for ie7-9 gradients */
html.pre-ie10 > body.twentyeleven-subtheme.fullwidth-header { background:none !important; }
body.twentyeleven-subtheme.fullwidth-header div.inner-body-ie { 
        -pie-background: linear-gradient(top,  #eeeeee 400px,#9CAEBB 100%);
}



/* Top Navigation menu */
body.twentyeleven-subtheme.fullwidth-header #access { 

    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #9CAEBB 100%, #666666 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#9CAEBB), color-stop(100%,#666666)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#9CAEBB 100%,#666666 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#9CAEBB 100%,#666666 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#9CAEBB 100%,#666666 100%); /* IE10+ */
    background: linear-gradient(top,  #eeeeee 0%,#9CAEBB 100%,#666666 100%); /* W3C */
    filter: none; /* IE6-9 */
    -pie-background: linear-gradient(top, #eee 0%, #9CAEBB 100%, #666 100%); 
    
    border-bottom: none; 
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.6);  
}




/* controls the font color of the navigation menus */
#access .menu li a { color: #000 ;}

#access li.current-menu-item, #access li.current_page_ancestor {
  background: none repeat scroll 0 0 #FFFFFF; 
  box-shadow: 0 1px 3px #666666 inset;
  margin-top:-1px; padding-top:1px;border:none;
}

/* controls the background color of the navigation menus on hover */
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus,
#access2 li:hover > a,
#access2 ul ul :hover > a,
#access2 a:focus  {
    background: #9CAEBB ;      background: #eee !important; 
    box-shadow: inset 2px 2px 3px #999;  
}
/* controls the colors of the submenus in the navigation on hover */
#access .menu ul.children > li:hover > a,
#access .menu ul.sub-menu > li:hover > a,
#access .menu > ul > li:hover > a,
#access .menu > li:hover > a,
#access2 .menu ul.children > li:hover > a,
#access2 .menu ul.sub-menu > li:hover > a,
#access2 .menu > ul > li:hover > a,
#access2 .menu > li:hover > a {
color: #333;
background: #9CAEBB ;
}
/* Navigation sub-menus background and text color */
#access .menu ul.children li a,
#access .menu ul.sub-menu li a,
#access2 .menu ul.children li a,
#access2 .menu ul.sub-menu li a {
background: #eee; /* default color #333, might want to leave this */
border-bottom: dotted 1px #555;
color: #333; /* this color is usually your default link color */
}
/* Wp-Pagenavi styles */
.wp-pagenavi a:hover, .wp-pagenavi span.current {
background: #9CAEBB; 
color: #333;
}
/* edit link background and text color on hover */
.edit-link a:hover, a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { 
    background: #9CAEBB  !important; color: #333 !important; 
}

/* navigation links (previous/next) on hover background and text */
#content nav a:hover { background: #9CAEBB ; color: #333;}

/* background color of the comment respond box */
#respond{ background: #f4f4f4;}

/* color of the active text (comment author) in the respond box, make light if background is dark and vice versa */
#respond a {color: #333;}

/* remove this if you want text shadow on the respond box */
#reply-title  {text-shadow: none;}

/* recent related posts title background color */
#recent { background-color: #9CAEBB; }

/* comment bubble on index page background and font color */
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus{
 background-color: #9CAEBB !important;
 color: #333;
}