/* Dimensions */
/* Colors */
/* Font */
/* Mixins */
body {
  font-size: 80%;
  font-family: sans;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-color: black; }
  body.one {
    background-image: url(/images/QC-background1.jpg); }
  body.two {
    background-image: url(/images/QC-background2.jpg); }
  body.three {
    background-image: url(/images/QC-background3.jpg); }

a, a:link, a:visited {
  color: #333333; }

a:hover {
  color: #b63333; }

h1, h2, h3, h4, h5 {
  font-family: Georgia, FreeSerif, serif; }
  h1.sub, h2.sub, h3.sub, h4.sub, h5.sub {
    margin: 0;
    padding: 0; }

form {
  margin: 0; }

img {
  border: 0; }

.clearme {
  color: #999999; }

.right {
  float: right; }

.left {
  float: left; }

.clearfix {
  clear: both; }

table.data {
  width: 100%; }
  table.data th {
    color: white;
    background: black; }

.underline {
  text-decoration: underline; }

.nobullet {
  list-style: none; }

.hiding {
  display: none; }

.text {
  font-family: Myriad Pro, Lucida Grande, Helvetica Neue, FreeSans, Helvetica, Arial, sans-serif;
  color: #523f34;
  font-size: 10px; }

.back_link {
  color: #b63333 !important;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  padding-top: 5px;
  display: block; }
  .back_link:hover {
    color: #2f4956 !important; }

#splash form {
  width: 350px; }
#splash input {
  border: 1px solid #333333;
  padding: 5px;
  margin-right: 4px; }
#splash .splash_submit_btn {
  border: none;
  padding: 0;
  position: relative;
  top: 9px; }
#splash .first_name_input {
  width: 150px; }
#splash .last_name_input {
  width: 150px; }
#splash .email_input {
  width: 210px; }

#accountability_bomb {
  background: transparent url(/images/mb_bg.png) no-repeat -4px 0;
  width: 600px;
  height: 250px;
  position: relative;
  left: -2px; }
  #accountability_bomb #bar_wrapper {
    width: 574px;
    height: 24px;
    overflow: hidden;
    position: relative;
    top: 80px;
    left: -6px; }
    #accountability_bomb #bar_wrapper #numbers {
      background: transparent url(/images/prog_bar_numbers.png) no-repeat 0 0;
      width: inherit;
      height: 24px;
      position: absolute;
      z-index: 100;
      width: 600px; }
    #accountability_bomb #bar_wrapper #fill {
      width: 540px;
      height: 18px;
      position: absolute;
      top: 3px;
      left: 30px;
      z-index: 50;
      overflow: hidden; }
      #accountability_bomb #bar_wrapper #fill #red {
        background: transparent url(/images/prog_bar_red.png) repeat-x 0 0;
        width: 0px;
        height: 18px;
        float: left; }
      #accountability_bomb #bar_wrapper #fill #shadow {
        background: transparent url(/images/prog_bar_shadow.png) no-repeat 0 1px;
        width: 3px;
        height: 17px;
        float: left; }
    #accountability_bomb #bar_wrapper #bar {
      background: transparent url(/images/prog_bar_bg.png) no-repeat 0 0;
      width: inherit;
      height: 24px;
      position: absolute;
      z-index: 10;
      width: 600px; }

