/* CSS Document */

body {
  background:#000;
  color:#acacac;
  text-align: left;
}

a:link,
a:visited {
  color:#acacac;
}

a:hover {
  color:#fff;
}

.clearer {
  clear:both;
}

#header {
  background:url('../images/header_photos/1.jpg') no-repeat 90px 25px;
  float:none;
  height:230px;
  margin:0 auto;
  padding-top:220px ;
  position:relative;
}
  #header h1 {
    background:url('../images/misc/pride.png') no-repeat top left;
    float:left;
    height:50px;
    margin-right:30px;
    text-indent:-9998px;
    width:80px;
  }

  #header h2#mph {
    background:url('../images/misc/makepridehappen.png') no-repeat top left;
    float:left;
    height:56px;
    text-indent:-9998px;
    width:430px;
  }

  #header h2#tagline {
    background:url('../images/misc/tagline.png') no-repeat top left;
    border-bottom: 1px solid #1a1a1a;
    border-top: 1px solid #1a1a1a;
    bottom:0;
    color:#b3b3b3;
    font-size:24px;
    height:50px;
    left: 0;
    margin-bottom:10px;
    position:absolute;
    text-indent:-9998px;
    width:950px;
  }
    #header h2#tagline strong {
      color:#fff;
    }

    #header a.skip {
      position:absolute;
      top:-100px;
    }

#wrapper {
  float:none;
  margin:0 auto;
  padding-bottom:30px;
  position:relative;
}
  #wrapper .content {
    padding:0 10px;
  }
    #wrapper .content h1,
    #wrapper .content h2 {
      font-size:18px;
      line-height:14px;
      margin-bottom:0;
    }


ul#navigation {
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  right:0px;
  top:-232px;
}
  ul#navigation li {
    height:38px;
    margin:0 0 3px 0;
    padding:0;
    width:304px;
  }
    ul#navigation li a {
      display:block;
      height:38px;
      text-indent:-9998px;
      width:304px;
    }

    ul#navigation li#opportunities a {
      background:url('../images/nav/opportunities.png') no-repeat top left;
    }
      ul#navigation li#opportunities a:hover,
      ul#navigation li#opportunities.active a {
        background-position:bottom left;
      }

    ul#navigation li#register a {
      background:url('../images/nav/register.png') no-repeat top left;
    }
      ul#navigation li#register a:hover,
      ul#navigation li#register.active a {
        background-position:bottom left;
      }

    ul#navigation li#donate a {
      background:url('../images/nav/donate.png') no-repeat top left;
    }
      ul#navigation li#donate a:hover,
      ul#navigation li#donate.active a {
        background-position:bottom left;
      }
	  
	    ul#navigation li#volunteershifts a {
      background:url('../images/nav/manage.png') no-repeat top left;
    }
      ul#navigation li#volunteershifts a:hover,
      ul#navigation li#volunteershifts.active a {
        background-position:bottom left;
      }

#footer {
  border-top: 1px solid #1a1a1a;
  float:none;
  margin:0px auto 30px;
  padding:10px 10px 0;
}
  #footer p {
    float:left;
  }

  #footer a.apolitic-link {
    background:url("../images/misc/apolitic.png") no-repeat top right;
    color:#797979;
    float:right;
    font-size:11px;
    padding:5px 55px 8px 0;
    text-decoration:none;
  }
    #footer a.apolitic-link span {
      visibility:hidden;
    }

#freeform fieldset {
  border:0;
  margin:0;
  padding:10px;
}
  #freeform fieldset legend {
    border-bottom:1px solid #666;
    display:block;
    width:100%;
  }

#freeform div.form_row {
  border-bottom:1px solid #1a1a1a;
  clear:both;
  padding-bottom:8px;
  margin-bottom:5px;
}
  #freeform fieldset div.form_row:first-of-type {
    padding-top:0;
  }

  #freeform div.form_row label,
  #freeform div.form_row span.label {
    display:block;
    font-weight:bold;
    padding-right:10px;
    text-align:left;
    width:100%;
  }
    #freeform div.form_row label span {
      font-weight:normal;
      font-size:.9em;
      opacity:.9;
    }
  
  #freeform div.form_row textarea {
    height:50px;
    margin:0;
  }

  #freeform div.multi label {
    display:inline !important;
    padding:0 5px !important;
    width:auto !important;
  }

  #freeform #role_first_choice,
  #freeform #role_second_choice,
  #freeform #role_third_choice {
    clear:right;
  }

.custom-button {
  background:transparent url("/images/backgrounds/custom_button_label.png") no-repeat top right;
  color: #444;
  display: block;
  float: left;
  font-size:11px;
  font-weight:normal;
  height: 21px;
  margin-left:5px;
  padding-right: 13px; /* sliding doors padding */
  text-decoration: none;
}
  .custom-button:active {
    background-position:bottom right;
  }

.custom-button span {
  background:transparent url("/images/backgrounds/custom_button_span.png") no-repeat top left;
  display: block;
  line-height: 13px;
  padding: 4px 0 4px 15px;
}
  .custom-button:active span {
      background-position:bottom left;
  }

form input.replaced {
  position:absolute;
  left:-9998px;
  width:10px;
}

div#festival_newsletter {
  margin-bottom: 10px;
	padding-bottom:10px;
}

div#festival_newsletter p {
  margin-bottom:5px;
}

div#festival_newsletter form {
  margin-bottom: 10px;
  padding:0 10px 10px 0;
}
  div#festival_newsletter div {
    float: left;
  }

  div#festival_newsletter label.custom-button {
    margin-top: 4px;
  }

  div#festival_newsletter form input#email {
    color:#999;
    float:left;
    font-size:11px;
    width:100px;
  }
