/* === micropledge.com CSS stylesheet === */

/* -------------------------------------------- *
 * ---------------->>> Global <<<-------------- *
 * -------------------------------------------- */

body {
  font-family: Verdana, sans-serif;
  font-size: 13px;
  margin: auto;
  _text-align: center;
  width: 780px;
  margin-top: 0;
  padding-top: 0;
  background: white;
}

#container {
  background: white;
  _text-align: left;
  position: absolute;
  _position: relative;
  width: 730px;
  margin-left: 25px;
  margin-right: 25px;
}


/* -------------------------------------------- *
 * ------------>>> Page Structure <<<---------- *
 * -------------------------------------------- */

/* === Header === */

#logo {
  position: absolute;
  left: 0px;
  top: 20px;
  width: 163px;
  height: 32px;
  background: url(http://static.micropledge.com/images/micropledge-logo-small.png) no-repeat;
}

#nav {
  position: absolute;
  text-align: right;
  top: 7px;
  font-size: 11px;
  right: 0px;
}
  #nav a.current {
    font-weight: bold;
  }
  #nav a {
    position: relative;
    color: #406e5e;
    text-decoration: none;
    z-index: 1;
  }
  #nav a:hover {
    text-decoration: underline;
  }
  #nav a:visited {
    color: #406e5e;
  }
  #nav #new a {
    color: red;
    font-weight: bold;
    text-decoration: underline;
  }
  #nav #new a:visited {
    font-weight: normal;
    color: #90beae;
    text-decoration: none;
  }
  #nav #new a:hover {
    text-decoration: underline;
  }
  #nav a.help {
    color: #59b412;
    font-weight: bold;
  }
  #nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
    #nav li {
      position: relative;
      padding: 0 7px 0 10px;
      border-left: 1px dotted #406e5e;
      _border: none;
      _background: url(http://static.micropledge.com/images/nav-border.gif) no-repeat;
      _height: 0px;
      margin: 0;
      display: inline;
    }
    #nav li.first {
      _background: none;
      border-left: none;
    }
  #nav #signin-alternate {
    display: none;
    position: absolute;
    padding-top: 1.75em;
    top: 0;
    left: -2px;
    z-index: 0;
  }


/* === Sidebar === */

#sidebar {
  float: right;
  right: 7px;
  top: 100px;
  width: 170px;
  _width: 202px;
  margin-bottom: 100px;
}

#sidebar input.text {
  border: 1px solid #999;
  width: 114px;
  margin-top: 3px;
}

#sidebar p {
  margin: 5px 0 10px 0;
}


/* === Main content === */

#content {
  position: relative;
  top: 77px;
  .top: 90px;
  margin-bottom: 90px;
  left: 0px;
  padding-right: 0;
  width: 505px;
}

#min-height-hack {
  width: 0px;
  height: 450px;
  float: left;
}

/* === Footer === */

#footer {
  position: static;
  clear: both;
  margin: auto;
  width: 720px;
  text-align: right;
  color: #999;
  font-size: 11px;
  padding-top: 50px;
  padding-bottom: 20px;
}
  #footer a {
    color: #999;
    text-decoration: underline;
  }
  #footer a:hover {
    color: black;
  }
  #footer p {
    margin: 0 0 3px 0;
  }
  #footer ul {
    margin: 0;
    padding: 0;
  }
    #footer li {
      margin: 0;
      padding: 0 5px 0 5px;
      display: inline;
    }
    #footer li.last {
      padding-right: 0;
    }


/* -------------------------------------------- *
 * --------------->>> Homepage <<<------------- *
 * -------------------------------------------- */

#home .info-message {
  margin: -15px 0 30px 0;
}

#home #tagline {
  font-size: 17px;
  color: #7c7c7c;
  font-weight: bold;
  text-align: center;
  margin-top: 0.5em;
}

#home .search input.text {
  border: 1px solid #999;
  width: 280px;
  _width: 285px;
}
#home .search input.submit {
  width: 37px;
}

#home #logo {
  position: absolute;
  top: 30px;
  left: 0px;
  width: 246px;
  height: 57px;
  background: url(http://static.micropledge.com/images/micropledge-logo.png) no-repeat;
}

#home #content {
  top: 130px;
  margin-bottom: 0px;
  width: 730px;
}

#home .left-content {
  float: left; display: inline;
  width: 365px;
}

#home .right-content {
  float: right; display: inline;
  width: 335px;
  _width: 360px;
  padding-left: 28px;
  border-left: 1px solid #a8a8a8;
}

#home .tag-cloud {
  float: none;
  display: block;
  width: auto;
  _width: 336px;
}
  #home .tag-cloud a {
    color: #7b6b48;
  }

#home #footer {
  padding-top: 200px;
}

#home #project-list {
  margin-bottom: 40px;
}

