/**************************************************
 BASE TYPOGRAPHY STYLES, inspired by Bootstrap

 Start with SENSIBLE defaults.  Don't start styling the 
 home page first, it's always full of outliers.

 At the beginning of each project, take time to go through 
 this file and customize the defaults.

 @TODO - Build out a style-guide page where all of these
         styles can be seen, separate from the website
***************************************************/

body {
  background-color: #ede8e3;
  /*
  background-color: #d1d2d5;
  */
  background-attachment: fixed;
  background-position: center 20%;
  background-size: cover;
  color: #0c0c0c;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
}

p {
  margin-bottom: 12px;
}


/**************************************************
 FONTS - control all fonts in one place.
***************************************************/

body, button, select, input, textarea {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-family: "adobe-caslon-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-family: "ff-tisa-web-pro",serif;*/
  font-style: normal;
  font-weight: 400;
}

.page {
  background-color: #f7f7f7;
  background: rgba(255, 255, 255, 0.95), none;
  /*
  border: 1px solid #a39c94;
  */
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, 
th, .dform label {
  font-family: "futura-pt-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 800;
  text-transform: none;
}

h1 i, h1 em, .h1 i, .h1 em, h2 i, h2 em, .h2 i, .h2 em, h3 i, h3 em, .h3 i, .h3 em, h4 i, h4 em, .h4 i, .h4 em, h5 i, h5 em, .h5 i, .h5 em, h6 i, h6 em, .h6 i .h6 em {
	font-style: italic;
}

table td,
.radios li, 
.checkboxes li,
.alert .close,
.alert,
.post-meta {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}


/**************************************************
 HEADINGS
 .h1-.h6 classes should be used to maintain the 
 semantically appropriate heading levels - NOT for 
 use on non-headings

 if additional headings are needed they should be 
 created via additional classes

***************************************************/
h1, .h1 { 
  color: #404040; 
  font-size: 30px; 
  font-style: normal;
  font-weight: 800;  
  line-height: 36px; 
  margin-bottom: 18px; 
}
/* Use this style if you need more complex H1 tags*/
h1 small, .h1 small { 
  font-family: "adobe-caslon-pro",serif;
  font-style: italic;
  font-weight: 400;
  display: block;
  font-size: 18px; 
}

h2, .h2 { 
  color: #404040; 
  font-size: 24px; 
  font-style: normal;
  font-weight: 800; 
  line-height: 30px;
  margin-bottom: 10px; 
}

h3, .h3 { 
  color: #404040; 
  font-size: 18px; 
  font-style: normal;
  font-weight: 800;
  line-height: 22px; 
  margin-bottom: 10px; 
  text-transform: uppercase;
}
p + h2,
p + h3 {
  margin-top: 20px;
}

.events p.date + h2 {
  line-height: 1.1;
}

h4, .h4,
table th,
.dform label { 
  color: #404040; 
  font-size: 18px; 
  font-style: normal;
  font-weight: 500;
  line-height: 22px; 
  margin-bottom: 10px;
  text-transform: uppercase;
} 

h5, .h5  { 
  color: #404040;
  font-size: 18px; 
  font-style: normal;
  font-weight: 500;
  line-height: 22px; 
  margin-bottom: 8px;
}

h6, .h6 {
  color: #9f9f9f;  
  font-size: 18px; 
  font-style: normal;
  font-weight: 500;
  line-height: 22px; 
  margin-bottom: 8px;
  text-transform: uppercase;   
}


/**************************************************
 LINKS
***************************************************/
a {
  background: inherit;
  color: #0049e3;
}
a:hover,
a:active,
a:focus {
  color: #000000;
  outline:none;
  text-decoration: underline;
}
button.btn-secondary:hover { color: #000000;  }
a:link     { -webkit-tap-highlight-color: #0049e3; }

button.btn-primary {
  background: none;
  border: 0;
  color: #0049e3;
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  text-decoration: underline;
}
button.btn-primary:hover {
  color: #000000;
}

/**************************************************
 IMAGES
***************************************************/

img {
  margin-bottom: 20px;
}

/**************************************************
 LISTS
***************************************************/
ul, ol {
  margin: 0 0 18px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}

/**************************************************
 TEXT EMPHASIS
***************************************************/

strong {
  font-style: inherit;
  font-weight: bold;
}
em {
  font-style: italic;
  font-weight: inherit;
  line-height: inherit;
}
small {
  color: #9f9f9f;
  font-size: 14px;
}
blockquote {
  border-left: 2px solid #eee;
  color: #555;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 1em;
  padding-left: 10px;
}

.divider {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  height: 1px;
  width: 100%;
}


/**************************************************
 DIVIDERS
***************************************************/

hr { 
  border: 0; 
  border-bottom: 1px solid #eee;
  display: block; 
  height: 1px; 
  margin: 1em 0; 
  padding: 0; 
}


/**************************************************
 EXTRAS
***************************************************/

/* @customize color for text when selected */
::-moz-selection { background: #136DEC; color:#fff; text-shadow: none; }
::selection      { background: #136DEC; color:#fff; text-shadow: none; }


/**************************************************
 FORMS
***************************************************/
input,
textarea {
  border: 1px solid #ddd;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 5px;
}
.standard .req {
  color: #999;
}
.description {
  color: #999;
  font-style: italic;
  /*font-size: .8em;*/

  /*line-height: 1.2;*/

  margin-bottom: .5em;
}
.element {
  margin-bottom: 1.5em;
  position: relative;
}
.element ul {
  margin-bottom: 0;
}
.text_input label {
  width: 100%;
}
.text_input input {
  width: 250px;
}
.email_input label {
  width: 100%;
}
.email_input input {
  width: 250px;
}
.password_input label {
  width: 100%;
}
.password_input input {
  width: 250px;
}
.radio_input ul {
  list-style-type: none;
  margin-left: 0;
}
.radio_input li {
  line-height: 1em;
  padding-bottom: .5em;
}
.checkbox_input ul {
  list-style-type: none;
  margin-left: 0;
}
.checkbox_input li {
  line-height: 1em;
  padding-bottom: .5em;
}
.multiselect_input select {
  border: 1px solid #ddd;
}
.dform_textarea textarea {
  height: 100px;
  width: 250px;
}
.standard input,
.standard textarea {
  /*background-color: #ecf5ff;*/

}
.standard .error + .field_container input,
.standard .error + .field_container textarea {
  border: 1px solid #c70c0c;
  /*background-color: #fdf2f2;*/

  /*background: #fcfcfc url(/assets/images/error-triangle.png) top right no-repeat;*/

}
.error .exclamation {
  background-color: #c70c0c;
  color: #c70c0c;
  /*color: #ffffff; */

  /*padding:0 9px;*/

  width: 3px;
}
.error {
  /*padding-left: 270px;
  position: absolute;*/

  color: #ba1a1a;
  margin-bottom: 3px;
}
form section h6 {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit;
}
form section li:last-child {
  padding-bottom: 0;
}
form section label span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
input.text,
textarea,
.uneditable-input {
  width: 206px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: white;
  border: 1px solid #CCC;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea {
  width: 20em;
  height: 10em;
}

form ul,
form li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.required-message {
  margin-top: 48px; /* @line-height x 2 */
}


/**************************************************
 ALERTS
***************************************************/
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 2px solid #fbeed5;
}

.alert .close {
  color: #404040;
  font-size: 12px;
  font-weight: normal;
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  /*color: #468847;*/
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  /*color: #b94a48;*/
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  /*color: #3a87ad;*/
  background-color: #d9edf7;
  border-color: #bce8f1;
}


.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-decoration: underline;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.close:hover {
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
  opacity: 0.6;
  filter: alpha(opacity=80);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}



/**************************************************
 BLOG
***************************************************/

#blog article {
  margin-bottom: 30px;
}

#blog .sidebar aside {
  margin-bottom: 30px;
}


/**************************************************
 FOOTER
***************************************************/

footer {
  color: #444;
  font-size: 14px;
  padding-bottom: 30px;
}


/**************************************************
 CRAFT EDIT BUTTON
***************************************************/
.edit-button a {
  background: #404040;
  color: white;
  display: inline-block;
  padding: 0.5em 0.75em;
  line-height: 1;
  font-family: "futura", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  border-radius: 4px;
  text-decoration: none;
  font-size: 12px;
  opacity: 0.3;
  transition: opacity 0.2s;
}
.edit-button a:hover,
.edit-button a:active,
.edit-button a:focus {
  opacity: 1;
  text-decoration: none;
}

/* OPTIONAL: Position the edit button outside of the content area, on big screens */
@media (min-width: 1200px) {
  .edit-button {
    margin: 0;
    position: absolute;
    left: -3.5em;
  }
  .page-9 .edit-button {
    margin-left: -55px;
  }
}


/**************************************************
 NOTICE
***************************************************/
.notice {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


/**************************************************
 EFFECTS
***************************************************/
.fade {
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}

/**************************************************
 HELPER CLASSES - From Boilerplate
 Non-semantic helper classes: please define your styles before this section.

 Image Replacement

.ir { 
  display: block; 
  text-indent: -999em; 
  overflow: hidden; 
  background-repeat: no-repeat; 
  text-align: left; 
  direction: ltr; 
}

***************************************************/

 /* Hide for both screenreaders and browsers: 
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

 /* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }



/**************************************************
 EXTEND & ADD CUSTOM STYLES BELOW THIS LINE!
***************************************************/



a.deep-glamour {
	font-family: "futura-pt-condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 20px;
}

a.deep-glamour:hover {
	color: #000;
	text-decoration: none;
}

a.deep-glamour:hover span {
	text-decoration: underline;
}

a.deep-glamour small {
	display: block;
	line-height: 1;
}

a.deep-glamour:hover small {
	text-decoration: none;
}

/* Deep Glamour Migrated Things */
.deep-glamour-section article,
.deep-glamour-section article .post-meta,
.deep-glamour-section ul.pagination {
  float: left;
}
.deep-glamour-section article .post-meta {
  margin-top: 5px;
}
.deep-glamour-section ul.pagination {
  text-align: left;
  width: 100%;
}
/* Image classes don't appear to be consistent enough
   to float left or right.  So we're just making them all block */
.deep-glamour-section img {
  display: block;
}
.deep-glamour-section fieldset {
  display: block;
  -webkit-margin-start: 2px;
  -webkit-margin-end: 2px;
  -webkit-padding-before: 0.35em;
  -webkit-padding-start: 0.75em;
  -webkit-padding-end: 0.75em;
  -webkit-padding-after: 0.625em;
  border: 1px solid #ccc;
}
.deep-glamour-section .zemanta-article-ul-li {
  margin-top: 10px;
}
.deep-glamour-section .subscribe {
  margin-top: 1.5em;
}


img.amazon-adsystem,
img.amazon-assoc {
  display: inline;
}