/*
 * --- THEME BIGDADDY ---
 * Styles for THEME SETTINGS screen styles.
----------------------------------------------------- */

/* --- Second background rule is for IE. To simplify the css, I degrade it by removing the transparency but you can use the very long IE filter property ;) --- */
body.wireframes #site-header {
  background: rgba(0, 255, 0, 0.35) !important;
  background: rgb(0, 255, 0);
} 
body.wireframes #sidebar-first {
  background: rgba(162, 0, 197, 0.35) !important;
  background: rgb(162, 0, 197);
} 

body.wireframes #middle-content {
  background: rgba(255, 0, 0, 0.35) !important;
  background: rgb(255, 0, 0);
}

body.wireframes #sidebar-second {
  background: rgba(0, 194, 236, 0.35) !important;
  background: rgb(0, 194, 236);
} 

body.wireframes #site-footer {
  background: rgba(236, 222, 0, 0.35) !important;
  background: rgb(236, 222, 0);
}

/* --- CSS Protyping --- */
body.prototyping::before {
  content:"";
  position:fixed;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:.3;
  pointer-events:none;
}

body.prototyping * {
  -webkit-user-modify: read-write;
  word-wrap: break-word;
  -webkit-nbsp-mode: space;
  -webkit-line-break: after-white-space;
}

body.prototyping a {
  -webkit-user-modify: initial;
}

/* Grid System */
body.grid-system::before {
  content:"";
  position:fixed;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:.3;
  pointer-events: none;
  background: url('../images/1020px-4col-vulgarisGrid.png') center top repeat-y;
}