body {
  background: #333;
  font: 87%/1.5 Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  text-align: center; }

#wrapper {
  background: white;
  margin: .75em auto 2em;
  text-align: left;
  width: 960px; }

/* === HTML === */
a {
  text-decoration: underline; }
  a:link {
    color: #a00; }
  a:visited {
    color: #700; }
  a:hover {
    color: #d00; }
  a:active {
    color: #d00; }

img {
  border: 0; }

h2 {
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1.15;
  margin: 0 0 .75em; }

h3 {
  font: 1.25em Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 1.75em 0 .75em;
  text-transform: uppercase; }

h4 {
  font: 1.1em Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 1.75em 0 1em;
  text-transform: uppercase; }

hr {
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden; }

address {
  font-style: normal; }

dt {
  font-weight: bold;
  margin: 1em 0 0;
  padding: 0; }

dd {
  margin: 0 0 1em;
  padding: 0; }

/* === HEADER === */
#header {
  background: #000 url(/images/bg_header.png) repeat-x;
  border-top: 2px solid #444;
  height: 100px;
  padding-left: 1em;
  position: relative; }
  #header h1 {
    height: 100px;
    line-height: 1;
    margin: 0;
    padding: 0; }
    #header h1 a {
      background: url(/images/logo.png) no-repeat;
      display: block;
      height: 100px;
      margin: 0;
      overflow: hidden;
      padding: 0;
      text-indent: -9999px;
      width: 259px; }

/* === SOCIAL MEDIA BUTTONS === */
#social-media {
  position: absolute;
  right: 22px;
  top: 12px;
  width: 489px; }
  #social-media h5 {
    color: #555;
    font-size: .9em;
    font-weight: normal;
    margin: 0;
    text-align: right;
    text-transform: uppercase; }
  #social-media ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #social-media ul li {
      float: left;
      margin-right: 16px; }
      #social-media ul li a {
        background-repeat: no-repeat;
        display: block;
        height: 30px;
        overflow: hidden;
        text-indent: -9999px; }
    #social-media ul li#social-flickr {
      margin-right: 0; }

table {
  border-collapse: collapse; }
  table th, table td {
    vertical-align: top; }

li#social-linkedin a {
  background: url(/images/social.png) 0 0;
  width: 96px; }
  li#social-linkedin a:hover {
    background: url(/images/social.png) 0 30px; }

li#social-facebook a {
  background: url(/images/social.png) -111px 0;
  width: 85px; }
  li#social-facebook a:hover {
    background: url(/images/social.png) -111px 30px; }

li#social-twitter a {
  background: url(/images/social.png) -212px 0;
  width: 74px; }
  li#social-twitter a:hover {
    background: url(/images/social.png) -212px 30px; }

li#social-youtube a {
  background: url(/images/social.png) -303px 0;
  width: 55px; }
  li#social-youtube a:hover {
    background: url(/images/social.png) -303px 30px; }

li#social-qik a {
  background: url(/images/social.png) -372px 0;
  width: 46px; }
  li#social-qik a:hover {
    background: url(/images/social.png) -372px 30px; }

li#social-flickr a {
  background: url(/images/social.png) -434px 0;
  width: 51px; }
  li#social-flickr a:hover {
    background: url(/images/social.png) -434px 30px; }

/* === NAVIGATION === */
#navigation {
  background: #545454;
  float: left;
  width: 100%; }
  #navigation ul {
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0; }
    #navigation ul li {
      float: left;
      margin: 0;
      padding: 0; }
      #navigation ul li a {
        display: block;
        height: 32px;
        overflow: hidden;
        text-indent: -9999px; }

/* === NAVIGATION BACKGROUNDS === */
#nav_home a {
  background: url(/images/navigation.png) -0px 0px;
  width: 77px; }
  #nav_home a:hover {
    background: url(/images/navigation.png) -0px 32px; }

#nav_about a {
  background: url(/images/navigation.png) -77px 0px;
  width: 69px; }
  #nav_about a:hover {
    background: url(/images/navigation.png) -77px 32px; }

#nav_issues a {
  background: url(/images/navigation.png) -146px 0px;
  width: 67px; }
  #nav_issues a:hover {
    background: url(/images/navigation.png) -146px 32px; }

#nav_posts a {
  background: url(/images/navigation.png) -212px 0px;
  width: 112px; }
  #nav_posts a:hover {
    background: url(/images/navigation.png) -212px 32px; }

#nav_multimedia a {
  background: url(/images/navigation.png) -325px 0px;
  width: 105px; }
  #nav_multimedia a:hover {
    background: url(/images/navigation.png) -325px 32px; }

#nav_involved a {
  background: url(/images/navigation.png) -430px 0px;
  width: 115px; }
  #nav_involved a:hover {
    background: url(/images/navigation.png) -430px 32px; }

