body {
   background-image: url(../images/bg.jpg);
   background-repeat: repeat-all;
   background-color: #D2D1C2;
   font-family: Georgia, "Times New Roman", serif;
   margin: 0px;
   padding: 0px;
}

input, div, span, a, label, textarea {
   font-family: Georgia, "Times New Roman", serif;
}

.cf { clear: both; }
.cf10 { clear: both; height: 10px; }
.cf20 { clear: both; height: 20px; }
a { color: #fff; }
a:hover { text-decoration: none; }

a, span, input, div, textarea { behavior: url(css/iepngfix.htc) }

#top {
   margin: 0 auto;
   width: 550px;
}

#header {
   float: left;
   margin-right: 38px;
   width: 382px;
}

#content {
   margin: 0 auto;
   width: 500px;
}

#header a {
   background-image: url(../images/header.png);
   display: block;
   height: 294px;
   overflow: hidden;
   text-indent: -9999px;
   width: 382px;
}

#menu {
   float: left;
   margin-top: 10px;
}

#menu a {
   background-image: url(../images/menu.jpg);
   background-repeat: no-repeat;
   display: block;
   overflow: hidden;
   text-indent: -9999px;
   width: 130px;
}

#menu a.signup { background-position: 0 0; height: 42px; }
#menu a.updates { background-position: 0 -44px; height: 42px; }
#menu a.codes { background-position: 0 -88px; height: 53px; }
#menu a.contact { background-position: 0 -141px; height: 42px; }
#menu a.tellafriend { background-position: 0 -186px; height: 82px; }
#menu a.merch { background-position: 0 -274px; height: 42px; }

#community {
   margin: 0 auto;
   width: 534px;
}

#community a {
   background-image: url(../images/community.jpg);
   background-repeat: no-repeat;
   display: block;
   float: left;
   height: 32px;
   max-height: 32px;
   padding: 0;
   margin: 0;
   margin-right: 10px;
   overflow: hidden;
   text-indent: -9999px;
   font-size: 0px;
   line-height: 0px;
}

#community a.myspace { background-position: -4px 0; width: 84px; }
#community a.facebook { background-position: -97px 0; width: 78px; }
#community a.twitter { background-position: -186px 0; width: 76px; }
#community a.itunes { background-position: -273px 0; width: 76px; }
#community a.website { background-position: -358px 0; margin-right: 0; width: 176px; }

#mp3message {
   margin: 20px auto;
   width: 500px;
}

#mp3message span.green_text {
   background-image: url(../images/green_bg.png);
   border: 0;
   color: #fff;
   float: left;
   font-weight: bold;
   font-size: 18px;
   height: 23px;
   letter-spacing: -1px;
   line-height: 23px;
   margin: 0;
   max-height: 43px;
   padding: 10px 0;
   text-align: center;
   width: 478px;
}

#mp3message span.green_text a {
   color: #fff;
   text-transform: uppercase;
}

#mp3message span.green_left {
   background-image: url(../images/green_left.png);
   display: block;
   float: left;
   height: 43px;
   width: 11px;
}

#mp3message span.green_right {
   background-image: url(../images/green_right.png);
   display: block;
   float: left;
   height: 43px;
   width: 11px;
}

.error {
   margin: 0 auto;
   width: 500px;
}

.error span.red_text {
   background-image: url(../images/red_bg.png);
   border: 0;
   color: #fff;
   float: left;
   font-size: 14px;
   height: 23px;
   line-height: 23px;
   margin: 0;
   max-height: 43px;
   padding: 10px 0;
   text-align: center;
   width: 478px;
}

.error span.red_left {
   background-image: url(../images/red_left.png);
   display: block;
   float: left;
   height: 43px;
   width: 11px;
}

.error span.red_right {
   background-image: url(../images/red_right.png);
   display: block;
   float: left;
   height: 43px;
   width: 11px;
}

.message {
   margin: 0 auto;
   width: 500px;
}

.message span.text {
   background-image: url(../images/input_bg.png);
   border: 0;
   color: #5e2b0e;
   float: left;
   font-size: 14px;
   height: 23px;
   line-height: 23px;
   margin: 0;
   max-height: 43px;
   padding: 10px 0;
   text-align: center;
   width: 478px
}

/* Form 2 */
#form {
   display: block;
   float: left;
   margin: 0 auto;
   margin-top: 20px;
   padding: 0;
   width: 500px;
}

#form ul {
   list-style-type: none;
   margin: 0 auto;
   padding: 0;
   width: 340px;
}

#form ul li {
   color: #fff;
   display: block;
   float: left;
   margin: 0;
   margin-bottom: 5px;
   padding: 0;
   width: 340px;
}

#form ul li label {
   float: left;
   font-size: 12px;
   line-height: 38px;
   margin: 0;
   padding: 0;
   width: 120px;
}

#form ul li div.message {
   margin: 0 auto;
   width: 225px;
}

#form ul li input {
   background-color: transparent;
   background-image: url(../images/input_bg.png);
   background-repeat: repeat-x;
   border: 0;
   color: #5e2b0e;
   float: left;
   height: 23px;
   line-height: 23px;
   margin: 0;
   max-height: 43px;
   padding: 10px 0;
   width: 195px;
}

#form ul li span.input_left, .message span.input_left {
   background-image: url(../images/input_left.png);
   display: block;
   float: left;
   height: 43px;
   width: 11px;
}

#form ul li span.input_right, .message span.input_right {
   background-image: url(../images/input_right.png);
   display: block;
   float: left;
   height: 43px;
   width: 11px;
}

#form ul li textarea {
   background-color: #fddd42;
   border: 0;
   color: #5e2b0e;
   float: left;
   height: 115px;
   line-height: 23px;
   margin: 0;
   margin-top: 4px;
   max-height: 135px;
   padding: 10px 0;
   width: 195px;
}

#form ul li span.textarea_left {
   background-image: url(../images/textarea_left.png);
   display: block;
   float: left;
   height: 143px;
   width: 11px;
}

#form ul li span.textarea_right {
   background-image: url(../images/textarea_right.png);
   display: block;
   float: left;
   height: 143px;
   width: 11px;
}

#form ul li.submit div {
   margin: 0 80px;
}

#form ul li.submit input {
   height: 43px;
   width: 158px;
}

#form ul li.submit div:hover span, #form ul li.submit div:hover input {
   cursor: pointer;
}

#form ul li label.checkboxLabel {
   color: #fff;
   float: left;
   line-height: 38px;
   margin-right: 10px;
   width: auto;
}

#form ul li input.checkbox {
   background-color: transparent;
   background-image: none;
   border: 0;
   float: left;
   height: 38px;
   margin-right: 10px;
   width: auto;
}

#form2 form ul li.submit input {
   margin: 0 120px;
   width: 80px;
}

.post {
   float: left;
   margin: 0 auto;
   width: 508px;
}

.post .top {
   background-image: url(../images/post_top.png);
   height: 31px;
   width: 508px;
}

.post .bot {
   background-image: url(../images/post_bot.png);
   height: 31px;
   width: 508px;
}

.post .main {
   background-image: url(../images/post_bg.png);
   color: #5e2b0e;
   max-width: 508px;
   padding: 0 20px;
   width: 468px;
}

.post a {
   color: #86581b;
   text-decoration: underline;
}

.post a:hover {
   text-decoration: none;
}

.post .main .title {
   font-size: 30px;
   font-weight: bold;
}

.post .main .date {
   color: #86581b;
   font-size: 14px;
   font-style: italic;
}

.post .main .text {
   font-size: 16px;
}