#wrapper {
  width: 960px;
  background-image: url(/images/canseco_blue_bg.png);
  margin: 0 auto;
  margin-bottom: 30px; }
  #wrapper #header_es {
    position: relative;
    height: 168px;
    background-image: url(/images/canseco_header_bg_es.png);
    background-repeat: no-repeat;
    background-position: right; }
    #wrapper #header_es .logo {
      width: 318px;
      height: 168px; }
      #wrapper #header_es .logo a {
        background-image: url(/images/canseco_logo.png);
        width: 318px;
        height: 168px;
        overflow: hidden;
        text-indent: -9999px;
        display: block; }
  #wrapper #header_en {
    position: relative;
    height: 168px;
    background-image: url(/images/canseco_header_bg.png);
    background-repeat: no-repeat;
    background-position: right; }
    #wrapper #header_en .logo {
      width: 318px;
      height: 168px; }
      #wrapper #header_en .logo a {
        background-image: url(/images/canseco_logo.png);
        width: 318px;
        height: 168px;
        overflow: hidden;
        text-indent: -9999px;
        display: block; }
  #wrapper #content_wrapper {
    background-image: url(/images/canseco_content_bg.png);
    height: auto; }
    #wrapper #content_wrapper #navigation {
      background-image: url(/images/canseco_nav_bg.png);
      background-repeat: no-repeat;
      height: 34px;
      font-size: 17px;
      text-transform: uppercase;
      font-family: Myriad Pro, Lucida Grande, Helvetica Neue, FreeSans, Helvetica, Arial, sans-serif;
      font-weight: 600; }
      #wrapper #content_wrapper #navigation a {
        text-decoration: none; }
      #wrapper #content_wrapper #navigation ul {
        position: relative;
        top: 10px;
        left: 30px;
        margin: 0;
        padding: 0;
        list-style: none; }
        #wrapper #content_wrapper #navigation ul .home {
          padding-left: 0px; }
        #wrapper #content_wrapper #navigation ul .contact {
          padding-right: 10px; }
        #wrapper #content_wrapper #navigation ul li {
          display: inline;
          background-image: url(/images/nav_separator.jpg);
          background-repeat: no-repeat;
          background-position: right;
          padding-right: 6px;
          padding-left: 10px; }
    #wrapper #content_wrapper #content.admin {
      overflow: auto; }
    #wrapper #content_wrapper #content .left {
      width: 600px;
      padding-left: 45px;
      padding-top: 20px;
      font-family: Georgia, FreeSerif, serif;
      font-size: 16px;
      margin-bottom: 10px; }
      #wrapper #content_wrapper #content .left h3 {
        font-size: 16px; }
      #wrapper #content_wrapper #content .left h2 {
        font-size: 20px; }
      #wrapper #content_wrapper #content .left .article_row {
        margin-bottom: 20px; }
      #wrapper #content_wrapper #content .left .article_row, #wrapper #content_wrapper #content .left .article_show {
        padding-bottom: 10px;
        border-bottom: 1px solid #89764e; }
        #wrapper #content_wrapper #content .left .article_row h3, #wrapper #content_wrapper #content .left .article_show h3 {
          font-size: 1.1em; }
          #wrapper #content_wrapper #content .left .article_row h3 a, #wrapper #content_wrapper #content .left .article_show h3 a {
            color: #523f34;
            text-decoration: none; }
            #wrapper #content_wrapper #content .left .article_row h3 a:hover, #wrapper #content_wrapper #content .left .article_show h3 a:hover {
              color: #b63333; }
        #wrapper #content_wrapper #content .left .article_row h4, #wrapper #content_wrapper #content .left .article_show h4 {
          font-size: 0.95em;
          color: #444444;
          font-weight: normal;
          font-style: italic; }
        #wrapper #content_wrapper #content .left .article_row .caption a, #wrapper #content_wrapper #content .left .article_row .caption span, #wrapper #content_wrapper #content .left .article_show .caption a, #wrapper #content_wrapper #content .left .article_show .caption span {
          font-size: 0.82em;
          font-family: Georgia, FreeSerif, serif; }
        #wrapper #content_wrapper #content .left .article_row .caption a, #wrapper #content_wrapper #content .left .article_show .caption a {
          text-decoration: none;
          color: #89764e;
          font-weight: bold; }
          #wrapper #content_wrapper #content .left .article_row .caption a:hover, #wrapper #content_wrapper #content .left .article_show .caption a:hover {
            text-decoration: underline; }
        #wrapper #content_wrapper #content .left .article_row .caption span, #wrapper #content_wrapper #content .left .article_show .caption span {
          color: #444444; }
        #wrapper #content_wrapper #content .left .article_row .caption p, #wrapper #content_wrapper #content .left .article_show .caption p {
          font-size: 0.9em; }
    #wrapper #content_wrapper #content .right {
      width: 309px; }
      #wrapper #content_wrapper #content .right .red_nav_es {
        height: 320px;
        background-image: url(/images/canseco_red_links_es.png);
        background-repeat: no-repeat;
        padding-top: 60px;
        padding-left: 20px; }
        #wrapper #content_wrapper #content .right .red_nav_es .lnk_contribute a {
          display: block;
          width: 250px;
          height: 85px; }
        #wrapper #content_wrapper #content .right .red_nav_es .lnk_volunteer {
          padding-top: 16px; }
          #wrapper #content_wrapper #content .right .red_nav_es .lnk_volunteer a {
            display: block;
            width: 250px;
            height: 85px; }
        #wrapper #content_wrapper #content .right .red_nav_es .get_updates {
          padding-top: 26px;
          padding-left: 30px; }
          #wrapper #content_wrapper #content .right .red_nav_es .get_updates .email_input {
            width: 100px;
            height: 16px;
            border: 1px solid #cccccc;
            padding: 3px;
            position: relative;
            top: -6px; }
          #wrapper #content_wrapper #content .right .red_nav_es .get_updates .submit_btn {
            position: relative;
            left: 22px;
            width: 62px;
            height: 23px; }
      #wrapper #content_wrapper #content .right .red_nav {
        height: 320px;
        background-image: url(/images/canseco_red_links.png);
        background-repeat: no-repeat;
        padding-top: 60px;
        padding-left: 20px; }
        #wrapper #content_wrapper #content .right .red_nav .lnk_contribute a {
          display: block;
          width: 250px;
          height: 85px; }
        #wrapper #content_wrapper #content .right .red_nav .lnk_volunteer {
          padding-top: 16px; }
          #wrapper #content_wrapper #content .right .red_nav .lnk_volunteer a {
            display: block;
            width: 250px;
            height: 85px; }
        #wrapper #content_wrapper #content .right .red_nav .get_updates {
          padding-top: 26px;
          padding-left: 30px; }
          #wrapper #content_wrapper #content .right .red_nav .get_updates .email_input {
            width: 100px;
            height: 16px;
            border: 1px solid #cccccc;
            padding: 3px;
            position: relative;
            top: -6px; }
          #wrapper #content_wrapper #content .right .red_nav .get_updates .submit_btn {
            position: relative;
            left: 22px;
            width: 62px;
            height: 23px; }
      #wrapper #content_wrapper #content .right .twitter, #wrapper #content_wrapper #content .right .flickr, #wrapper #content_wrapper #content .right .facebook, #wrapper #content_wrapper #content .right .supporters {
        padding-left: 17px;
        margin-bottom: 30px;
        font-family: Myriad Pro, Lucida Grande, Helvetica Neue, FreeSans, Helvetica, Arial, sans-serif;
        font-size: 12px;
        color: #2d211a; }
      #wrapper #content_wrapper #content .right .title {
        color: #523f34;
        font-weight: bold;
        border-bottom: 1px solid #89764e;
        width: 250px;
        padding-bottom: 4px;
        padding-left: 10px;
        margin-bottom: 10px;
        text-transform: uppercase; }
  #wrapper .content_bottom {
    background-image: url(/images/canseco_content_bottom_bg.png);
    background-repeat: no-repeat;
    height: 10px;
    width: 960px; }
  #wrapper #footer {
    height: 85px;
    padding-left: 8px;
    padding-top: 4px;
    background-image: url(/images/canseco_footer_bg.png);
    background-repeat: no-repeat;
    background-position: 10px 86px; }
    #wrapper #footer .left ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      #wrapper #footer .left ul li {
        display: inline;
        background-image: url(/images/nav_separator2.jpg);
        background-repeat: no-repeat;
        background-position: right 5px;
        padding-right: 10px;
        padding-left: 10px;
        text-transform: uppercase; }
      #wrapper #footer .left ul .contact {
        background: none; }
    #wrapper #footer .left a {
      text-decoration: none;
      color: #ecddc9;
      font-size: 15px;
      font-weight: 600;
      font-family: Myriad Pro, Lucida Grande, Helvetica Neue, FreeSans, Helvetica, Arial, sans-serif; }
    #wrapper #footer .left a:hover {
      color: #b63333; }
    #wrapper #footer .left .social_networking {
      padding-left: 10px;
      padding-top: 10px; }
      #wrapper #footer .left .social_networking a {
        width: 30px;
        height: 30px;
        display: block;
        padding-left: 10px;
        float: left;
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: -9999px;
        display: block; }
      #wrapper #footer .left .social_networking .fbcon {
        background-image: url(/images/icon_fb.png); }
      #wrapper #footer .left .social_networking .twittercon {
        background-image: url(/images/icon_tw.png); }
      #wrapper #footer .left .social_networking .rsscon {
        background-image: url(/images/icon_rs.png); }
      #wrapper #footer .left .social_networking .flickrcon {
        background-image: url(/images/icon_fr.png); }
    #wrapper #footer .right {
      color: #ecddc9;
      border: 1px solid #ecddc9;
      padding: 5px 7px 5px 7px;
      font-size: 14px;
      font-weight: bold;
      position: relative;
      top: 4px;
      left: -24px; }

