/**
 * You can place your custom CSS statements here
 * it is better to write everything custom here
 * because this file won't be replaced during upgrade
 * Don't forget to rename this file to "site.css"
 */



/* My Code */

#wrapper    { width: 1050px; background: url(http://www.thematthardyshow.com/amember/images/wrapper.png) no-repeat; margin: 0 auto; text-align: left; }
#container  { width: 983px; float: left; margin-left: 33px; display: inline; }

#top                            { width: 983px; float: left; }
#top p                          { margin: 50px 0 0 147px; display: inline; width: 836px; float: left; font-size: 10px; color:#ff0606; }
#top #login                     { margin: 18px 0 0 8px; display: inline; float: left; }
#top #login h2                  { margin-top: 4px; width: 60px; height: 11px; text-indent: -9000px; float: left; background: url(../images/h2-login.png) no-repeat; }
#top #login div                 { margin-left: 3px; float: left; }
#top #login div input.button    { margin-top: 3px; }
#top #login div.input           { width: 86px; height: 21px; background: url(http://www.thematthardyshow.com/amember/images/input.png) no-repeat; }
#top #login div.input input     { color:#575757; background: transparent; width: 75px; float: left; margin: 3px 0 0 7px; border:0; }

#left { margin-top: 25px; width: 140px; float: left; }
#middle { margin: 282px 0 0 20px; display: inline; width: 660px; float: left; }
#right { width: 150px; float: right; }

#join                       { margin-top: 40px; }
#join ul                    { }
#join ul li                 { }
#join ul li a               { margin-top: 8px; width: 155px; height: 53px; text-indent: -9000px; float: left; }
#join ul li a#linkjoin      { height: 127px; background: url(http://www.thematthardyshow.com/amember/images/join-member.png) no-repeat 50% 0; }
#join ul li a#linkgold      { background: url(http://www.thematthardyshow.com/amember/images/join-gold.png) no-repeat; }
#join ul li a#linkplatinum  { background: url(http://www.thematthardyshow.com/amember/images/join-platinum.png) no-repeat; }

p#right-ad { margin-top: 25px; text-align: center; width: 150px; float: left; }

#footer         { width: 983px; float: left; background: url(http://www.thematthardyshow.com/amember/images/footer.png) no-repeat; }
#footer ul      { margin-top: 45px; float: left; }
#footer ul li   { float: left; margin-right: 5px; text-align: center; }
#footer ul li a { width: 113px; height: 24px; padding-top: 10px; float: left; color:#7a7a7a; background: url(http://www.thematthardyshow.com/amember/images/footer-li.png) no-repeat; }
#footer p a     { margin: 34px 15px 0 0; display: inline; width: 186px; height: 76px; text-indent: -9000px; float: right; background: url(../images/unkindstudios-logo.png) no-repeat; }

/* End My Code */