#home #project-list a.title {
  font-weight: bold;
  color: #6b5438;
  text-decoration: none;
  border-bottom: 1px solid #c5ae8d;
}

#home #project-list p {
  margin-bottom: 15px;
}

#home #project-list span.pledged {
  float: right;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  padding-left: 10px;
}

#home #startbox {
  position: relative;
  margin-top: 53px;
  height: 117px;
}
  #home #startbox a#startbutton {
    position: absolute;
    z-index: 1;
    left: 15px;
    top: 0;
  }
  #home #startbox a#startbutton:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
  }
  #home #startbox .info {
    position: absolute;
    left: 245px;
    top: 7px;
    font-size: 17px;
    font-weight: bold;
    color: #5c5c5c;
    width: 120px;
  }
  #home #startbox .pledge-pic {
    position: absolute;
    z-index: 0;
    left: 210px;
    top: 62px;
  }

#home a#hiw-link {
  display: block;
  margin-top: 36px;
  text-align: center;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 33px;
  font-weight: bold;
  text-decoration: none;
  color: #449b0c;
  outline: none;
}
  #home a#hiw-link:hover {
    filter: alpha(opacity=75);
    opacity: 0.75;
  }


#home #customize {
  font-size: 15px;
  color: #7c7c7c;
  font-weight: bold;
  text-align: center;
  margin-top: 70px;
}


/* === How It Works === */
#help-hiw #hiw #dream {
  margin-top: 25px;
}
#help-hiw #hiw .section {
  display: block;
  width: 339px;
}
#help-hiw #hiw a {
  outline: none;
  display: block;
  line-height: 0;
}


/* -------------------------------------------- *
 * ------------>>> Common Elements <<<--------- *
 * -------------------------------------------- */

/* === Headings === */

h1 {
  color: #f85600;
  font-size: 19px;
  letter-spacing: 3px;
  font-weight: bold;
  padding: 0;
  margin-bottom: 20px;
}

h1.first {
  margin-top: 0px;
}

h2 {
  font-size: 15px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  letter-spacing: 0px;
  color: #5b8274;
  padding-top: 10px;
  clear: left;
}

h3 {
  font-size: 14px;
  font-family: Verdana, sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
  color: #5b8274;
  padding-top: 10px;
}

h4 {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
  margin-bottom: 5px;
}


/* === Text styles, paragraphs, links === */

p {
  line-height: 120%;
}

p.first {
  margin-top: 0px;
}

p.subtitle {
  font-size: 11px;
  line-height: 14px;
  padding: 0;
  margin: -18px 0 20px 0;
  color: #5b8274;
}

blockquote {
  padding: 0;
  margin: 0 2em;
}

.alert {
  color: #f85600;
}

.owing {
  color: red;
}

hr {
  border: none;
  border-bottom: 2px solid #ddd;
  width: 100%;
}

a {
  color: #507e6e;
}

a:hover {
  color: #709e8e;
}

.error {
  position: relative;
  background: #ffffb8;
  border: 1px solid #b4aa67;
  padding: 5px 10px;
}

.error-msg {
  font-size: 11px;
  color: red;
  padding-bottom: 1px;
}

.seealso {
  font-size: 10px;
  margin-bottom: 20px;
}

.ascription {
  text-align: right;
}