#nav_contact a {
  background: url(/images/navigation.png) -545px 0px;
  width: 95px; }
  #nav_contact a:hover {
    background: url(/images/navigation.png) -545px 32px; }

#nav_contribute a {
  background: url(/images/navigation.png) -640px 0px;
  width: 320px; }
  #nav_contribute a:hover {
    background: url(/images/navigation.png) -640px 32px; }

/* === CONTENT === */
#content {
  clear: both;
  background: url(/images/bg_content.png) repeat-y; }
  #content #content-main {
    color: #333;
    font-family: Lucida Bright, Lucidabright, Lucida Serif, Lucida, Bitstream Vera Serif, Georgia, Times New Roman, times, serif;
    font-size: .95em;
    float: left;
    padding: 30px;
    position: relative;
    width: 580px; }
  #content #content-sub {
    float: right;
    position: relative;
    top: -32px;
    width: 320px; }
    #content #content-sub h3 {
      background: #c7c7c7 url(/images/sidehead_bg.png) repeat-x;
      border-bottom: 1px solid #b4b4b4;
      font-size: 1.2em;
      margin: 0 0 .75em;
      padding: .5em 1em; }
    #content #content-sub .item {
      padding: 0 15px;
      margin: 0 0 1.5em; }

/* === SIDEBAR ITEMS === */
#subscriber_email, #subscriber_zip_code {
  color: #555;
  font-size: 1.1em;
  margin: 0;
  padding: 2px;
  width: 90%; }

#help ul {
  list-style: none;
  margin: 0;
  padding: 0; }

#help li {
  margin: 0;
  padding: 0; }

#contribute_button a, #volunteer_button a {
  display: block;
  height: 43px;
  overflow: hidden;
  text-indent: -9999px;
  width: 290px; }

#contribute_button a {
  background: url(/images/contribute_button.png);
  margin-bottom: .5em; }

#volunteer_button a {
  background: url(/images/volunteer_button.png); }

/* === FOOTER === */
#footer {
  background: #000;
  border-bottom: 2px solid #444;
  clear: both;
  color: #777;
  padding: 1.5em 0; }
  #footer p {
    border: 1px solid #777;
    font-size: .85em;
    float: left;
    margin: 0 20px;
    padding: .25em .5em;
    text-transform: uppercase; }

/* === HOME PAGE === */
body.home #content #content-main {
  padding: 0; }
body.home #welcome {
  margin: 0;
  padding: 0;
  width: 640px; }
  body.home #welcome #feature a {
    display: block; }
  body.home #welcome #leadership h3 {
    margin: 0;
    padding: 0;
    position: relative;
    top: -4px;
    line-height: 1; }
    body.home #welcome #leadership h3 a {
      background: url(/images/county_leadership3.png);
      display: block;
      height: 78px;
      overflow: hidden;
      text-indent: -9999px;
      width: 640px; }
body.home #home-content {
  padding: 20px 30px 30px; }

/* === FLICKR (Home page) === */
#flickr {
  margin: 0;
  padding: 17px 0 0 17px;
  width: 623px; }
  #flickr a {
    text-decoration: none; }
  #flickr img {
    border: 1px solid #ccc;
    height: 75px;
    padding: 3px;
    width: 75px; }
  #flickr p {
    font: .9em normal Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 17px 0 0;
    text-align: right;
    text-transform: uppercase; }

/* === PHOTOS === */
.photo {
  border: 1px solid #ccc;
  margin: 0;
  padding: .55em; }
  .photo img {
    display: block; }

.left {
  float: left;
  margin: 0 1.25em 0  0; }

.right {
  float: right;
  margin: 0 0 0 1.25em; }

/* === TWITTER FEED === */
#twitter_update_list {
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  #twitter_update_list li {
    background: #bbb;
    line-height: 1.2;
    margin: .35em 0;
    padding: .75em; }
    #twitter_update_list li span {
      display: block; }

#twitter-link {
  background: url(/images/follow_twitter.png);
  display: block;
  height: 41px;
  overflow: hidden;
  text-indent: -9999px;
  width: 125px; }

/* === BLOG === */
.post_summary {
  margin: 0 0 2.5em; }
  .post_summary h3 {
    margin: 0;
    font-size: 1.25em; }
    .post_summary h3 a:link, .post_summary h3 a:visited {
      text-decoration: none; }
    .post_summary h3 a:hover, .post_summary h3 a:active {
      text-decoration: underline; }
  .post_summary .meta {
    color: #777;
    font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .9em;
    margin: 0;
    text-transform: uppercase; }
  .post_summary p {
    margin: .5em 0 1em; }

#story-title {
  margin: 0 0 1em; }
  #story-title h2, #story-title h3 {
    margin: 0; }
  #story-title h3 {
    font-size: 1.15em; }

