// styles that apply to the PageDown editor
// http://code.google.com/p/pagedown/

.wmd-panel {
  margin-left: 25%;
  margin-right: 25%;
  width: 50%;
  min-width: 500px;
}

.wmd-button-bar {
  width: 100%;
}

.wmd-button-row {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0;
  height: 20px;
  overflow: hidden;
}

.wmd-spacer {
  width: 1px;
  height: 20px;
  margin-right: 8px;
  margin-left: 5px;
  background-color: dark-light-diff($primary, $secondary, 90%, -60%);
  display: inline-block;
  float: left;
}

.wmd-button {
  width: 20px;
  height: 20px;
  padding-left: 2px;
  padding-right: 3px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border: 0;
  width: 20px;
  height: 20px;
  position: relative;
  border: 0;
  float: left;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none !important;
  background-position: 0 0;
  background-repeat: repeat;
  background: transparent;
  padding: 4px;
}

.wmd-button:hover {
  background-color: dark-light-diff($primary, $secondary, 90%, -60%);
}


#wmd-bold-button:before {
  content: "\f032";
}


#wmd-italic-button:before {
  content: "\f033";
}

#wmd-link-button:before {
  content: "\f0c1";
}

#wmd-quote-button:before {
  content: "\f10e";
}

#wmd-code-button:before {
  content: "\f121";
}

#wmd-image-button:before {
  content: "\f093";
}

#wmd-image-button.image-only:before {
  content: "\f03e";
}

#wmd-olist-button:before {
  content: "\f0cb";
}

#wmd-ulist-button:before {
  content: "\f0ca";
}

#wmd-heading-button:before {
  content:  "\f031";
}

#wmd-hr-button:before {
  content:  "\f068";
}

#wmd-undo-button:before {
  content:  "\f0e2";
}

#wmd-redo-button:before {
  content:  "\f01e";
}

#wmd-quote-post:before {
  content:  "\f0e5";
}

.wmd-prompt-background {
  background-color: #111;
  box-shadow: 0 3px 7px rgba(0,0,0, .8);
}

.wmd-prompt-dialog {
  border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
  background-color: dark-light-diff($primary, $secondary, 90%, -60%);
}

.wmd-prompt-dialog > div {
  font-size: 0.8em;
  font-family: arial, helvetica, sans-serif;
}

.wmd-prompt-dialog > form > input[type="text"] {
  border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
  color: $primary;
}

.wmd-prompt-dialog > form > input[type="button"] {
  border: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
  font-family: trebuchet MS, helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
}