#volunteer {
  width: 600px;
  margin: 0 auto; }
  #volunteer table th {
    text-align: right; }
  #volunteer label {
    font-family: Georgia, FreeSerif, serif;
    color: black;
    font-size: 16px;
    font-weight: normal; }
  #volunteer h2 {
    font-size: 16px; }
  #volunteer #phone {
    margin-top: 20px; }
  #volunteer #mailing {
    padding-top: 40px; }
    #volunteer #mailing strong {
      padding-bottom: 20px;
      display: block; }
  #volunteer span {
    display: block;
    text-indent: 30px; }

#subscriber_form_wrap span {
  color: white;
  padding-top: 5px;
  display: block; }

.left_align {
  text-align: left;
  padding-left: 102px; }

.top_pad {
  padding-top: 10px; }

.flash {
  color: red; }

.supporters ul.s_list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 280px; }
  .supporters ul.s_list li {
    float: left;
    width: 65px;
    text-align: center;
    padding-bottom: 10px; }
    .supporters ul.s_list li .image img {
      width: 50px;
      height: auto; }
.supporters ul.rotate_supporter {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 280px;
  height: 50px; }
  .supporters ul.rotate_supporter li {
    display: none;
    padding-left: 10px; }
    .supporters ul.rotate_supporter li.fc0 {
      display: block; }
    .supporters ul.rotate_supporter li .name {
      font-size: 14px; }
    .supporters ul.rotate_supporter li .s_title {
      font-size: 12px; }

