/* This is where you can create custom override styles for individual sites. */
#header .container, #footer .container { max-width: 800px; }

body { background: #EEEEEE; }

/* Header */
#header { background: #fff; }
#header h1 a { display: block; width: 300px; height: 80px; background: url(../../../img/site-specific/diari/logo.png) no-repeat center; background-size: 100% auto; text-indent: -9999px; }

@media only screen and (max-width: 600px) {
	#header h1 a { width: 250px; }
}
@media only screen and (max-width: 520px) {
	#header h1 a { width: 100%; height: 50px; background-size: 95% auto; }
	#header #account-header { margin-top: 15px; }
}

/* Main Headings */
.option-heading { background: #224f6D; }
.option-heading p,
.option-heading p a { color: rgba(255,255,255,0.68); }

/* Sub Text */
.main-content a, .subscription-options .signup .info p, p.agreement, p.agreement a, .cnd-user-orders #order-detail .name { color: #005fa8; }

/* Error Message */
.error-message { }

/* Buttons */
.button, .ui-dialog .ui-dialog-buttonset button {
  background: #005fa8;
  box-shadow: inset 0px 1px 0px #0090ff, 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border: 1px solid #00345c;
  border-top-color: #004275;
  border-bottom-color: #002542;
}
.button:hover, .ui-dialog .ui-dialog-buttonset button:hover {
  background: #004b84;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 1px 0px #0068b7, inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border-color: #002038;
  border-top-color: #002e51;
  border-bottom-color: #00111e;
}

/* Footer */
#footer { background: #224f6D; color: #999; color: rgba(255,255,255,0.68); border-bottom: 7px solid #6BBBCC; }
@media only screen and (min-width: 580px) {
	#footer { height: 60px; }
}
@media only screen and (max-width: 580px) {
	#footer { border: none; }
}



/* Pigeon Archive Area */
.archive {  }
.archive #header .container { max-width: none; }
.archive #header h1 a { background: url(../../../img/site-specific/diari/logo-archive.png) no-repeat center left; background-size: auto 30px; height: 70px; }
body #header span#archive-edit-mode { margin-top: 37px !important; }

@media only screen and (max-width: 550px) { 
	.archive #header h1 a { background-position: center; }
}