a.new-window {
  background: url(http://static.micropledge.com/images/new-window.gif) center right no-repeat;
  padding-right: 15px;
}

.edit-link {
  margin-top: -18px;
  font-size: 11px;
  float: right;
  text-align: right;
}

.submit {
  cursor: pointer;
}


/* === Boxes and common custom elements === */

.utility-bar {
  margin-top: 15px;
  margin-bottom: 10px;
  background: #f8f5eb url(http://static.micropledge.com/images/utility-bar.png) repeat-x;
  width: auto;
  padding: 3px 4px 4px 4px;
  border-top: 1px solid #ccc07b;
  border: 1px solid #ccc07b;
  border-bottom: 1px solid #ecd99b;
  overflow: hidden;
}
  .utility-bar a {
    text-decoration: none;
    color: #4b4308;
  }
  .utility-bar a:hover {
    text-decoration: underline;
    color: #7b7328;
  }
  .utility-bar h3 {
    color: #654;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 13px;
  }
  .utility-bar .tags {
    text-align: right;
    float: right;
    width: 200px;
  }

.help-icon {
  background: url(http://static.micropledge.com/images/help-icon.gif) no-repeat;
  height: 30px;
  width: 23px;
}
a.help-icon:hover {
  filter: alpha(opacity=75);
  opacity: 0.75;
  -moz-opacity: 0.75;
}

.private-details {
  background: #fafaed;
  padding: 1px 10px;
  border: 1px solid #dadacd;
}

.admin-box {
  border: 2px solid #dbcfa7;
  padding: 5px;
}
  .admin-box .selected {
    background-color: #dbcfa7;
  }
  .admin-box button {
    color: #6b6338;
    padding: 4px 3px 4px 5px;
    .font-size: 11px;
    .padding: 5px 9px;
    .margin: 0;
    .overflow: visible;
    background: url(http://static.micropledge.com/images/right-triangle-brown.gif) no-repeat;
    background-position: 0 9px;
  }

  .admin-box table {
    font-size: 9px;
  }

.info-message {
  position: relative;
  _height: 0px;
  _padding-top: 10px;
  background: #f8efa1;
  border: 1px solid black;
  margin: 15px 0;
}
  .info-message a, .info-message a:visited {
    color: #d85600;
  }
  .info-message a:hover {
    color: #e88620;
  }
  .info-message p {
    padding: 0px 10px;
    margin: 10px 0;
  }
  .info-message .corner {
    position: absolute;
    width: 4px;
    height: 4px;
    background-repeat: no-repeat;
  }
  .info-message .corner-tl {
    background-image: url(http://static.micropledge.com/images/info-message-tl.png);
    top: -1px;
    left: -1px;
  }
  .info-message .corner-tr {
    background-image: url(http://static.micropledge.com/images/info-message-tr.png);
    top: -1px;
    right: -1px;
    _right: -2px;
  }
  .info-message .corner-br {
    background-image: url(http://static.micropledge.com/images/info-message-br.png);
    bottom: -1px;
    _bottom: -13px;
    right: -1px;
    _right: -2px;
  }
  .info-message .corner-bl {
    background-image: url(http://static.micropledge.com/images/info-message-bl.png);
    bottom: -1px;
    _bottom: -13px;
    left: -1px;
  }
  .info-message form {
    display: inline;
  }


.flash, #projects #progress.flash {
  background: #fea;
}

.flash-off {
  background: none;
}

.box {
  position: relative;
  float: right;
  _height: 0px;
  .min-height: 0px;
  font-size: 11px;
  width: 190px;
  _width: 220px;
  padding: 2px 10px 10px 10px;
  .padding-top: 10px;
  border: 6px solid #ebdfb7;
  _border-bottom: 5px solid #ebdfb7;
  background: #f8f8df;
}
  .box h3 {
    font-variant: small-caps;
    font-size: 14px;
    padding: 0;
    margin: 10px 0 3px 0;
    letter-spacing: 1px;
    font-weight: bold;
    color: #4b3318;
  }
  .box ul {
    list-style-type: none;
    margin: 15px 0 10px 0;
    padding: 0;
  }
  .box ul.next {
    margin-top: 22px;
  }
  .box ul li {
    margin: 8px 0;
    padding: 0 0 0 9px;
    background: url(http://static.micropledge.com/images/right-triangle-brown.gif) no-repeat;
    background-position: 0 5px;
  }
  .box p {
    margin: 7px 0;
  }
  .box a img {
    vertical-align: middle;
  }
  .box a.action-link, .box ul.action-list li {
    display: block;
    _width: 100%;
    padding-left: 9px;
    background: url(http://static.micropledge.com/images/right-triangle-brown.gif) no-repeat;
    background-position: 0 5px;
  }
  .box .action-list .top-link {
    font-weight: bold;
  }
  .box .action-list a.widgets-link {
    color: #f85600;
    font-weight: bold;
  }
  .box .action-list a.widgets-link:visited {
    color: #6b6338;
  }

  .box a {
    text-decoration: underline;
    color: #6b6338;
  }
  .box a:hover {
    color: #9b9368;
  }
  .box form {
    display: inline;
  }
  .box .corner-tl {
    position: absolute;
    top: -6px;
    left: -6px;
    overflow: hidden;
    background: url(http://static.micropledge.com/images/box-tl.gif) no-repeat;
    width: 12px;
    height: 12px;
  }
  .box .corner-tr {
    top: -6px;
    right: -6px;
    position: absolute;
    overflow: hidden;
    background: url(http://static.micropledge.com/images/box-tr.gif) no-repeat;
    width: 12px;
    height: 12px;
  }
  .box .corner-br {
    bottom: -6px;
    right: -6px;
    position: absolute;
    overflow: hidden;
    background: url(http://static.micropledge.com/images/box-br.gif) no-repeat;
    width: 12px;
    height: 12px;
  }
  .box .corner-bl {
    bottom: -6px;
    left: -6px;
    position: absolute;
    overflow: hidden;
    background: url(http://static.micropledge.com/images/box-bl.gif) no-repeat;
    width: 12px;
    height: 12px;
  }

.columns label, .columns .label {
  float: left;
  width: 140px;
  cursor: pointer;
}

.tag-cloud {
  font-size: 14px;
  position: relative;
  background: #f8f8df;
  padding: 7px 10px 7px 10px;
  text-align: justify;
  line-height: 175%;
}
  .tag-cloud a {
    color: #507e6e;
    text-decoration: none;
  }
  .tag-cloud a:hover {
    color: #507e6e;
    text-decoration: underline;
  }
  .tag-cloud .more {
    float: right;
    border: 2px solid #ebdfb7;
    padding: 1px 8px;
    font-size: 12px;
    line-height: 130%;
    margin: 1px 0 0 10px;
  }

a.tag {
  text-decoration: none;
  font-weight: bold;
  margin-right: 10px;
  white-space: nowrap;
}
a.tag:hover {
  text-decoration: underline;
}
a.tag-0, a.tag-0:visited {
  font-size: 75%;
  color: #709e8e;
}
a.tag-1, a.tag-1:visited {
  font-size: 82%;
  color: #6a9080;
}
a.tag-2, a.tag-2:visited {
  font-size: 89%;
  color: #608e7e;
}
a.tag-3, a.tag-3:visited {
  font-size: 96%;
  color: #5a8070;
}
a.tag-4, a.tag-4:visited {
  font-size: 103%;
  color: #507e6e;
}
a.tag-5, a.tag-5:visited {
  font-size: 110%;
  color: #4a7060;
}
a.tag-6, a.tag-6:visited {
  font-size: 117%;
  color: #406e5e;
}


.tooltip {
  position: absolute;
  display: none;
  padding: 5px 20px 10px 10px;
  .padding-bottom: 20px;
  font-size: 11px;
  background: #f7f8df url(http://static.micropledge.com/images/tooltip-background.png) no-repeat;
  background-position: right bottom;
  _border-top: 2px solid #b4aa67;
  _border-left: 2px solid #b4aa67;
  z-index: 2;
}
  .tooltip h3 {
    font-weight: bold;
    color: black;
    margin: 7px 0;
    .margin-top: 10px;
    padding: 0;
    font-size: 12px;
  }
  .tooltip p {
    margin-top: 5px;
    .margin-top: 10px;
    margin-bottom: 10px;
    .margin-bottom: 2px;
  }
  .tooltip a, .fake-link {
    text-decoration: underline;
    color: #6b6338;
  }
  .tooltip a:visited {
    color: #6b6338;
  }
  .tooltip a:hover {
    color: #9b9368;
  }
  .tooltip table {
    border-collapse: collapse;
    margin: 0 0 5px 0;
    font-size: 11px;
  }
  .tooltip th {
    text-align: left;
    font-variant: small-caps;
    font-size: 13px;
    border-bottom: 1px solid black;
  }
  .tooltip td {
    padding: 4px 10px 2px 0;
  }
  .tooltip table ul {
    padding: 0;
    margin: 0 12px;
    .padding-left: 3px;
  }
  .tooltip ul {
    padding-left: 20px;
    margin: 10px;
  }
  .tooltip .corner-tl {
    position: absolute;
    background: url(http://static.micropledge.com/images/tooltip-corner-tl.gif) no-repeat;
    _background: url(http://static.micropledge.com/images/tooltip-corner-tl-opaque.png) no-repeat;
    width: 100%;
    _width: 11px;
    height: 17px;
    left: -3px;
    top: -3px;
    z-index: 1;
  }
  .tooltip .corner-tr {
    background: url(http://static.micropledge.com/images/tooltip-corner-tr.png) no-repeat;
    position: absolute;
    width: 20px;
    height: 33px;
    right: 0;
    top: -3px;
    z-index: 2;
  }
  .tooltip .corner-bl {
    background: url(http://static.micropledge.com/images/tooltip-corner-bl-tall.png) no-repeat;
    _background: url(http://static.micropledge.com/images/tooltip-corner-bl.png) no-repeat;
    background-position: bottom left;
    position: absolute;
    width: 25px;
    height: 95%;
    _height: 18px;
    left: -3px;
    bottom: 0px;
    z-index: 0;
  }
  .tooltip form {
    display: inline;
  }

#details-toolrel {
  position: relative;
}
.details-tooltip {
  width: 250px;
  _width: 280px;
  position: absolute;
  top: 0;
  left: 425px;
}
.priorart textarea {
  width: 475px;
}
#priorart-toolrel {
  position: relative;
}
#priorart-tooltip {
  position: absolute;
  left: 160px;          /* has to overlap edit/dream "tips" for user click */
  top: -120px;
  width: 420px;
}
#incubator-element {
  position: relative;
}
#incubator-tooltip {
  position: absolute;
  left: 280px;          /* test on dream/edit */
  top: -48px;
  _top: -52px;
  width: 315px;
  _width: 340px;
}
#tags-element {
  position: relative;
}
#tags-tooltip {
  position: absolute;
  left: 288px;
  top: -4px;
  width: 425px;
}
#license-element {
  position: relative;
}
#license-tooltip {
  position: absolute;
  left: 180px;
  top: -120px;
  width: 435px;
  _width: 465px;
  padding-bottom: 18px;
}

.thumb {
  float: left;
  width: 150px;
  margin: 0 5px 15px 0;
  background: #f8f8df;
  border: 2px solid #ebdfb7;
}

.thumb img {
  border: none;
}

.thumb .caption {
  text-align: center;
  font-size: 11px;
  padding: 2px 4px 6px 4px;
}

img.right {
  float: right;
  margin: 5px 15px 5px 15px;
}

img.inline {
  display: inline;
}

img {
  border: none;
}

img.border {
  border: 2px solid #ebdfb7;
}

ul.pledge-list li {
  padding-top: 0.4em;
}


/* -------------------------------------------- *
 * ---------------->>> Forms <<<--------------- *
 * -------------------------------------------- */

/* === Form element and sub-sections === */

.disabled {
  color: #ccc;
}


/* === Inputs, selects, textareas === */

div.element {
  margin: 8px 0;
}

div.element label, div.element .label {
  font-weight: bold;
  display: block;
  padding-bottom: 1px;
  cursor: pointer;
}

div.element .label {
  cursor: auto;
}

div.element label.checkbox {
  display: inline;
  font-weight: normal;
  float: none;
}

form .narrow-element {
  width: 45%;
  _width: 70%;
}

.label-subtext {
  font-weight: normal;
  font-size: 11px;
}

.label-link {
  color: #507e6e;
  border-bottom: 1px dotted;
  cursor: default;
  margin-left: 12px;
  font-size: 11px;
  font-weight: normal;
}

.fake-link {
  color: #507e6e;
  text-decoration: underline;
  cursor: default;
}

span.auto-url {
  font-size: 11px;
}

div.subinfo {
  font-size: 11px;
  color: #888;
}

div.element label.bigradio {
  display: block;
  font-weight: normal;
}

.disabled input.text, .disabled input.password, .disabled textarea, .disabled select {
  background: white;
  border: 1px solid #ccc;
  color: #ddd;
}

.disabled a, .disabled a:visited, .disabled a:hover, .disabled .label-link {
  color: #ddd;
}

input.empty, textarea.empty {
  color: #999;
}

input.text, input.password, textarea, input.file {
  background: #ffffe8;
  border: 1px solid #856c2c;
  padding: 3px 5px;
  _padding: 0 5px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

input#quote-amount {
  width: 140px;
}
input#finish-time {
  width: 65px;
}
input#tags {
  width: 270px;
}

input.checkbox {
  position: relative;
  top: 2px;
}

select {
  background: #ffffe8;
  border: 1px solid #856c2c;
  padding: 2px 1px;
  _padding: 0 3px;
  font-family: Verdana, sans-serif;
  font-size: 12px;svn
}

input.text, input.password {
  _padding-top: 3px;
  _height: 22px;
  width: 200px;
}

input.file {
  font-size: 14px;
  _font-size: 12px;
  width: 350px;
}

input.openId {
  padding-left: 22px;
  width: 183px;
  background-image: url(http://static.micropledge.com/images/openid-input.png);
  background-repeat: no-repeat;
  background-position: 3px center;
}

input.wide {
  width: 300px;
}

input.money {
  width: 75px;
}

textarea {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  width: 401px;
}


/* === Buttons and button-like elements === */

span.cancel {
  margin-left: 5px;
  padding: 0;
  font-size: 11px;
}

.action-button {
  position: relative;
  font-family: Arial, sans-serif;
  border: none;
  margin: 0;
  padding: 0;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 27px;
  text-decoration: none;
  height: 27px;
  cursor: pointer;
}
input.action-button {
  font-family: Arial, sans-serif;
}

a.action-button {
  color: white;
}
a.action-button:visited {
  color: white;
}
a.action-button:hover {
  color: white;
}

.action-button:active {
  top: 1px;
  left: 1px;
}

input.submit {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  background: url(http://static.micropledge.com/images/generic-button.gif) repeat-x;
  color: #4f4f4f;
  padding: 2px 5px;
  cursor: pointer;
  border: 1px solid #969696;
}
input.submit:active {
  top: 1px;
  left: 1px;
}
form.disabled input.submit {
  color: #8f8f8f;
  border: 1px solid #ccc;
  background: #eee;
}

input.no-submit {
  display: none;
}

form.inline {
  margin: 0;
  display: inline;
}


/* -------------------------------------------- *
 * ------------>>> Projects page <<<----------- *
 * -------------------------------------------- */

#projects .subtitle {
  width: 300px;
}

/* === Pledge-to-project section === */

#projects #pledge {
  position: relative;
  height: 76px;
  _height: 96px;
  margin: 20px 0 25px 0;
  padding: 10px 0 10px 75px;
  width: 430px;
  _width: 525px;
}
  #projects #pledge #pledge-button {
    display: inline;
    background: url(http://static.micropledge.com/images/Pledge-to-this-project.png) no-repeat;
    width: 172px;
  }
  #projects #pledge .pledged {
    position: absolute;
    top: 18px;
    left: 150px;
    color: #f85600;
  }
  #projects #stays-yours {
    font-size: 11px;
    color: #888;
    padding: 6px 30px 0 14px;
  }
  #projects #stays-yours a {
    color: #888;
  }
  #projects #pledge form {
    position: absolute;
    top: 50px;
    left: 150px;
  }
    #projects #pledge form .text {
      width: 50px;
      _width: 65px;
    }
    #projects #pledge .pledged .amount {
      font-weight: bold;
      font-size: 17px;
    }