.dateline {
  font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }

body.home .post_summary h3 {
  font-size: 1.4em; }

/* === FORMS === */
label, #options p {
  font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal; }

label {
  text-transform: capitalize; }

#options {
  margin: 1em 0; }
  #options p {
    margin: 0; }

textarea {
  height: 10em;
  width: 80%; }

form table th, form table td {
  padding: .25em .5em .25em 0; }

table#comments_form {
  width: 80%; }
  table#comments_form input {
    width: 85%; }
  table#comments_form textarea {
    height: 15em;
    width: 100%; }

/* === ENDORSEMENTS === */
body.endorsements #content-main h2 {
  margin: 0;
  text-align: center; }
body.endorsements #content-main h3 {
  clear: both;
  margin: 0;
  padding: 1.5em 0 .75em;
  text-align: center; }
body.endorsements #content-main p {
  float: left;
  margin: 0;
  text-align: right;
  width: 48%; }
body.endorsements #content-main p.alt {
  float: right;
  text-align: left; }

/* === ABOUT === */
body.about h3 {
  margin: 1.5em 0 0; }
body.about p {
  margin: .5em 0 1em; }

/* === BLOG COMMENTS === */
.comment {
  background: #e7e7e7;
  margin: 1em 0; }
  .comment h4 {
    background: #dbdbdb;
    font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: .5em .75em; }
    .comment h4 .author {
      padding-right: .4em; }
    .comment h4 .date {
      color: #999; }
  .comment .comment_body {
    font-size: .95em;
    padding: 1.5em 2em 1.75em;
    line-height: 1.35; }

.comment_admin li {
  display: inline;
  line-height: 2em;
  padding-right: .5em; }
  .comment_admin li a {
    padding: .75em; }
    .comment_admin li a:link, .comment_admin li a:visited {
      color: white;
      background: #900; }
    .comment_admin li a:hover, .comment_admin li a:active {
      color: #ffc;
      background: #c00; }

/* === QUOTES === */
blockquote {
  margin: 1em 0 1.5em;
  padding: 0; }
  blockquote p {
    font-size: 1.1em;
    margin: 0; }
  blockquote cite {
    color: #555;
    display: block;
    font: 1em normal Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: .25em 1em; }

/* === MISC === */
.introduction {
  font-size: 1.15em; }

.required {
  color: #c00; }

/* === SITE ADMIN === */
#administration {
  background: #333;
  border-bottom: 1px solid #000;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000; }
  #administration h4 {
    color: #fff;
    display: inline;
    margin: 0;
    padding: 0 2em; }
  #administration ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0; }
    #administration ul li {
      display: inline;
      margin: 0;
      padding: 0 1em; }
      #administration ul li a {
        color: #cc9;
        font-size: .9em;
        line-height: 2em; }

table.admin {
  border-collapse: collapse; }
  table.admin th, table.admin td {
    border: 1px solid #ccc;
    margin: 0;
    padding: 5px;
    vertical-align: top; }
  table.admin label {
    font-family: Calibri, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal; }

/* === FLASH MESSAGES === */
#flash-notice, #flash-error {
  color: white;
  font-size: 1.2em;
  margin: 0;
  padding: 7px 10px;
  position: relative;
  left: -30px;
  top: -30px;
  width: 620px; }

body.home #flash-notice, body.home #flash-error {
  left: 0;
  top: 0; }

#flash-notice {
  background: #060; }

#flash-error {
  background: #600; }

/* === Rails Form Validations === */
.fieldWithErrors input {
  border: 2px solid red; }

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff; }

#errorExplanation p {
  color: #333;
  margin: 1em 0;
  padding: 5px; }

#errorExplanation ul {
  margin: 1em; }

#errorExplanation ul li {
  font-size: 12px;
  list-style: square; }

body.social_media_thoughts #content {
  background: white; }
body.social_media_thoughts #letter, body.social_media_thoughts #petition {
  padding: 1em 20px;
  width: 440px; }
body.social_media_thoughts #letter {
  font-size: 1.2em;
  float: left; }
body.social_media_thoughts #petition {
  float: right; }
  body.social_media_thoughts #petition form {
    background: #eee;
    border: 5px solid #ccc;
    margin: 1em 0;
    padding: 1em; }
    body.social_media_thoughts #petition form h3 {
      margin: 0 0 1em; }
    body.social_media_thoughts #petition form label {
      font-size: .9em;
      white-space: nowrap; }
body.social_media_thoughts p.staff {
  line-height: 1.2; }
  body.social_media_thoughts p.staff em {
    color: #777; }

table#thoughts {
  border-collapse: collapse;
  margin: 1.5em; }
  table#thoughts th, table#thoughts td {
    border: 1px solid #ccc;
    line-height: 1.3;
    padding: .5em; }