/* Wide Layout stylesheet for RetroTale theme
----------------------------------------------- */

html body {
  background-color: #fffdee;          
}
body #container {
  max-width: 100%;                
}
body .site-title,
body .site-description {
  color: #555555; 
  text-shadow: 2px 2px #e0e0e0;         
}
body .site-title a {
  color: #555555;         
}
body .site-title a:hover {
  color: black;                    
}
#wrapper #container-shadow {  
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
  background: none; 
}
.header-content-wrapper,
#wrapper-content {
  float: left;
  height: auto;  
  position: relative;
  width: 100%;                       
}
#wrapper-content #main-content,
#wrapper #footer {
  float: none;
  margin: 0 auto;        
} 

/* header */
#wrapper .top-navigation {
  margin: 0 auto;           
}
.top-navigation {
  position: relative;
  width: 1114px;                         
}
.header-content-wrapper .header-content,
.menu-box-wrapper .menu-box {
  float: none;
  margin: 0 auto;            
}
#wrapper #header .sticky-nav {
  max-width: 100% !important;
}
.header-image {
  background: #dddddd;                   
}

/* footer */
.footer-signature .footer-signature-content {
  margin: 0 auto;
  max-width: 956px;                                            
}

/* media queries */
@media screen and (max-width: 1170px) {
  #wrapper #container {
    max-width: 100%;
}
  body .top-navigation {
    width: 956px;                         
}
}
@media screen and (max-width: 1012px) {
  html #wrapper #container {
    max-width: 100% !important;
    width: 100% !important;                         
}
  #wrapper #header .top-navigation {
    width: 90%;                           
}
  #wrapper .header-contact {
    width: 100%;
}
  #wrapper .footer-signature .footer-signature-content {
    max-width: 90%;                                            
}
}