/* === Progress-bar section === */

#projects #progress {
  position: relative;
  height: 140px;
  background: white;
}
  #projects #progress h2 {
    position: absolute;
    top: 8px;
    .top: 20px;
    margin-bottom: 0px;
  }
  #projects #progress #downloads-button {
    position: absolute;
    top: 60px;
    left: 410px;
    display: inline;
    background: url(http://static.micropledge.com/images/Downloads.png) no-repeat;
    width: 97px;
  }
  #projects #progress #active-right-tooltip {
    bottom: 95px;
    right: 60px;
    width: 260px;
    _width: 300px;
    _right: 50px;
  }
  #projects .progress-bar {
    top: 60px;
    position: absolute;
  }


/* === Specs & details section === */

#projects #details {
  position: relative;
}
  #projects #details .comments-link {
    float: right;
    font-size: 13px;
    margin-top: 10px;
    .margin-top: 30px;
  }
  #projects #details .box {
    float: right;
    display: inline;
    margin-top: 12px;
    .margin-top: 32px;
    margin-left: 15px;
    margin-bottom: 15px;
  }
  #projects #details .quote-info {
    padding-left: 10px;
    font-weight: bold;
  }


/* === Comments section === */

#comments {
  position: relative;
}
  #comments .comments-link {
    float: right;
    font-size: 13px;
    margin-top: 10px;
    .margin-top: 30px;
  }