a#twenty3 {
  background: transparent url(/images/cansecoimage2.png) no-repeat 0 0;
  width: 261px;
  height: 107px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  margin: 0 0 20px 17px; }

a#mb_btn {
  background: transparent url(/images/ab-button.png) no-repeat 0 0;
  width: 260px;
  height: 68px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  margin: 0 0 20px 17px; }

body.admin #content {
  padding: 2em; }

table.admin {
  overflow: auto;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2em;
  font-size: 0.9em;
  border-bottom: 1px solid #919191; }
  table.admin tr:hover {
    background: #ffec82; }
  table.admin th {
    background: #f5f5f5;
    padding: 2px 4px;
    text-align: left; }
  table.admin td {
    border-top: 1px solid #919191;
    padding: 0;
    text-align: left; }
    table.admin td a {
      text-decoration: none;
      font-weight: bold; }
      table.admin td a:hover span {
        color: blue; }
      table.admin td a img {
        vertical-align: middle; }
      table.admin td a span {
        vertical-align: middle;
        font-size: 1.3em; }

#admin_panel {
  padding: 10px;
  color: white;
  background: black; }
  #admin_panel ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #admin_panel ul li {
      display: inline;
      margin: 0 10px; }
  #admin_panel a {
    color: white;
    text-decoration: none;
    font-size: 1.1em; }

#admin__pages-content table td {
  padding: 10px;
  text-align: center; }