input[disabled] {border-color: #6699cc;}
span.button.disabled {background-color: #6699cc;}
form#mailingList > span.disabled {border: 1px solid #6699cc;}
form#mailingList button[disabled] {background-image:url('http://content.pimp-my-profile.com/tp/000000-90-tp.png');}


.icon {display: inline-block; vertical-align: middle; height: 30px; width: 30px;}
      .facebook {background: url(/img/icons.png) 0px 0px;}
      .twitter {background: url(/img/icons.png) -30px 0px;}

      a {color: #444444;}
      a.donate {color: #FF9900;}

      a:hover {color: #000000;}
      img {border: 0px; vertical-align: middle;}

      #wrapper {
        position: relative;
        width: 900px; height: 675px; 
        margin: 0px auto;
      }

      #wrapper .bg1 {
        position: absolute; top: 0; left: 0px;
        z-index:-10;
        width: 225px; height: 675px;
        background: #6699cc url(/img/mcmf-intermediate1.jpg);
        margin: 0px auto;
        float:left;
      }

      #wrapper .bg2 {
        position: absolute; top: 0; left: 225px;

        z-index:-10;
        width: 225px; height: 675px;
        background: #6699cc url(/img/mcmf-intermediate2.jpg);
        margin: 0px auto;
        float:left;
      }

      #wrapper .bg3 {
        position: absolute; top: 0; left:450px;

        z-index:-10;
        width: 225px; height: 675px;
        background: #6699cc url(/img/mcmf-intermediate3.jpg);
        margin: 0px auto;
        float:left;
      }

      #wrapper .bg4 {
        position: absolute; top: 0; left:675px;
        z-index:-10;
        width: 225px; height: 675px;
        background: #6699cc url(/img/mcmf-intermediate4.jpg);
        margin: 0px auto;
        float:left;
      }

      #header {
        width: 300px; height: 670px; 
        margin: 0px 10px 0px 0px;
        float: left;
      }

      #header > h1 {
        width: 300px; height: 100px; margin: 0; padding: 0;
        background: url(/img/mcmf-logo.png);
      }

      ul {
        list-style: none;
        margin: 0px; padding: 0px;
        font-family: impact, fantasy; font-size: 20px;
      }

      ul li {
        float: left;
        width: 300px; height: 30px; padding-left: 5px;
        color: #888888;
      } 

      #content ul {height: 130px; padding: 5px 5px;}
      #content li {width: 100%;}

      #content {
        position: relative;
        text-align: right;
        padding: 0px 5px 0px 5px; margin-left: 310px; height: 675px;
        color: #FFFFFF;
      }

      #footer {
        color: #FFFFFF;
        margin-bottom: 10px;
      }

      #footer > div > span {
        display:inline-block; 
        padding: 0px 10px; vertical-align: middle;
      }

      #footer > div.follow {text-align: right;background-color: #6699cc;}
      #footer div.sponsors {
        padding: 5px; text-align: center;
     
       }

      .credits {font-size: small; position: absolute; bottom: 0; right:0;}

      #footer span span {background-color: #6699cc; padding: 2px 10px; border:solid 1px #6699cc;}
      form {display: inline;}
      form > span {
        display: inline-block; vertical-align: middle;
        border: 1px solid #6699cc;
        background-color: #6699cc;
      }
      form span.button {background-color: #6699cc;}
      input {margin:0px; padding:0px; }

     button {
       background-color: transparent;
       padding: 0px 2px; margin:0px;
       border: none;
       cursor:pointer;
     }
     button:hover {background-image:url('http://content.pimp-my-profile.com/tp/000000-50-tp.png');}