/* === Thermometer === */

.thermometer {
  position: absolute;
  background: url(http://static.micropledge.com/images/thermometer-empty.gif) no-repeat;
  background-position: right top;
  width: 66px;
  height: 76px;
}

.thermometer .mercury {
  background: url(http://static.micropledge.com/images/mercury.png) no-repeat;
  position: absolute;
  width: 5px;
  height: 51px;
  bottom: 19px;
  right: 9px;
}

.thermometer .target {
  font-weight: bold;
  color: #444;
  position: absolute;
  font-size: 11px;
  right: 16px;
  margin-right: 12px;
  text-align: right;
  width: 75px;
  line-height: 12px;
}

.thermometer .target .line {
  margin-right: 0px;
  position: absolute;
  right: -11px;
  top: 11px;
  .top: 0px;
  width: 9px;
  border-bottom: 1px solid #444;
}

.thermometer .target .adjust {
  font-weight: normal;
  text-align: right;
  width: 75px;
}


/* === Progress bar === */

.progress-bar {
  position: absolute;
  width: 405px;
  height: 27px;
}
  .progress-bar .inactive-left {
    position: absolute;
    line-height: 27px;
    font-size: 11px;
    color: #888;
    text-align: center;
    background: url(http://static.micropledge.com/images/progress-bar/inactive-left.gif) no-repeat;
    width: 129px;
    height: 27px;
    z-index: 1;
  }
  .progress-bar .active-left {
    position: absolute;
    width: 147px;
    color: black;
    font-size: 11px;
    line-height: 27px;
    text-align: center;
    background: url(http://static.micropledge.com/images/progress-bar/active-left.png) no-repeat;
    height: 27px;
    z-index: 1;
  }
  .progress-bar .active-right {
    position: absolute;
    background: #f7f8df;
    left: 5px;
    width: 395px;
    height: 25px;
    _height: 27px;
    border-top: 1px solid #88803b;
    border-bottom: 1px solid #88803b;
    z-index: 0;
  }
    .progress-bar .active-right .right-end {
      position: absolute;
      right: -6px;
      top: -1px;
      height: 29px;
      width: 6px;
      background: url(http://static.micropledge.com/images/progress-bar/active-right-end.gif) no-repeat;
      z-index: 1;
    }
    .progress-bar .active-right .left-end {
      position: absolute;
      left: -6px;
      top: -1px;
      background: url(http://static.micropledge.com/images/progress-bar/active-left-end.gif) no-repeat;
      background-position: right top;
      width: 6px;
      height: 29px;
      z-index: 1;
    }
  .progress-bar .inactive-right {
    position: absolute;
    left: 138px;
    width: 301px;
    height: 27px;
    z-index: 0;
  }
    .progress-bar .inactive-right .right-end {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 268px;
      height: 27px;
      background: url(http://static.micropledge.com/images/progress-bar/inactive-right.png) no-repeat;
      background-position: right top;
    }
  .progress-bar .info {
    position: relative;
    width: 100%;
    font-size: 11px;
    line-height: 25px;
    text-align: center;
    z-index: 1;
    color: black;
  }
  .progress-bar .stalled .info {
   color: #888;
  }
  .progress-bar .inactive-right .info { color: #888; }
  .progress-bar .percentage {
    position: absolute;
    margin-left: -0.75em;
    top: 5px;
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
    color: black;
  }

  .progress-bar .inactive-right .percentage {
    color: #888;
    top: -20px;
  }
  .progress-bar .stalled .percentage {
    color: #888;
    top: -15px;
  }
  .progress-bar .progress {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 25px;
    background-repeat: repeat-x;
  }
  .progress-bar .inactive-right .progress {
    background-image: url(http://static.micropledge.com/images/progress-bar/inactive-progress.png);
    height: 27px;
    z-index: 0;
  }
  .progress-bar .active-right .progress {
    background-image: url(http://static.micropledge.com/images/progress-bar/active-progress.png);
    z-index: 0;
  }
  .progress-bar .slider-bar {
    position: absolute;
    top: 2px;
  }
  .progress-bar .date {
    position: absolute;
    top: 27px;
    color: #777;
    font-size: 11px;
    width: 50px;
    text-align: center;
  }
  .progress-bar .project-start-date {
    left: -20px;
  }
  .progress-bar .quotes-close-date {
    left: 120px;
  }
  .progress-bar .project-finish-date {
    left: 385px;
  }
  .progress-bar .marker {
    position: absolute;
    top: 26px;
    z-index: 1;
    font-size: 10px;
    color: #777;
    margin-left: -10px;
  }
  .progress-bar .marker-100 {}
  .progress-bar .slider-info {
    position: absolute;
    color: black;
    top: 37px;
    left: 0px;
    font-size: 11px;
    width: 395px;
    text-align: center;
    overflow: visible;
  }


/* === Slider bar === */

.slider-bar {
  position: relative;
  height: 21px;
  z-index: 2;
}
  .slider-bar .slider-groove {
    position: absolute;
    width: 100%;
    height: 2px;
    background: url(http://static.micropledge.com/images/progress-bar/slider-groove-enabled.png) repeat-x;
    top: 11px;
    z-index: 0;
  }
  .slider-bar-waiting .slider-groove {
    background-image: url(http://static.micropledge.com/images/progress-bar/slider-groove-disabled.png);
  }
  .slider-bar-disabled .slider-groove {
    background: none;
  }
  .slider-bar .slider-button {
    position: absolute;
    height: 21px;
    width: 8px;
    margin-left: -4px;
    background: url(http://static.micropledge.com/images/progress-bar/slider-button-enabled.gif) no-repeat;
    background-position: center center;
    cursor: ew-resize;
    .cursor: e-resize;
    z-index: 3;
  }
  .slider-bar-waiting .slider-button, .slider-bar-disabled .slider-button {
    background-image: url(http://static.micropledge.com/images/progress-bar/slider-button-disabled.gif);
    cursor: default;
  }
  .slider-bar .slider-value {
    position: absolute;
    margin-left: -12px;
    top: -18px;
    font-size: 12px;
    font-weight: bold;
  }
  .slider-bar-waiting .slider-value, .slider-bar-disabled .slider-value {
    color: #888;
  }



/* === Project comments === */

#projects #comments {
  clear: both;
}

.comment {
  font-size: 12px;
  background: transparent;
  _width: 100%;
}

.comment-author {
  padding: 5px;
  margin: 18px 0 0 -5px;
  _width: 100%;
}

.comment-author .author-link {
  font-weight: bold;
}

span.side-link {
  padding-left: 10px;
}

.comment-content {
  padding: 0;
  margin: 0 0 0 -5px;
}

.comment p {
  margin: 0;
  padding: 5px;
}

.reader .comment-author { background: #e8ffc0; }
.reader .author-link, .reader .author-link a { color: #59b412; }
.reader .side-link, .reader .side-link a { color: #79b830; }
.reader .comment-content { background: #f6ffdc; }

.staff .comment-author { background: #f2efc7; }
.staff .author-link, .staff .author-link a { color: #f85600; }
.staff .side-link, .staff .side-link a { color: #f46600; }
.staff .comment-content { background: #fafaed; }


/* === Projects lists === */

.project-list, .top-projects {
  padding: 0;
  margin: 0;
  width: auto;
}
  .project-list a:visited {
    color: #90beae;
  }
  .project-list li, .top-projects li {
    list-style-type: none;
    padding: 10px 0 5px 0;
    overflow: hidden;
    clear: left;
    width: auto;
  }
  .project-list .blurb, .top-projects .blurb {
    float: left;
    width: 350px;
  }
    .project-list .blurb .date, .top-projects .blurb .date {
      color: #888;
      font-size: 10px;
    }
  .project-list a.title, .top-projects a.title {
    font-weight: bold;
  }
  .project-list .stats, .top-projects .stats {
    float: left;
    margin-left: 15px;
    border-left: 1px solid #bbb;
    padding-left: 8px;
    font-size: 11px;
  }



/* -------------------------------------------- *
 * ----------->>> Specific pages <<<----------- *
 * -------------------------------------------- */

/* === Entry page === */

#entry #enter-link {
  font-size: 20px;
  text-align: center;
  margin-right: 50px;
}

/* === Tags and landing pages === */

#tags .tag-cloud, #develop .tag-cloud, #pledge .tag-cloud, #download .tag-cloud {
  width: auto;
  display: block;
  float: none;
}

#tags .pagination, #develop .pagination, #pledge .pagination, #download .pagination {
  padding-top: 20px;
  clear: both;
}

.tooltip .tag-cloud {
  font-size: 11px;
  padding: 0 0 10px 0;
  .padding-bottom: 0;
  margin-right: -5px;
  line-height: 175%;
}
  .tooltip .tag-cloud a.tag {
    color: #507e6e;
    text-decoration: none;
  }
  .tooltip .tag-cloud a:hover {
    color: #507e6e;
    text-decoration: underline;
  }
  .tooltip .tag-cloud .more a {
    color: #507e6e;
    text-decoration: none;
  }
  .tooltip .tag-cloud .more a:hover {
    text-decoration: underline;
  }

#top-image {
  z-index: 0;
}

#dream h1, #dream .subtitle, #dream p,
#pledge h1, #pledge .subtitle, #pledge p,
#develop h1, #develop .subtitle, #develop p,
#download h1, #download .subtitle, #download p {
  position: relative;
  z-index: 2;
}

#dream .title, #dream .subtitle {
  width: 300px;
}

#top-image {
  float: right;
  margin-right: 25px;
}

#dream #top-image {
  float: right;
  margin-right: 90px;
}

#dream #sign-inup-now {
  display: block;
  background: url(http://static.micropledge.com/images/Sign-inup-now.jpg) no-repeat;
  width: 114px;
  margin-top: 25px;
  margin-bottom: 25px;
}

#pledge #top-image {
  float: left;
  margin-right: -11px;
  margin-bottom: 15px;
}

#pledge p.blurb, #develop p.blurb {
  clear: left;
}

#download #top-image {
  position: absolute;
  right: 50px;
  top: 0;
}

#develop #top-image {
  float: left;
  margin-right: -60px;
}


/* === Help pages === */

#help h2 {
  margin-top: 10px;
  .margin-top: -3px;
  padding-top: 0;
  margin-bottom: 0;
}

#help #content ul {
  list-style-type: disc;
  margin-top: 1px;
  padding-top: 0;
}

.help .faq-toc a { text-decoration: none; }
.help .faq-toc a:hover { text-decoration: underline; }
.help .faq-toc a:visited { color: #90beae; }

.help .faq-toc {
  list-style-type: none;
  font-weight: bold;
  margin-top: 20px;
  padding: 0;
  margin-left: 0;
}

.help h2 {
  font-size: 15px;
  font-family: Verdana, sans-serif;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 3px 0;
  text-decoration: none;
}

.help p          { margin: 2px 0 8px 0; }
.help p.subtitle { margin: -18px 0 20px 0; }

.help h2 a {
  text-decoration: none;
}

.help h2 a:hover {
  text-decoration: underline;
}

.help h2 a:visited {
  color: #5b8274;
}

.help hr {
  padding: 5px;
  margin: 0;
}

.help #footer {
  padding-bottom: 440px;
}


/* === Transactions page === */

#transactions table {
  padding-top: 5px;
  font-size: 11px;
  border-collapse: collapse;
  width: 490px;
}

#transactions th {
  text-align: left;
}

#transactions th.money, #transactions td.money {
  text-align: right;
}

#transactions th, #transactions td {
  padding: 4px 15px 4px 5px;
}

#transactions tr.headings {
  background: #d8d8d8;
}

#transactions tr.odd {
  background: #f0f0f0;
}

#transactions td.last, #transactions th.last {
  padding-right: 5px;
}

#transactions a.pledge {
  text-decoration: none;
  border-bottom: 1px dotted #39a408;
  cursor: default;
  color: #59b412;
}

#transactions a.byyou {
  text-decoration: none;
  border-bottom: 1px dotted #f85600;
  cursor: default;
  color: #f85600;
}